img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /** * LRE Locations — Map Consent Overlay * * All visual properties use CSS custom properties so site builders * can override them from their theme or page-builder styles. * * @package Listapage\LRELocations * @since 1.0.0 */ /* ── Wrapper ─────────────────────────────────────────────── */ .lrel-consent-wrap { position: relative; } /* ── Overlay ─────────────────────────────────────────────── */ .lrel-consent-overlay { display: flex; align-items: center; justify-content: center; min-height: var(--lrel-consent-min-height, 300px); padding: var(--lrel-consent-padding, 2rem); background-color: var(--lrel-consent-bg, #f8f9fa); border: var(--lrel-consent-border, 1px solid #dee2e6); border-radius: var(--lrel-consent-radius, 8px); text-align: center; } .lrel-consent-inner { max-width: var(--lrel-consent-max-width, 420px); } /* ── Icon ────────────────────────────────────────────────── */ .lrel-consent-icon { display: block; width: 48px; height: 48px; margin: 0 auto 1rem; color: var(--lrel-consent-icon-color, #6c757d); } .lrel-consent-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } /* ── Message ─────────────────────────────────────────────── */ .lrel-consent-message { margin: 0 0 1.25rem; font-size: var(--lrel-consent-font-size, 0.9375rem); line-height: 1.5; color: var(--lrel-consent-text-color, #495057); } /* ── Buttons ─────────────────────────────────────────────── */ .lrel-consent-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; } .lrel-consent-btn { display: inline-block; padding: 0.5rem 1.25rem; font-size: var(--lrel-consent-btn-font-size, 0.875rem); font-weight: 500; line-height: 1.4; text-align: center; border-radius: var(--lrel-consent-btn-radius, 6px); cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease; border: 1px solid transparent; font-family: inherit; } .lrel-consent-btn:focus-visible { outline: 2px solid var(--lrel-consent-focus-color, #0d6efd); outline-offset: 2px; } /* Primary: "Show this map" */ .lrel-consent-once { background-color: var(--lrel-consent-btn-bg, #0d6efd); color: var(--lrel-consent-btn-color, #fff); border-color: var(--lrel-consent-btn-bg, #0d6efd); } .lrel-consent-once:hover { background-color: var(--lrel-consent-btn-hover-bg, #0b5ed7); border-color: var(--lrel-consent-btn-hover-bg, #0b5ed7); } /* Secondary: "Always show maps" */ .lrel-consent-always { background-color: transparent; color: var(--lrel-consent-btn-secondary-color, #495057); border-color: var(--lrel-consent-btn-secondary-border, #ced4da); } .lrel-consent-always:hover { background-color: var(--lrel-consent-btn-secondary-hover-bg, #e9ecef); border-color: var(--lrel-consent-btn-secondary-hover-border, #adb5bd); } /* ── Revealed state ──────────────────────────────────────── */ .lrel-consent-revealed .lrel-consent-overlay { display: none; } @layer bricks.reset, bricks.gutenberg, bricks.icons;body.brx-boxed{margin-left:auto;margin-right:auto}@layer bricks{:root{--bricks-vh:1vh;--bricks-transition:all 0.2s;--bricks-color-primary:#ffd64f;--bricks-color-secondary:#fc5778;--bricks-text-dark:#212121;--bricks-text-medium:#616161;--bricks-text-light:#9e9e9e;--bricks-text-info:#00b0f4;--bricks-text-success:#11b76b;--bricks-text-warning:#ffa100;--bricks-text-danger:#fa4362;--bricks-bg-info:#e5f3ff;--bricks-bg-success:#e6f6ed;--bricks-bg-warning:#fff2d7;--bricks-bg-danger:#ffe6ec;--bricks-bg-dark:#263238;--bricks-bg-light:#f5f6f7;--bricks-border-color:#dddedf;--bricks-border-radius:4px;--bricks-tooltip-bg:#23282d;--bricks-tooltip-text:#eaecef}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}html{-webkit-text-size-adjust:100%;text-size-adjust:auto;line-height:1.15}body{margin:0}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.brxe-section{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.brxe-section{flex-wrap:wrap}}.brxe-section.has-bg-video{position:relative;z-index:1}.brxe-section.has-shape{position:relative}.brxe-section.bricks-lazy-hidden{background-image:none!important}.brxe-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:1100px}@media (max-width:767px){.brxe-container{flex-wrap:wrap}}.brxe-container.has-bg-video{position:relative;z-index:1}.brxe-container.has-shape{position:relative}.brxe-container.bricks-lazy-hidden{background-image:none!important}.brxe-block{align-items:flex-start;display:flex;flex-direction:column;width:100%}@media (max-width:767px){.brxe-block{flex-wrap:wrap}}.brxe-block.has-bg-video{position:relative;z-index:1}.brxe-block.has-shape{position:relative}.brxe-block.bricks-lazy-hidden{background-image:none!important}.brxe-div.has-bg-video{position:relative;z-index:1}.brxe-div.has-shape{position:relative}.brxe-div.bricks-lazy-hidden{background-image:none!important}[class*=brxe-]{max-width:100%}:where([class*=brxe-].has-shape>*){position:relative}svg:not([width]){min-width:1em}svg:not([height]){min-height:1em}svg.fill *{fill:inherit}svg.stroke *{stroke:inherit}span[class*=brxe-]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div){width:auto}.bricks-element-placeholder{align-items:stretch;background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;font-family:monospace;font-size:16px;font-weight:700;height:auto!important;line-height:1.4;max-width:100%!important;opacity:1!important;text-align:left;width:auto!important}.bricks-element-placeholder.no-php-class{padding:15px}.bricks-element-placeholder.no-php-class,.bricks-element-placeholder[data-type=error]{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}.bricks-element-placeholder[data-type=error] .placeholder-title{color:var(--bricks-text-danger)}.bricks-element-placeholder[data-type=error] i{background-color:var(--bricks-text-danger)}.bricks-element-placeholder i{align-items:center;background-color:var(--bricks-text-info);color:#fff;display:flex!important;flex-direction:column;font-size:30px!important;justify-content:center;min-height:60px;min-width:80px;padding:0 15px}.bricks-element-placeholder a{text-decoration:underline}.bricks-element-placeholder .placeholder-inner{display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.bricks-element-placeholder .placeholder-title{align-items:center;color:var(--bricks-text-info);display:flex;font-size:17px;margin:0}.bricks-element-placeholder .placeholder-description{font-size:14px;margin-top:.5em}#brx-footer{background-position:50%;background-size:cover;flex-shrink:0;margin-top:auto;position:relative;width:100%}body.admin-bar .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder){height:calc(var(--bricks-vh, 1vh)*100 - var(--wp-admin--admin-bar--height, 0));top:var(--wp-admin--admin-bar--height,0)}.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder){align-items:center;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);justify-content:center;left:0;position:fixed!important;top:0;width:100%;z-index:10000}.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) .brx-popup-backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;transition:all 1s ease-in-out;visibility:visible}.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).builder{z-index:999}.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).hide{opacity:0;pointer-events:none;visibility:hidden}.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder).hide .brx-popup-backdrop{opacity:0;visibility:hidden}.brx-infobox-popup-builder{--brx-info-box-width:300px;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)!important;width:var(--brx-info-box-width)}.brx-popup-content{background-color:#fff;margin:0;max-width:100%;overflow-y:auto;padding:30px;z-index:1}.brx-popup-content.brxe-container{flex-wrap:nowrap}.brx-popup-content.brx-woo-quick-view{width:auto}html{font-size:62.5%}*,:after,:before,html{box-sizing:border-box}:after,:before{outline:none}*{border-color:var(--bricks-border-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-position:50%;color:#363636;font-family:-apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:1.7;transition:var(--bricks-transition);transition:padding-top 0s}body.no-scroll{overflow:hidden}body.brx-boxed{margin:0 auto;min-height:100vh}.brx-body{display:flex;flex-direction:column;margin:0 auto;width:100%}:where(a){border-color:currentcolor;color:currentcolor;cursor:pointer;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;text-rendering:optimizelegibility}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:currentcolor}h1{font-size:2.4em}h1,h2{line-height:1.4}h2{font-size:2.1em}h3{font-size:1.8em}h3,h4{line-height:1.4}h4{font-size:1.6em}h5{font-size:1.3em}h5,h6{line-height:1.4}h6{font-size:1.1em}:where(p){margin-block:0 1.2em}:where(p:last-of-type){margin-block-end:0}:where(p:last-of-type)+h1,:where(p:last-of-type)+h2,:where(p:last-of-type)+h3,:where(p:last-of-type)+h4,:where(p:last-of-type)+h5,:where(p:last-of-type)+h6{margin-block:1.2em 0}figcaption{color:var(--bricks-text-light);font-size:.9em;margin:1em 0;text-align:center}img{height:auto;max-width:100%;outline:none;vertical-align:middle}.bricks-lazy-hidden.wait,.bricks-lazy-load-isotope.wait{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L3N2Zz4=")!important;background-position:50% 50%;background-repeat:no-repeat;background-size:32px;filter:brightness(.5);transition:all 0s}audio,iframe{max-width:100%}button{border:none;cursor:pointer;outline:none;padding:0}blockquote{border-left-style:solid;border-left-width:4px;font-family:georgia,Times New Roman,times,serif;font-size:1.3em;margin:15px 0;padding:0 0 0 30px;position:relative}blockquote cite{display:block;font-size:.8em;font-style:normal;margin-top:.5em;opacity:.5;text-transform:uppercase}hr{border:none;border-top:1px solid var(--bricks-border-color);margin:1em 0}pre{background-color:var(--bricks-bg-light);color:#fc1f49;font-family:monospace;font-size:13px;margin:0;padding:10px 15px;white-space:pre-wrap}table{width:100%}table[class*=brxe-]{display:table}label{color:var(--bricks-text-light);display:block;font-weight:400;margin-bottom:5px}button,input,optgroup,select,textarea{font-family:inherit;text-align:inherit}.input,input:not([type=submit]),select,textarea{border-style:solid;border-width:1px;box-shadow:none;color:currentcolor;font-size:inherit;line-height:40px;outline:none;padding:0 12px;transition:var(--bricks-transition);width:100%}input[type=range]{border:none;height:auto;line-height:1;padding:0}input[type=button],input[type=checkbox],input[type=radio]{width:auto}input[type=checkbox],input[type=radio],input[type=submit],select{cursor:pointer}select{-webkit-appearance:none;appearance:none;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:0}textarea{height:auto;line-height:inherit!important;min-height:90px;padding:10px 12px}::placeholder{color:var(--bricks-text-light)}.skip-link{clip:rect(1px,1px,1px,1px);background:#000;border-bottom-right-radius:8px;color:#fff;font-weight:700;height:1px;left:0;overflow:hidden;padding:5px 10px;position:absolute;top:0;transition:transform .1s;white-space:nowrap;width:1px;z-index:9999}.skip-link:focus{clip:auto;height:auto;overflow:visible;width:auto}body.bricks-is-frontend :focus-visible{outline:auto}@supports not selector(:focus-visible){body.bricks-is-frontend :focus{outline:auto}}.bricks-archive-title-wrapper{margin:60px auto;text-align:center}.bricks-archive-title-wrapper .title{margin:0}.brx-has-megamenu.open .brx-megamenu{opacity:1;visibility:visible}.brx-has-megamenu:not(.open) .brx-megamenu{pointer-events:none}.brx-megamenu{left:0;opacity:0;position:absolute;transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;visibility:hidden;width:100%;z-index:998}.brx-megamenu:not(.brx-submenu-positioned){display:none!important}.brx-has-multilevel .open>ul,.brx-has-multilevel.open>ul{opacity:1;transform:translate(0);visibility:visible}.brx-has-multilevel .open.active,.brx-has-multilevel .open.active>ul>li,.brx-has-multilevel.open.active,.brx-has-multilevel.open.active>ul>li{display:flex}.brx-has-multilevel .menu-item a{width:100%}.brx-has-multilevel .open:not(.active)>.brx-submenu-toggle{display:none}.brx-has-multilevel>ul ul{transform:translate(20px);transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-has-multilevel ul:not(.brx-multilevel-overflow-right){left:0!important}.brx-has-multilevel ul .active>.brx-submenu-toggle,.brx-has-multilevel ul li:not(.open){display:none}.brx-submenu-toggle{align-items:center;cursor:pointer;display:flex}.brx-submenu-toggle.icon-right button{margin-left:10px}.brx-submenu-toggle.icon-left{flex-direction:row-reverse}.brx-submenu-toggle.icon-left button{margin-right:10px}.brx-submenu-toggle button,.brx-submenu-toggle button>*{align-items:center;background-color:transparent;color:currentcolor;display:flex;transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-multilevel-overflow-right,.brx-multilevel-overflow-right ul,.brx-submenu-overflow-right{left:auto!important;right:0!important}.brx-sub-submenu-overflow-right,.brx-sub-submenu-overflow-right ul,.brx-submenu-overflow-right ul{left:auto!important;right:100%!important}.media-frame select.attachment-filters:last-of-type{max-width:100%!important;width:auto!important}#brx-content{flex:1;position:relative;width:100%}#brx-content .post-password-form{margin:0 auto}#brx-content .post-password-form p:last-child{align-items:flex-end;column-gap:10px;display:flex}#brx-content .post-password-form p:last-child label{flex:1;margin:0}#brx-content .post-password-form input[type=submit]{border-width:1px;display:inline-flex;padding:.5em 1em}#brx-content>.woocommerce{margin-left:auto;margin-right:auto}.bricks-layout-wrapper{--columns:3;--gutter:0px;display:flex;flex-flow:row wrap;list-style-type:none;margin:0;padding:0}.bricks-layout-wrapper:not(.bricks-masonry){width:100%}.bricks-layout-wrapper .meta{color:var(--bricks-text-light)}.bricks-layout-item{line-height:1.6;position:relative}.bricks-layout-item:last-child img{padding-bottom:0!important}.bricks-layout-item .content-wrapper,.bricks-layout-item .overlay-wrapper{align-items:baseline;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;left:0;position:relative;right:0;top:0;z-index:1}.bricks-layout-item .content-wrapper.top,.bricks-layout-item .overlay-wrapper.top{justify-content:flex-start}.bricks-layout-item .content-wrapper.middle,.bricks-layout-item .overlay-wrapper.middle{justify-content:center;margin-bottom:auto;margin-top:auto}.bricks-layout-item .content-wrapper.bottom,.bricks-layout-item .overlay-wrapper.bottom{justify-content:flex-end}.bricks-layout-item .content-wrapper.left,.bricks-layout-item .overlay-wrapper.left{align-items:flex-start;text-align:left}.bricks-layout-item .content-wrapper.center,.bricks-layout-item .overlay-wrapper.center{align-items:center;text-align:center}.bricks-layout-item .content-wrapper.right,.bricks-layout-item .overlay-wrapper.right{align-items:flex-end;text-align:right}.bricks-layout-item .content-wrapper.center.middle,.bricks-layout-item .overlay-wrapper.center.middle{margin-bottom:auto;margin-top:auto}.bricks-layout-item .overlay-wrapper{position:absolute!important;z-index:2}.bricks-layout-item .overlay-wrapper.show-on-hover{opacity:0;position:relative;transition:var(--bricks-transition)}.bricks-layout-item .overlay-wrapper.show-on-hover:hover{opacity:1}.bricks-layout-item .overlay-wrapper.show-on-hover .overlay-inner{transition:var(--bricks-transition);will-change:transform}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner{transform:translateY(10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right .overlay-inner{transform:translateX(-10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-right:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down .overlay-inner{transform:translateY(-10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-down:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left .overlay-inner{transform:translateX(10px)}.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-left:hover .overlay-inner{transform:translateY(0)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in .overlay-inner{transform:scale(.8)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-in:hover .overlay-inner{transform:scale(1)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out .overlay-inner{transform:scale(1.2)}.bricks-layout-item .overlay-wrapper.show-on-hover.zoom-out:hover .overlay-inner{transform:scale(1)}.bricks-layout-item .dynamic{margin:0;padding:0}.bricks-layout-item .meta{width:100%}.bricks-layout-item .meta span:first-child{padding:0}.bricks-layout-item .meta span+span{padding:0 5px}.bricks-layout-item .meta span+span:before{content:" ·";left:-5px;position:relative}.bricks-layout-item .excerpt{margin-top:.5em}.bricks-layout-item .taxonomy{margin:0 -5px}.bricks-layout-item .taxonomy a{display:inline-block;line-height:2;margin:0 5px}.bricks-layout-item .bricks-layout-inner{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:relative;right:0;top:0}li.bricks-gutter-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden;width:var(--gutter)!important}.bricks-layout-wrapper .image-wrapper{position:relative}.bricks-layout-wrapper .image-wrapper .overlay-wrapper{height:inherit}.bricks-layout-wrapper .image{aspect-ratio:1/1;object-fit:cover;position:relative}.bricks-layout-wrapper a{color:currentcolor}.bricks-layout-wrapper[data-layout=list]>li.bricks-layout-item{margin-bottom:var(--gutter);width:100%}.bricks-layout-wrapper[data-layout=list]>li.bricks-layout-item:last-child{margin-bottom:0}.bricks-layout-wrapper[data-layout=list] .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=list] .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-top .bricks-layout-inner{flex-direction:row-reverse}.bricks-layout-wrapper[data-layout=list].image-position-top .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-right .bricks-layout-inner{flex-direction:row-reverse!important}.bricks-layout-wrapper[data-layout=list].image-position-right .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-left .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=list].image-position-left .bricks-layout-inner>*{flex-basis:50%}.bricks-layout-wrapper[data-layout=list].image-position-bottom .bricks-layout-inner{flex-direction:column-reverse}.bricks-layout-wrapper[data-layout=list].alternate li:nth-child(2n) .bricks-layout-inner{flex-direction:row-reverse!important}.bricks-layout-wrapper[data-layout=list].alternate.image-position-right li:nth-child(odd) .bricks-layout-inner{flex-direction:row-reverse}.bricks-layout-wrapper[data-layout=list].alternate.image-position-right li:nth-child(2n) .bricks-layout-inner{flex-direction:row}.bricks-layout-wrapper[data-layout=grid]:not(.isotope){display:grid;gap:var(--gutter);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.bricks-layout-wrapper[data-layout=grid].isotope>li:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-layout-wrapper[data-layout=grid]>li.bricks-layout-item,.bricks-layout-wrapper[data-layout=grid]>li.bricks-layout-item>a{display:grid}.bricks-masonry{--columns:3;--gutter:10px;display:flex;flex-flow:row wrap;position:relative}.bricks-masonry>:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-is-frontend .bricks-layout-wrapper.isotope{transition:opacity .3s ease-in-out}.bricks-is-frontend .bricks-layout-wrapper.isotope.isotope-before-init{opacity:0}.bricks-layout-wrapper[data-layout=masonry]>li:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}.bricks-layout-wrapper[data-layout=masonry] .image{aspect-ratio:unset!important;display:inline-block;position:relative!important}.bricks-layout-wrapper[data-layout=masonry] .bricks-layout-inner{height:auto!important}.bricks-layout-wrapper[data-layout=metro]:not(.isotope){display:grid;gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr))}.bricks-layout-wrapper[data-layout=metro]:not(.isotope)>li:nth-child(3n+1){grid-column:span 2;grid-row:span 2}.bricks-layout-wrapper[data-layout=metro].isotope{--columns:4}.bricks-layout-wrapper[data-layout=metro].isotope>li.bricks-layout-item{margin-bottom:var(--gutter)}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer){width:50%;width:calc(50% - var(--gutter)/2)}@media (max-width:478px){.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer){width:100%}}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer) img{height:100%}.bricks-layout-wrapper[data-layout=metro].isotope>li:nth-child(3n+1):not(.bricks-isotope-sizer) .title{font-size:calc(1em + 1.5vmin)}.bricks-layout-wrapper[data-layout=metro].isotope>li{width:25%;width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/var(--columns))}@media (max-width:767px){.bricks-layout-wrapper[data-layout=metro].isotope>li{width:calc(50% - var(--gutter)/2)}}@media (max-width:478px){.bricks-layout-wrapper[data-layout=metro].isotope>li{width:100%}}.bricks-layout-wrapper[data-layout=metro] img{height:100%}.bricks-layout-wrapper[data-layout=metro] .image-wrapper{aspect-ratio:1/1}.bricks-layout-wrapper[data-layout=metro] .content-wrapper{position:absolute}#brx-header{background-position:50%;background-size:cover;position:relative;width:100%}#brx-header.transparent{background:transparent;border:none;box-shadow:none;color:#fff}#brx-header.brx-sticky{left:0;position:fixed;right:0;top:0;transition:background-color .2s,transform .4s;width:100%;z-index:998}#brx-header.brx-sticky.on-scroll{position:sticky}#brx-header.brx-sticky .bricks-nav-menu>li>a,#brx-header.brx-sticky>.brxe-block,#brx-header.brx-sticky>.brxe-container,#brx-header.brx-sticky>.brxe-div,#brx-header.brx-sticky>.brxe-section{transition:inherit}#brx-header.brx-sticky.slide-up:not(:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open)){-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none;transform:translateY(-101%)}#brx-header.brx-sticky.slide-up::-webkit-scrollbar{display:none}#brx-header.brx-sticky.sliding{overflow:hidden}#brx-header.brx-sticky:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open){transition:none}.brx-header-right #brx-header{bottom:0;display:flex;position:fixed;right:0;top:0;width:200px;z-index:998}.brx-header-right #brx-header>.brxe-container,.brx-header-right #brx-header>.brxe-div,.brx-header-right #brx-header>.brxe-section{height:100%}.brx-header-right #brx-content,.brx-header-right #brx-footer{margin-right:200px;width:auto}.brx-header-left #brx-header{bottom:0;display:flex;left:0;position:fixed;top:0;width:200px;z-index:998}.brx-header-left #brx-header>.brxe-container,.brx-header-left #brx-header>.brxe-div,.brx-header-left #brx-header>.brxe-section{height:100%}.brx-header-left #brx-content,.brx-header-left #brx-footer{margin-left:200px;width:auto}.bricks-search-form{align-items:stretch;display:flex!important;justify-content:space-between;position:relative;width:100%}.bricks-search-form label{align-self:center;margin-inline-end:10px}.bricks-search-form input[type=search]{background-color:inherit;color:currentcolor;display:inline-block;max-width:100%;padding:0 20px;width:auto}.bricks-search-form button{align-items:center;display:flex;justify-content:center;position:relative;white-space:nowrap}.bricks-search-form input{line-height:40px;width:100%}.bricks-shape-divider{bottom:0;display:flex;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute!important;right:0;top:0;width:100%}.bricks-shape-divider .bricks-shape-divider-inner{align-items:inherit;height:100%;justify-content:inherit;position:absolute;width:100%}.bricks-shape-divider .bricks-shape-divider-inner svg{height:100%;min-height:unset;min-width:unset;position:relative;width:100%}.bricks-shape-divider .bricks-shape-divider-inner svg g,.bricks-shape-divider .bricks-shape-divider-inner svg path{fill:inherit}.bricks-shape-divider.front{z-index:2}.bricks-shape-divider.flip-horizontal svg{transform:rotateX(180deg)}.bricks-shape-divider.flip-vertical svg{transform:rotateY(180deg)}.bricks-shape-divider.flip-horizontal.flip-vertical svg{transform:rotateX(180deg) rotateY(180deg)}.bricks-shape-divider.overflow{overflow:visible}.bricks-button{align-items:center;border-width:0;display:inline-flex;gap:10px;justify-content:center;letter-spacing:.5px;padding:.5em 1em;text-align:center}.bricks-button.bricks-background-muted{color:var(--bricks-text-medium)}.bricks-button.bricks-background-danger,.bricks-button.bricks-background-dark,.bricks-button.bricks-background-info,.bricks-button.bricks-background-secondary,.bricks-button.bricks-background-success,.bricks-button.bricks-background-warning{color:#fff}.bricks-button.sm{font-size:.9em;padding:.4em 1em}.bricks-button.lg{font-size:1.1em;padding:.6em 1em}.bricks-button.xl{font-size:1.2em;padding:.8em 1em}.bricks-button.block{width:100%}.bricks-button.circle{border-radius:100px!important}.bricks-button.outline{background-color:transparent;border:2px solid}.bricks-button i{position:relative}body.bricks-is-frontend.admin-bar #brx-header.brx-sticky,body.bricks-is-frontend.admin-bar.brx-header-left #brx-header,body.bricks-is-frontend.admin-bar.brx-header-right #brx-header{top:var(--wp-admin--admin-bar--height)}.bricks-lightbox a{cursor:zoom-in}.bricks-background-video-wrapper{background-size:cover;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute!important;top:0;width:100%;z-index:-1}.bricks-background-video-wrapper iframe,.bricks-background-video-wrapper video{border:none;height:inherit;left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit}.bricks-background-video-wrapper iframe[poster],.bricks-background-video-wrapper video[poster]{object-fit:cover}.bricks-background-video-wrapper .bricks-video-poster-image{height:inherit;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit;z-index:1}.post-meta{align-items:center;display:inline-flex;gap:20px}.post-meta.column{align-items:unset;flex-direction:column}.post-meta .separator{display:inline-block;text-align:center}.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.screen-reader-text span:focus,.screen-reader-text:focus,.ui-helper-hidden-accessible:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.bricks-pagination ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style-type:none;margin:0;padding:0}.bricks-pagination ul .page-numbers{display:grid;height:100%;place-items:center}.brx-load-more-hidden,.brx-query-trail:not(.bricks-isotope-sizer){display:none!important}.bricks-isotope-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden}[data-brx-ls-wrapper]{transition:opacity .3s ease-in-out}[data-brx-ls-wrapper]:not(.brx-ls-active){display:none!important}.brx-filter-disabled label:not(.brx-option-disabled),.page-filtered label:not(.brx-option-disabled){opacity:.5}.brx-filter-disabled,.page-filtered{pointer-events:none}.brx-option-disabled,.brx-option-disabled:disabled{opacity:.5;pointer-events:none}.brx-no-active-filter,.brx-option-disabled.brx-option-empty,.brx-option-hidden{display:none}.bricks-no-posts-wrapper{text-align:center}.bricks-no-posts-wrapper .title{margin-bottom:30px}.bricks-no-posts-wrapper p{margin-bottom:1em}.bricks-no-posts-wrapper a{font-weight:700}.search-no-results .bricks-no-posts-wrapper{text-align:initial}.aligncenter{display:block;margin:.5em auto}.alignright{float:right;margin:.5em 0 .5em 1em}.alignleft{float:left;margin:.5em 1em .5em 0}a img.alignright{float:right;margin:.5em 0 .5em 1em}a img.alignleft{float:left;margin:.5em 1em .5em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:.5em 1em .5em 0}.wp-caption.alignright{margin:.5em 0 .5em 1em}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.wp-block-image,.wp-block-video,figure[class^=wp-block-]{margin:1em 0}.wp-block-calendar,.wp-block-image:not(.wp-block-gallery .wp-block-image),figure[class^=wp-block-]:not(.wp-block-gallery figure):not([class^=align]){width:100%}#wp-calendar caption{margin-bottom:1em;text-align:inherit}#wp-calendar tbody{text-align:center}#wp-calendar tbody td{width:30px}#wp-calendar tbody a{font-weight:700}#wp-calendar tfoot{opacity:.5}#wp-calendar tfoot #prev{text-align:left}#wp-calendar tfoot #next{text-align:right}.gallery{display:flex;flex-flow:row wrap;margin:0 -10px}.gallery.gallery-columns-1 .gallery-item{flex:1 1 100%;max-width:100%}.gallery.gallery-columns-2 .gallery-item{flex:1 1 50%;max-width:50%}.gallery.gallery-columns-3 .gallery-item{flex:1 1 33.333%;max-width:33.333%}.gallery.gallery-columns-4 .gallery-item{flex:1 1 25%;max-width:25%}.gallery.gallery-columns-5 .gallery-item{flex:1 1 20%;max-width:20%}.gallery.gallery-columns-6 .gallery-item{flex:1 1 16.666%;max-width:16.666%}.gallery.gallery-columns-7 .gallery-item{flex:1 1 14.285%;max-width:14.285%}.gallery.gallery-columns-8 .gallery-item{flex:1 1 12.5%;max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{flex:1 1 11.111%;max-width:11.111%}.gallery.gallery-columns-10 .gallery-item{flex:1 1 10%;max-width:10%}.gallery .gallery-item{flex:1;margin:0;padding:0 10px 20px}.gallery .gallery-item img{width:100%}.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.wp-block-image figure{width:auto}.alignfull,.wp-block-categories-list.alignfull{left:50%;margin-left:-50vw;margin-right:-50vw;max-width:calc(100vw - .5em);position:relative;right:50%;width:100vw}.alignwide{margin-left:-10%;max-width:120%;position:relative;width:120%}@media (max-width:1320px){.alignwide{margin-left:auto;width:100%}}.aligncenter img{margin-left:auto;margin-right:auto}.aligncenter a,.aligncenter img{display:block}.bricks-color-primary{color:var(--bricks-color-primary)}.bricks-color-secondary{color:var(--bricks-color-secondary)}.bricks-color-light{color:#fff}.bricks-color-dark{color:var(--bricks-text-dark)}.bricks-color-muted{color:var(--bricks-text-light)}.bricks-color-info{color:var(--bricks-text-info)}.bricks-color-success{color:var(--bricks-text-success)}.bricks-color-warning{color:var(--bricks-text-warning)}.bricks-color-danger{color:var(--bricks-text-danger)}.bricks-background-primary{background-color:var(--bricks-color-primary)}.bricks-background-secondary{background-color:var(--bricks-color-secondary)}.bricks-background-light{background-color:#fff}.bricks-background-dark{background-color:var(--bricks-bg-dark)}.bricks-background-muted{background-color:var(--bricks-text-light)}.bricks-background-info{background-color:var(--bricks-text-info)}.bricks-background-success{background-color:var(--bricks-text-success)}.bricks-background-warning{background-color:var(--bricks-text-warning)}.bricks-background-danger{background-color:var(--bricks-text-danger)}} body .tox.tox-silver-sink.tox-tinymce-aux, body .tox.tox-tinymce-aux, body .tox-shadowhost { z-index: 10001; } @font-face{font-family:"Libre Baskerville";font-weight:400;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/libre-baskerville-v24-latin-regular.woff2) format("woff2");}@font-face{font-family:"Libre Baskerville";font-weight:500;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/libre-baskerville-v24-latin-500.woff2) format("woff2");}@font-face{font-family:"Libre Baskerville";font-weight:600;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/libre-baskerville-v24-latin-600.woff2) format("woff2");}@font-face{font-family:"Libre Baskerville";font-weight:700;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/libre-baskerville-v24-latin-700.woff2) format("woff2");} @font-face{font-family:"Mona Sans Static";font-weight:300;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-300.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:400;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-regular.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:700;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-700.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:800;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-800.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:900;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-900.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:300;font-style:italic;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-300italic.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:500;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-500.woff2) format("woff2");}@font-face{font-family:"Mona Sans Static";font-weight:400;font-style:italic;font-display:swap;src:url(https://otterystmarychurch.org/wp-content/uploads/mona-sans-v4-latin-italic.woff2) format("woff2");} /*# sourceURL=bricks-frontend-inline-css */ /* Theme Name: Bricks Child Theme Theme URI: https://bricksbuilder.io/ Description: Use this child theme to extend Bricks. Author: Bricks Author URI: https://bricksbuilder.io/ Template: bricks Version: 1.1 Text Domain: bricks */ /* ========== GLOBAL CUSTOM CSS ========== */ /* ------- Remove default gap around text link element ------- */ .brxe-text-link { gap: 0; } /* Remove link styling applied by browsers to phone numbers and numbers that it thinks are phone numbers */ a[href^=tel] { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: inherit; } /* ------- Set the keyboard focus colour for skip links due to the dark header ------- */ .skip-link { --focus-colour: var(--focus-colour-light); } /* ------- Set styling in rich text elements and shortcodes as we have more control than Bricks ------- */ /* Set list item marker and indent */ body .brxe-text ul li, body .brxe-post-content:not([data-source="bricks"]) ul li, .brxe-shortcode ul li { list-style-type: '◉'; padding-inline-start: 1rem; } /* Set marker colour and size */ body .brxe-text ul li::marker, body .brxe-post-content:not([data-source="bricks"]) ul li::marker, .brxe-shortcode ul li::marker { color: currentColor; font-size: 1.5rem; } /* Set padding around each list */ body .brxe-text ul, body .brxe-post-content:not([data-source="bricks"]) ul, .brxe-shortcode ul { padding: 0 0 0 14px; line-height: var(--text-m-lh); } /* Set space before a list if preceded by something */ body .brxe-text * + :is(ul, ol), body .brxe-post-content:not([data-source="bricks"]) * + :is(ul, ol) { margin-block-start: var(--content-gap); } /* Set space before a list item if preceded by a list item */ body .brxe-text li + li, body .brxe-post-content:not([data-source="bricks"]) li + li { margin-block-start: calc(var(--content-gap) / 1.5); } /* Set space before a paragraph if preceded by another paragraph or by a list */ body .brxe-text :is(p, ul) + p, body .brxe-post-content:not([data-source="bricks"]) :is(p, ul) + p { margin-block-start: var(--content-gap); } /* Set space before headings when following something other than another heading */ body .brxe-text :not(h2, h3, h4, h5, h6) + :is(h2, h3, h4, h5, h6), body .brxe-post-content:not([data-source="bricks"]) :not(h2, h3, h4, h5, h6) + :is(h2, h3, h4, h5, h6) { margin-block-start: var(--content-gap); } /* Set space before an item that is not a heading or image if preceded by a heading */ body .brxe-text :is(h2, h3, h4, h5, h6) + :not(h2, h3, h4, h5, h6, figure), body .brxe-post-content:not([data-source="bricks"]) :is(h2, h3, h4, h5, h6) + :not(h2, h3, h4, h5, h6, figure) { margin-block-start: var(--content-gap); } /* Set space before a heading when preceded by a heading */ body .brxe-text :is(h2, h3, h4, h5, h6) + :is(h2, h3, h4, h5, h6), body .brxe-post-content:not([data-source="bricks"]) :is(h2, h3, h4, h5, h6) + :is(h2, h3, h4, h5, h6) { margin-block-start: var(--content-gap); } /* Set spacing before an image if preceded by something */ body .brxe-text * + figure, body .brxe-post-content:not([data-source="bricks"]) * + figure { margin-block-start: var(--content-gap); } /* ------- Set text link styling as we have more control than Bricks ------- */ /* Default styling */ :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list a), :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(a.brxe-text-basic):not([class*="button"]), :where(.brxe-text-basic) a, :where(.brxe-post-comments) .comment-content a, :where(a.brxe-text-link):not([class*="button"], .menu-item a, .brx-nav-nested-items a, footer a) { color: var(--action-dark); font-weight: 500; text-decoration-line: var(--text-decoration-line); text-decoration-style: var(--text-decoration-style); text-underline-offset: var(--text-underline-offset); text-decoration-thickness: var(--text-decoration-thickness); white-space: nowrap; /* stop links wrapping onto next line */ } /* On hover */ :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list a:hover), :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(a.brxe-text-basic):not([class*="button"]):hover, :where(.brxe-text-basic) a:hover, :where(.brxe-post-comments) .comment-content a:hover, :where(a.brxe-text-link):not([class*="button"], .menu-item a, .brx-nav-nested-items a, footer a):hover { color: var(--action-ultra-dark); } /* ------- Set the line length of paragraphs and list items as can't be done in Bricks ------- */ body :where(.brxe-text ul li, .brxe-text, p.brxe-text-basic, .brxe-post-content:not([data-source="bricks"]) p) { max-inline-size: var(--text-m-ll); } /* ------- Set the line length of headings as can't be done in Bricks but avoiding accordion title ------- */ h1 { max-inline-size: var(--h1-ll); } h2:not(.accordion-title .title) { max-inline-size: var(--h2-ll); } h3:not(.accordion-title .title) { max-inline-size: var(--h3-ll); } h4:not(.accordion-title .title) { max-inline-size: var(--h4-ll); } h5:not(.accordion-title .title) { max-inline-size: var(--h5-ll); } h6:not(.accordion-title .title) { max-inline-size: var(--h6-ll); } /* ------- Add an external link image to the end of external text links to show they will open a new page ------- */ :where(.brxe-text, .brxe-text-basic, .brxe-text-link, .brxe-post-content:not([data-source="bricks"])) a:not([href*="otterystmarychurch"], [href^="#"], [href^="/"], [href^="~/"], [href^=tel])::after, a:not([href*="otterystmarychurch"], [href^="#"], [href^="/"], [href^="~/"], [href^=tel]).brxe-text-basic::after, a:not([href*="otterystmarychurch"], [href^="#"], [href^="/"], [href^="~/"], [href^=tel]).brxe-text-link:not([class*="button"])::after { content: var(--external-link-icon) / 'External link'; display: inline-block; -webkit-mask: var(--external-link-icon); mask: var(--external-link-icon); -webkit-mask-size: cover; mask-size: cover; background-color: currentColor; width: 10px; height: 10px; margin-inline: 0.3rem 0.2rem; transform: translateY(-0.05rem); line-height: 1; } /* ------- Set styling when a link has focus ------- */ /* Set default when any link has focus */ body.bricks-is-frontend :focus-visible { outline-offset: var(--focus-offset); } /* If focus-visible is not supported in a browser */ @supports not selector(:focus-visible) { body.bricks-is-frontend :focus { outline-style: solid; outline-color: var(--focus-colour); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } } /* ========== FLUENT FORM STYLING ========== */ /* make the required field indicator meet WCAG standards */ .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after { font-weight: 900; font-size: 1.5rem; } /* Set the style of field labels */ .frm-fluent-form label { color: var(--neutral-dark); font-size: var(--text-s); font-weight: 400; line-height: 1.5; margin-bottom: 0.5em; text-transform: none; padding: 0 0; } /* Set the style of form fields */ .ff-el-form-control { background-color: var(--white); border-radius: var(--radius); border-color: var(--neutral-dark); } /* Make submit buttons nearly full width so easier for people to click */ .ff-btn-submit { width: 90%; } /* Set the style of the submit and similar buttons */ .ff-btn-next, .ff-btn-prev, .ff-btn-submit { padding: var(--button-padding-block) var(--button-padding-inline); min-width: var(--button-min-width); color: var(--action-ultra-light); font-size: var(--text-m); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); line-height: var(--button-line-height); letter-spacing: var(--button-letter-spacing); text-decoration: var(--button-text-decoration); text-align: center; border-width: var(--button-border-width); border-style: var(--button-border-style); border-color: var(--action-dark); border-radius: var(--button-border-radius); background-color: var(--action-dark); display: inline-flex; justify-content: center; align-items: center; box-shadow: var(--button-box-shadow); transition: var(--button-transform-transition); transform: var(--button-transform-start); } .ff-btn-next:hover, .ff-btn-prev:hover, .ff-btn-submit:hover { background-color: var(--action-ultra-dark); color: var(--action-ultra-light); border-color: var(--action-ultra-dark); transform: var(--button-transform-end); } /* Add some space below the button on multi-step forms so shadow is visible */ .fluentform-step { padding-bottom: 2rem !important; } /* Set the progress bar background colour */ .ff-el-progress-bar { background-color: var(--primary-dark) !important; } /* Make the progress bar more readable */ .fluentform .ff-el-progress { font-size: 1.25rem !important; height: 2rem !important; } /* Add some padding to the percent complete figure */ .fluentform .ff-el-progress-bar span { padding: 3px 5px 0 0 !important; } /* Make the submit button on step forms align in the middle of its container */ .fluentform form.ff-form-has-steps .ff_submit_btn_wrapper { text-align: center !important; } /* Add some space above section breaks */ .ff-el-section-break { margin-top: 1rem; } /* Set the background colour of checkboxes and radio buttons when selected */ .frm-fluent-form input[type="radio"], .frm-fluent-form input[type="checkbox"] { accent-color: var(--action-dark); } /* ========== GDPR MAP CONSENT STYLING ========== */ /* Make it our container width and gap */ .lrel-consent-inner { max-width: unset; gap: var(--content-gap); display: flex; flex-direction: column; } /* Set the message to our font styling */ .lrel-consent-message { --lrel-consent-font-size: var(--text-m); --lrel-consent-text-color: var(--text-colour); } /* Set the once button to our styling */ .lrel-consent-once { --lrel-consent-btn-bg: var(--action-dark); --lrel-consent-btn-color: var(--action-ultra-light); } .lrel-consent-once:hover { --lrel-consent-btn-hover-bg: var(--action-ultra-dark); } /* Set general button styling to our styling */ .lrel-consent-btn { --lrel-consent-btn-font-size: var(--button-font-size); --lrel-consent-btn-radius: var(--button-border-radius); padding: var(--button-padding-block) var(--button-padding-inline); font-weight: var(--button-font-weight); transition: var(--button-transform-transition); transform: var(--button-transform-start); line-height: var(--button-line-height); border: var(--button-border-width) var(--button-border-style) var(--action-dark); box-shadow: var(--button-box-shadow); } .lrel-consent-btn:hover { transform: var(--button-transform-end); } /* Set gap between buttons */ .lrel-consent-actions { gap: var(--grid-gap); } /* Set secondary button styling to our styling */ .lrel-consent-always { --lrel-consent-btn-secondary-border: var(--action-dark); --lrel-consent-btn-secondary-color: var(--action-dark); --lrel-consent-btn-secondary-hover-bg: transparent; --lrel-consent-btn-secondary-hover-border: var(--action-ultra-dark); } /* ========== EVENT CALENDAR STYLING ========== */ /* Style all event text */ .lre-grid-event__time.lre-grid-event__time, .lre-grid-event__location.lre-grid-event__location, .lre-grid-event__title.lre-grid-event__title { color: var(--text-colour); font-size: var(--text-s); } /* Remove margin on event title */ .lre-grid-event__title.lre-grid-event__title { margin-top: 0; } /* Widen the event colour indicator */ .lre-grid-event.lre-grid-event { border-left: 5px solid var(--lre-event-accent); } /* Add more space between date items */ .fc-daygrid-day-events.fc-daygrid-day-events > :not(:last-child, :nth-last-child(2)) { margin-bottom: 1rem; } /* Remove margin below last day event */ .fc-daygrid-day-events.fc-daygrid-day-events > :nth-last-child(2) { margin-bottom: 0; } /* ======== SAVE TO CALENDAR BUTTON ======== */ /* Make it look and act like the site one */ .lre-atc-button { --lre-atc-bg: var(--action-dark) !important; --lre-atc-text: var(--action-ultra-light) !important; --lre-atc-border: var(--action-dark) !important; --lre-atc-accent: var(--action-ultra-dark) !important; --lre-atc-accent-hover: var(--action-ultra-dark) !important; --lre-atc-radius: var(--pill-radius) !important; --lre-atc-shadow: var(--box-shadow-dark) !important; padding: var(--button-padding-block) var(--button-padding-inline) !important; transition: var(--button-transform-transition) !important; transform: var(--button-transform-start); font-size: var(--button-font-size) !important; } .lre-atc-button:focus { outline: none; box-shadow: var(--box-shadow-dark) !important; } .lre-atc-button:hover { color: var(--action-ultra-light) !important; box-shadow: var(--box-shadow-dark) !important; transform: var(--button-transform-end) !important; }:root {--bricks-color-grey-100: #f5f5f5;--bricks-color-grey-300: #e0e0e0;--bricks-color-grey-500: #9e9e9e;--bricks-color-grey-700: #616161;--bricks-color-grey-800: #424242;--bricks-color-grey-900: #212121;--bricks-color-yellow: #ffeb3b;--bricks-color-amber: #ffc107;--bricks-color-orange: #ff9800;--bricks-color-deep-orange: #ff5722;--bricks-color-red: #f44336;--bricks-color-purple: #9c27b0;--bricks-color-blue: #2196f3;--bricks-color-light-blue: #03a9f4;--bricks-color-sky-blue: #81D4FA;--bricks-color-green: #4caf50;--bricks-color-light-green: #8bc34a;--bricks-color-lime: #cddc39;--black-trans-100: color-mix(in hsl, var(--black), transparent 100%);--black-trans-90: color-mix(in hsl, var(--black), transparent 90%);--black-trans-80: color-mix(in hsl, var(--black), transparent 80%);--black-trans-70: color-mix(in hsl, var(--black), transparent 70%);--black-trans-60: color-mix(in hsl, var(--black), transparent 60%);--black-trans-50: color-mix(in hsl, var(--black), transparent 50%);--black-trans-40: color-mix(in hsl, var(--black), transparent 40%);--black-trans-30: color-mix(in hsl, var(--black), transparent 30%);--black-trans-20: color-mix(in hsl, var(--black), transparent 20%);--black-trans-10: color-mix(in hsl, var(--black), transparent 10%);--white: hsl(0 0% 100%);--neutral-ultra-light: hsl(0 0% 87.5%);--neutral-light: hsl(0 0% 75%);--neutral-semi-light: hsl(0 0% 62.5%);--neutral: hsl(0 0% 50%);--neutral-semi-dark: hsl(0 0% 37.5%);--neutral-dark: hsl(0 0% 25%);--neutral-ultra-dark: hsl(0 0% 12.5%);--black: hsl(0 0% 0%);--action-ultra-light: hsl(215, 80%, 94.12%);--action-light: hsl(212.94, 83.61%, 88.04%);--action-dark: hsl(206.84, 52.05%, 28.63%);--action-ultra-dark: hsl(209.33, 43.69%, 20.2%);--primary-ultra-light: hsl(60, 3.45%, 98%);--primary-light: hsl(30, 3.45%, 93%);--primary-dark: hsl(25.71, 4.52%, 30.39%);--primary-ultra-dark: hsl(15, 4%, 19.61%);--accent-ultra-light: hsl(202.5, 22.22%, 92.94%);--accent-light: hsl(202.86, 23.6%, 82.55%);--accent-dark: hsl(203.81, 54.78%, 22.55%);--accent-ultra-dark: hsl(204, 55.56%, 10.59%);}:root {--container-width: 144rem;--content-gap: var(--space-s);--section-padding-inline: clamp(1.6rem, calc(4.21vw + 0.25rem), 6rem);--section-padding-block: clamp(4.8rem, calc(1.15vw + 4.43rem), 6rem);--grid-gap: var(--space-m);--container-gap: var(--space-l);--h1-lh: calc(8px + 2ex);--h2-lh: calc(8px + 2ex);--h3-lh: calc(6px + 2ex);--h4-lh: calc(6px + 2ex);--h5-lh: calc(4px + 2ex);--h6-lh: calc(4px + 2ex);--h1-ll: 35ch;--h2-ll: 35ch;--h3-ll: 45ch;--h4-ll: 45ch;--h5-ll: 45ch;--h6-ll: 45ch;--text-2xl-lh: calc(8px + 2ex);--text-xl-lh: calc(8px + 2ex);--text-l-lh: calc(8px + 2ex);--text-m-lh: calc(8px + 2ex);--text-s-lh: calc(6px + 2ex);--text-xs-lh: calc(6px + 2ex);--text-2xs-lh: calc(6px + 2ex);--text-2xs-ll: 75ch;--text-xs-ll: 75ch;--text-s-ll: 75ch;--text-m-ll: 75ch;--text-l-ll: 75ch;--text-xl-ll: 75ch;--text-2xl-ll: 75ch;--external-link-indicator-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") / 'External link';--external-link-indicator-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='hsl(0, 0%, 0%)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") / 'External link';--external-link-indicator-medium: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='grey' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") / 'External link';--radius: 0.5rem;--button-padding-inline: 1.5em;--button-padding-block: 0.75em;--button-min-width: 5rem;--button-font-size: var(--text-m);--button-font-weight: 700;--button-line-height: 1;--button-text-decoration: none;--button-border-width: 0.25rem;--button-border-style: solid;--button-border-radius: var(--pill-radius);--button-outline-border-width: 0.25rem;--button-transform-transition: transform 0.3s ease-in-out;--button-transform-start: scale(1);--button-transform-end: scale(1.03);--button-box-shadow: var(--box-shadow-dark);--card-border-radius: var(--radius);--card-box-shadow: var(--box-shadow-dark);--card-transform-transition: transform 0.35s ease-in-out;--card-transform-start: scale(1,1);--card-transform-end: scale(1.05,1.05);--text-underline-offset: 0.15em;--text-decoration-style: solid;--text-decoration-line: underline;--text-decoration-thickness: 1.5px;--focus-colour: var(--action-dark);--focus-offset: 0.15em;--focus-width: 3px;--box-shadow-light: 0 10px 20px -10px var(--neutral-light);--box-shadow-medium: 0 10px 20px -10px var(--neutral-dark);--box-shadow-dark: 0 10px 20px -10px var(--neutral-ultra-dark);--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-12: repeat(12, minmax(0, 1fr));--grid-auto-2: repeat(auto-fit, minmax(min(100%,max(30rem, calc((100% - var(--grid-gap)) / 2))), 1fr));--grid-auto-3: repeat(auto-fit, minmax(min(100%,max(30rem, calc((100% - var(--grid-gap) * 2) / 3))), 1fr));--grid-auto-4: repeat(auto-fit, minmax(min(100%,max(30rem, calc((100% - var(--grid-gap) * 3) / 4))), 1fr));--card-padding: var(--space-s);--card-gap: var(--space-s);--text-colour: var(--neutral-ultra-dark);--heading-colour: var(--neutral-ultra-dark);--space-2xs: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem);--space-xs: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem);--space-s: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem);--space-m: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem);--space-l: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem);--space-xl: clamp(4.26rem, calc(0.02305555555555556 * (100vw - 36rem) + 4.26rem), 6.75rem);--space-2xl: clamp(5.69rem, calc(0.04111111111111111 * (100vw - 36rem) + 5.69rem), 10.13rem);--pill-radius: 50px;--h6: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem);--h5: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem);--h4: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem);--h3: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem);--h2: clamp(2.4rem, calc(0.010555555555555556 * (100vw - 36rem) + 2.4rem), 3.54rem);--h1: clamp(2.88rem, calc(0.019629629629629632 * (100vw - 36rem) + 2.88rem), 5rem);--text-2xs: clamp(1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1rem), 1.2rem);--text-xs: clamp(1.1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.1rem), 1.3rem);--text-s: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem);--text-m: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem);--text-l: clamp(1.7rem, calc(0.006481481481481481 * (100vw - 36rem) + 1.7rem), 2.4rem);--text-xl: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem);--text-2xl: clamp(2.4rem, calc(0.01666666666666667 * (100vw - 36rem) + 2.4rem), 4.2rem);--focus-colour-light: var(--action-light);--external-link-icon: url("/wp-content/uploads/external-link.svg");} .brxe-section {row-gap: var(--container-gap); padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline)} .brxe-container {width: var(--container-width); row-gap: var(--content-gap)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} body {font-size: var(--text-m); line-height: var(--text-m-lh); font-weight: 400; font-style: normal; font-family: "Mona Sans Static"; color: var(--text-colour)} h1, h2, h3, h4, h5, h6 {color: var(--heading-colour); font-family: "Libre Baskerville"; font-weight: 700; font-style: normal} h1 {font-size: var(--h1); line-height: var(--h1-lh); letter-spacing: -1px} h2 {font-size: var(--h2); line-height: var(--h2-lh); letter-spacing: -0.75px} h3 {font-size: var(--h3); line-height: var(--h3-lh); letter-spacing: -0.5px} h4 {font-size: var(--h4); line-height: var(--h4-lh)} h5 {font-size: var(--h5); line-height: var(--h5-lh)} h6 {font-size: var(--h6); line-height: var(--h6-lh)} .bricks-type-hero {font-size: calc(var(--h1) * 1.2); line-height: var(--h1-lh); color: var(--white)} .bricks-type-lead {color: var(--white); font-family: "Libre Baskerville"; font-weight: 600} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--focus-colour)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--focus-colour); }}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure, blockquote {margin: 0;}ul, ol, blockquote, button {padding: 0;}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-nav-menu).dragging .bricks-mobile-menu-wrapper{display:none!important;pointer-events:none!important}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu{pointer-events:none}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu:not(.brx-submenu-positioned){display:none!important}:where(.brxe-nav-menu) ol,:where(.brxe-nav-menu) ul{list-style-type:none;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu{display:flex;line-height:inherit;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu>li{margin:0 0 0 30px}:where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before{content:"";height:100%;min-height:60px;position:absolute;top:100%;width:100%;z-index:1}:where(.brxe-nav-menu) .bricks-nav-menu>li>.sub-menu.caret:before{border:0 solid transparent;border-bottom:0 solid var(--bricks-bg-dark);content:"";height:0;left:0;position:absolute;top:0;transform:translateY(-100%);width:0}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click]:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click].open>.sub-menu.caret:before{display:block}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click] .sub-menu.caret:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu li{position:relative}:where(.brxe-nav-menu) .bricks-nav-menu li.open>.sub-menu{opacity:1;visibility:visible}:where(.brxe-nav-menu) .bricks-nav-menu li.open[data-static]>.sub-menu{display:block}:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a{display:flex;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static]{flex-direction:column}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static] .sub-menu{display:none;position:static!important;transform:none}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu{background-color:var(--bricks-bg-dark);color:#fff;line-height:60px;min-width:150px;opacity:0;position:absolute;top:100%;transition:var(--bricks-transition);visibility:hidden;white-space:nowrap;z-index:998}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li{border-style:none;position:relative;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a,:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button{color:currentcolor;padding:0 20px}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu .sub-menu{left:100%;padding-top:0;top:0}:where(.brxe-nav-menu) .bricks-nav-menu .brx-has-multilevel .sub-menu .brx-submenu-toggle{width:100%}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle{background-color:transparent;cursor:pointer;display:none;height:16px;min-width:12px;position:relative;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle.always{display:block}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span{min-width:12px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span{background-color:currentcolor;display:block;height:2px;position:absolute;right:0;transition:var(--bricks-transition)}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top{min-width:12px;top:0;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center{min-width:12px;top:7px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom{min-width:12px;top:14px;width:20px}.brx-body.iframe .bricks-mobile-menu-wrapper .sub-menu{display:block!important}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle{min-width:20px;width:20px;z-index:1000}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.fixed{position:fixed}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-top{top:50%;transform:rotate(45deg)}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-center{opacity:0}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom{top:50%;transform:rotate(-45deg)}.brxe-nav-menu.show-mobile-menu li.open>.brx-megamenu{display:initial;opacity:1;position:static;visibility:visible}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper{max-width:100vw;opacity:1!important;transform:translateX(0)!important;visibility:visible;z-index:999}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay{opacity:1;visibility:visible;z-index:998}.brxe-nav-menu .bricks-mobile-menu-wrapper{bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);left:0;position:fixed;right:auto;scrollbar-width:none;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:background-color,opacity,transform,visibility;visibility:hidden;width:300px;z-index:999}.brxe-nav-menu .bricks-mobile-menu-wrapper::-webkit-scrollbar{background:transparent;height:0;width:0}.brxe-nav-menu .bricks-mobile-menu-wrapper:before{background-color:#23282d;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.brxe-nav-menu .bricks-mobile-menu-wrapper.fade-in{opacity:0;transform:translateX(0)!important}.brxe-nav-menu .bricks-mobile-menu-wrapper.left{transform:translateX(-100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper.right{left:auto;right:0;transform:translateX(100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper a{display:block;width:100%}.brxe-nav-menu .bricks-mobile-menu-wrapper .brx-megamenu a{display:initial}.brxe-nav-menu .bricks-mobile-menu-wrapper li a{line-height:60px}.brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus{outline-offset:-1px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu{background:none!important;display:none;line-height:40px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>.brx-submenu-toggle>*,.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>a{padding:0 45px}.brxe-nav-menu .bricks-mobile-menu-wrapper li.open>.sub-menu{display:block}.brxe-nav-menu .bricks-mobile-menu-wrapper li.menu-item-has-children:hover:before{display:none}.brxe-nav-menu .bricks-mobile-menu{overflow-y:scroll;position:relative;scrollbar-width:none}.brxe-nav-menu .bricks-mobile-menu::-webkit-scrollbar{background:transparent;height:0;width:0}.brxe-nav-menu .bricks-mobile-menu>li>.brx-submenu-toggle>*,.brxe-nav-menu .bricks-mobile-menu>li>a{padding:0 30px}.brxe-nav-menu .bricks-mobile-menu .brx-megamenu{display:none}.brxe-nav-menu .bricks-mobile-menu-overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden;z-index:-1}li.menu-item-has-children [aria-expanded] .menu-item-icon{background-color:transparent;color:inherit;pointer-events:none;transition:inherit}li.menu-item-has-children [aria-expanded] .menu-item-icon i{position:relative;top:2px}li.menu-item-has-children [aria-expanded=false] .open{display:block}li.menu-item-has-children [aria-expanded=false] .close{display:none}li.menu-item-has-children [aria-expanded=true] .close{display:block}li.menu-item-has-children [aria-expanded=true] .open{display:none}}@layer bricks {.brxe-toggle{background-color:transparent;border:0;color:inherit;font:inherit;margin:0;overflow:visible;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.brxa-wrap{display:inline-block;height:24px;position:relative;width:40px}.brxa-inner{display:block;margin-top:-2px;top:50%}.brxa-inner,.brxa-inner:after,.brxa-inner:before{background-color:currentcolor;border-radius:4px;height:4px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:40px}.brxa-inner:after,.brxa-inner:before{content:"";display:block}.brxa-inner:before{top:-10px}.brxa-inner:after{bottom:-10px}.brxa--3dx-r .brxa-wrap{perspective:80px}.brxa--3dx-r .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dx-r .brxa-inner:after,.brxa--3dx-r .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dx-r.is-active .brxa-inner{background-color:transparent!important;transform:rotateY(-180deg)}.brxa--3dx-r.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dx-r.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brxa--3dx .brxa-wrap{perspective:80px}.brxa--3dx .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dx .brxa-inner:after,.brxa--3dx .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dx.is-active .brxa-inner{background-color:transparent!important;transform:rotateY(180deg)}.brxa--3dx.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dx.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brxa--3dy-r .brxa-wrap{perspective:80px}.brxa--3dy-r .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dy-r .brxa-inner:after,.brxa--3dy-r .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dy-r.is-active .brxa-inner{background-color:transparent!important;transform:rotateX(180deg)}.brxa--3dy-r.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dy-r.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brxa--3dy .brxa-wrap{perspective:80px}.brxa--3dy .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dy .brxa-inner:after,.brxa--3dy .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dy.is-active .brxa-inner{background-color:transparent!important;transform:rotateX(-180deg)}.brxa--3dy.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dy.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brxa--3dxy-r .brxa-wrap{perspective:80px}.brxa--3dxy-r .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dxy-r .brxa-inner:after,.brxa--3dxy-r .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dxy-r.is-active .brxa-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.brxa--3dxy-r.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dxy-r.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brxa--3dxy .brxa-wrap{perspective:80px}.brxa--3dxy .brxa-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dxy .brxa-inner:after,.brxa--3dxy .brxa-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.brxa--3dxy.is-active .brxa-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.brxa--3dxy.is-active .brxa-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--3dxy.is-active .brxa-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow-r .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow-r .brxa-inner:before,.brxa--arrow-r.is-active .brxa-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow-r .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow-r .brxa-inner:after,.brxa--arrow-r.is-active .brxa-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow .brxa-inner:before,.brxa--arrow.is-active .brxa-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow .brxa-inner:after,.brxa--arrow.is-active .brxa-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.brxa--arrowalt-r .brxa-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.brxa--arrowalt-r .brxa-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt-r .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt-r .brxa-inner:before,.brxa--arrowalt-r.is-active .brxa-inner:before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt-r .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt-r .brxa-inner:after,.brxa--arrowalt-r.is-active .brxa-inner:after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.brxa--arrowalt .brxa-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.brxa--arrowalt .brxa-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt .brxa-inner:before,.brxa--arrowalt.is-active .brxa-inner:before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt .brxa-inner:after,.brxa--arrowalt.is-active .brxa-inner:after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner,.brxa--arrowturn-r.is-active .brxa-inner{transform:rotate(-180deg)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner:before,.brxa--arrowturn-r.is-active .brxa-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner:after,.brxa--arrowturn-r.is-active .brxa-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner,.brxa--arrowturn.is-active .brxa-inner{transform:rotate(-180deg)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner:before,.brxa--arrowturn.is-active .brxa-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner:after,.brxa--arrowturn.is-active .brxa-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.brxa--boring .brxa-inner,.brxa--boring .brxa-inner:after,.brxa--boring .brxa-inner:before{transition-property:none}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner,.brxa--boring.is-active .brxa-inner{transform:rotate(45deg)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner:before,.brxa--boring.is-active .brxa-inner:before{opacity:0;top:0}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner:after,.brxa--boring.is-active .brxa-inner:after{bottom:0;transform:rotate(-90deg)}.brxa--collapse-r .brxa-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--collapse-r .brxa-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.brxa--collapse-r .brxa-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.brxa--collapse-r.is-active .brxa-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brxa--collapse-r.is-active .brxa-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.brxa--collapse-r.is-active .brxa-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.brxa--collapse .brxa-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--collapse .brxa-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.brxa--collapse .brxa-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.brxa--collapse.is-active .brxa-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brxa--collapse.is-active .brxa-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.brxa--collapse.is-active .brxa-inner:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.brxa--elastic-r .brxa-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.brxa--elastic-r .brxa-inner:before{top:10px;transition:opacity .125s ease .275s}.brxa--elastic-r .brxa-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.brxa--elastic-r.is-active .brxa-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.brxa--elastic-r.is-active .brxa-inner:before{opacity:0;transition-delay:0s}.brxa--elastic-r.is-active .brxa-inner:after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.brxa--elastic .brxa-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.brxa--elastic .brxa-inner:before{top:10px;transition:opacity .125s ease .275s}.brxa--elastic .brxa-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.brxa--elastic.is-active .brxa-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.brxa--elastic.is-active .brxa-inner:before{opacity:0;transition-delay:0s}.brxa--elastic.is-active .brxa-inner:after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.brxa--emphatic-r .brxa-inner{transition:background-color .125s ease-in .175s}.brxa--emphatic-r .brxa-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.brxa--emphatic-r .brxa-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.brxa--emphatic-r.is-active .brxa-inner{background-color:transparent!important;transition-delay:0s;transition-timing-function:ease-out}.brxa--emphatic-r.is-active .brxa-inner:before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.brxa--emphatic-r.is-active .brxa-inner:after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.brxa--emphatic .brxa-inner{transition:background-color .125s ease-in .175s}.brxa--emphatic .brxa-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.brxa--emphatic .brxa-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.brxa--emphatic.is-active .brxa-inner{background-color:transparent!important;transition-delay:0s;transition-timing-function:ease-out}.brxa--emphatic.is-active .brxa-inner:before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.brxa--emphatic.is-active .brxa-inner:after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.brxa--minus .brxa-inner:after,.brxa--minus .brxa-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner:after,.brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner:before,.brxa--minus.is-active .brxa-inner:after,.brxa--minus.is-active .brxa-inner:before{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner:before,.brxa--minus.is-active .brxa-inner:before{top:0}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner:after,.brxa--minus.is-active .brxa-inner:after{bottom:0}.brxa--slider-r .brxa-inner{top:2px}.brxa--slider-r .brxa-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.brxa--slider-r .brxa-inner:after{top:20px}.brxa--slider-r.is-active .brxa-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.brxa--slider-r.is-active .brxa-inner:before{opacity:0;transform:rotate(45deg) translate3d(5.7142857143px,-6px,0)}.brxa--slider-r.is-active .brxa-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.brxa--slider .brxa-inner{top:2px}.brxa--slider .brxa-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.brxa--slider .brxa-inner:after{top:20px}.brxa--slider.is-active .brxa-inner{transform:translate3d(0,10px,0) rotate(45deg)}.brxa--slider.is-active .brxa-inner:before{opacity:0;transform:rotate(-45deg) translate3d(-5.7142857143px,-6px,0)}.brxa--slider.is-active .brxa-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.brxa--spin-r .brxa-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--spin-r .brxa-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.brxa--spin-r .brxa-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.brxa--spin-r.is-active .brxa-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brxa--spin-r.is-active .brxa-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.brxa--spin-r.is-active .brxa-inner:after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.brxa--spin .brxa-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--spin .brxa-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.brxa--spin .brxa-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner,.brxa--spin.is-active .brxa-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner:before,.brxa--spin.is-active .brxa-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner:after,.brxa--spin.is-active .brxa-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.brxa--spring-r .brxa-inner{bottom:0;top:auto;transition-delay:0s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--spring-r .brxa-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.brxa--spring-r .brxa-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.brxa--spring-r.is-active .brxa-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brxa--spring-r.is-active .brxa-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s}.brxa--spring-r.is-active .brxa-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.brxa--spring .brxa-inner{top:2px;transition:background-color 0s linear .13s}.brxa--spring .brxa-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.brxa--spring .brxa-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner,.brxa--spring.is-active .brxa-inner{background-color:transparent!important;transition-delay:.22s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner:before,.brxa--spring.is-active .brxa-inner:before{top:0;transform:translate3d(0,10px,0) rotate(45deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner:after,.brxa--spring.is-active .brxa-inner:after{top:0;transform:translate3d(0,10px,0) rotate(-45deg);transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s}.brxa--stand-r .brxa-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.brxa--stand-r .brxa-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.brxa--stand-r .brxa-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.brxa--stand-r.is-active .brxa-inner{background-color:transparent!important;transform:rotate(-90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.brxa--stand-r.is-active .brxa-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.brxa--stand-r.is-active .brxa-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.brxa--stand .brxa-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.brxa--stand .brxa-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.brxa--stand .brxa-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.brxa--stand.is-active .brxa-inner{background-color:transparent!important;transform:rotate(90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.brxa--stand.is-active .brxa-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.brxa--stand.is-active .brxa-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.brxa--squeeze .brxa-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.brxa--squeeze .brxa-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.brxa--squeeze .brxa-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner,.brxa--squeeze.is-active .brxa-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner:before,.brxa--squeeze.is-active .brxa-inner:before{opacity:0;top:0;transition:top 75ms ease,opacity 75ms ease .12s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner:after,.brxa--squeeze.is-active .brxa-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.brxa--vortex-r .brxa-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.brxa--vortex-r .brxa-inner:after,.brxa--vortex-r .brxa-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.brxa--vortex-r .brxa-inner:before{transition-property:top,opacity}.brxa--vortex-r .brxa-inner:after{transition-property:bottom,transform}.brxa--vortex-r.is-active .brxa-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.brxa--vortex-r.is-active .brxa-inner:after,.brxa--vortex-r.is-active .brxa-inner:before{transition-delay:0s}.brxa--vortex-r.is-active .brxa-inner:before{opacity:0;top:0}.brxa--vortex-r.is-active .brxa-inner:after{bottom:0;transform:rotate(-90deg)}.brxa--vortex .brxa-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.brxa--vortex .brxa-inner:after,.brxa--vortex .brxa-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.brxa--vortex .brxa-inner:before{transition-property:top,opacity}.brxa--vortex .brxa-inner:after{transition-property:bottom,transform}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner,.brxa--vortex.is-active .brxa-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner:after,.brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner:before,.brxa--vortex.is-active .brxa-inner:after,.brxa--vortex.is-active .brxa-inner:before{transition-delay:0s}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner:before,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner:before,.brxa--vortex.is-active .brxa-inner:before{opacity:0;top:0}.brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner:after,.brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner:after,.brxa--vortex.is-active .brxa-inner:after{bottom:0;transform:rotate(90deg)}.brxe-toggle{--brxe-toggle-scale:1;--brxe-toggle-width:40px;--brxe-toggle-height:24px;--brxe-toggle-bar-height:4px;--brxe-toggle-bar-width:40px;--brxe-toggle-bar-radius:4px;cursor:pointer;display:flex;line-height:1}.brxe-toggle:has(.brxa-wrap){transform:scale(var(--brxe-toggle-scale))}.brxe-toggle .brxa-inner,.brxe-toggle .brxa-inner:after,.brxe-toggle .brxa-inner:before{border-radius:var(--brxe-toggle-bar-radius);height:var(--brxe-toggle-bar-height);width:var(--brxe-toggle-bar-width)}}@layer bricks {.brxe-dropdown{cursor:pointer;display:flex;flex-direction:column;position:relative}.brxe-dropdown.brx-draggable:empty{min-height:0}.brxe-dropdown.brx-draggable:empty:not(.editing){outline:none}.brxe-dropdown[data-static] .open>.brx-dropdown-content,.brxe-dropdown[data-static].open>.brx-dropdown-content{display:block}.brxe-dropdown[data-static] .brx-dropdown-content{display:none;position:static}.brxe-dropdown:not([data-toggle=click]):hover .brx-dropdown-content:after{bottom:100%;content:"";height:var(--brx-dropdown-height-before,0);position:absolute;width:100%;z-index:1}.brxe-dropdown.caret .brx-dropdown-content:before{border:0 solid transparent;border-bottom-color:#fff;content:"";height:0;left:0;position:absolute;top:0;transform:translateY(-100%);transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;width:0}.brxe-dropdown.open>.brx-dropdown-content{opacity:1;visibility:visible}.brxe-dropdown:not(.open) .brx-dropdown-content{pointer-events:none}.brxe-dropdown .brx-submenu-toggle{gap:10px}.brxe-dropdown .brxe-dropdown:not([data-toggle=click]):hover:before{display:none}.brxe-dropdown .brxe-dropdown .brx-dropdown-content{left:100%;top:0}.brx-dropdown-content{background-color:#fff;cursor:auto;display:flex;flex-direction:column;list-style-type:none;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;top:100%;transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;visibility:hidden;z-index:1001}.brx-dropdown-content:not(.brx-submenu-positioned){display:none!important}.brx-dropdown-content>li.brxe-text-link{display:list-item}.brx-dropdown-content>li .brxe-text-link{display:flex}.brx-multilevel-back{align-items:center;cursor:pointer;display:flex;gap:3px;width:100%}.brx-render-child-nodes{display:none!important}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-nav-nested{align-items:center;display:inline-flex}.brxe-nav-nested[data-toggle=always] .brx-nav-nested-items{display:none}.brxe-nav-nested[data-toggle=always] .brx-toggle-div,.brxe-nav-nested[data-toggle=always] .brxe-toggle{display:inline-flex}.brxe-nav-nested .brx-toggle-div,.brxe-nav-nested .brxe-toggle{display:none}.brxe-nav-nested .menu-item:has(>.brx-toggle-div:not(.is-active):not(.brx-child-node)),.brxe-nav-nested:not(.brx-open) .menu-item:has(>.brx-toggle-div.brx-child-node:not(.is-active)){display:none}.brxe-nav-nested li.menu-item:has(>.brxe-text-link>.icon>svg,>.brxe-text-link>.icon>i){display:flex}.brxe-nav-nested li.brxe-text-link.menu-item{display:list-item}.brxe-nav-nested.brx-open .brxe-dropdown:not([data-toggle=click]) .brx-dropdown-content:after{content:none}.brxe-nav-nested.brx-open .brx-nav-nested-items{align-items:stretch;background-color:#fff;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;justify-content:safe center;left:0;overflow-y:auto;position:fixed;right:0;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;z-index:1001}.brxe-nav-nested.brx-open.brx-mobile-center .brx-nav-nested-items{justify-content:safe center!important}.brxe-nav-nested.brx-open.multilevel .brx-nav-nested-items{overflow:hidden}.brxe-nav-nested.brx-open li.menu-item a{justify-content:inherit;width:100%}.brxe-nav-nested.brx-open :where(li.menu-item.brx-toggle-div){display:block}.brxe-nav-nested.brx-open .brx-submenu-toggle{justify-content:space-between}.brxe-nav-nested.brx-open .brxe-dropdown:hover:before{content:none}.brxe-nav-nested.brx-open .brxe-dropdown.open>.brx-dropdown-content{display:flex;min-width:auto;opacity:1;overflow-y:auto;position:static;visibility:visible}.brxe-nav-nested.brx-open .brxe-dropdown .brx-dropdown-content{display:none}.brxe-nav-nested.brx-open .brx-has-megamenu .brx-dropdown-content{min-width:0!important}.brxe-nav-nested.brx-closing .brx-nav-nested-items{opacity:0!important;visibility:hidden!important}.brx-nav-nested-items{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;list-style-type:none;margin:0;padding:0}.brx-nav-nested-items>li>a.bricks-link-wrapper{display:flex}.brx-nav-nested-items>li:has(>.brxe-svg){line-height:1}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}#brxe-momrna .bricks-site-logo {height: clamp(5rem, 2.778vw + 4rem, 8rem)}#brxe-vnkmje {color: var(--white); font-size: var(--text-2xs)}#brxe-uhqoxf {align-items: center}#brxe-dvtitx {height: 1.5rem; width: 1.5rem}#brxe-gircjv {line-height: 1; font-size: var(--text-xs)}#brxe-sozcfj {line-height: 1; font-size: var(--text-xs)}#brxe-fqhgku {flex-direction: row; justify-content: flex-end; align-items: center; column-gap: 1rem; padding-right: 1rem; text-align: right; color: var(--white); border-right: 1px solid var(--white)}#brxe-uyhogx .bricks-site-logo {height: 25px}#brxe-uyhogx { transform: var(--button-transform-start); transition: var(--button-transform-transition);}#brxe-uyhogx:hover { transform: var(--button-transform-end);}#brxe-yjvoho {display: grid; align-items: initial; grid-gap: 1rem; grid-template-columns: 1fr auto; grid-template-rows: 1fr; height: 2.5rem}@layer bricks {@media (max-width: 767px) {#brxe-ksztki .bricks-nav-menu-wrapper { display: none; }#brxe-ksztki .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-eqomid .bricks-nav-menu-wrapper { display: none; }#brxe-eqomid .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-epmozz .bricks-nav-menu-wrapper { display: none; }#brxe-epmozz .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-lhnowy .bricks-nav-menu-wrapper { display: none; }#brxe-lhnowy .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-dgbwrj .bricks-nav-menu-wrapper { display: none; }#brxe-dgbwrj .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-xwzkdf .bricks-nav-menu-wrapper { display: none; }#brxe-xwzkdf .bricks-mobile-menu-toggle { display: block; }}}@layer bricks {@media (max-width: 767px) {#brxe-elgxsb .bricks-nav-menu-wrapper { display: none; }#brxe-elgxsb .bricks-mobile-menu-toggle { display: block; }}}#brxe-howzdn {display: none}@media (max-width: 1279px) {#brxe-howzdn {display: block}}@media (max-width: 1279px) {#brxe-bzeycz {display: none}}#brxe-xzxpsa svg {height: 3rem; width: 3rem; fill: var(--action-dark)}@media (max-width: 1279px) {#brxe-xzxpsa {position: absolute; top: 2rem; right: 2rem}}#brxe-pbffei { --menu-gap: 0.5rem;}#brxe-pbffei > :nth-last-child(n+3) { position: relative;}#brxe-pbffei > :nth-last-child(n+3) > a::after, #brxe-pbffei > :nth-last-child(n+3) > .brx-submenu-toggle::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--action-light); transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease-out;}#brxe-pbffei > *:nth-last-child(n+3) > a:hover::after, #brxe-pbffei :nth-last-child(n+3) > .brx-submenu-toggle:hover::after { transform: scaleX(1);}@media (max-width: 1279px) {#brxe-pbffei {align-items: flex-start; row-gap: 1rem; padding-top: 2rem; padding-bottom: 2rem; padding-left: 3rem}#brxe-pbffei > :nth-last-child(n+3) > a::after, #brxe-pbffei > :nth-last-child(n+3) > .brx-submenu-toggle::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--action-dark); transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease-out;}#brxe-pbffei > *:nth-last-child(n+3) > a:hover::after, #brxe-pbffei :nth-last-child(n+3) > .brx-submenu-toggle:hover::after { transform: scaleX(1);}}#brxe-ywssif svg {height: 3rem; width: 3rem; fill: var(--white)}@layer bricks {@media (max-width: 1279px) {#brxe-inslks .brx-toggle-div { display: inline-flex; }#brxe-inslks .brxe-toggle { display: inline-flex; }[data-script-id="inslks"] .brx-nav-nested-items {opacity: 0;visibility: hidden;gap: 0;position: fixed;z-index: 1001;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #fff;overflow-y: scroll;flex-wrap: nowrap;}#brxe-inslks.brx-open .brx-nav-nested-items {opacity: 1;visibility: visible;}}}#brxe-inslks .brx-nav-nested-items {gap: 2rem}#brxe-inslks .brx-nav-nested-items > li > a {font-size: calc(var(--text-m) / 1.15); text-decoration: none}#brxe-inslks .brx-nav-nested-items > li > .brxe-text-link:not(a) {font-size: calc(var(--text-m) / 1.15); text-decoration: none}#brxe-inslks .brx-nav-nested-items > li > .brxe-icon {font-size: calc(var(--text-m) / 1.15); text-decoration: none}#brxe-inslks .brx-nav-nested-items > li:has( > .brxe-svg) {font-size: calc(var(--text-m) / 1.15); text-decoration: none}#brxe-inslks .brx-nav-nested-items > li > .brx-submenu-toggle > * {font-size: calc(var(--text-m) / 1.15); text-decoration: none}#brxe-inslks .brx-nav-nested-items > li > [aria-current="page"] {border-top: 2px solid var(--action-light)}#brxe-inslks .brx-nav-nested-items > li > .brx-submenu-toggle.aria-current {border-top: 2px solid var(--action-light)}#brxe-inslks.brx-open .brx-nav-nested-items {width: clamp(32rem, 34.783vw + 19.478rem, 64rem); justify-content: flex-start; background-color: var(--accent-ultra-light); top: clamp(10.47rem, 3.907vw + 9.063rem, 14.69rem)}#brxe-inslks .brx-submenu-toggle {gap: 5px}#brxe-inslks .brx-submenu-toggle button[aria-expanded] > * {transition: transform 0.3s cubic-bezier(0,0,.2,1) !important}#brxe-inslks .brx-submenu-toggle button[aria-expanded="true"] > * {transform: rotateX(180deg)}#brxe-inslks .brx-dropdown-content {min-width: max-content; background-color: var(--accent-ultra-light); border-style: none; border-radius: var(--radius); font-size: calc(var(--text-m) / 1.15); color: var(--accent-dark); font-weight: 500; transition: all 0.5s ease-in-out}#brxe-inslks .brx-nav-nested-items > .brxe-dropdown > .brx-dropdown-content {transform: translateY(10px)}#brxe-inslks > ul > li > a:not(.button), .brxe-dropdown { color: var(--accent-ultra-light); font-weight: 500;}@media (max-width: 1279px) {#brxe-inslks .brx-nav-nested-items {gap: 1rem}#brxe-inslks .brx-submenu-toggle {gap: 1rem}#brxe-inslks > ul > li > a:not(.button), .brxe-dropdown { color: var(--accent-dark);}#brxe-inslks .brx-nav-nested-items > li > [aria-current="page"] {border-color: var(--action-dark)}#brxe-inslks .brx-nav-nested-items > li > .brx-submenu-toggle.aria-current {border-color: var(--action-dark)}}#brxe-pclwsv {align-items: flex-end}#brxe-oewung {row-gap: 2rem}#brxe-dnlxst {display: grid; align-items: initial; grid-template-columns: auto 1fr; align-items: center}#brxe-bonwum {row-gap: 1rem; padding-top: var(--space-s); padding-bottom: var(--space-s); background-color: var(--accent-dark); border-bottom: 3px solid var(--accent-ultra-light)}#brxe-bonwum { --focus-colour: var(--focus-colour-light);}#brxe-bonwum:before { backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-audio{background-color:var(--bricks-bg-dark);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;padding:15px 20px;width:100%}.brxe-audio.theme-light{background-color:var(--bricks-bg-light);color:var(--bricks-text-dark)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-button>button{filter:brightness(0)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-current,.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-handle,.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current{background-color:var(--bricks-bg-dark)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded{background-color:rgba(38,50,56,.5)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total{background-color:rgba(38,50,56,.25)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle-content{background-color:var(--bricks-bg-dark)}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float{background-color:var(--bricks-bg-dark);color:#fff}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner{border-color:var(--bricks-bg-dark) transparent transparent}.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background-color:rgba(38,50,56,.33)}.brxe-audio .audio-title{color:currentcolor;margin:0;position:relative;z-index:1}.brxe-audio .audio-controls{display:none}.brxe-audio .mejs-container{background:none!important;width:100%!important}.brxe-audio .mejs-container .mejs-controls{background:transparent!important;padding:0!important}.brxe-audio .mejs-container .mejs-controls .mejs-time{color:currentcolor;font-size:12px;font-weight:600}.brxe-audio .mejs-container .mejs-controls .mejs-horizontal-volume-handle{background-color:#fff;border-radius:50%;display:block;height:10px;position:absolute;top:-3px;width:10px}.brxe-audio .mejs-container .mejs-controls .mejs-button>button{background-image:url(https://otterystmarychurch.org/wp-content/themes/bricks/assets/svg/audio/control-play.svg);background-position:50%;background-repeat:no-repeat;background-size:26px!important;filter:brightness(100);height:26px;margin:7px -3px;outline:none;width:26px}.brxe-audio .mejs-container .mejs-controls .mejs-play>button,.brxe-audio .mejs-container .mejs-controls .mejs-replay>button{background-image:url(https://otterystmarychurch.org/wp-content/themes/bricks/assets/svg/audio/control-play.svg)}.brxe-audio .mejs-container .mejs-controls .mejs-pause>button{background-image:url(https://otterystmarychurch.org/wp-content/themes/bricks/assets/svg/audio/control-pause.svg)}.brxe-audio .mejs-container .mejs-controls .mejs-mute>button{background-image:url(https://otterystmarychurch.org/wp-content/themes/bricks/assets/svg/audio/control-volume-max.svg)}.brxe-audio .mejs-container .mejs-controls .mejs-unmute>button{background-image:url(https://otterystmarychurch.org/wp-content/themes/bricks/assets/svg/audio/control-mute.svg)}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail{align-items:center;display:flex;padding-top:0}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering,.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-hovered,.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total{border-radius:2px;height:4px;margin:0}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current{background-color:#fff}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded{background-color:hsla(0,0%,100%,.5)}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total{background-color:hsla(0,0%,100%,.25)}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle-content{background-color:#fff;border:none;border-radius:100%;display:block!important;height:10px;left:-8px;top:-7px;transform:scale(1);width:10px}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float{background-color:#fff;border:none;border-radius:2px}.brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner{border-color:#fff transparent transparent}.brxe-audio .mejs-container .mejs-controls .mejs-horizontal-volume-slider{height:40px}.brxe-audio .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{border-radius:2px}.brxe-audio .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background-color:hsla(0,0%,100%,.33);border-radius:2px;height:4px;top:50%;transform:translateY(-50%)}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-template{width:100%}}.brxe-sntuqc {border-left: 10px solid var(--accent-dark); padding-left: 1rem; color: var(--accent-dark)}.brxe-sntuqc { max-inline-size: 35ch;}#brxe-vcmnlv {grid-gap: 0px}.brxe-xmyfrt {text-align: center}.brxe-qihuzv {text-align: center}.brxe-dgswpz {align-items: center; row-gap: var(--space-xs); order: 1}.brxe-kbpyiy {height: 10rem}.brxe-kbpyiy:not(.tag), .brxe-kbpyiy img {object-fit: contain}.brxe-jumqty {align-items: center; row-gap: var(--space-m); padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); flex-grow: 1; height: 100%}.brxe-ljceak {position: relative}.brxe-elgeqm {border-radius: var(--card-border-radius); margin-top: auto}.brxe-pedecb {row-gap: var(--content-gap)}#brxe-hfsbmu:not(.tag), #brxe-hfsbmu img {object-fit: cover; object-position: top center}@media (max-width: 991px) {#brxe-tubwgt:not(.tag), #brxe-tubwgt img {aspect-ratio: 16/9}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}#brxe-ibuscd .bricks-site-logo {height: clamp(5rem, 2.778vw + 4rem, 8rem)}#brxe-dgkkck {flex-wrap: nowrap; flex-direction: row; align-items: center; column-gap: var(--space-xs)}#brxe-dftqyg .bricks-site-logo {height: 2.5rem; width: 2.5rem}#brxe-dftqyg {padding-right: 1rem}#brxe-asqxiq {height: 1.5rem; width: 1.5rem}#brxe-uhhqcf {display: grid; align-items: initial; grid-template-columns: auto 1fr; align-items: center; grid-gap: calc(var(--grid-gap) / 4); padding-left: 1rem; border-left: 1px solid var(--primary-ultra-light)}#brxe-bnrnch {display: grid; align-items: initial; grid-template-columns: auto 1fr}#brxe-lwpfyv {row-gap: calc(var(--content-gap) / 1.5); font-size: var(--text-xs); line-height: var(--text-xs-lh); width: 45ch}#brxe-pxzzgf {display: flex; flex-direction: column}#brxe-twqqyp {display: flex; flex-direction: column}#brxe-agdazi {display: flex; flex-direction: column}#brxe-zjvpgr {display: flex; flex-direction: column}#brxe-lunker {display: grid; align-items: initial; grid-gap: var(--grid-gap); grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); grid-template-rows: 1fr}#brxe-lunker > * > p { font-weight: 700; text-transform: uppercase;}#brxe-lunker a { font-size: var(--text-xs); line-height: var(--text-xs-lh);}#brxe-lunker ul { gap: calc(var(--content-gap) / 4);}#brxe-lunker ul > li { width: fit-content;}#brxe-lunker li { position: relative;}#brxe-lunker li a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--action-light); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out;}#brxe-lunker li a:hover::after { transform: scaleX(1);}#brxe-teuvgz {grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; border-style: none; padding-bottom: var(--space-s); display: grid; align-items: initial; grid-gap: var(--grid-gap) calc(var(--grid-gap) * 2)}@media screen and (max-width: 700px) { #brxe-teuvgz { grid-template-columns: 1fr; } #brxe-teuvgz > div { width: unset; }}#brxe-acfsle {column-gap: var(--content-gap); flex-direction: row; justify-content: flex-end; width: fit-content}#brxe-acfsle > * { position: relative;}#brxe-acfsle a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: var(--action-light); transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease-out;}#brxe-acfsle a:hover::after { transform: scaleX(1);}@media (max-width: 478px) {#brxe-acfsle {justify-content: flex-start}}#brxe-zjagia {border-top: 1px solid var(--primary-ultra-light); padding-top: var(--space-s); font-size: var(--text-xs); line-height: var(--text-xs-lh); flex-direction: row; justify-content: space-between; flex-wrap: wrap; column-gap: var(--grid-gap); row-gap: calc(var(--content-gap) / 4)}#brxe-thfopu {background-color: var(--accent-dark); row-gap: 0px; color: var(--primary-ultra-light)}#brxe-thfopu { --focus-colour: var(--focus-colour-light);}:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --black-trans-100: color-mix(in hsl, var(--black), transparent 100%); --black-trans-90: color-mix(in hsl, var(--black), transparent 90%); --black-trans-80: color-mix(in hsl, var(--black), transparent 80%); --black-trans-70: color-mix(in hsl, var(--black), transparent 70%); --black-trans-60: color-mix(in hsl, var(--black), transparent 60%); --black-trans-50: color-mix(in hsl, var(--black), transparent 50%); --black-trans-40: color-mix(in hsl, var(--black), transparent 40%); --black-trans-30: color-mix(in hsl, var(--black), transparent 30%); --black-trans-20: color-mix(in hsl, var(--black), transparent 20%); --black-trans-10: color-mix(in hsl, var(--black), transparent 10%); --white: hsl(0 0% 100%); --neutral-ultra-light: hsl(0 0% 87.5%); --neutral-light: hsl(0 0% 75%); --neutral-semi-light: hsl(0 0% 62.5%); --neutral: hsl(0 0% 50%); --neutral-semi-dark: hsl(0 0% 37.5%); --neutral-dark: hsl(0 0% 25%); --neutral-ultra-dark: hsl(0 0% 12.5%); --black: hsl(0 0% 0%); --action-ultra-light: hsl(215, 80%, 94.12%); --action-light: hsl(212.94, 83.61%, 88.04%); --action-dark: hsl(206.84, 52.05%, 28.63%); --action-ultra-dark: hsl(209.33, 43.69%, 20.2%); --primary-ultra-light: hsl(60, 3.45%, 98%); --primary-light: hsl(30, 3.45%, 93%); --primary-dark: hsl(25.71, 4.52%, 30.39%); --primary-ultra-dark: hsl(15, 4%, 19.61%); --accent-ultra-light: hsl(202.5, 22.22%, 92.94%); --accent-light: hsl(202.86, 23.6%, 82.55%); --accent-dark: hsl(203.81, 54.78%, 22.55%); --accent-ultra-dark: hsl(204, 55.56%, 10.59%); --space-2xs: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem); --space-xs: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem); --space-s: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-m: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-l: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --space-xl: clamp(4.26rem, calc(0.02305555555555556 * (100vw - 36rem) + 4.26rem), 6.75rem); --space-2xl: clamp(5.69rem, calc(0.04111111111111111 * (100vw - 36rem) + 5.69rem), 10.13rem); --h6: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --h5: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --h4: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --h3: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --h2: clamp(2.4rem, calc(0.010555555555555556 * (100vw - 36rem) + 2.4rem), 3.54rem); --h1: clamp(2.88rem, calc(0.019629629629629632 * (100vw - 36rem) + 2.88rem), 5rem); --text-2xs: clamp(1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1rem), 1.2rem); --text-xs: clamp(1.1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.1rem), 1.3rem); --text-s: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --text-m: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --text-l: clamp(1.7rem, calc(0.006481481481481481 * (100vw - 36rem) + 1.7rem), 2.4rem); --text-xl: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem); --text-2xl: clamp(2.4rem, calc(0.01666666666666667 * (100vw - 36rem) + 2.4rem), 4.2rem);}/** * LRE Frontend Filter Styles * * Styles for filter elements and loading states. * * @package Listapage\RecurringEvents */ /* ========================================================================== CSS Custom Properties (for easy theming) ========================================================================== */ :root { /* Colors */ --lre-filter-primary: #2563eb; --lre-filter-primary-hover: #1d4ed8; --lre-filter-text: #374151; --lre-filter-text-light: #6b7280; --lre-filter-border: #d1d5db; --lre-filter-bg: #ffffff; --lre-filter-bg-hover: #f3f4f6; --lre-filter-bg-active: #eff6ff; /* Sizing */ --lre-filter-height: 42px; --lre-filter-radius: 6px; --lre-filter-gap: 12px; /* Transitions */ --lre-filter-transition: 150ms ease; } /* ========================================================================== Filter Container ========================================================================== */ .lre-filter-container { display: flex; flex-wrap: wrap; gap: var(--lre-filter-gap); align-items: flex-start; } .lre-filter-container.lre-filtering { pointer-events: none; opacity: 0.7; } /* ========================================================================== AJAX Loading State for Query Containers ========================================================================== */ /* Query container loading state - subtle opacity fade */ [data-lre-query-container].lre-filtering { opacity: 0.5; pointer-events: none; transition: opacity 200ms ease-out; } /* Restore opacity when not filtering */ [data-lre-query-container] { transition: opacity 200ms ease-in; } /* Optional: Add a subtle pulse animation during loading */ @keyframes lre-loading-pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.7; } } [data-lre-query-container].lre-filtering.lre-animate { animation: lre-loading-pulse 1s ease-in-out infinite; } /* ========================================================================== Common Filter Element Styles ========================================================================== */ /* Reset Bricks element wrapper - ensure no visual styling on container Using !important to override Bricks default element styles Note: .brxe-lreresetfilters excluded to allow JS visibility control */ [class*="brxe-lre"]:not(.brxe-lreresetfilters), .brxe-lredatefilter, .brxe-lredaterangefilter, .brxe-lretaxonomyfilter, .brxe-lreeventtypefilter, .brxe-lresearchfilter { display: block !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } /* Reset filters element - allow display to be controlled by JS */ .brxe-lreresetfilters { background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } /* LRE filter element wrapper - invisible container Note: .lre-filter-reset excluded to allow JS visibility control */ .lre-filter-element:not(.lre-filter-reset) { display: block !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; padding: 0 !important; box-shadow: none !important; } /* Reset filter element - allow display to be controlled by JS */ .lre-filter-element.lre-filter-reset { background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; padding: 0 !important; box-shadow: none !important; } /* Specific filter type wrappers - ensure transparent */ .lre-filter-date, .lre-filter-taxonomy, .lre-filter-event-type, .lre-filter-search { background: transparent !important; border: none !important; padding: 0 !important; } /* Filter label styling */ .lre-filter-label { display: block; margin: 0 0 6px 0; padding: 0; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--lre-filter-text); } /* ========================================================================== Select Dropdown Style ========================================================================== */ /* Filter wrappers - default sizing behavior */ .lre-filter-date, .lre-filter-taxonomy, .lre-filter-event-type { display: inline-block; width: auto; max-width: 100%; vertical-align: top; } /* Select dropdowns - auto-width based on content */ .lre-filter-select { display: block; width: auto; min-width: 120px; max-width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: var(--lre-filter-height); padding: 0 36px 0 14px; font-size: 14px; line-height: 1.5; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 10px center; background-repeat: no-repeat; background-size: 18px; border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); cursor: pointer; transition: border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition); box-sizing: border-box; } .lre-filter-select:hover { border-color: #9ca3af; } .lre-filter-select:focus { outline: none; border-color: var(--lre-filter-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .lre-filter-select[multiple] { height: auto; min-height: var(--lre-filter-height); padding: 8px 14px; background-image: none; } /* ========================================================================== Button/Pill Style Filters ========================================================================== */ .lre-filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; } .lre-filter-pills { display: flex; flex-wrap: wrap; gap: 8px; } /* Pill style */ .lre-filter-pill { display: inline-flex; align-items: center; gap: 0; height: 36px; padding: 0 16px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); background-clip: padding-box; border: 1px solid var(--lre-filter-border); border-radius: 100px; outline: none; cursor: pointer; transition: color var(--lre-filter-transition), background-color var(--lre-filter-transition), border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition), gap 200ms cubic-bezier(0.4, 0, 0.2, 1); user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lre-filter-pill:hover { background-color: var(--lre-filter-bg-hover); border-color: #9ca3af; } .lre-filter-pill.lre-active { color: var(--lre-filter-primary); background-color: var(--lre-filter-bg-active); background-clip: padding-box; border-color: var(--lre-filter-primary); } /* Keyboard focus indicator (mouse clicks unaffected via :focus-visible) */ .lre-filter-pill:focus-visible { outline: none; border-color: var(--lre-filter-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25); } /* Button style */ .lre-filter-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0; height: var(--lre-filter-height); padding: 0 18px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); background-clip: padding-box; border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); outline: none; cursor: pointer; transition: color var(--lre-filter-transition), background-color var(--lre-filter-transition), border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition), gap 200ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lre-filter-btn:hover { background-color: var(--lre-filter-bg-hover); border-color: #9ca3af; } .lre-filter-btn.lre-active { color: #ffffff; background-color: var(--lre-filter-primary); background-clip: padding-box; border-color: var(--lre-filter-primary); } .lre-filter-btn.lre-active:hover { background-color: var(--lre-filter-primary-hover); } /* Keyboard focus indicator (mouse clicks unaffected via :focus-visible) */ .lre-filter-btn:focus-visible { outline: none; border-color: var(--lre-filter-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25); } /* Active-state button: white inset ring for contrast against blue background */ .lre-filter-btn.lre-active:focus-visible { box-shadow: 0 0 0 2px #ffffff inset, 0 0 0 4px var(--lre-filter-primary); } /* ========================================================================== Inline Loading Spinner (pills & buttons) ========================================================================== */ /* Spinner wrapper — collapsed by default, expands when loading */ .lre-filter-spinner { width: 0; height: 14px; opacity: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); } .lre-filter-spinner svg { width: 14px; height: 14px; animation: lre-spinner-spin 0.7s linear infinite; } @keyframes lre-spinner-spin { to { transform: rotate(360deg); } } /* Loading state — gap opens for spinner, prevent double-clicks */ .lre-filter-pill.lre-loading, .lre-filter-btn.lre-loading { pointer-events: none; gap: 7px; } .lre-loading .lre-filter-spinner { width: 14px; opacity: 1; } /* Pill spinner: blue on light active background */ .lre-filter-pill .lre-filter-spinner svg { color: var(--lre-filter-primary); opacity: 0.65; } /* Button spinner: inherits white text on blue active background */ .lre-filter-btn .lre-filter-spinner svg { color: currentColor; opacity: 0.7; } /* Calendar dimmed state during filter loading */ .lre-calendar-dimmed .fc { opacity: 0.45; transition: opacity 280ms ease; pointer-events: none; } .lre-calendar-wrapper .fc { transition: opacity 280ms ease; } /* Compact button group */ .lre-filter-buttons--compact { gap: 0; } .lre-filter-buttons--compact .lre-filter-btn { border-radius: 0; margin-left: -1px; } .lre-filter-buttons--compact .lre-filter-btn:first-child { border-radius: var(--lre-filter-radius) 0 0 var(--lre-filter-radius); margin-left: 0; } .lre-filter-buttons--compact .lre-filter-btn:last-child { border-radius: 0 var(--lre-filter-radius) var(--lre-filter-radius) 0; } /* ========================================================================== Search Input ========================================================================== */ /* Ensure the search filter element fills its Bricks container */ .lre-filter-search { display: block !important; width: 100% !important; } /* Search wrapper fills its parent completely */ .lre-search-wrapper { display: flex !important; align-items: center; gap: 8px; width: 100% !important; box-sizing: border-box; } /* Search input - fills the wrapper */ .lre-filter-search .lre-filter-input, .lre-search-wrapper .lre-filter-input, .lre-filter-input[data-lre-filter-input="search"] { flex: 1 1 auto; width: 100% !important; height: var(--lre-filter-height); min-width: 0; padding: 0 14px; font-size: 14px; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); transition: border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition); box-sizing: border-box; } .lre-filter-input[data-lre-filter-input="search"]:hover { border-color: #9ca3af; } .lre-filter-input[data-lre-filter-input="search"]:focus { outline: none; border-color: var(--lre-filter-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .lre-filter-input[data-lre-filter-input="search"]::placeholder { color: var(--lre-filter-text-light); } .lre-search-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: var(--lre-filter-height); padding: 0 16px; font-size: 14px; font-weight: 500; color: #ffffff; background-color: var(--lre-filter-primary); border: none; border-radius: var(--lre-filter-radius); cursor: pointer; transition: background-color var(--lre-filter-transition); } .lre-search-btn:hover { background-color: var(--lre-filter-primary-hover); } .lre-search-btn svg, .lre-search-btn i { width: 16px; height: 16px; } /* Legacy search input wrapper support */ .lre-filter-search-wrap { position: relative; } /* Note: .lre-filter-search is a wrapper class, not an input. Input styling is handled by .lre-filter-input above */ .lre-filter-search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--lre-filter-text-light); pointer-events: none; } .lre-filter-search-icon svg { width: 100%; height: 100%; } .lre-filter-search-clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center; color: var(--lre-filter-text-light); background: none; border: none; border-radius: 50%; cursor: pointer; transition: color var(--lre-filter-transition), background-color var(--lre-filter-transition); } .lre-filter-search-clear:hover { color: var(--lre-filter-text); background-color: var(--lre-filter-bg-hover); } .lre-filter-search-clear svg { width: 16px; height: 16px; } /* Adjust padding when clear button is visible */ .lre-filter-search-wrap:has(.lre-filter-search-clear:not([style*="display: none"])) .lre-filter-search { padding-right: 40px; } /* ========================================================================== Date Range Picker ========================================================================== */ .lre-filter-date-range { display: flex; align-items: center; gap: 8px; } .lre-filter-date-separator { color: var(--lre-filter-text-light); font-size: 14px; } /* ========================================================================== Reset Button ========================================================================== */ .lre-filter-reset .lre-reset-btn { display: inline-flex; align-items: center; gap: 6px; height: var(--lre-filter-height); padding: 0 18px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text-light); background-color: transparent; border: 1px solid transparent; border-radius: var(--lre-filter-radius); cursor: pointer; transition: all var(--lre-filter-transition); } .lre-filter-reset .lre-reset-btn:hover { color: var(--lre-filter-text); background-color: var(--lre-filter-bg-hover); } .lre-filter-reset .lre-reset-btn svg, .lre-filter-reset .lre-reset-btn i { width: 16px; height: 16px; } /* Hide when inactive - controlled by JavaScript via inline styles */ /* The .lre-hide-inactive class is a marker; actual visibility is set via style attribute */ /* Legacy reset button support - only applies to direct button usage without wrapper */ /* Using .lre-reset-btn-legacy class to avoid :has() browser compatibility issues */ .lre-reset-btn-legacy { display: inline-flex; align-items: center; gap: 6px; height: var(--lre-filter-height); padding: 0 18px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text-light); background-color: transparent; border: 1px solid transparent; border-radius: var(--lre-filter-radius); cursor: pointer; transition: all var(--lre-filter-transition); } .lre-reset-btn-legacy:hover { color: var(--lre-filter-text); background-color: var(--lre-filter-bg-hover); } .lre-reset-btn-legacy svg { width: 16px; height: 16px; } /* ========================================================================== Apply Filters Button ========================================================================== */ .lre-apply-filters { display: inline-flex; } .lre-apply-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: var(--lre-filter-height); padding: 0 20px; font-size: 14px; font-weight: 500; color: #ffffff; background-color: var(--lre-filter-primary); border: 1px solid var(--lre-filter-primary); border-radius: var(--lre-filter-radius); cursor: pointer; transition: all var(--lre-filter-transition); } .lre-apply-btn:hover:not(:disabled) { background-color: var(--lre-filter-primary-hover); border-color: var(--lre-filter-primary-hover); } .lre-apply-btn:disabled, .lre-apply-btn.lre-disabled { opacity: 0.5; cursor: not-allowed; } .lre-apply-btn-text { display: inline; } .lre-apply-btn-icon { display: inline-flex; align-items: center; justify-content: center; } .lre-apply-btn-icon svg, .lre-apply-btn-icon i { width: 16px; height: 16px; } .lre-apply-btn-icon--left { margin-right: 2px; } .lre-apply-btn-icon--right { margin-left: 2px; } /* Pending count badge */ .lre-apply-pending-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; font-size: 11px; font-weight: 600; line-height: 1; color: var(--lre-filter-primary); background-color: #ffffff; border-radius: 10px; margin-left: 6px; } /* Hide apply button when hidden class is active */ .lre-apply-filters.lre-apply-hidden { display: none; } /* ========================================================================== Loading States ========================================================================== */ /* Loop loading state */ .lre-loading { position: relative; pointer-events: none; } .lre-loading::after { content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.6); z-index: 10; } /* Spinner */ .lre-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; } .lre-spinner-inner { width: 40px; height: 40px; border: 3px solid var(--lre-filter-border); border-top-color: var(--lre-filter-primary); border-radius: 50%; animation: lre-spin 0.8s linear infinite; } @keyframes lre-spin { to { transform: rotate(360deg); } } /* Fade transition for loop content */ .lre-loop-content { transition: opacity 200ms ease; } /* ========================================================================== No Results ========================================================================== */ .lre-no-results { padding: 40px 20px; text-align: center; color: var(--lre-filter-text-light); font-size: 15px; } /* ========================================================================== Filter Count Badge ========================================================================== */ .lre-filter-count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 8px; font-size: 12px; font-weight: 600; color: #ffffff; background-color: var(--lre-filter-primary); border-radius: 100px; } /* Calendar filter count — inline pill/button count that JS updates as the user navigates. Distinct from the active-filter badge above: this one is plain text sitting alongside the button label, not a coloured badge. */ .lre-cal-filter-count { display: inline; margin-left: 0.35em; opacity: 0.75; font-variant-numeric: tabular-nums; } /* ========================================================================== Active Filters Summary ========================================================================== */ .lre-active-filters { display: flex !important; /* Override Bricks' default display: block */ flex-wrap: wrap; gap: 10px; padding: 12px 0; } .lre-active-filters.lre-empty { display: none !important; } .lre-active-filter { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: 13px; color: var(--lre-filter-text); background-color: var(--lre-filter-bg-active); border-radius: 100px; } .lre-active-filter-label { color: var(--lre-filter-text-light); font-weight: 500; } .lre-active-filter-value { font-weight: 600; } .lre-active-filter-remove { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; color: var(--lre-filter-text-light); background: none; border: none; border-radius: 50%; cursor: pointer; transition: color var(--lre-filter-transition), background-color var(--lre-filter-transition); } .lre-active-filter-remove:hover { color: #dc2626; background-color: rgba(220, 38, 38, 0.1); } .lre-active-filter-remove svg { width: 14px; height: 14px; } /* ========================================================================== Responsive ========================================================================== */ @media (max-width: 768px) { .lre-filter-container { flex-direction: column; } .lre-filter-select, .lre-filter-search { width: 100%; min-width: 0; } .lre-filter-buttons { width: 100%; } .lre-filter-date-range { flex-direction: column; align-items: stretch; } .lre-filter-date { width: 100%; min-width: 0; } .lre-filter-date-separator { text-align: center; } /* Default full width on mobile - can be overridden via Bricks Size controls */ .lre-filter-taxonomy, .lre-filter-event-type { width: 100%; display: block; } /* Ensure multiselect also takes full width on mobile */ .lre-multiselect { width: 100%; min-width: 0; } .lre-multiselect-trigger { width: 100%; min-width: 0; } /* Ensure singleselect also takes full width on mobile */ .lre-singleselect { width: 100%; min-width: 0; } .lre-singleselect-trigger { width: 100%; min-width: 0; } } /* ========================================================================== Bricks Builder Integration ========================================================================== */ /* Ensure filters work inside Bricks containers */ .brxe-container .lre-filter-element, .brxe-block .lre-filter-element, .brxe-div .lre-filter-element { width: auto; } /* Full width variant */ .lre-filter-element--full-width .lre-filter-select, .lre-filter-element--full-width .lre-filter-search, .lre-filter-element--full-width .lre-filter-buttons, .lre-filter-element--full-width .lre-singleselect { width: 100%; } /* ========================================================================== Date Range Filter (Flatpickr Range Mode) ========================================================================== */ .lre-filter-date-range { display: flex; flex-direction: column; gap: 6px; } /* Wrapper for input and clear button */ .lre-date-range-wrapper { display: flex; align-items: center; gap: 8px; } .lre-date-range-input { height: var(--lre-filter-height); padding: 0 14px; font-size: 14px; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); transition: border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition); cursor: pointer; min-width: 200px; box-sizing: border-box; } .lre-date-range-input:hover { border-color: #9ca3af; } .lre-date-range-input:focus { outline: none; border-color: var(--lre-filter-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .lre-date-range-input::placeholder { color: var(--lre-filter-text-light); } /* Flatpickr alt input styling */ .lre-date-range-wrapper input.flatpickr-input[readonly] { background-color: var(--lre-filter-bg); cursor: pointer; } /* Clear button */ .lre-date-range-clear { height: var(--lre-filter-height); padding: 0 12px; font-size: 13px; font-weight: 500; color: var(--lre-filter-text-light); background-color: transparent; border: 1px solid transparent; border-radius: var(--lre-filter-radius); cursor: pointer; transition: all var(--lre-filter-transition); white-space: nowrap; flex-shrink: 0; } .lre-date-range-clear:hover { color: var(--lre-filter-text); background-color: var(--lre-filter-bg-hover); } /* ========================================================================== Flatpickr Theme Overrides (matching LRE style) ========================================================================== */ .flatpickr-calendar { border-radius: var(--lre-filter-radius); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border: 1px solid var(--lre-filter-border); } .flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { border-color: var(--lre-filter-border) transparent; } .flatpickr-months { border-radius: var(--lre-filter-radius) var(--lre-filter-radius) 0 0; } .flatpickr-months .flatpickr-month { background: var(--lre-filter-bg); color: var(--lre-filter-text); } .flatpickr-current-month { font-size: 14px; font-weight: 600; color: var(--lre-filter-text); } .flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--lre-filter-bg); color: var(--lre-filter-text); } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { color: var(--lre-filter-text); fill: var(--lre-filter-text); } .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: var(--lre-filter-primary); } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--lre-filter-primary); } .flatpickr-weekdays { background: var(--lre-filter-bg); } span.flatpickr-weekday { background: var(--lre-filter-bg); color: var(--lre-filter-text-light); font-size: 12px; font-weight: 500; } .flatpickr-days { border-left: 1px solid var(--lre-filter-border); border-right: 1px solid var(--lre-filter-border); } .dayContainer { padding: 4px; } .flatpickr-day { color: var(--lre-filter-text); border-radius: var(--lre-filter-radius); font-size: 13px; } .flatpickr-day:hover { background: var(--lre-filter-bg-hover); border-color: var(--lre-filter-bg-hover); } .flatpickr-day.today { border-color: var(--lre-filter-primary); } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: var(--lre-filter-primary); border-color: var(--lre-filter-primary); color: #fff; } .flatpickr-day.inRange { background: var(--lre-filter-bg-active); border-color: var(--lre-filter-bg-active); box-shadow: -5px 0 0 var(--lre-filter-bg-active), 5px 0 0 var(--lre-filter-bg-active); } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: var(--lre-filter-text-light); opacity: 0.5; } .flatpickr-innerContainer { border-bottom: 1px solid var(--lre-filter-border); } /* ========================================================================== Pagination Element ========================================================================== */ /* Reset Bricks element wrapper for pagination */ .brxe-lrepagination { display: block !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } /* Hide pagination when marked as hidden (single page results) */ .brxe-lrepagination[data-lre-hidden="true"], .lre-pagination-wrapper[data-lre-hidden="true"] { display: none !important; } .lre-pagination-wrapper { display: block; } .lre-pagination { display: block; } .lre-pagination-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; list-style: none; margin: 0; padding: 0; } .lre-pagination-list li { margin: 0; padding: 0; } .lre-pagination-list .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text); background-color: var(--lre-filter-bg); border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); text-decoration: none; transition: all var(--lre-filter-transition); cursor: pointer; box-sizing: border-box; } .lre-pagination-list a.page-numbers:hover { background-color: var(--lre-filter-bg-hover); border-color: #9ca3af; color: var(--lre-filter-text); } .lre-pagination-list .page-numbers.current { color: #ffffff; background-color: var(--lre-filter-primary); border-color: var(--lre-filter-primary); cursor: default; } .lre-pagination-list .page-numbers.dots { background: transparent; border-color: transparent; cursor: default; min-width: auto; padding: 0 4px; } .lre-pagination-list .page-numbers.prev, .lre-pagination-list .page-numbers.next { padding: 0 10px; } .lre-pagination-list .page-numbers.prev i, .lre-pagination-list .page-numbers.next i { font-size: 14px; line-height: 1; } /* Icons inside pagination */ .lre-pagination-list .page-numbers svg { width: 16px; height: 16px; } /* Placeholder in builder */ .lre-pagination-wrapper .lre-placeholder { padding: 16px 20px; background-color: #f3f4f6; border: 1px dashed #d1d5db; border-radius: var(--lre-filter-radius); color: var(--lre-filter-text-light); font-size: 13px; text-align: center; } /* Responsive pagination */ @media (max-width: 480px) { .lre-pagination-list { gap: 6px; } .lre-pagination-list .page-numbers { min-width: 36px; height: 36px; padding: 0 10px; font-size: 13px; } } /* ========================================================================== Events List Shortcode Output ========================================================================== */ .lre-events-list { display: flex; flex-direction: column; gap: 24px; } .lre-event-item { display: flex; gap: 20px; padding: 20px; background-color: var(--lre-filter-bg); border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); transition: border-color var(--lre-filter-transition), box-shadow var(--lre-filter-transition); } .lre-event-item:hover { border-color: #9ca3af; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .lre-event-thumbnail { flex-shrink: 0; width: 160px; } .lre-event-thumbnail img { display: block; width: 100%; height: auto; border-radius: calc(var(--lre-filter-radius) - 2px); object-fit: cover; } .lre-event-content { flex: 1; min-width: 0; } .lre-event-title { margin: 0 0 8px; font-size: 1.25em; font-weight: 600; line-height: 1.3; } .lre-event-title a { color: var(--lre-filter-text); text-decoration: none; } .lre-event-title a:hover { color: var(--lre-filter-primary); } .lre-event-date { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14px; color: var(--lre-filter-text-light); } .lre-event-date time { font-weight: 500; } .lre-event-recurring-badge { display: inline-flex; align-items: center; padding: 2px 8px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--lre-filter-primary); background-color: var(--lre-filter-bg-active); border-radius: 100px; } .lre-event-excerpt { font-size: 14px; line-height: 1.6; color: var(--lre-filter-text); } .lre-event-excerpt p { margin: 0; } .lre-no-results { padding: 40px 20px; text-align: center; color: var(--lre-filter-text-light); background-color: #f9fafb; border: 1px dashed var(--lre-filter-border); border-radius: var(--lre-filter-radius); } /* Responsive events list */ @media (max-width: 640px) { .lre-event-item { flex-direction: column; } .lre-event-thumbnail { width: 100%; max-height: 200px; overflow: hidden; } .lre-event-thumbnail img { height: 200px; object-fit: cover; } } /* ========================================================================== Pagination Element ========================================================================== */ .lre-pagination-wrapper { margin: 24px 0; } .lre-pagination { display: flex; justify-content: center; } .lre-pagination-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; } .lre-pagination-list li { margin: 0; padding: 0; } .lre-pagination-list .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 500; color: var(--lre-filter-text); text-decoration: none; background-color: var(--lre-filter-bg); border: 1px solid var(--lre-filter-border); border-radius: var(--lre-filter-radius); transition: all var(--lre-filter-transition); cursor: pointer; } .lre-pagination-list .page-numbers:hover { color: var(--lre-filter-primary); background-color: var(--lre-filter-bg-hover); border-color: var(--lre-filter-primary); } .lre-pagination-list .page-numbers.current { color: #ffffff; background-color: var(--lre-filter-primary); border-color: var(--lre-filter-primary); cursor: default; } .lre-pagination-list .page-numbers.current:hover { color: #ffffff; background-color: var(--lre-filter-primary); } .lre-pagination-list .page-numbers.dots { border: none; background: transparent; cursor: default; min-width: auto; padding: 0 4px; } .lre-pagination-list .page-numbers.dots:hover { background: transparent; border: none; } .lre-pagination-list .page-numbers.prev, .lre-pagination-list .page-numbers.next { padding: 0 10px; } /* Pagination icons */ .lre-pagination-list .page-numbers i, .lre-pagination-list .page-numbers svg { font-size: 16px; width: 16px; height: 16px; } /* Builder placeholder */ .lre-pagination-wrapper .lre-placeholder { padding: 16px 24px; text-align: center; font-size: 13px; color: var(--lre-filter-text-light); background-color: #f9fafb; border: 1px dashed var(--lre-filter-border); border-radius: var(--lre-filter-radius); } /* Responsive pagination */ @media (max-width: 480px) { .lre-pagination-list { gap: 4px; } .lre-pagination-list .page-numbers { min-width: 36px; height: 36px; padding: 0 8px; font-size: 13px; } } /* ========================================================================== Active Filters Element ========================================================================== */ .lre-active-filters { display: flex !important; /* Override Bricks' default display: block */ flex-wrap: wrap; gap: 10px; align-items: center; } /* Higher specificity for Bricks elements */ .brxe-lreactivefilters.lre-active-filters { display: flex !important; flex-wrap: wrap; gap: 10px; } /* Data attribute selector for maximum specificity */ [data-lre-filter="active-filters"] { display: flex !important; flex-wrap: wrap; gap: 10px; align-items: center; } /* Inline layout mode */ .lre-active-filters--inline, [data-layout-mode="inline"] { display: flex !important; flex-wrap: wrap; gap: 10px; align-items: center; } .lre-active-filters.lre-hide-when-empty { display: none !important; } /* Modern Chip/Pill Style - Clean, professional filter tags */ .lre-active-filter { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 12px 8px 14px; font-size: 14px; line-height: 1.4; color: var(--lre-filter-text); background-color: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 100px; transition: all var(--lre-filter-transition); } .lre-active-filter:hover { background-color: #e5e7eb; border-color: #d1d5db; } .lre-active-filter-label { font-weight: 500; font-size: 13px; color: var(--lre-filter-text-light); white-space: nowrap; } .lre-active-filter-value { font-weight: 600; color: var(--lre-filter-text); } .lre-active-filter-remove { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 20px; height: 20px; padding: 0; margin-left: 2px; color: var(--lre-filter-text-light); background: rgba(0, 0, 0, 0.06); border: none; border-radius: 50%; cursor: pointer; transition: all var(--lre-filter-transition); } .lre-active-filter-remove:hover { color: #ffffff; background-color: #dc2626; } .lre-active-filter-remove svg { width: 12px; height: 12px; } /* Builder placeholder */ .lre-active-filters .lre-builder-placeholder { padding: 10px 16px; font-size: 13px; color: var(--lre-filter-text-light); background-color: #f9fafb; border: 1px dashed var(--lre-filter-border); border-radius: 100px; } /* ========================================================================== STACKED LAYOUT MODE Label above value, close button positioned at top-right corner ========================================================================== */ /* Ensure stacked mode container uses flex for gap to work */ .lre-active-filters--stacked { display: flex !important; flex-wrap: wrap; gap: 10px; align-items: flex-start; } /* Higher specificity for Bricks elements in stacked mode */ .brxe-lreactivefilters.lre-active-filters--stacked { display: flex !important; flex-wrap: wrap; gap: 10px; } .lre-active-filters--stacked .lre-active-filter { position: relative; display: flex; flex-direction: row; align-items: stretch; min-height: auto; padding: 10px 40px 10px 16px; /* Extra right padding for close button */ border-radius: 12px; } .lre-active-filters--stacked .lre-active-filter--stacked { /* Ensure stacked pills have proper structure */ } /* Content wrapper in stacked mode */ .lre-active-filters--stacked .lre-active-filter-content { display: flex; flex-direction: column; gap: 2px; min-width: 0; /* Allow text truncation */ flex: 1; } /* Label in stacked mode - sits on top */ .lre-active-filters--stacked .lre-active-filter-label { display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; color: var(--lre-filter-text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Value in stacked mode - main content below label */ .lre-active-filters--stacked .lre-active-filter-value { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--lre-filter-text); } /* Remove button in stacked mode - positioned at top-right corner */ .lre-active-filters--stacked .lre-active-filter-remove { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; margin: 0; background: rgba(0, 0, 0, 0.08); border-radius: 50%; opacity: 0.7; transition: all var(--lre-filter-transition); } .lre-active-filters--stacked .lre-active-filter-remove:hover { opacity: 1; background-color: #dc2626; color: #ffffff; } .lre-active-filters--stacked .lre-active-filter-remove svg { width: 12px; height: 12px; } /* Hover effect for stacked pills */ .lre-active-filters--stacked .lre-active-filter:hover { background-color: #e5e7eb; } .lre-active-filters--stacked .lre-active-filter:hover .lre-active-filter-remove { opacity: 1; } /* Responsive adjustments for mobile */ @media (max-width: 480px) { .lre-active-filter { min-height: 32px; padding: 6px 10px 6px 12px; font-size: 13px; } .lre-active-filter-label { font-size: 12px; } .lre-active-filter-remove { width: 18px; height: 18px; } .lre-active-filter-remove svg { width: 10px; height: 10px; } /* Stacked layout on mobile */ .lre-active-filters--stacked .lre-active-filter { padding: 8px 36px 8px 12px; border-radius: 10px; } .lre-active-filters--stacked .lre-active-filter-label { font-size: 10px; } .lre-active-filters--stacked .lre-active-filter-value { font-size: 13px; } .lre-active-filters--stacked .lre-active-filter-remove { top: 4px; right: 4px; width: 20px; height: 20px; } .lre-active-filters--stacked .lre-active-filter-remove svg { width: 10px; height: 10px; } } /* ========================================================================== Apply Filters Button Element ========================================================================== */ .lre-apply-filters { display: inline-flex; } .lre-apply-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: var(--lre-filter-height); padding: 0 20px; font-size: 14px; font-weight: 600; color: #ffffff; background-color: var(--lre-filter-primary); border: 1px solid var(--lre-filter-primary); border-radius: var(--lre-filter-radius); cursor: pointer; transition: all var(--lre-filter-transition); white-space: nowrap; } .lre-apply-btn:hover { background-color: var(--lre-filter-primary-hover); border-color: var(--lre-filter-primary-hover); } .lre-apply-btn:active { transform: translateY(1px); } .lre-apply-btn.lre-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .lre-apply-btn-text { line-height: 1; } .lre-apply-btn-icon { display: inline-flex; align-items: center; justify-content: center; } .lre-apply-btn-icon svg, .lre-apply-btn-icon i { width: 16px; height: 16px; font-size: 16px; } .lre-apply-pending-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; font-size: 11px; font-weight: 700; color: var(--lre-filter-primary); background-color: #ffffff; border-radius: 10px; line-height: 1; } /* Builder placeholder */ .lre-apply-filters .lre-placeholder { padding: 12px 16px; font-size: 13px; color: var(--lre-filter-text-light); background-color: #f9fafb; border: 1px dashed var(--lre-filter-border); border-radius: var(--lre-filter-radius); } /* ========================================================================== Custom Multi-Select Dropdown ========================================================================== */ .lre-multiselect { position: relative; display: inline-block; width: auto; min-width: 180px; } /* Hidden select for value storage */ .lre-multiselect-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Trigger button */ .lre-multiselect-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-width: 180px; height: var(--lre-filter-height, 42px); padding: 0 12px 0 14px; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--lre-filter-text, #374151); text-align: left; background-color: var(--lre-filter-bg, #ffffff); border: 1px solid var(--lre-filter-border, #d1d5db); border-radius: var(--lre-filter-radius, 6px); cursor: pointer; transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease; box-sizing: border-box; } .lre-multiselect-trigger:hover { border-color: #9ca3af; background-color: var(--lre-filter-bg-hover, #f9fafb); } .lre-multiselect-trigger:focus { outline: none; border-color: var(--lre-filter-primary, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .lre-multiselect.lre-open .lre-multiselect-trigger { border-color: var(--lre-filter-primary, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .lre-multiselect-trigger-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lre-multiselect-trigger-text.lre-placeholder { color: var(--lre-filter-text-light, #6b7280); } .lre-multiselect-trigger-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; color: var(--lre-filter-text-light, #6b7280); transition: transform 200ms ease; } .lre-multiselect.lre-open .lre-multiselect-trigger-icon { transform: rotate(180deg); } /* Dropdown panel */ .lre-multiselect-dropdown { position: absolute; top: calc(100% + 4px); left: 0; z-index: 1000; min-width: 100%; max-width: 320px; background-color: var(--lre-filter-bg, #ffffff); border: 1px solid var(--lre-filter-border, #d1d5db); border-radius: var(--lre-filter-radius, 6px); box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15), 0 4px 12px -2px rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease; } .lre-multiselect.lre-open .lre-multiselect-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } /* Search input */ .lre-multiselect-search { position: relative; padding: 8px; border-bottom: 1px solid var(--lre-filter-border, #d1d5db); } .lre-multiselect-search-input { display: block; width: 100%; height: 36px; padding: 0 12px 0 36px; font-family: inherit; font-size: 13px; color: var(--lre-filter-text, #374151); background-color: var(--lre-filter-bg-hover, #f9fafb); border: 1px solid transparent; border-radius: calc(var(--lre-filter-radius, 6px) - 2px); transition: border-color 150ms ease, background-color 150ms ease; box-sizing: border-box; } .lre-multiselect-search-input:focus { outline: none; background-color: var(--lre-filter-bg, #ffffff); border-color: var(--lre-filter-primary, #2563eb); } .lre-multiselect-search-input::placeholder { color: var(--lre-filter-text-light, #6b7280); } .lre-multiselect-search-icon { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: var(--lre-filter-text-light, #6b7280); pointer-events: none; } /* Options list */ .lre-multiselect-options { max-height: 280px; overflow-y: auto; overscroll-behavior: contain; padding: 4px; } /* Scrollbar styling */ .lre-multiselect-options::-webkit-scrollbar { width: 6px; } .lre-multiselect-options::-webkit-scrollbar-track { background: transparent; } .lre-multiselect-options::-webkit-scrollbar-thumb { background-color: var(--lre-filter-border, #d1d5db); border-radius: 3px; } .lre-multiselect-options::-webkit-scrollbar-thumb:hover { background-color: #9ca3af; } /* Individual option */ .lre-multiselect-option { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin: 0; font-size: 14px; color: var(--lre-filter-text, #374151); cursor: pointer; border-radius: calc(var(--lre-filter-radius, 6px) - 2px); transition: background-color 120ms ease; user-select: none; } .lre-multiselect-option:hover { background-color: var(--lre-filter-bg-hover, #f3f4f6); } .lre-multiselect-option:focus-within { background-color: var(--lre-filter-bg-hover, #f3f4f6); outline: none; } .lre-multiselect-option.lre-selected { background-color: var(--lre-filter-bg-active, #eff6ff); } .lre-multiselect-option.lre-selected:hover { background-color: #dbeafe; } .lre-multiselect-option.lre-hidden { display: none; } /* Hidden checkbox - visually hidden but accessible */ .lre-multiselect-checkbox { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Custom checkmark box */ .lre-multiselect-checkmark { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; background-color: var(--lre-filter-bg, #ffffff); border: 1.5px solid var(--lre-filter-border, #d1d5db); border-radius: 4px; transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease; } .lre-multiselect-checkmark svg { opacity: 0; transform: scale(0.5); transition: opacity 150ms ease, transform 150ms ease; color: #ffffff; } .lre-multiselect-option:hover .lre-multiselect-checkmark { border-color: #9ca3af; } .lre-multiselect-option.lre-selected .lre-multiselect-checkmark { background-color: var(--lre-filter-primary, #2563eb); border-color: var(--lre-filter-primary, #2563eb); } .lre-multiselect-option.lre-selected .lre-multiselect-checkmark svg { opacity: 1; transform: scale(1); } /* Label text */ .lre-multiselect-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; } /* Empty state */ .lre-multiselect-empty { padding: 16px 12px; font-size: 13px; color: var(--lre-filter-text-light, #6b7280); text-align: center; } /* Footer with clear button */ .lre-multiselect-footer { padding: 8px; border-top: 1px solid var(--lre-filter-border, #d1d5db); } .lre-multiselect-clear { display: flex; align-items: center; justify-content: center; width: 100%; height: 34px; padding: 0 12px; font-family: inherit; font-size: 13px; font-weight: 500; color: var(--lre-filter-text-light, #6b7280); background-color: transparent; border: none; border-radius: calc(var(--lre-filter-radius, 6px) - 2px); cursor: pointer; transition: background-color 120ms ease, color 120ms ease; } .lre-multiselect-clear:hover { background-color: var(--lre-filter-bg-hover, #f3f4f6); color: var(--lre-filter-text, #374151); } .lre-multiselect-clear:focus { outline: none; background-color: var(--lre-filter-bg-hover, #f3f4f6); } .lre-multiselect-clear.lre-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* Focus states for keyboard navigation */ .lre-multiselect-option.lre-focused { background-color: var(--lre-filter-bg-hover, #f3f4f6); outline: 2px solid var(--lre-filter-primary, #2563eb); outline-offset: -2px; } /* Responsive adjustments */ @media (max-width: 480px) { .lre-multiselect { min-width: 100%; } .lre-multiselect-trigger { min-width: 100%; } .lre-multiselect-dropdown { left: 0; right: 0; max-width: none; } } /* ========================================================================== Single-Select Custom Dropdown Replaces native