:root { --submenu-item-border: 1px solid rgba(255, 255, 255, 0.2); --button-spacing: 1.25em; --image-icon-size: 126px; --mobilemaxwidth: 90vw; --deskwidth: 87rem; --pagecontentwidth: 77rem; --header-logo-width-aspect-ratio: 130; --header-logo-height-aspect-ratio: 200; --footer-logo-width-aspect-ratio: 90; --footer-logo-height-aspect-ratio: 145; --header-logo-width: calc(var(--header-logo-width-aspect-ratio) * 1px); --header-logo-height: calc(var(--header-logo-height-aspect-ratio) * 1px); --footer-logo-width: calc(var(--footer-logo-width-aspect-ratio) * 1px); --footer-logo-height: calc(var(--footer-logo-height-aspect-ratio) * 1px) } @media only screen and (max-width:83.5rem) { :root { --breakoutwidth: 0; --pagesidemargin: 5vw } .tbrtheme-accordion-wrapper .tbrtheme-accordion-content h2:first-of-type { display: none } .tbrtheme-accordion-wrapper .tbrtheme-accordion-content p:last-of-type { margin-block-end: var(--margin-size,1.5em) } } body { --banner-height: min(50vmin, 300px); background-color: var(--bg,var(--test)); font-size: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; font-weight: var(--bodytextweight); -webkit-overflow-scrolling: touch; inline-size: 100%; max-inline-size: 100vw; min-block-size: 100vh; min-block-size: 100svh; min-block-size: -webkit-fill-available; overflow-x: hidden; margin: 0; display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end]; --feature-colour: var(--color-primary-500) } @layer reset-forms-buttons, site-notice; body:has(.headertitle-sitemenu_content-one.nav-state-open) .tbrtheme-site-notice { display: none } @layer site-notice { .tbrtheme-site-notice { --spacing: min(6vw, 3rem); --text: var(--light); outline: .125em solid var(--color-golden); outline-offset: -0.75em; display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end]; padding-block: var(--spacing); color: var(--text); background-color: var(--color-call-to-action) } .tbrtheme-site-notice-dismiss[type=button] { --btn-fg: var(--text); --btn-bg: transparent; padding: 0; border-radius: 0; text-decoration: underline } .tbrtheme-site-notice-dismiss[type=button]:active, .tbrtheme-site-notice-dismiss[type=button]:focus-visible, .tbrtheme-site-notice-dismiss[type=button]:hover { --btn-fg: var(--text); --btn-bg: transparent; text-decoration: none } .tbrtheme-site-notice-dismiss[type=button]::before { content: none } .tbrtheme-site-notice-wrapper { inline-size: 100%; grid-column: content; display: grid; grid-template-columns: 1fr auto; align-items: end } .tbrtheme-site-notice-content h2 { font-style: normal; font-family: "Alumni Sans",var(--sans-serif); font-size: var(--fontsizeh1); font-weight: var(--headingweight); line-height: 1.1 } .tbrtheme-site-notice-content a { display: inline!important } @media only screen and (min-width:35.5625rem) { .tbrtheme-site-notice:not(.js-hide) + .headertitle-sitemenu-wrapper .site-header { margin-block-start: -0.5rem!important } } .tbrtheme-site-notice.tbrtheme-site-notice-content-centered .tbrtheme-site-notice-wrapper { display: grid; grid-template-columns: 1fr; justify-items: center; gap: var(--spacing) } .tbrtheme-site-notice.tbrtheme-site-notice-content-centered .tbrtheme-site-notice-content { text-align: center } .tbrtheme-site-notice.tbrtheme-site-notice-content-centered .tbrtheme-site-notice-content p { margin-inline: auto } } @keyframes slide-up { 0% { opacity: 0; transform: translateY(7vh) } 100% { opacity: 1; transform: translateY(0) } } .tbrtheme-accordion { max-inline-size: 90vw; position: relative; z-index: 1; width: 100% } .tbrtheme-accordion-wrapper { --accordian-table-padding: 2em; --accordian-table-padding-half: calc(var(--accordian-table-padding) / 2); display: inline-grid; width: 100%; background-color: var(--faq-summary-bg-closed); margin-block-end: min(6vw,3rem) } .tbrtheme-accordion-wrapper h2 { font-size: var(--fontsizeh2small) } .tbrtheme-accordion summary { display: flex; justify-content: space-between; padding-block: 2em; margin-block-end: 0.125em; background-color: var(--faq-summary-bg-closed); position: relative } .tbrtheme-accordion summary::-webkit-details-marker { display: none } .tbrtheme-accordion summary::after { content: " "; position: absolute; inset: auto 0 0; border-bottom: 1px solid var(--faq-line,var(--test)) } .tbrtheme-accordion summary > * { display: inline-block } .tbrtheme-accordion summary h2 { transition: color 250ms cubic-bezier(.55, .09, .68, .53); margin: 0 } .tbrtheme-accordion summary > svg { flex: 0 0 auto; margin-block-start: 0.3em; margin-inline-start: auto; margin-inline-end: .5em; fill: var(--faq-summary-text-closed) } .tbrtheme-accordion summary:active, .tbrtheme-accordion summary:focus-visible, .tbrtheme-accordion summary:hover { background-color: var(--faq-summary-bg-hover) } .tbrtheme-accordion summary:active h2, .tbrtheme-accordion summary:focus-visible h2, .tbrtheme-accordion summary:hover h2 { color: var(--faq-summary-text-hover) } .tbrtheme-accordion summary:active > svg, .tbrtheme-accordion summary:focus-visible > svg, .tbrtheme-accordion summary:hover > svg { fill: var(--faq-summary-text-hover) } .tbrtheme-accordion[open] svg.closed { display: none } .tbrtheme-accordion[open] summary { background-color: var(--faq-summary-bg-open) } .tbrtheme-accordion[open] summary h2 { color: var(--faq-summary-text-open) } .tbrtheme-accordion[open] summary > svg { fill: var(--faq-summary-text-open); transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } .tbrtheme-accordion[open] summary:active > svg, .tbrtheme-accordion[open] summary:focus-visible > svg, .tbrtheme-accordion[open] summary:hover > svg { transform: translateX(1em) } .tbrtheme-accordion:not([open]) svg.open { display: none } .tbrtheme-accordion:not([open]) h2 { color: var(--faq-summary-text-closed) } .tbrtheme-accordion-content { position: relative; --transition-timing: 1000ms; overflow: hidden } .tbrtheme-accordion-content, .tbrtheme-accordion-content > * { color: var(--txt); background-color: var(--bg) } @keyframes accordion-contents-hide { 0% { clip-path: inset(0 0 0 0) } 99% { clip-path: inset(100% 0 0 0); transition: clip-path var(--transition-timing) cubic-bezier(.55, .09, .68, .53),max-height var(--transition-timing) cubic-bezier(.55, .09, .68, .53) } 100% { clip-path: inset(100% 0 0 0); transition: clip-path var(--transition-timing) cubic-bezier(.55, .09, .68, .53) } } @keyframes accordion-contents-show { 0% { opacity: 0; clip-path: inset(0 0 100% 0) } 1% { display: block } 100% { opacity: 1; clip-path: inset(0 0 0 0); transition: opacity var(--transition-timing) cubic-bezier(.55, .09, .68, .53),clip-path var(--transition-timing) cubic-bezier(.55, .09, .68, .53) } } @media (prefers-reduced-motion:reduce) { .tbrtheme-accordion-content { transition: none } } @media only screen and (min-width:83.5625rem) { :root { --breakoutwidth: min(3vw, 3rem); --pagesidemargin: 2vw } .tbrtheme-accordion-wrapper { display: grid; align-content: start; --colonewidth: 30rem; --midrulepos: calc(var(--colonewidth) + 3rem); grid-template-columns: var(--colonewidth) 1fr; column-gap: 6rem; min-block-size: var(--accordian-max-content); position: relative } .tbrtheme-accordion-wrapper::before { content: " "; position: absolute; inset: 0 auto 0 var(--midrulepos); inline-size: 0.25em; background-color: var(--feature-colour,var(--test)) } .tbrtheme-accordion-wrapper .tbrtheme-accordion { grid-column: 1 } .tbrtheme-accordion-wrapper .tbrtheme-accordion-content { grid-column: 2; position: absolute; padding-block: var(--accordian-table-padding-half); max-block-size: 100% } .tbrtheme-accordion-wrapper .tbrtheme-accordion-content p { --sentencemaxwidth: 56ch } .tbrtheme-accordion-content { overflow-y: auto; padding-inline-end: 3rem; --scrollbar-thumb: var(--feature-colour) } .has-text-align-center { margin-inline: auto; text-align: center } } .tbrtheme-accordion:not([open]) + .tbrtheme-accordion-content { opacity: 0 } @media only screen and (max-width:83.5rem) { .tbrtheme-accordion[open] svg.open { transform: rotate(90deg) } .tbrtheme-accordion[open] summary::after { content: none } details.tbrtheme-accordion[open] + div.tbrtheme-accordion-content { border-bottom: 1px solid var(--faq-line,var(--test)) } .tbrtheme-accordion:not([open])+.tbrtheme-accordion-content, .tbrtheme-accordion:not([open]).accordion-initial+.tbrtheme-accordion-content { max-height: 0 } .has-text-align-center.has-text-align-center-on-mobile { margin-inline: auto; text-align: center } } .tbrtheme-accordion[open] + .tbrtheme-accordion-content { opacity: 0; animation: slide-up cubic-bezier(0,0,.2,1) var(--transition-timing) forwards; z-index: 10 } [class^=wp-block-tbrtheme-testimonial] :is(h2,h3) { font-family: "Alumni Sans",var(--sans-serif); font-weight: var(--headingweight); letter-spacing: var(--heading-letter-spacing); text-wrap: balance } [class^=wp-block-tbrtheme-testimonial] h2 { font-size: var(--fontsizeh2); margin-block-end: 0.25em; line-height: 1 } [class^=wp-block-tbrtheme-testimonial] h3 { font-size: var(--fontsizeh3); line-height: 1 } [class^=wp-block-tbrtheme-testimonial] .tbrtheme-testimonial-subtitle { color: var(--color-primary-700) } .wp-block-tbrtheme-testimonial-latest { background-color: var(--alt-bg); position: relative; padding-block: min(6vw,3rem) } .wp-block-tbrtheme-testimonial-latest > * { z-index: 2; position: relative } .wp-block-tbrtheme-testimonial-latest::before { content: " "; position: absolute; inset: 0 0 0 50%; width: 100vw; transform: translateX(-50vw); background-color: var(--alt-bg); z-index: 1 } .wp-block-tbrtheme-testimonial-all { display: grid; row-gap: min(6vw,3rem); padding-block-end: min(10vw,5rem) } .wp-block-tbrtheme-testimonial-all .tbrtheme-testimonial:nth-child(odd) { background-color: var(--alt-bg); position: relative; padding-block: min(6vw,3rem) } .wp-block-tbrtheme-testimonial-all .tbrtheme-testimonial:nth-child(odd) > * { z-index: 2; position: relative } .wp-block-tbrtheme-testimonial-all .tbrtheme-testimonial:nth-child(odd)::before { content: " "; position: absolute; inset: 0 0 0 50%; width: 100vw; transform: translateX(-50vw); background-color: var(--alt-bg); z-index: 1 } .wp-block-tbrtheme-diary-dates + .wp-block-tbrtheme-testimonial-latest { --top-space: 1.75rem; margin-block-start: calc(var(--top-space) * -1); padding-block-start: min(14vw,3rem + var(--top-space)) } @media only screen and (min-width:52.1875rem) { .wp-block-tbrtheme-testimonial-latest .tbrtheme-testimonial { grid-template-areas: "header header" "image content" ". footer" } .wp-block-tbrtheme-testimonial-all .tbrtheme-testimonial { grid-template-areas: "header header" "image content" } .tbrtheme-testimonial { display: grid; column-gap: min(6vw,3rem); grid-template-columns: repeat(2,1fr) } } .tbrtheme-testimonial-header { grid-area: header; margin-block-end: var(--margin-size,1.5em) } .tbrtheme-testimonial-image { grid-area: image } .tbrtheme-testimonial-content { grid-area: content } .tbrtheme-testimonial-content b, .tbrtheme-testimonial-content strong { color: var(--color-primary-700) } @media (prefers-color-scheme:dark) { [class^=wp-block-tbrtheme-testimonial] .tbrtheme-testimonial-subtitle { color: var(--txt) } .tbrtheme-testimonial-content b, .tbrtheme-testimonial-content strong { color: var(--color-primary-100) } } .tbrtheme-testimonial-footer { grid-area: footer } @media (forced-colors:active) { .site-nav li { margin: .15em } .site-nav li a { outline-offset: 0 } nav.nav-footer ul.menu-footer li { margin-block-start: 1em } nav.nav-footer ul.menu-footer li a { padding: 0 } } .footer-logo.forced-light { display: none } @media (prefers-color-scheme:light) and (forced-colors:active) { .footer-logo.default { display: none } .footer-logo.forced-light { display: block } } :root { --serif: Charter,"Bitstream Charter","Sitka Text",Cambria,serif; --serif-antique: Superclarendon,"Bookman Old Style","URW Bookman","URW Bookman L","Georgia Pro",Georgia,serif; --sans-serif: Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif; --monospace: ui-monospace,"Cascadia Code","Source Code Pro",Menlo,"DejaVu Sans Mono",Consolas,monospace; --cursive: "Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive; --emoji: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --fontweight300: 300; --fontweight400: 400; --fontweight500: 500; --fontweight600: 600; --fontweight700: 700; --bannerweight: 700; --headingweight: 400; --bodytextweight: 400; --bodytextbold: 700; --linktextweight: 400; --inputfontweight: 400; --buttontextweight: 400; --cardtextweight: 400; --fontsize12: 0.75rem; --fontsize13: 0.8125rem; --fontsize14: 0.875rem; --fontsize15: 0.9375rem; --fontsize16: 1rem; --fontsize17base: 1.0625rem; --fontsize17: clamp(0.9rem, 1vw + 0.5rem, 1.0625rem); --fontsize17cq: clamp(0.9rem, 5cqw + 0.5rem, 1.0625rem); --fontsize18base: 1.125rem; --fontsize18: clamp(0.9rem, 1vw + 0.5rem, 1.125rem); --fontsize19: clamp(0.9rem, 1vw + 0.5rem, 1.1875rem); --fontsize20: clamp(1rem, 1vw + 0.5rem, 1.25rem); --fontsize20base: 1.25rem; --fontsize22: clamp(1rem, 1vw + 1.375rem, 1.375rem); --fontsize22base: 1.375rem; --fontsize23: clamp(1rem, min(9vw, 1.4375rem), 1.4375rem); --fontsize24: clamp(1rem, min(9vw, 1.5rem), 1.5rem); --fontsize25: clamp(1.25rem, 2vw + 1rem, 1.5625rem); --fontsize25cq: clamp(1.0625rem, min(6cqw, 1.5625rem), 1.5625rem); --fontsize30: clamp(2rem, 2vw + 1rem, 1.875rem); --fontsize35: clamp(2.25rem, 3vw + 1rem, 2.1875rem); --fontsize40: clamp(2.5rem, 3vw + 1rem, 2.5rem); --fontsize45: clamp(1.75rem, 4vw + 1rem, 2.8125rem); --fontsize50: clamp(1.5rem, 7vw + 1rem, 3.125rem); --fontsize52: clamp(1.5rem, 7vw + 1rem, 3.25rem); --fontsize60: clamp(1.5rem, 7vw + 1rem, 3.75rem); --fontsize66: clamp(3.125rem, 2vw + 1rem, 4.125rem); --fontsize70: clamp(1.5rem, 7vw + 1rem, 4.375rem); --fontsizeh1: var(--fontsize45); --fontsizeh2: var(--fontsize40); --fontsizeh3: var(--fontsize30); --fontsizeh4: var(--fontsize25); --fontsizeh5: var(--fontsize22); --fontsizeh6: var(--fontsize20); --bodytextsize: var(--fontsize16); --fontsizeh2small: var(--fontsize18base); --fontsizefooterh2: var(--fontsize20base); --fontsizefootertext: var(--fontsize20base); --highlighttextsize: var(--fontsize20base); --cardtitlesize: var(--fontsize20base); --cardtextsize: var(--fontsize20base); --featcardtextsizefallback: clamp(0.8rem, min(6vw, 1rem), clamp(0.9rem, 1vw + 0.5rem, 1.0625rem)); --featcardtextsize: clamp(0.8rem, min(6cqw, 1rem), clamp(0.9rem, 1vw + 0.5rem, 1.0625rem)); --label: var(--fontsize20base); --caption: var(--fontsize18base); --fontsmall: var(--fontsize16); --fontsizereq: var(--fontsize16); --buttontextsize: var(--fontsize17base); --inputtextsize: var(--fontsize18base); color-scheme: light dark; font-size: 16px; color: var(--txt,var(--test)); background-color: var(--bg,var(--test)); --figure-float-margin-side: 1.5em } .tbrtheme-alt-bg { background-color: #d3d3d3; background-color: var(--alt-bg,var(--test)) } .tbrtheme-alt-bg > * { position: relative } .tbrtheme-alt-bg-three, .tbrtheme-alt-bg-two { color: var(--light); font-weight: var(--fontweight400); padding-block: min(10vw,5rem) } .tbrtheme-alt-bg-three h2, .tbrtheme-alt-bg-two h2 { color: var(--light) } .tbrtheme-alt-bg-three p, .tbrtheme-alt-bg-two p { max-inline-size: min(58ch,90vw) } .tbrtheme-alt-bg-two { background-color: var(--color-primary-500) } @media (prefers-color-scheme:dark) { .tbrtheme-alt-bg-two, .tbrtheme-alt-bg-two h2 { color: var(--dark) } } .tbrtheme-alt-bg-three { background-color: var(--color-tertiary) } .tbrtheme-atn-bg { color: var(--light); background-color: var(--color-primary-700) } .tbrtheme-atn-bg h2 { text-transform: none; color: var(--color-primary-500) } a { color: currentcolor; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 0.125em; overflow-wrap: break-word; -webkit-hyphens: none; hyphens: none; max-width: 90vw; display: inline-block; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); cursor: pointer } a:active, a:focus-visible, a:hover { text-decoration: none } li a { display: inline } a[href^=mailto] { word-break: break-all } .entry-footer a:not([class*=cta-link]), .entry-header a:not([class*=cta-link]), .entry-text a:not([class*=cta-link]), [class*=post-category] a:not([class*=cta-link]) { font-weight: var(--linktextweight) } @media (prefers-color-scheme:dark) { .wp-block-tbrtheme-testimonials-slider, .wp-block-tbrtheme-testimonials-slider h2 { color: #f9f9f9 } .entry-footer a:not([class*=cta-link]), .entry-header a:not([class*=cta-link]), .entry-text a:not([class*=cta-link]), [class*=post-category] a:not([class*=cta-link]) { opacity: .9 } } .entry-text :where(h1,h2,h3,h4,h5,h6) { overflow-wrap: inherit } .entry-text :where(h1,h2,h3,h4,h5,h6) a { font-weight: inherit } .entry-text ul { list-style-type: var(--marker-type-ul,disc) } .entry-text ul ::marker { color: var(--marker-colour-ul,inherit) } .entry-text ul ul { --marker-type-ul: circle } .entry-text ol ::marker { color: var(--marker-colour-ol,inherit) } .entry-footer a, .entry-text a { color: inherit } .entry-footer a:active, .entry-footer a:focus-visible, .entry-footer a:hover, .entry-text a:active, .entry-text a:focus-visible, .entry-text a:hover { text-decoration: none } dd, div, li, p, td, th { font-size: var(--bodytextsize) } time { display: inline-block; font-size: var(--fontsmall) } b, strong { font-weight: var(--bodytextbold); color: var(--bold) } .tbrtheme-text-bolder b, .tbrtheme-text-bolder strong { font-weight: var(--headingweight) } mark { background-color: var(--text-mark) } address { font-style: normal } blockquote, q { margin-inline: 0; padding: .5em 0 .5em min(6vw,3em); position: relative } .entry-text > blockquote, .entry-text > q { margin: 3em 0 } blockquote::before, q::before { content: " "; position: absolute; inset: 0 auto 0 0; width: .25em; background-color: var(--blockquote,var(--test)) } blockquote p:last-child, q p:last-child { margin-block-end: 0 } ::selection { color: var(--bg,var(--test)); background-color: var(--txt,var(--test)) } :is(.website-subtitle,.wp-block-tbrtheme-diary-dates) ::selection { color: var(--color-primary-900,var(--test)); background-color: var(--light,var(--test)) } .site-footer ::selection { color: var(--footer-bg,var(--test)); background-color: var(--footer-text,var(--test)) } ::placeholder { color: var(--ffplaceholdertext,var(--test)); opacity: 1; font-size: var(--fontsize15) } svg { fill: currentcolor; display: block; inline-size: 1em; block-size: 1em } .image-bg-darkmode img { background: var(--image-bg-darkmode); border: 1em solid transparent; box-sizing: content-box } a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .flxmap-directions-link a { outline: 0 } .nav-top a { outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color) } .nav-top a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .site-footer a { outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); text-decoration: none } .site-footer a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } details summary { cursor: pointer; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); display: block } details summary:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } html { scroll-padding-block-start: 0; block-size: -webkit-fill-available } :has(:target) { scroll-padding-block-start: 3rem } a, a.button, button, p.button a, summary { touch-action: manipulation } @layer reset-forms-buttons { input:not(:placeholder-shown):focus { outline: 0 } :not(output):-moz-ui-invalid, :not(output):user-invalid { box-shadow: 0 0 0 .25em var(--invalidelement,var(--test)) } :not(output):-moz-ui-invalid:-moz-focusring { box-shadow: 0 0 0 .25em var(--invalidelementlight,var(--test)) } fieldset { padding: 0; border: none } legend { font-family: "Noto Sans",var(--sans-serif); font-size: var(--label); font-weight: var(--fontweight400); color: var(--formlabel,#000); transition: color .1s linear; cursor: pointer; display: block; margin: 0 0 2em; line-height: 1.3 } label { font-family: "Noto Sans",var(--sans-serif); font-size: var(--label); font-weight: var(--fontweight400); color: var(--formlabel,#000); transition: color .1s linear; cursor: pointer; display: block; margin: 1em 0 .25em; line-height: 1.3 } input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; display: inline-block; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; line-height: 1.25 } .entry-text form input[type=date], .entry-text form input[type=datetime-local], .entry-text form input[type=email], .entry-text form input[type=month], .entry-text form input[type=number], .entry-text form input[type=password], .entry-text form input[type=search], .entry-text form input[type=tel], .entry-text form input[type=text], .entry-text form input[type=time], .entry-text form input[type=url], .entry-text form input[type=week] { padding: .5em 1em } input[type=date]:active, input[type=date]:focus-visible, input[type=date]:hover, input[type=datetime-local]:active, input[type=datetime-local]:focus-visible, input[type=datetime-local]:hover, input[type=email]:active, input[type=email]:focus-visible, input[type=email]:hover, input[type=month]:active, input[type=month]:focus-visible, input[type=month]:hover, input[type=number]:active, input[type=number]:focus-visible, input[type=number]:hover, input[type=password]:active, input[type=password]:focus-visible, input[type=password]:hover, input[type=search]:active, input[type=search]:focus-visible, input[type=search]:hover, input[type=tel]:active, input[type=tel]:focus-visible, input[type=tel]:hover, input[type=text]:active, input[type=text]:focus-visible, input[type=text]:hover, input[type=time]:active, input[type=time]:focus-visible, input[type=time]:hover, input[type=url]:active, input[type=url]:focus-visible, input[type=url]:hover, input[type=week]:active, input[type=week]:focus-visible, input[type=week]:hover { border-color: var(--ffhoverborder,var(--test)) } input[type=search] { appearance: none } input[type=date], input[type=datetime-local] { color: var(--ffplaceholdertext,var(--test)); padding-inline-end: 2em; background-image: url("../../icons/theme/calendar-day.svg"); background-repeat: no-repeat; background-position: 95% center } input[type=date]:not(:placeholder-shown), input[type=datetime-local]:not(:placeholder-shown) { color: var(--txt,var(--test)) } input[type=date i]::-webkit-calendar-picker-indicator { margin-inline-end: -1.5em; opacity: 0; cursor: pointer } input[type=checkbox] { position: absolute; margin: 0; opacity: 0 } input[type=checkbox] + label { line-height: unset; position: relative; max-inline-size: none!important } input[type=checkbox] + label svg { position: relative; inline-size: 0.9rem; block-size: 0.9rem; margin: 0; border: 1px solid; fill: transparent; outline: transparent solid 3px; transition: border .1s linear,outline .1s linear } input[type=checkbox]:focus + label svg { border-color: var(--ffhoverborder,var(--test)) } input[type=checkbox]:checked + label svg { fill: var(--light); background-color: currentcolor } input[type=checkbox]:checked:focus + label svg { border-color: currentcolor; outline: 0 } select:not([multiple]) { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; display: inline-block; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; cursor: pointer; line-height: 1.25; appearance: none; background: 98% center/18px 18px no-repeat url("../../icons/theme/form-select/angle-down.svg") var(--ffbg,var(--test)); padding-inline-end: 1.25em; text-align: start; max-inline-size: 100% } .entry-text form select:not([multiple]) { padding: .5em 1em } select:not([multiple]):active, select:not([multiple]):focus-visible, select:not([multiple]):hover { border-color: var(--ffhoverborder,var(--test)) } select:not([multiple]) option { font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: border-color 250ms cubic-bezier(.55, .09, .68, .53); cursor: pointer; line-height: 1.25; padding: .5em 1em } textarea { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; line-height: 1.75; display: block } .entry-text form textarea { padding: .5em 1em } textarea:active, textarea:focus-visible, textarea:hover { border-color: var(--ffhoverborder,var(--test)) } input[type=file]::-ms-browse, input[type=file]::-webkit-file-upload-button { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; -webkit-transition: outline-color 150ms ease-in; -ms-transition: outline-color 150ms ease-in; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button) } input[type=file]::-ms-browse:focus, input[type=file]::-webkit-file-upload-button:focus { box-shadow: none } input[type=file]::-ms-browse[href^=mailto], input[type=file]::-webkit-file-upload-button[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { input[type=file]::-ms-browse, input[type=file]::-webkit-file-upload-button { -webkit-transition: .2s cubic-bezier(.55, .09, .68, .53); -ms-transition: .2s cubic-bezier(.55, .09, .68, .53); transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } input[type=file]::-ms-browse::before, input[type=file]::-webkit-file-upload-button::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); -ms-transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } input[type=file]::-ms-browse:active, input[type=file]::-ms-browse:focus-visible, input[type=file]::-ms-browse:hover, input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus-visible, input[type=file]::-webkit-file-upload-button:hover { color: var(--btn-fg,var(--test)) } input[type=file]::-ms-browse:active::before, input[type=file]::-ms-browse:focus-visible::before, input[type=file]::-ms-browse:hover::before, input[type=file]::-webkit-file-upload-button:active::before, input[type=file]::-webkit-file-upload-button:focus-visible::before, input[type=file]::-webkit-file-upload-button:hover::before { opacity: 1 } input[type=file]::-ms-browse:focus-visible, input[type=file]::-webkit-file-upload-button:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } input[type=file]::-ms-browse:disabled, input[type=file]::-webkit-file-upload-button:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow), input[type=submit] { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button) } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus, input[type=submit]:focus { box-shadow: none } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow)[href^=mailto], input[type=submit][href^=mailto] { text-transform: none } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow)::before, input[type=submit]::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active, button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover, input[type=submit]:active, input[type=submit]:focus-visible, input[type=submit]:hover { color: var(--btn-fg,var(--test)) } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active::before, button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible::before, button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover::before, input[type=submit]:active::before, input[type=submit]:focus-visible::before, input[type=submit]:hover::before { opacity: 1 } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, input[type=submit]:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):disabled, input[type=submit]:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .flxmap-container button:not(.baguetteBox-button):not(.gm-control-active) { color: inherit!important; background-color: inherit!important; min-width: inherit } .wp-block-button .wp-block-button__link { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button); color: var(--btn-fg,var(--test)); text-decoration: none } .wp-block-button .wp-block-button__link:focus { box-shadow: none } .wp-block-button .wp-block-button__link[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { .wp-block-button .wp-block-button__link, button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow), input[type=submit] { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .wp-block-button .wp-block-button__link::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } .wp-block-button .wp-block-button__link:active, .wp-block-button .wp-block-button__link:focus-visible, .wp-block-button .wp-block-button__link:hover { color: var(--btn-fg,var(--test)) } .wp-block-button .wp-block-button__link:active::before, .wp-block-button .wp-block-button__link:focus-visible::before, .wp-block-button .wp-block-button__link:hover::before { opacity: 1 } .wp-block-button .wp-block-button__link:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .wp-block-button .wp-block-button__link:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .primary-button__link a, .wp-block-file a.wp-block-file__button, a.primary-button__link, a.wp-block-file__button { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button); color: var(--btn-fg,var(--test)); text-decoration: none } .primary-button__link a:focus, .wp-block-file a.wp-block-file__button:focus, a.primary-button__link:focus, a.wp-block-file__button:focus { box-shadow: none } .primary-button__link a[href^=mailto], .wp-block-file a.wp-block-file__button[href^=mailto], a.primary-button__link[href^=mailto], a.wp-block-file__button[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { .primary-button__link a, .wp-block-file a.wp-block-file__button, a.primary-button__link, a.wp-block-file__button { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .primary-button__link a::before, .wp-block-file a.wp-block-file__button::before, a.primary-button__link::before, a.wp-block-file__button::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } .primary-button__link a:active, .primary-button__link a:focus-visible, .primary-button__link a:hover, .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus-visible, .wp-block-file a.wp-block-file__button:hover, a.primary-button__link:active, a.primary-button__link:focus-visible, a.primary-button__link:hover, a.wp-block-file__button:active, a.wp-block-file__button:focus-visible, a.wp-block-file__button:hover { color: var(--btn-fg,var(--test)) } .primary-button__link a:active::before, .primary-button__link a:focus-visible::before, .primary-button__link a:hover::before, .wp-block-file a.wp-block-file__button:active::before, .wp-block-file a.wp-block-file__button:focus-visible::before, .wp-block-file a.wp-block-file__button:hover::before, a.primary-button__link:active::before, a.primary-button__link:focus-visible::before, a.primary-button__link:hover::before, a.wp-block-file__button:active::before, a.wp-block-file__button:focus-visible::before, a.wp-block-file__button:hover::before { opacity: 1 } .primary-button__link a:focus-visible, .wp-block-file a.wp-block-file__button:focus-visible, a.primary-button__link:focus-visible, a.wp-block-file__button:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .primary-button__link a:disabled, .wp-block-file a.wp-block-file__button:disabled, a.primary-button__link:disabled, a.wp-block-file__button:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } button.button, input.button { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button) } button.button:focus, input.button:focus { box-shadow: none } button.button[href^=mailto], input.button[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { button.button, input.button { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } button.button::before, input.button::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } button.button:active, button.button:focus-visible, button.button:hover, input.button:active, input.button:focus-visible, input.button:hover { color: var(--btn-fg,var(--test)) } button.button:active::before, button.button:focus-visible::before, button.button:hover::before, input.button:active::before, input.button:focus-visible::before, input.button:hover::before { opacity: 1 } button.button:focus-visible, input.button:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } button.button:disabled, input.button:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } input.button:active, input.button:focus-visible, input.button:hover { --btn-bg: var(--color-primary-button-hover) } .button__link a, .has-button a, a.button, a.button__link, p.button a { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: .1875em solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); background-color: var(--btn-bg)!important; --btn-fg: currentcolor; --btn-bg: var(--bg, var(--test)); --btn-outline-bdr: currentcolor; border-color: var(--btn-outline-bdr,var(--test)); --btn-fg: var(--txt, var(--test)); --btn-bg: transparent; --btn-outline-bdr: var(--color-cta, var(--test)); text-decoration: none } .button__link a:focus, .has-button a:focus, a.button:focus, a.button__link:focus, p.button a:focus { box-shadow: none } .button__link a[href^=mailto], .has-button a[href^=mailto], a.button[href^=mailto], a.button__link[href^=mailto], p.button a[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { .button__link a, .has-button a, a.button, a.button__link, p.button a { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .button__link a::before, .has-button a::before, a.button::before, a.button__link::before, p.button a::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg) } .button__link a:active, .button__link a:focus-visible, .button__link a:hover, .has-button a:active, .has-button a:focus-visible, .has-button a:hover, a.button:active, a.button:focus-visible, a.button:hover, a.button__link:active, a.button__link:focus-visible, a.button__link:hover, p.button a:active, p.button a:focus-visible, p.button a:hover { color: var(--btn-fg,var(--test)); --btn-bg: var(--color-cta, var(--test)) } .button__link a:active::before, .button__link a:focus-visible::before, .button__link a:hover::before, .has-button a:active::before, .has-button a:focus-visible::before, .has-button a:hover::before, a.button:active::before, a.button:focus-visible::before, a.button:hover::before, a.button__link:active::before, a.button__link:focus-visible::before, a.button__link:hover::before, p.button a:active::before, p.button a:focus-visible::before, p.button a:hover::before { opacity: 1 } .button__link a:focus-visible, .has-button a:focus-visible, a.button:focus-visible, a.button__link:focus-visible, p.button a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .button__link a:disabled, .has-button a:disabled, a.button:disabled, a.button__link:disabled, p.button a:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } a.back-button, p.back-button a { --btn-fg: var(--heading-color); --btn-outline-bdr: var(--heading-color); align-items: center; padding-inline-start: 3em } a.back-button::before, p.back-button a::before { transform: scaleX(0); transform-origin: left; transition: transform .4s cubic-bezier(.55, .09, .68, .53) } a.back-button::after, p.back-button a::after { position: absolute; inset: auto auto auto 1em; inline-size: 1em; transition: fill 250ms cubic-bezier(.55, .09, .68, .53); content: url('data:image/svg+xml;utf8,') } a.back-button:active::before, a.back-button:focus-visible::before, a.back-button:hover::before, p.back-button a:active::before, p.back-button a:focus-visible::before, p.back-button a:hover::before { transform: scaleX(1); transform-origin: right } a.back-button:active::after, a.back-button:focus-visible::after, a.back-button:hover::after, p.back-button a:active::after, p.back-button a:focus-visible::after, p.back-button a:hover::after { content: url('data:image/svg+xml;utf8,') } @media (prefers-color-scheme:dark) { input[type=checkbox]:checked + label svg { fill: var(--dark) } a.back-button:active::after, a.back-button:focus-visible::after, a.back-button:hover::after, p.back-button a:active::after, p.back-button a:focus-visible::after, p.back-button a:hover::after { content: url('data:image/svg+xml;utf8,') } } p.back-button a.tbrtheme-print-button { padding-inline-start: 1.5em } p.back-button a.tbrtheme-print-button::after { content: none } p.back-button a.tbrtheme-print-button::before { transform: scaleY(0); transform-origin: bottom; transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } p.back-button a.tbrtheme-print-button:active::before, p.back-button a.tbrtheme-print-button:focus-visible::before, p.back-button a.tbrtheme-print-button:hover::before { transform: scaleY(1); transform-origin: top } .nav-top button:not(.baguetteBox-button):not(.gm-control-active).search-button { --search-button-size: 1rem; padding: .25em; min-inline-size: auto; display: grid; place-content: center; inline-size: 3rem; block-size: 100%; margin-inline-start: 1em; --btn-bg: transparent!important; --btn-fg: var(--light, var(--test)); --btn-bg: var(--color-primary-500, var(--test)) } .nav-top button:not(.baguetteBox-button):not(.gm-control-active).search-button svg { inline-size: 1rem; block-size: 100% } .nav-top button:not(.baguetteBox-button):not(.gm-control-active).search-button:active, .nav-top button:not(.baguetteBox-button):not(.gm-control-active).search-button:focus-visible, .nav-top button:not(.baguetteBox-button):not(.gm-control-active).search-button:hover { --btn-fg: var(--color-cta, var(--test)); --btn-bg: var(--color-primary-500, var(--test)) } .search-not-found button:not(.baguetteBox-button):not(.gm-control-active).search-button { --search-button-size: 1rem; padding: .25em; min-inline-size: auto; display: grid; place-content: center; inline-size: 3rem; block-size: 100%; --btn-bg: transparent!important; --btn-fg: var(--light, var(--test)); --btn-bg: var(--color-cta, var(--test)) } .search-not-found button:not(.baguetteBox-button):not(.gm-control-active).search-button svg { inline-size: 1rem; block-size: 100% } .search-not-found button:not(.baguetteBox-button):not(.gm-control-active).search-button:active, .search-not-found button:not(.baguetteBox-button):not(.gm-control-active).search-button:focus-visible, .search-not-found button:not(.baguetteBox-button):not(.gm-control-active).search-button:hover { --btn-fg: var(--light, var(--test)); --btn-bg: var(--color-primary-700, var(--test)) } button.gm-ui-hover-effect { min-inline-size: auto } .wp-block-file { margin-block-start: 1em } form p { line-height: 1.25; margin-block-end: var(--margin-size,1.5em) } form a { display: inline-block; line-height: 2 } .entry-text .button + .button { margin-inline-start: var(--button-spacing) } p.button { display: flex; flex-wrap: wrap; gap: var(--button-spacing) } @media only screen and (max-width:48rem) { form a { display: block } } } a[class], button, input { overflow-wrap: normal } *, ::after, ::before { box-sizing: border-box } img { font-style: italic; vertical-align: middle } canvas, figure, img, picture, video { max-inline-size: min(100%,90vw); height: auto } canvas, picture, video { display: block } .wp-block-audio audio { width: min(300px,100%); min-width: auto } blockquote { margin: 0 0 var(--margin-size,1.5em) } .wp-block-group > blockquote { margin: 0 } blockquote, dl, h2, h3, p, ul { max-inline-size: min(var(--sentencemaxwidth,72ch),90vw) } #wpadminbar blockquote, #wpadminbar dl, #wpadminbar h2, #wpadminbar h3, #wpadminbar p, #wpadminbar ul { max-width: inherit } blockquote, blockquote p { --sentencemaxwidth: 92ch } blockquote.tbrtheme-blockquote-fontsize-large, blockquote.tbrtheme-blockquote-fontsize-large p { --sentencemaxwidth: 82ch } .has-text-align-right { text-align: end } @media only screen and (max-width:83.5rem) { br { display: none } br::after { content: " " } .site-footer br, .tbrtheme-card-label br, .tbrtheme-card-title br, figcaption br { display: initial } figcaption br::after { content: none } .wp-block-columns { grid-template-columns: repeat(auto-fit,minmax(min(36rem,90vw),1fr)) } .wp-block-columns.tbrtheme-mobile-stack { grid-template-columns: 1fr } .wp-block-columns.tbrtheme-mobile-reverse-order .wp-block-column:first-child { order: 1 } .wp-block-columns.columns-mobile-fullwidth { grid-column: fullwidth; max-width: none; width: 100vw } } .sentencemaxwidth-666 .entry-text { --sentencemaxwidth: 666px } .sentencemaxwidth-46 .entry-text { --sentencemaxwidth: 46ch } .sentencemaxwidth-41 .entry-text { --sentencemaxwidth: 41ch } .entry-text-maxwidth .entry-text { max-inline-size: min(var(--entrymaxwidth,auto),90vw) } .entry-text-maxwidth.entry-text-maxwidth-55 .entry-text { --entrymaxwidth: 55ch } :where(ul,ol) { margin-block-end: var(--margin-size,1.5em) } :where(ul,ol) :where(ul,ol) { margin-block-start: 1em } .entry-text :where(ul,ol) { margin-block-end: var(--margin-size,1.5em) } .entry-text :where(ul,ol) :where(ul,ol) { margin-block-start: 1em } ul { padding-inline-start: 1.5em } ol { padding-inline-start: 1.35em } .list-no-bullets { list-style-type: none; padding-inline-start: 0 } li { margin-block-end: 1em } p { margin-block-end: var(--margin-size,1.5em) } .entry-text nav ul, nav ul { padding-inline-start: 0; list-style-type: none; margin-block-end: 0 } .entry-text nav ul > li::before, nav ul > li::before { content: "​"; position: absolute } .entry-text nav ul li, nav ul li { margin-block-end: 0 } form ul, nav ul { max-inline-size: none } pre { white-space: pre-line } *, .entry-text * { margin-block-start: 0 } .entry-text p:empty { margin: 0!important; line-height: 0 } * + :last-child, .entry-text * + :not(.blocks-gallery-item):last-child { margin-block-end: 0 } .entry-text > :not(div,iframe):last-child { margin-block-end: min(6vw,3rem) } .entry-text > blockquote:last-child { margin-block-end: 0 } figure { margin: 0 0 var(--margin-size,1.5em) } figure.aligncenter { margin: 0 auto var(--margin-size,1.5em); text-align: center; inline-size: max-content; display: block } figure.aligncenter img { margin-inline: auto } figure.tbrtheme-banner-image { margin: 0 } figure[style*=width] { max-inline-size: 100% } .entry-text figcaption { margin-block-start: 1em } table { margin: var(--margin-size,1.5em) 0 min(6vw,3rem); overflow-wrap: normal } table:has(+ figcaption) { margin-block-end: 0 } table + figcaption.wp-element-caption { margin-block-end: min(6vw,3rem)!important; border-block-end: 0.3em solid var(--table-line,var(--test)) } dd { margin-inline-start: 0 } @media only screen and (max-width:35.5rem) { .flex-layout { margin-block-end: 2.5em } } @media only screen and (min-width:35.5625rem) { .flex-layout { display: flex; align-items: center; gap: 2em } .flex-layout img { flex-shrink: 0 } .flex-layout figcaption { margin-block-start: 0 } } @media (inverted-colors:inverted) { img, video { filter: invert(100%) } } * { scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track,var(--test)) } ::-webkit-scrollbar { inline-size: 12px; block-size: 12px } ::-webkit-scrollbar-track { background-color: var(--scrollbar-track,var(--test)) } ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb,var(--test)); border-radius: 100vw; border: 3px solid var(--scrollbar-track,var(--test)) } ::-webkit-scrollbar-button { block-size: 0 } nav.nav-main { scrollbar-color: var(--scrollbar-nav-thumb) var(--scrollbar-nav-track,var(--test)) } nav.nav-main::-webkit-scrollbar { inline-size: 12px; block-size: 12px } nav.nav-main::-webkit-scrollbar-track { background-color: var(--scrollbar-nav-track,var(--test)) } nav.nav-main::-webkit-scrollbar-thumb { background-color: var(--scrollbar-nav-thumb,var(--test)); border-radius: 100vw; border: 3px solid var(--scrollbar-nav-track,var(--test)) } nav.nav-main::-webkit-scrollbar-button { block-size: 0 } .tbrtheme-table-wrapper { max-width: 100%; overflow-x: auto } .entry-text table:not(.site-contact-table) { --accordian-table-padding: 1.25rem; --accordian-table-padding-half: calc(var(--accordian-table-padding) / 2); border-collapse: collapse; border: .3em solid var(--table-line,var(--test)); width: 100% } .entry-text table:not(.site-contact-table) td, .entry-text table:not(.site-contact-table) th { padding: var(--accordian-table-padding-half); text-align: left; vertical-align: top; font-size: var(--fontsize15) } .entry-text table:not(.site-contact-table) th { font-weight: var(--bodytextbold) } .entry-text table:not(.site-contact-table) tbody tr:first-child td { padding-block-start: var(--accordian-table-padding-half) } .entry-text table:not(.site-contact-table) tbody tr:last-child td { padding-block-end: var(--accordian-table-padding-half) } .entry-text table:not(.site-contact-table) tbody tr:first-child:last-child, .entry-text table:not(.site-contact-table) tbody tr:first-child:nth-last-child(3), .entry-text table:not(.site-contact-table) tbody tr:nth-child(2n), .entry-text table:not(.site-contact-table) tbody tr:nth-child(3):last-child { background-color: var(--table-alt-row-bg) } .entry-text table:not(.site-contact-table) tbody tr:nth-child(2):nth-last-child(2) { background-color: transparent } .entry-text table:not(.site-contact-table) thead { color: var(--table-head-txt); background-color: var(--table-head-bg) } @media only screen and (min-width:64.0625rem) { .entry-text table:not(.site-contact-table) tbody td { border-bottom: .125em solid var(--table-line) } .entry-text table:not(.site-contact-table) tbody tr:last-child td { border-bottom: none } .entry-text table:not(.site-contact-table) td:first-child, .entry-text table:not(.site-contact-table) th:first-child { padding-inline-start: var(--accordian-table-padding) } .entry-text table:not(.site-contact-table) td:last-child, .entry-text table:not(.site-contact-table) th:last-child { padding-inline-end: var(--accordian-table-padding) } } table.tbrtheme-post-metadata { border-collapse: collapse; border: .3em solid var(--table-line,var(--test)) } table.tbrtheme-post-metadata td, table.tbrtheme-post-metadata th { padding: var(--accordian-table-padding-half); text-align: left; vertical-align: top } table.tbrtheme-post-metadata th { font-weight: var(--bodytextbold); font-size: var(--fontsizeh6); border-bottom: .125em solid #545454 } table.tbrtheme-post-metadata tbody td { border-bottom: .125em solid var(--table-line) } table.tbrtheme-post-metadata tbody tr:last-child td { border-bottom: none } table.tbrtheme-post-metadata th[scope=row] { color: var(--table-head-txt); background-color: var(--table-head-bg) } table.tbrtheme-post-metadata td { inline-size: 22ch; max-inline-size: 22ch } .wp-block-table { overflow-x: auto; max-inline-size: 90vw } html:has(:modal) { overflow: hidden; padding-inline-end: 16px } ::backdrop { background-color: hsla(0,0%,0%,.25) } .wp-block-buttons { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 2em 0 } @media only screen and (max-width:64rem) { .wp-block-buttons .wp-block-button { margin-block-end: 1em } } .wp-block-columns { margin-block-end: 0; display: grid; justify-content: center; column-gap: var(--column-gap,min(6vw,3rem)); row-gap: var(--row-gap,3rem); max-width: min(77rem,90vw); word-break: break-word } @media only screen and (min-width:83.5625rem) { .wp-block-columns { grid-template-columns: repeat(auto-fit,minmax(0,1fr)) } .wp-block-columns.wp-block-columns-uneven { grid-template-columns: var(--wp-block-columns-uneven) } .wp-block-columns.wp-block-columns-fourcols { --column-gap: min(6vw, 3rem) } .wp-block-columns.tbrtheme-col-gap-four { --column-gap: min(6vw, 4rem) } .wp-block-columns.tbrtheme-col-gap-five { --column-gap: min(10vw, 5rem) } .wp-block-columns.tbrtheme-col-gap-six { --column-gap: min(6vw, 6rem) } .wp-block-columns.tbrtheme-col-gap-seven { --column-gap: min(7vw, 7rem) } .wp-block-columns.tbrtheme-col-gap-eight { --column-gap: min(8vw, 8rem) } .wp-block-columns.tbrtheme-col-gap-nine { --column-gap: min(9vw, 9rem) } } .wp-block-columns.wp-block-columns-nocolgap { column-gap: 0 } .wp-block-columns.wp-block-columns-norowgap { row-gap: 0 } body:not(.home) section.entry > .entry-text > :where(.wp-block-group:last-of-type,.wp-block-columns:last-of-type).wp-block-columns-notopspacer { padding-block-start: 0 } body:not(.home) section.entry > .entry-text > :where(.wp-block-group:last-of-type,.wp-block-columns:last-of-type).wp-block-columns-nobottomspacer { padding-block-end: 0 } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).wp-block-columns-notopspacer { padding-block-start: 0 } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).wp-block-columns-nobottomspacer { padding-block-end: 0 } .wp-block-columns-notopspacer { padding-block-start: 0 } .wp-block-columns-nobottomspacer { padding-block-end: 0 } .wp-block-column { container-type: inline-size; margin-inline-start: -1px } @media only screen and (min-width:80.0625rem) { .wp-block-column:not(:first-child).tbrtheme-column-left-rule { padding-inline-start: 2.5em; border-inline-start: 1px solid var(--grey-rule,var(--test)) } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_label { display: revert } } .wp-block-column.tbrtheme-column-margin-small:not(:first-child) { margin-inline-start: 2em } .wp-block-column figure.tbrtheme-to-bottom { margin: auto 0 0 } .wp-block-columns.columns-grid { --column-count: var(--column-one) + var(--column-two) + var(--column-spacing); --column-gap: 1rem; --column-spacing: 5; --column-one: 5; --column-two: calc(77 - (var(--column-spacing) + var(--column-one))) } @media only screen and (max-width:83.5rem) { .wp-block-columns.columns-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: min(6vw,3rem) } .wp-block-columns.columns-grid .wp-block-column { flex: 1 1 20rem!important } } @media only screen and (min-width:83.5625rem) { .wp-block-columns.columns-grid { display: grid; grid-template-columns: repeat(var(--column-count),minmax(0,1fr)); column-gap: var(--column-gap) } } .wp-block-columns.columns-grid .wp-block-column figure { margin: 0 } .wp-block-columns.columns-grid .wp-block-column:first-child { grid-column: span var(--column-one) } .wp-block-columns.columns-grid .wp-block-column:nth-child(2) { grid-column: calc(var(--column-one) + var(--column-spacing))/span var(--column-two) } .wp-block-columns.columns-grid .wp-block-column:nth-child(2).column-rule { position: relative } .wp-block-columns.columns-grid .wp-block-column:nth-child(2).column-rule::before { display: block; content: " "; position: absolute; inset: 0 auto 0 calc(var(--column-spacing)/ 2 * -1em); width: 1px; border-left: 1px solid } .wp-block-gallery .blocks-gallery-grid { padding-inline-start: 0; list-style-type: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) } .wp-block-gallery .blocks-gallery-grid > li::before { content: "​"; position: absolute } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item { overflow: hidden } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item img { transform: scale(1); transition: transform 250ms cubic-bezier(.55, .09, .68, .53); object-fit: cover } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figcaption { opacity: 1; transform: translateY(0); transition: opacity 250ms cubic-bezier(.55, .09, .68, .53),transform 0s cubic-bezier(.55, .09, .68, .53) 250ms } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:active, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:focus-visible, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:hover { z-index: 1 } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:active img, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:focus-visible img, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:hover img { transform: scale(1.05) } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:active figcaption, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:focus-visible figcaption, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:hover figcaption { opacity: 0; transform: translateY(100%) } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure { position: relative; margin: 0 } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure > a, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item picture { display: block; width: min(100%,90vw); height: 100% } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item__caption { z-index: 1 } @supports (display:grid) { .wp-block-columns.columns-grid .wp-block-column:not(:first-child) { margin-left: 0; --wp--style--block-gap: 0 } .wp-block-gallery .blocks-gallery-grid { gap: 1.5rem } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item { margin: 0; width: auto } } .wp-block-gallery { --wp--style--block-gap: 0.25em } .screen-reader-text { position: absolute; border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); block-size: 1px; margin: -1px; overflow: hidden; padding: 0; inline-size: 1px; word-wrap: normal!important } .screen-reader-text:active, .screen-reader-text:focus-visible { background-color: #eee; clip: auto!important; clip-path: none; color: #444; display: block; font-size: 1em; block-size: auto; inline-size: auto; inset-block-start: 5px; inset-inline-start: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; z-index: 100000 } .wp-block-columns.wp-block-columns-mobile { padding: 0 } .wp-block-columns.wp-block-columns-mobile + * { margin-block-start: min(6vw,3rem) } .wp-block-preformatted { white-space: pre-line } .wp-block-separator { border: none; inline-size: 100%; block-size: 1px; margin-block: var(--margin-size,1.5em) } .wp-block-separator.tbrtheme-separator-show { border-top: 1px solid var(--sidebar-hover,var(--hr),var(--test)); margin-block: min(6vw,3rem) } .wp-block-separator-spacer { margin-top: var(--margin-size,1.5em); margin-block-start: var(--margin-size,1.5em) } @media only screen and (max-width:83.5rem) { .wp-block-separator { max-width: 90vw; margin-inline-start: 0 } .wp-block-separator.tbrtheme-separator-show.tbrtheme-separator-margin-bottom-zero { margin-block-end: 0 } .wp-block-spacer.tbrtheme-spacer-height { height: min(6vw,3rem)!important } } .wp-block-group__inner-container.wp-block-group-overflow-x { overflow-x: auto } .aligncenter { margin-inline: auto } figure.tbrtheme-stretch-image { height: 100%; margin-block-end: 0 } figure.tbrtheme-stretch-image img { width: 100%; height: 100%; object-fit: cover } .gform_wrapper.gravity-theme .gform_fields { gap: .5em 1.5em } @media only screen and (max-width:640px) { .gform_wrapper.gravity-theme { --mobile-form-spacing: 1rem; --shade-form-bg: transparent; padding: 0; padding-bottom: min(6vw,1.5rem) } .gform_wrapper.gravity-theme .ginput_complex span { margin-bottom: 0 } .gform_wrapper.gravity-theme .gform_fields, .gform_wrapper.gravity-theme .ginput_complex { row-gap: var(--mobile-form-spacing,1rem) } } @media only screen and (min-width:83.5625rem) { .gform_wrapper.gravity-theme { background-color: var(--shade-form-bg) } } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], [id^=gform_wrapper].gform_wrapper select[multiple], input[type=text] { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; display: inline-block; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; line-height: 1.25 } .entry-text form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .entry-text form .gform_wrapper.gravity-theme input[type=color], .entry-text form .gform_wrapper.gravity-theme input[type=date], .entry-text form .gform_wrapper.gravity-theme input[type=datetime-local], .entry-text form .gform_wrapper.gravity-theme input[type=datetime], .entry-text form .gform_wrapper.gravity-theme input[type=email], .entry-text form .gform_wrapper.gravity-theme input[type=month], .entry-text form .gform_wrapper.gravity-theme input[type=number], .entry-text form .gform_wrapper.gravity-theme input[type=password], .entry-text form .gform_wrapper.gravity-theme input[type=search], .entry-text form .gform_wrapper.gravity-theme input[type=tel], .entry-text form .gform_wrapper.gravity-theme input[type=text], .entry-text form .gform_wrapper.gravity-theme input[type=time], .entry-text form .gform_wrapper.gravity-theme input[type=url], .entry-text form .gform_wrapper.gravity-theme input[type=week], .entry-text form [id^=gform_wrapper].gform_wrapper select[multiple], .entry-text form input[type=text] { padding: .5em 1em } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus-visible, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover, .gform_wrapper.gravity-theme input[type=color]:active, .gform_wrapper.gravity-theme input[type=color]:focus-visible, .gform_wrapper.gravity-theme input[type=color]:hover, .gform_wrapper.gravity-theme input[type=date]:active, .gform_wrapper.gravity-theme input[type=date]:focus-visible, .gform_wrapper.gravity-theme input[type=date]:hover, .gform_wrapper.gravity-theme input[type=datetime-local]:active, .gform_wrapper.gravity-theme input[type=datetime-local]:focus-visible, .gform_wrapper.gravity-theme input[type=datetime-local]:hover, .gform_wrapper.gravity-theme input[type=datetime]:active, .gform_wrapper.gravity-theme input[type=datetime]:focus-visible, .gform_wrapper.gravity-theme input[type=datetime]:hover, .gform_wrapper.gravity-theme input[type=email]:active, .gform_wrapper.gravity-theme input[type=email]:focus-visible, .gform_wrapper.gravity-theme input[type=email]:hover, .gform_wrapper.gravity-theme input[type=month]:active, .gform_wrapper.gravity-theme input[type=month]:focus-visible, .gform_wrapper.gravity-theme input[type=month]:hover, .gform_wrapper.gravity-theme input[type=number]:active, .gform_wrapper.gravity-theme input[type=number]:focus-visible, .gform_wrapper.gravity-theme input[type=number]:hover, .gform_wrapper.gravity-theme input[type=password]:active, .gform_wrapper.gravity-theme input[type=password]:focus-visible, .gform_wrapper.gravity-theme input[type=password]:hover, .gform_wrapper.gravity-theme input[type=search]:active, .gform_wrapper.gravity-theme input[type=search]:focus-visible, .gform_wrapper.gravity-theme input[type=search]:hover, .gform_wrapper.gravity-theme input[type=tel]:active, .gform_wrapper.gravity-theme input[type=tel]:focus-visible, .gform_wrapper.gravity-theme input[type=tel]:hover, .gform_wrapper.gravity-theme input[type=text]:active, .gform_wrapper.gravity-theme input[type=text]:focus-visible, .gform_wrapper.gravity-theme input[type=text]:hover, .gform_wrapper.gravity-theme input[type=time]:active, .gform_wrapper.gravity-theme input[type=time]:focus-visible, .gform_wrapper.gravity-theme input[type=time]:hover, .gform_wrapper.gravity-theme input[type=url]:active, .gform_wrapper.gravity-theme input[type=url]:focus-visible, .gform_wrapper.gravity-theme input[type=url]:hover, .gform_wrapper.gravity-theme input[type=week]:active, .gform_wrapper.gravity-theme input[type=week]:focus-visible, .gform_wrapper.gravity-theme input[type=week]:hover, [id^=gform_wrapper].gform_wrapper select[multiple]:active, [id^=gform_wrapper].gform_wrapper select[multiple]:focus-visible, [id^=gform_wrapper].gform_wrapper select[multiple]:hover, input[type=text]:active, input[type=text]:focus-visible, input[type=text]:hover { border-color: var(--ffhoverborder,var(--test)) } .gform_wrapper.gravity-theme select, [id^=gform_wrapper].gform_wrapper select:not([multiple]) { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; display: inline-block; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; cursor: pointer; line-height: 1.25; appearance: none; background: 98% center/18px 18px no-repeat url("../../icons/theme/form-select/angle-down.svg") var(--ffbg,var(--test)); padding-inline-end: 1.25em; text-align: start; max-inline-size: 100% } .entry-text form .gform_wrapper.gravity-theme select, .entry-text form [id^=gform_wrapper].gform_wrapper select:not([multiple]) { padding: .5em 1em } .gform_wrapper.gravity-theme select:active, .gform_wrapper.gravity-theme select:focus-visible, .gform_wrapper.gravity-theme select:hover, [id^=gform_wrapper].gform_wrapper select:not([multiple]):active, [id^=gform_wrapper].gform_wrapper select:not([multiple]):focus-visible, [id^=gform_wrapper].gform_wrapper select:not([multiple]):hover { border-color: var(--ffhoverborder,var(--test)) } .gform_wrapper select:not([multiple]) option { font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: border-color 250ms cubic-bezier(.55, .09, .68, .53); cursor: pointer; line-height: 1.25; padding: .5em 1em } .gform_wrapper textarea, .gform_wrapper.gravity-theme textarea { min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em; font-family: inherit; font-size: var(--inputtextsize); font-weight: var(--inputfontweight); color: var(--ffplaceholdertext,var(--test)); background-color: var(--ffbg,var(--test)); transition: .1s ease-in; border: .125em solid; border: .125em solid var(--ffborder,var(--test)); padding: .5em 1em; outline: transparent solid 3px; outline-offset: 0.25em; line-height: 1.75; display: block } .entry-text form .gform_wrapper textarea, .entry-text form .gform_wrapper.gravity-theme textarea { padding: .5em 1em } .gform_wrapper textarea:active, .gform_wrapper textarea:focus-visible, .gform_wrapper textarea:hover, .gform_wrapper.gravity-theme textarea:active, .gform_wrapper.gravity-theme textarea:focus-visible, .gform_wrapper.gravity-theme textarea:hover { border-color: var(--ffhoverborder,var(--test)) } .gform_wrapper input[type=checkbox], .gform_wrapper input[type=file], .gform_wrapper input[type=radio] { outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); outline-offset: 0 } .gform_wrapper input[type=checkbox]:active, .gform_wrapper input[type=checkbox]:focus-visible, .gform_wrapper input[type=file]:active, .gform_wrapper input[type=file]:focus-visible, .gform_wrapper input[type=radio]:active, .gform_wrapper input[type=radio]:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .gform_wrapper input[type=checkbox]:focus + label, .gform_wrapper input[type=checkbox]:focus-visible + label, .gform_wrapper input[type=radio]:focus + label, .gform_wrapper input[type=radio]:focus-visible + label { text-decoration: underline } .gform_drop_area { padding: var(--margin-size,1.5em); border: 1px dashed var(--color-primary-700); text-align: center; margin-bottom: .5em; background: var(--color-files-upload-bg); border-radius: 1em } .gform_wrapper .top_label input.medium[type=file] { inline-size: auto } .gform_wrapper.gravity-theme .gfield-choice-input { inset-block-start: auto } .gform_wrapper.gravity-theme .gfield-choice-input + label { cursor: pointer } .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: inherit } .gform_wrapper.gravity-theme .gform_page_footer .button { margin-block: 0; overflow: hidden } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button) { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-secondary-button) } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):focus { box-shadow: none } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button)[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { :is(html,:has(:target)) { scroll-behavior: smooth } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button) { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button)::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-secondary-button-hover) } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):active, .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):focus-visible, .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):hover { color: var(--btn-fg,var(--test)) } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):active::before, .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):focus-visible::before, .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):hover::before { opacity: 1 } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .gform_wrapper.gravity-theme :where(.gform_previous_button.button,.secondary-button.button):disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .gform_wrapper.gravity-theme .gform_save_link.button { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: 0 solid transparent; cursor: pointer; opacity: 1; padding: .75em 1.75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); background-color: var(--btn-bg)!important; --btn-fg: var(--light); --btn-bg: var(--color-primary-button) } .gform_wrapper.gravity-theme .gform_save_link.button:focus { box-shadow: none } .gform_wrapper.gravity-theme .gform_save_link.button[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { .gform_wrapper.gravity-theme .gform_save_link.button { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .gform_wrapper.gravity-theme .gform_save_link.button::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); background-color: var(--color-primary-button-hover) } .gform_wrapper.gravity-theme .gform_save_link.button:active, .gform_wrapper.gravity-theme .gform_save_link.button:focus-visible, .gform_wrapper.gravity-theme .gform_save_link.button:hover { color: var(--btn-fg,var(--test)) } .gform_wrapper.gravity-theme .gform_save_link.button:active::before, .gform_wrapper.gravity-theme .gform_save_link.button:focus-visible::before, .gform_wrapper.gravity-theme .gform_save_link.button:hover::before { opacity: 1 } .gform_wrapper.gravity-theme .gform_save_link.button:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .gform_wrapper.gravity-theme .gform_save_link.button:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .gform_wrapper.gravity-theme .gfield_list_icons { background-color: transparent; --gfield-list-icons-button-size: 1.5rem; --gfield-list-icons-button-gap: 0.25em; width: calc(var(--gfield-list-icons-button-size) * 2 + var(--gfield-list-icons-button-gap)); margin-inline-start: 2%; gap: var(--gfield-list-icons-button-gap) } .gform_wrapper.gravity-theme .gfield_list_icons button { background-repeat: no-repeat; background-size: var(--gfield-list-icons-button-size); margin: 0; width: var(--gfield-list-icons-button-size); height: var(--gfield-list-icons-button-size); flex: 0 0 var(--gfield-list-icons-button-size) } .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item { margin: 0 } .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules { font-size: var(--label) } .gform_wrapper.gravity-theme .field_description_below .ginput_complex label, .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .ginput_complex label { font-family: "Noto Sans",var(--sans-serif); font-size: var(--label); font-weight: var(--fontweight400); color: var(--formlabel,#000); transition: color .1s linear; cursor: pointer; display: block; margin: 1em 0 .25em; line-height: 1.3 } .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { font-family: "Noto Sans",var(--sans-serif); font-size: var(--label); font-weight: var(--fontweight400); color: var(--formlabel,#000); transition: color .1s linear } .gform_wrapper.gravity-theme .gfield_required { padding: 0; font-weight: var(--fontweight400); color: var(--formreq,var(--test)); font-size: var(--fontsizereq); line-height: .5; font-style: normal } .gform_wrapper.gravity-theme .gfield_contains_required .gfield_label, .gform_wrapper.gravity-theme .gfield_contains_required .ginput_complex label.gform-field-label--type-sub { font-weight: var(--fontweight400); display: flex; gap: .5em; align-items: center } .gform_wrapper.gravity-theme .gfield_contains_required .gfield_label .gfield_required, .gform_wrapper.gravity-theme .gfield_contains_required .ginput_complex label.gform-field-label--type-sub .gfield_required { font-weight: var(--fontweight400); color: var(--formreq,var(--test)); font-size: var(--fontsizereq); line-height: .5; font-style: normal } .gform_confirmation_wrapper { margin: auto } .gform_confirmation_message { font-weight: var(--fontweight400); text-align: center } .gform_wrapper .gfield_validation_message, .gform_wrapper .gform_validation_errors, .gform_wrapper .gform_wrapper .validation_message { background-color: var(--bg); border-color: var(--formerror,var(--test)) } .gform_wrapper .gfield_error [aria-invalid=true] { border-color: var(--formerror,var(--test)) } .gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .gform_validation_errors, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid=true] + label, .gform_wrapper label + [aria-invalid=true] { color: var(--formerror,var(--test)) } .gform_wrapper .gform_validation_errors { font-size: var(--fontsmall); border-radius: 0; box-shadow: none; margin: 1em 0; padding-inline-start: 16px } .gform_wrapper .gform_validation_errors > h2 { color: inherit; font-size: var(--bodytextsize); font-weight: var(--fontweight400); margin-block-end: 1em } .gform_wrapper .gform_validation_errors > h2 .gform-icon { display: none } .gform_wrapper .gform_validation_errors > ol { padding-inline-start: 0 } .gform_wrapper .gform_validation_errors > ol li { color: inherit; font-size: inherit; list-style-type: none!important } .gform_wrapper .gform_validation_errors > ol a { color: var(--formerrorlinks,var(--test)); font-size: inherit; text-decoration: underline; text-underline-offset: 0.125em } .gform_wrapper .gform_validation_errors > ol a:active, .gform_wrapper .gform_validation_errors > ol a:focus-visible, .gform_wrapper .gform_validation_errors > ol a:hover { text-decoration: none } .gform_wrapper.gravity-theme, .gform_wrapper.gravity-theme * { max-inline-size: calc(90vw - 2rem) } .gravity-form-100percent .gform_wrapper.gravity-theme { inline-size: 100% } .gform_wrapper.gravity-theme .gfield textarea.large { block-size: 12em } .gform_wrapper.gravity-theme div.gfield { display: flex; flex-direction: column; height: 100% } .gform_wrapper.gravity-theme div.gfield label.gfield_label { align-self: flex-start } .gform_wrapper.gravity-theme div.gfield label.gfield_label + div { margin-top: auto } .gform_wrapper.gravity-theme div.gfield#field_2_25 label.gfield_label + div, .gform_wrapper.gravity-theme div.gfield#field_2_58 label.gfield_label + div, .gform_wrapper.gravity-theme div.gfield#field_2_66 label.gfield_label + div { margin-top: 0 } .gform_wrapper.gravity-theme .gfield_list_group { padding-inline: 0; border: none } .gform_wrapper.gravity-theme .gchoice { display: flex; align-items: center; margin-block-end: 0.5em } .gform_wrapper.gravity-theme input[type=checkbox] + label { display: flex; align-items: center; gap: .5em } .gform_wrapper.gravity-theme input[type=radio] { margin: 0 .5em 0 0 } .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { padding: 1.5em 0 0; margin: 0; justify-content: flex-end } .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom: 0 } .gform_page_footer { display: flex; justify-content: flex-end; gap: .5em } .gform_wrapper.gravity-theme input[type=text].ginput_card_security_code { margin-block-end: -4px } .grecaptcha-badge { z-index: 2 } .hidden_label { margin: 0 } .gform_wrapper.gravity-theme :where(.gform_footer,.gform_page_footer) :where(button + input,input + input,input + button) { margin-inline-start: 0 } .gform_wrapper.gravity-theme .gf_page_steps { display: flex; flex-wrap: wrap; /*! autoprefixer: ignore next */ justify-content: start; gap: 1em; border: none; padding-block-start: min(6vw,3rem); padding-block-end: min(6vw,3rem) } @media only screen and (max-width:80rem) { .gform_wrapper.gravity-theme .gf_page_steps { flex-direction: column } } .gform_wrapper.gravity-theme .gf_page_steps .gf_step { margin: 0; display: inline-flex; align-items: center } .gform_wrapper.gravity-theme .gf_page_steps .gf_step:active, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:focus-visible, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:hover { isolation: isolate; z-index: 10 } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_number { font-size: var(--bodytextsize); font-weight: var(--fontweight600); color: var(--color-primary-500); border-color: var(--color-primary-500); flex: 0 0 40px } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_number { color: var(--light); background-color: var(--color-primary-500) } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_completed .gf_step_number::before { background-color: var(--color-primary-700); border-color: var(--color-primary-700) } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_completed .gf_step_number::after { color: var(--light) } .gform_wrapper.gravity-theme .gf_page_steps .gf_step_label { padding-inline: 0.75em; font-size: inherit; line-height: 1.3 } @media only screen and (min-width:80.0625rem) and (min-width:80.0625rem) { .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):active .gf_step_label, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):focus-visible .gf_step_label, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):hover .gf_step_label { transform: scaleX(1); background-color: var(--bg); padding: 1em; box-shadow: var(--x,0) var(--y,0) var(--boxshadowblur,.125em) var(--boxshadowspread,0) rgb(var(--boxshadowrgb,0 0 0)/var(--boxshadowalpha,.3)) } } .gform_wrapper.gravity-theme .gf_progressbar { --progressbar-radius: 1em; --layout: 0.35em; border-radius: var(--progressbar-radius); margin-bottom: var(--margin-size,1.5em); background-color: var(--ffbg,var(--test)) } .gform_wrapper.gravity-theme .gf_progressbar span { font-size: var(--fontsmall); line-height: 1; margin-inline: calc(var(--layout) * 2); padding-block: var(--layout); float: none } .gform_wrapper.gravity-theme .gf_progressbar_title { color: var(--light-grey-text,var(--test)); font-size: var(--fontsmall); margin-block-end: 0.5em } .gform_wrapper.gravity-theme .gf_progressbar_percentage { text-align: end; height: auto; border-radius: var(--progressbar-radius) } .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) { border-radius: var(--progressbar-radius) 0 0 var(--progressbar-radius) } .gform_wrapper.gravity-theme .gf_progressbar .percentbar_custom { color: var(--light,var(--test)); background-color: var(--color-progress) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content { --gallerythumbwidth: 333px; --gallerythumbheight: 300px; --gallerythumbpadding: 0.75em; --gallerythumbbg: var(--color-primary-100); display: grid; grid-template-columns: repeat(auto-fit,minmax(var(--gallerythumbwidth,150px),1fr)); grid-auto-rows: var(--gallerythumbheight,150px); column-gap: min(5vw,1.5rem); row-gap: min(5vw,1.5rem); padding-block-start: min(10vw,5rem); padding-block-end: min(10vw,5rem) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-caption { grid-auto-rows: var(--gallerythumbheight,150px) minmax(1em,min-content) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-caption :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) { grid-row: span 2 } @media only screen and (max-width:calc(666px + min(var(--pagesidemargin),5rem) * 2 + min(5vw,1.5rem))) { .wp-block-tbrtheme-gallery .tbrtheme-gallery-content { --gallerythumbheight: 400px } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-caption :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):not(.has-caption) { grid-template-rows: none } } @media only screen and (min-width:calc(666px + min(var(--pagesidemargin),5rem) * 2 + min(5vw,1.5rem))) { .wp-block-tbrtheme-gallery .tbrtheme-gallery-content { --gallerythumbheight: 300px } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-video { --gallerythumbheight: 225px } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-video :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) img, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-video :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) video { aspect-ratio: var(--aspect-ratio,16/9) } } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-lightbox :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) { opacity: 1; transition: opacity var(--transition-timing) linear } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.has-lightbox :is(figure.wp-block-tbrtheme-image img,figure.wp-block-tbrtheme-video video) { transition: filter var(--transition-timing) ease,scale var(--transition-timing) ease } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) { display: grid; grid-template-rows: subgrid; row-gap: .25em; margin: 0 } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) :is(a,picture,img,video) { width: 100%; height: 100% } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) :is(img,video) { object-fit: cover } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) video { height: 101%; max-inline-size: none } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { margin-block-start: 0 } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-centre :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) { background-color: var(--gallerythumbbg,silver); padding: var(--gallerythumbpadding,.5em) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-centre :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) img { object-fit: contain; margin: auto } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-centre :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { text-align: center; margin-block-start: var(--gallerythumbpadding,0.5em) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover { grid-auto-rows: var(--gallerythumbheight,150px) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) { display: grid; grid-template-areas: "content"; grid-row: span 1; overflow: hidden } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) img { transform: scale(1); transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { opacity: 1; transform: translateY(0); transition: opacity 250ms cubic-bezier(.55, .09, .68, .53),transform 0s cubic-bezier(.55, .09, .68, .53) 250ms } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):active, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):focus-visible, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):hover { z-index: 1 } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):active img, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):focus-visible img, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):hover img { transform: scale(1.05) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):active figcaption, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):focus-visible figcaption, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video):hover figcaption { opacity: 0; transform: translateY(100%) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) .tbrtheme-image-wrapper, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption, .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) video { grid-area: content } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { align-self: end; --opacity: 0.5; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); padding: .3em .6em; background-color: var(--shade-light-opacity) } .tbrtheme-gallery-content.has-lightbox:has(.wp-block-tbrtheme-image:hover) :is(.wp-block-tbrtheme-image,.wp-block-tbrtheme-video):not(:hover) { opacity: .75 } .tbrtheme-gallery-content.has-lightbox:has(.wp-block-tbrtheme-image:hover) :is(.wp-block-tbrtheme-image,.wp-block-tbrtheme-video):not(:hover) img, .tbrtheme-gallery-content.has-lightbox:has(.wp-block-tbrtheme-image:hover) :is(.wp-block-tbrtheme-image,.wp-block-tbrtheme-video):not(:hover) video { scale: 0.98; filter: grayscale(100%) } @supports not selector(:has(a,b)) { .tbrtheme-gallery-content.has-lightbox .wp-block-tbrtheme-image:hover img, .tbrtheme-gallery-content.has-lightbox .wp-block-tbrtheme-image:hover video { scale: 1.025; filter: contrast(125%) brightness(95%) } } .gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(var(--gallerythumbwidth,150px),1fr)); gap: var(--gallerygap,min(6vw,3rem)); margin-block-end: 3rem } .gallery figure.gallery-item { display: grid; grid-template-areas: "content"; margin: 0; overflow: hidden } .gallery figure.gallery-item img { transform: scale(1); transition: transform 250ms cubic-bezier(.55, .09, .68, .53); width: 100%; height: 100%; object-fit: cover } .gallery figure.gallery-item figcaption { opacity: 1; transform: translateY(0); transition: opacity 250ms cubic-bezier(.55, .09, .68, .53),transform 0s cubic-bezier(.55, .09, .68, .53) 250ms; align-self: end; z-index: 1 } .gallery figure.gallery-item:active, .gallery figure.gallery-item:focus-visible, .gallery figure.gallery-item:hover { z-index: 1 } .gallery figure.gallery-item:active img, .gallery figure.gallery-item:focus-visible img, .gallery figure.gallery-item:hover img { transform: scale(1.05) } .gallery figure.gallery-item:active figcaption, .gallery figure.gallery-item:focus-visible figcaption, .gallery figure.gallery-item:hover figcaption { opacity: 0; transform: translateY(100%) } .gallery figure.gallery-item .gallery-icon, .gallery figure.gallery-item figcaption { grid-area: content } :where(.gallery,.wp-block-gallery) figcaption { font-family: "Noto Sans",var(--sans-serif); font-size: var(--caption); font-weight: var(--fontweight400); text-transform: capitalize; text-align: center; display: block; margin: 0; padding: 3em .77em .7em; line-height: 1.2; color: var(--figcaption); background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 70%,transparent); pointer-events: none; max-height: none; position: initial } #baguetteBox-overlay, .baguetteBox-button { background-color: var(--bg)!important } .baguetteBox-button svg { inline-size: 100%; block-size: 100% } .baguetteBox-button svg g, .baguetteBox-button svg polyline { stroke: var(--color-primary-500) } .baguetteBox-button:focus, .baguetteBox-button:hover { background-color: var(--bg)!important } .baguetteBox-button:focus svg g, .baguetteBox-button:focus svg polyline, .baguetteBox-button:hover svg g, .baguetteBox-button:hover svg polyline { stroke: var(--color-primary-700) } #baguetteBox-overlay .full-image { display: inline-flex; justify-content: center; padding-block-start: 1em } #baguetteBox-overlay .full-image figure { display: flex; justify-content: center } #baguetteBox-overlay .full-image img { box-shadow: none; object-fit: contain; background-color: var(--light) } #baguetteBox-overlay .full-image figcaption { color: var(--light); background-color: var(--color-footer-bg); font-family: inherit; padding: .5em 1em; line-height: 1.3 } @media only screen and (min-width:83.5625rem) { #baguetteBox-overlay .full-image { padding-block-start: 0 } #baguetteBox-overlay figure { align-items: center } .site-footer { position: sticky; top: 100vh } } h1.website-title { max-block-size: var(--header-logo-height); z-index: 31 } h1.website-title.mobile-only { display: flex } h1.website-title a svg .header-fill { transition: fill .3s } h1.website-title a:active svg .header-fill, h1.website-title a:focus-visible svg .header-fill, h1.website-title a:hover svg .header-fill { fill: var(--color-golden) } h1.website-title a:active svg .header-fill:nth-child(3), h1.website-title a:focus-visible svg .header-fill:nth-child(3), h1.website-title a:hover svg .header-fill:nth-child(3) { fill: var(--color-golden) } .header-logo svg { inline-size: var(--header-logo-width,200px); block-size: 100%; aspect-ratio: calc(var(--header-logo-width-aspect-ratio,100)/ var(--header-logo-height-aspect-ratio,100)); overflow: visible } .mobile-only .header-logo svg { --header-logo-width-aspect-ratio: 35; --header-logo-height-aspect-ratio: 55; --header-logo-width: calc(var(--header-logo-width-aspect-ratio) * 1px) } .headertitle-sitemenu_content-one .header-logo svg { color: var(--color-logo) } .headertitle-sitemenu_content-two .header-logo svg { color: var(--color-primary-700) } .footer-logo { inline-size: min(90vw,87rem,var(--footer-logo-width,200px)); block-size: 100%; aspect-ratio: calc(var(--footer-logo-width-aspect-ratio,100)/ var(--footer-logo-height-aspect-ratio,100)) } .footer-logo-container svg { inline-size: min(90vw,87rem,var(--footer-logo-width,200px)); block-size: 100%; aspect-ratio: calc(var(--footer-logo-width-aspect-ratio,100)/ var(--footer-logo-height-aspect-ratio,100)); overflow: visible } .tbrtheme-contact-form { padding: min(5vw,1.5rem) min(6vw,3rem); border-block-start: 1.25rem solid var(--feature-colour,var(--test)); border-block-start: min(3vw,1.25rem) solid var(--feature-colour,var(--test)) } .tbrtheme-contact-form h2 { margin-block-end: min(6vw,3rem) } .tbrtheme-contact-form .gform_heading { display: flex; justify-content: space-between; flex-wrap: wrap } .wp-block-tbrtheme-contact { color: var(--light); background-color: var(--box-background); padding: min(6vw,3rem); display: grid; height: 100% } .wp-block-tbrtheme-contact .site-contact-table { width: 100%; border-spacing: 1.25em 0.75em } .wp-block-tbrtheme-contact .site-contact-table th { font-weight: var(--fontweight400); text-align: end; vertical-align: top; position: relative } .wp-block-tbrtheme-contact .site-contact-table th::after { content: ":"; position: absolute; inset: 0 -0.5em 0 auto } .tbrtheme-center-align { align-items: center } body.error404 .entry-text > article { grid-column: 2 } body > * { grid-column: fullwidth } :where(.nav-top,.nav-breadcrumbs) { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } :where(.nav-top,.nav-breadcrumbs) > * { grid-column: page } @media only screen and (max-width:83.5rem) { .gform_wrapper.gravity-theme { overflow: hidden } #baguetteBox-overlay .full-image figcaption { text-align: left } body .nav-top { order: 1 } body .headertitle-sitemenu-wrapper, body > * { position: relative; max-width: 100vw; overflow-x: hidden } .headertitle-sitemenu-wrapper { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } .headertitle-sitemenu-wrapper > * { grid-column: page } } @media only screen and (min-width:83.5625rem) { .headertitle-sitemenu-wrapper { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } .headertitle-sitemenu-wrapper > * { grid-column: content } } :where(.site-content) { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } @media only screen and (max-width:83.5rem) { :where(.site-content) > * { inline-size: 100%; grid-column: page } } @media only screen and (min-width:83.5625rem) { :where(.site-content) > * { inline-size: 100%; grid-column: content } } .single-post .entry-text { display: block!important } .entry-text > :where(.wp-block-group,.wp-block-columns) { grid-column: page } .entry-text > :where(.wp-block-group,.wp-block-columns).tbrtheme-fullwidth-panel { grid-column: fullwidth; display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } .entry-text > :where(.wp-block-group,.wp-block-columns).tbrtheme-fullwidth-panel > * { grid-column: page } .entry-text > :where(.wp-block-group,.wp-block-columns).tbrtheme-panel-no-padding { padding: 0 } @media only screen and (max-width:80rem) { .entry-text > :where(.wp-block-group,.wp-block-columns).tbrtheme-fullwidth-panel-mobile { grid-column: fullwidth; padding-inline: min(6vw,3rem) } .entry-text > .wp-block-columns.tbrtheme-fullwidth-panel { max-inline-size: none; flex-direction: revert } .entry-text > .wp-block-columns.tbrtheme-alt-bg { max-inline-size: none; overflow-x: hidden } } .entry-text .wp-block-image.tbrtheme-fullwidth-panel { grid-column: fullwidth } @media only screen and (max-width:83.5rem) { .center-content, .center-content_wrapper, .entry-text > :where(.wp-block-group,.wp-block-columns), .error404 .entry-text, .grid-auto-columns, .page-template-default .entry-text > :not(div):not(figure):not(article):not(section), .site-footer-content { inline-size: 100%; grid-column: page } .headertitle-sitemenu_content-one, .headertitle-sitemenu_content-one .site-nav .main-menu-styles>li a { padding-block: 0.5em } } @media only screen and (min-width:83.5625rem) { .center-content, .center-content_wrapper, .entry-text > :where(.wp-block-group,.wp-block-columns), .error404 .entry-text, .grid-auto-columns, .page-template-default .entry-text > :not(div):not(figure):not(article):not(section), .site-footer-content { inline-size: 100%; grid-column: content } .headertitle-sitemenu_content-one { padding-block: 1em } .headertitle-sitemenu_content-one .site-nav { grid-column: 2 } } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns) { padding-block-start: min(6vw,3rem); padding-block-end: min(6vw,3rem) } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).tbrtheme-container-padding-three { padding-block-start: min(6vw,3rem); padding-block-end: min(6vw,3rem) } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).tbrtheme-container-padding-zero { padding-block-start: 0; padding-block-end: 0 } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).tbrtheme-container-padding-five-zero { padding-block-start: min(10vw,5rem); padding-block-end: 0 } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns).tbrtheme-container-padding-three-zero { padding-block-start: min(6vw,3rem); padding-block-end: 0 } .entry-text > :where(.wp-block-group,.wp-block-columns,.grid-auto-columns) + :where(.wp-block-group,.wp-block-columns,.grid-auto-columns) { padding-block-start: 0 } .entry-text > .wp-block-group.tbrtheme-table-wrapper { padding-block-start: min(5vw,1.5rem); padding-block-end: 0 } .entry-text > .wp-block-group.tbrtheme-table-wrapper:last-of-type { padding-block-end: 0 } .site-title { padding-block-start: min(5vw,1.5rem) } .tbrtheme-footer-cta .wp-block-reusable { padding-block-start: 0; padding-block-end: min(6vw,3rem) } .site-footer { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end]; padding-block-start: min(10vw,5rem); padding-block-end: min(6vw,4rem) } .entry-text > :where(.wp-block-group,.wp-block-columns):first-child, .single-post article.post { padding-block-start: 0 } .entry-text > h2 + :where(.wp-block-group,.wp-block-columns) { padding-block-start: 0 } .wp-block-columns+.wp-block-columns, .wp-block-columns+.wp-block-group:not(.tbrtheme-alt-bg), .wp-block-group+.wp-block-columns:not(.tbrtheme-alt-bg), .wp-block-group+.wp-block-group:not(.tbrtheme-alt-bg) { padding-block-start: 0 } .wp-block-group.tbrtheme-top-padding-no-bottom-padding { padding-block-start: min(10vw,5rem); padding-block-end: 0 } .gf-multipage_wrapper { padding-block-end: min(10vw,5rem) } .page-template-default .entry-text > :first-child:not(div):not(figure):not(article):not(section):not(blockquote) { padding-block-start: min(10vw,5rem) } .page-template-default .entry-text > :last-child:not(div):not(figure):not(article):not(section):not(blockquote) { padding-block-end: min(10vw,5rem) } .nav-breadcrumbs { padding-block-end: min(5vw,1.5rem) } .page .page-title + .site-content { padding-block-start: 0!important } body:not(.home) section.entry > .entry-text > :where(.wp-block-group:last-of-type,.wp-block-columns:last-of-type) { padding-block-end: min(6vw,3rem) } .entry-text p + h1 { margin-block-start: min(6vw,3rem) } .wp-block-image + h3 { margin-block-start: 1.5rem } .wp-block-column { display: flex; flex-direction: column } .wp-block-column.is-vertically-aligned-top { justify-content: start } .wp-block-column.is-vertically-aligned-center { justify-content: center } .wp-block-column.is-vertically-aligned-bottom { justify-content: end } .wp-block-column.is-vertically-aligned-bottom div.wp-block-button-link:last-child { margin-block-end: 0 } .wp-block-column :where(p.tbrtheme-cta:last-child,.content-float-bottom) { margin-block-start: auto } .wp-block-column.content-float-top p.tbrtheme-cta:last-child { margin-block-start: revert } .hentry .tbrtheme-cta-link { margin-block: 2em } .headertitle-sitemenu-wrapper { z-index: 32 } .headertitle-sitemenu_content-one { display: grid; grid-template-columns: 1fr auto; align-items: center } .headertitle-sitemenu_content-one .site-nav_button { grid-column: 2; align-self: start } .headertitle-sitemenu_content-two { grid-column: fullwidth; display: grid; --banner-padding: min(6vw, 3rem); --banner-image-opacity: 0.45; padding-block: var(--banner-padding); margin-block-end: var(--banner-padding); position: relative; isolation: isolate } .headertitle-sitemenu_content-two::after { content: " "; position: absolute; inset: 0; z-index: -1; background-image: url("../../images/man-holding-bunch-of-grapes.jpg"); background-image: -webkit-image-set(url("../../images/man-holding-bunch-of-grapes.jpg.avif") type("image/avif"), url("../../images/man-holding-bunch-of-grapes.jpg") type("image/jpeg")); background-image: image-set(url("../../images/man-holding-bunch-of-grapes.jpg.avif") type("image/avif"), url("../../images/man-holding-bunch-of-grapes.jpg") type("image/jpeg")); background-size: cover; background-position: center; opacity: var(--banner-image-opacity) } .headertitle-sitemenu_content-two .site-header { display: grid; gap: min(6vw,3rem); align-items: center; justify-content: center } .headertitle-sitemenu_content-two .site-header .website-subtitle { mix-blend-mode: overlay; flex: 0 0 auto } .headertitle-sitemenu_content-two .header-sponsor-image { display: grid; justify-content: center } .headertitle-sitemenu_content-two .header-sponsor-image img { max-block-size: 180px; width: auto; transform: scale(1); transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } .headertitle-sitemenu_content-two .header-sponsor-image a:active img, .headertitle-sitemenu_content-two .header-sponsor-image a:focus-visible img, .headertitle-sitemenu_content-two .header-sponsor-image a:hover img { transform: scale(1.1) } @media only screen and (min-width:83.5625rem) { .headertitle-sitemenu_content-two { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } .headertitle-sitemenu_content-two .site-header { grid-column: content; display: flex; justify-content: space-between } } .site-footer .footer-logo-container { margin: 0; width: min(90vw,87rem,var(--footer-logo-width,200px)); aspect-ratio: calc(var(--footer-logo-width-aspect-ratio,100)/ var(--footer-logo-height-aspect-ratio,100)); display: grid } .site-footer :where(p,li) { font-size: var(--fontsizefootertext) } .site-footer a:active, .site-footer a:focus-visible, .site-footer a:hover { text-decoration: underline; text-underline-offset: 0.125em } @media (any-pointer:coarse) { .site-footer a { padding-block: 0.6em } } .site-footer-content { display: grid; align-items: start } .site-footer-content .footer-logo-container { grid-area: logo } .site-footer-content .site-contact { grid-area: contact; display: flex } .site-footer-content .site-contact p { margin: 0 } .site-footer-content .site-contact .site-contact-address { --sentencemaxwidth: 15ch } .site-footer-content .site-contact .site-contact-contact_name, .site-footer-content .site-contact .site-contact-email, .site-footer-content .site-contact .site-contact-facebook, .site-footer-content .site-contact .site-contact-phone { display: flex; align-items: center; gap: .5em } .site-footer-content .site-contact .site-contact-contact_name svg, .site-footer-content .site-contact .site-contact-email svg, .site-footer-content .site-contact .site-contact-facebook svg, .site-footer-content .site-contact .site-contact-phone svg { inline-size: 18px; block-size: 18px } .site-footer-content p.footer-copyright { grid-area: copy; max-inline-size: none; margin-block-end: 0; --fontsizefootertext: var(--fontsize15); padding-block-start: 1.5em; border-block-start: 1px solid var(--light) } .site-footer-content .site-contact-links { z-index: 1 } @media only screen and (max-width:480px) { .site-footer-content .site-contact-links p.site-contact-contact_name { margin-block-end: 1em } .site-footer-content .site-contact-links svg { display: none } } @media only screen and (max-width:48rem) { :root .site-content { --font-mobile-calc: 1.3; --bodytextsize: calc(var(--fontsize16) * var(--font-mobile-calc)); --fontsizeh2small: calc(var(--fontsize18base) * var(--font-mobile-calc)) } .site-footer-content { row-gap: 1.5em; grid-template-columns: 1fr; grid-template-areas: "logo" "contact" "copy" } .site-footer-content .footer-logo-container { margin-block-end: 1em } .site-footer-content .site-contact { flex-direction: column; gap: 2em } } @media only screen and (min-width:48.0625rem) { .site-footer-content { row-gap: 3em; grid-template-columns: var(--footer-logo-width) 1fr auto; grid-template-areas: "logo . contact" "copy copy copy" } .site-footer-content .site-contact { translate: 0 0.225rem; align-self: center } } @media only screen and (max-width:64rem) { .site-footer-content { padding-block-end: calc(1.5em + env(safe-area-inset-bottom)) } .page-layout-breakout { inline-size: 100%; grid-column: fullwidth } } @media only screen and (min-width:64.0625rem) and (max-width:83.5rem) { .page-layout-breakout { inline-size: 100%; grid-column: page } } @media only screen and (max-width:83.5rem) { .page-layout-breakout { padding-inline: var(--pagesidemargin) } } @media only screen and (min-width:83.5625rem) { .page-layout-breakout { padding-inline: min(3vw,3rem); inline-size: 100%; grid-column: breakout } .wp-block-reusable-take-the-quiz { --quiz-width: 55ch; position: absolute; transform: translateY(-100%); transition: inset .5s linear; inset: calc(var(--banner-height) + var(--header-logo-height) - 1.3rem) max(50vw - var(--mobilemaxwidth) / 2,50vw - var(--pagecontentwidth) / 2) auto auto; max-width: var(--quiz-width); width: var(--quiz-width) } } .left-edge-align { inline-size: 100%; grid-column: left-edge } .right-edge-align { inline-size: 100%; grid-column: right-edge } .entry-text form { inline-size: 100%; max-inline-size: 90vw } .error404 main > .entry-text { padding-block-start: min(10vw,5rem); padding-block-end: min(10vw,5rem) } .tbrtheme-post-private { color: var(--color-primary-700) } .single-post :is(.wp-block-reusable.wp-block-reusable-subscribe-now,.wp-block-reusable.wp-block-reusable-take-the-quiz,.wp-block-reusable.wp-block-reusable-insights-cta) { padding: 1em 2.5em 1em 1em } :is(.wp-block-reusable.wp-block-reusable-insights-cta) { display: block } .wp-block-reusable.wp-block-reusable-insights-cta { padding: 1em 2.5em 1em 1em; background-color: var(--theme-grey); margin-block-end: min(6vw,3rem) } .wp-block-reusable.wp-block-reusable-insights-cta h2 { --sentencemaxwidth: 16ch } .wp-block-reusable.wp-block-reusable-insights-cta p { --sentencemaxwidth: 33ch } :is(.wp-block-reusable-subscribe-now,.wp-block-reusable-take-the-quiz) p { font-size: var(--fontsize30); font-weight: var(--fontweight400) } :is(.wp-block-reusable-subscribe-now,.wp-block-reusable-take-the-quiz) a { font-size: var(--bodytextsize) } .single-post :is(.wp-block-reusable-subscribe-now,.wp-block-reusable-take-the-quiz) p { font-size: var(--fontsize25) } .single-post :is(.wp-block-reusable-subscribe-now,.wp-block-reusable-take-the-quiz) a { font-size: var(--bodytextsize) } .wp-block-reusable-take-the-quiz h2 { font-size: var(--fontsize30); font-weight: 700; --sentencemaxwidth: 18ch; margin-block-end: 0.5em; line-height: 1.4 } .wp-block-reusable-take-the-quiz p { font-size: var(--fontsize17); font-weight: 400; --sentencemaxwidth: 44ch } .wp-block-reusable-take-the-quiz .tbrtheme-cta-link { margin-block-start: 2em } .entry-text form.search-form { display: grid; grid-template-columns: 1fr 3rem } .entry-text form.search-form input.search-field { grid-column: fullwidth; grid-row: 1; padding: .25em .5em; border-width: 1px; border-radius: 100vw; --ffbg: var(--light); --ffborder: var(--dark) } .entry-text form.search-form button.search-button { grid-column: 2; grid-row: 1; block-size: 100%; padding: 0!important; border-width: 0!important; display: grid!important; place-content: center; --btn-bg: transparent!important } .entry-text form.search-form button.search-button::before { content: none!important } .entry-text form.search-form button.search-button svg { fill: var(--dark) } .entry-text form.search-form button.search-button:active, .entry-text form.search-form button.search-button:focus-visible, .entry-text form.search-form button.search-button:hover { --btn-bg: transparent } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper { --shade-ff-bg: var(--shade-light); inline-size: 100%; grid-column: page; display: grid; column-gap: min(3vw,1.5em); align-items: stretch; margin-block-end: min(6vw,3rem) } @media only screen and (max-width:23.4375rem) { :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper { row-gap: min(3vw,1.5em) } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper > h2 { grid-row: auto!important } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form input[type=search], :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form select { inline-size: 100% } } @media only screen and (min-width:23.5rem) { :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper { grid-template-columns: repeat(3,max-content); grid-template-rows: repeat(2,auto) } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper > h2 { grid-column: fullwidth; grid-row: 1 } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form { grid-row: 2 } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form input[type=search], :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form select { inline-size: min(28vw,13rem) } } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form { --ffborder: currentColor; --shade-form-bg: transparent; inline-size: auto; max-inline-size: none; padding: 0 } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form input[type=search], :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form select { border-width: 1px; border-radius: 100vw } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form input[type=search], :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form select:not([multiple]) { padding: .25em .5em } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button { block-size: 100%; padding: 0; border-width: 0; display: grid; place-content: center; --btn-bg: transparent } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button::before { content: none } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button svg { fill: var(--dark) } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button:active, :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button:focus-visible, :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper form button.search-button:hover { --btn-bg: transparent } :where(.search,.archive,.blog) .site-content { padding-block-start: min(6vw,3rem); padding-block-end: min(10vw,5rem) } @media only screen and (max-width:83.5rem) { :where(.search,.archive,.blog) .site-content { inline-size: 100%; grid-column: fullwidth } } @media only screen and (min-width:83.5625rem) { :where(.search,.archive,.blog) .site-content { inline-size: 100%; grid-column: content; --column-count-base: 77; --column-spacing: 5; --column-one: 19; --column-two: calc(var(--column-count-base) - (var(--column-one) + var(--column-spacing))); display: grid; grid-template-columns: repeat(var(--column-count-base),minmax(0.75rem,1rem)); margin-inline: auto; max-width: min(77rem,100%) } :where(.search,.archive,.blog) .site-content > :first-child { grid-column: span var(--column-one) } :where(.search,.archive,.blog) .site-content > :nth-child(2) { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } :where(.search,.archive,.blog) .site-content.column-rule > :not(:first-child) { position: relative } :where(.search,.archive,.blog) .site-content.column-rule > :not(:first-child)::before { display: block; content: " "; position: absolute; inset: 0 auto 0 calc(var(--column-spacing)/ 2 * -1em); width: 1px; border-left: 1px solid } :where(.search,.archive,.blog) .site-content .tbrtheme-post-sidebar-wrapper { grid-column: 1/span var(--column-one) } :where(.search,.archive,.blog) .site-content .pagination-block, :where(.search,.archive,.blog) .site-content > .entry-text { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } :where(.search,.archive,.blog) .site-content .wp-block-reusable-subscribe-now { position: absolute; transform: translateY(-100%); transition: inset .5s linear; inset: calc(var(--banner-height) + var(--header-logo-height) + 1.425rem) max(50vw - var(--mobilemaxwidth) / 2,50vw - var(--pagecontentwidth) / 2) auto auto; max-width: 52ch } :where(.search,.archive,.blog) .site-content .wp-block-reusable-subscribe-now .tbrtheme-form-subscribe_wrapper.gform_wrapper.gravity-theme .gform_fields { column-gap: .5em } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser { grid-template-columns: 47fr 28fr } } :where(.search,.archive,.blog) main > .entry-text { display: block } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser { display: grid; gap: min(10vw,5rem); position: relative; background-color: var(--shade-pale-grey); padding: min(6vw,3rem) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser::after, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser::before { content: " "; position: absolute; inset: auto min(6vw,3rem) 0 min(6vw,3rem); block-size: 1px; background-color: var(--txt) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser::before { content: none; inset: 0 min(6vw,3rem) auto min(6vw,3rem) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser:first-of-type::before { content: none } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser:last-of-type::after { content: none } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser > .entry { padding-block: min(6vw,3rem) } @media only screen and (max-width:48rem) { :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser .tbrtheme-featured-image { grid-row: 1 } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser .tbrtheme-featured-image img { inline-size: 100%; aspect-ratio: 35/15; object-fit: cover } } @media only screen and (min-width:48.0625rem) { :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser { align-items: center } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser .tbrtheme-featured-image, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser .tbrtheme-featured-image picture { height: 100% } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser .tbrtheme-featured-image img { width: 100%; height: 100%; object-fit: cover } } @media only screen and (min-width:48.0625rem) and (max-width:83.5rem) { :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser { grid-template-columns: 47fr 28fr } } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser h1.tbrtheme-post-title { font-size: var(--bodytextsize); margin-block-start: 0 } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser h1.tbrtheme-post-title a { text-decoration: none; font-weight: inherit; color: inherit; transition: color 250ms cubic-bezier(.55, .09, .68, .53) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser h1.tbrtheme-post-title a:active, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser h1.tbrtheme-post-title a:focus-visible, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser h1.tbrtheme-post-title a:hover { color: var(--color-hover) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a figure, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a section { transform-origin: top; transform: translateY(0) scale(1); transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:active, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:focus-visible, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:hover { z-index: 1 } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:active::before, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:focus-visible::before, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:hover::before { opacity: 1 } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:active figure, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:focus-visible figure, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:hover figure { transform: translateY(-.25em) scale(1.05) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:active section, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:focus-visible section, :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:hover section { transform: translateY(1em) scale(1.05) } :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser a:focus-visible::before { box-shadow: 0 0 0 .5em var(--color-primary-500) } :where(.search,.archive,.blog) main > .entry-text article .tbrtheme-post-image { margin-block-end: 2em } :where(.search,.archive,.blog) main > .entry-text article .tbrtheme-post-image figure { margin: 0 } :where(.search,.archive,.blog) main > .entry-text article .tbrtheme-post-image img { inline-size: 100%; block-size: 215px; object-fit: cover } :where(.search,.archive,.blog) main > .entry-text article.status-private { border-color: var(--color-primary-500) } :where(.search,.archive,.blog) main > .entry-text article.status-private .tbrtheme-post-more { display: flex; justify-content: space-between; align-items: center } @media only screen and (min-width:83.5625rem) { .search .entry-text { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } .single-post .site-content { --column-count-base: 77; --column-spacing: 10; --column-one: 19; --column-two: calc(var(--column-count-base) - (var(--column-one) + var(--column-spacing))); display: grid; grid-template-columns: repeat(var(--column-count-base),minmax(0.75rem,1rem)); margin-inline: auto; max-width: min(77rem,100%); grid-template-rows: max-content auto min-content } .single-post .site-content > :first-child { grid-column: span var(--column-one) } .single-post .site-content > :nth-child(2) { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } .single-post .site-content.column-rule > :not(:first-child) { position: relative } .single-post .site-content.column-rule > :not(:first-child)::before { display: block; content: " "; position: absolute; inset: 0 auto 0 calc(var(--column-spacing)/ 2 * -1em); width: 1px; border-left: 1px solid } .single-post .site-content article { grid-row: 1/span 2; max-inline-size: 51rem } } .search.search-no-results .entry-text form.search-form { max-inline-size: 32ch } @media only screen and (max-width:83.5rem) { :where(.search,.archive,.blog) main > .entry-text article.tbrtheme-teaser { padding-inline: calc((100vw - min(90vw,87rem))/ 2); box-sizing: content-box } .site-content, :where(.search,.archive,.blog) main > .entry-text { display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end] } :where(.search,.archive,.blog) .tbrtheme-posts-search-wrapper > h2 { grid-row: 3; margin-block-start: min(6vw,3rem) } .tbrtheme-posts-search-wrapper { margin-block-end: 0 } :is(.wp-block-reusable.wp-block-reusable-subscribe-now,.wp-block-reusable.wp-block-reusable-take-the-quiz) { grid-column: 2; margin-block-end: min(6vw,3rem); place-self: start } .tbrtheme-post-sidebar-wrapper { grid-row: 3; margin-block-start: min(6vw,3rem) } .pagination-block, .tbrtheme-post-sidebar-wrapper, .tbrtheme-posts-search-wrapper { inline-size: 100%; grid-column: content } .tbrtheme-teaser, :where(.search,.archive,.blog) main > .entry-text { grid-column: fullwidth } .single-post .site-content { row-gap: min(10vw,5rem) } .single-post .site-content > * { grid-column: page } } .tbrtheme-post-popular { container-type: inline-size; --feature-colour: var(--color-hover); padding-block-start: min(5vw,2rem); border-block-start: 0.25rem solid var(--feature-colour,var(--test)); margin-block-end: min(5vw,2rem) } @supports (container-type:inline-size) { .tbrtheme-post-popular { border-block-start: min(3cqw,0.5rem) solid var(--feature-colour,var(--test)) } } .tbrtheme-post-popular h1.tbrtheme-post-title { font-size: var(--bodytextsize) } .tbrtheme-post-popular h1.tbrtheme-post-title a { text-decoration: none; font-weight: inherit; color: inherit; transition: color 250ms cubic-bezier(.55, .09, .68, .53) } .tbrtheme-post-popular h1.tbrtheme-post-title a:active, .tbrtheme-post-popular h1.tbrtheme-post-title a:focus-visible, .tbrtheme-post-popular h1.tbrtheme-post-title a:hover { color: var(--feature-colour,var(--color-hover)) } .blog .entry-text .nav-breadcrumbs { display: block; padding-block: 0 min(6vw,3rem) } .single-post article .nav-breadcrumbs { display: block; padding-block: min(6vw,3rem) } .single-post .tbrtheme-post-sidebar-wrapper { margin-block-start: min(6vw,3rem); display: grid; gap: min(6vw,3rem) } .single-post .entry-text p:first-of-type, .single-post .entry-text p:first-of-type+figure { margin-block-end: min(6vw,3rem) } .single-post .site-content { padding-block-end: min(10vw,5rem); align-items: start } .single-post .tbrtheme-post-metadata p { margin-block-end: 0.5em } .single-post .tbrtheme-post-metadata .tbrtheme-post-author, .single-post .tbrtheme-post-metadata .tbrtheme-post-category { color: var(--light-grey-text,var(--test)); font-size: var(--fontsmall) } .single-post .tbrtheme-post-metadata .tbrtheme-post-nav { margin: 3em 0 1em } .flxmap-container { display: block; inline-size: 100%; block-size: var(--banner-height)!important } .tbrtheme-grid-fullwidth, .wp-block-reusable { padding-block-start: min(10vw,5rem); padding-block-end: min(10vw,5rem); display: grid; align-content: start; grid-template-columns: [fullwidth-start left-edge-start] minmax(min(var(--pagesidemargin),5rem),1fr) [page-start right-edge-start] minmax(min(5vw,5rem),1fr) [breakout-start] var(--breakoutwidth) [content-start] min(80vw,77rem) [content-end] var(--breakoutwidth) [breakout-end] minmax(min(5vw,5rem),1fr) [page-end left-edge-end] minmax(min(var(--pagesidemargin),5rem),1fr) [fullwidth-end right-edge-end]; margin: 0 } .tbrtheme-grid-fullwidth > *, .wp-block-reusable > * { grid-column: page } .wp-block-reusable.wp-block-reusable-common-footer { padding-block-end: min(6vw,3rem) } .home .wp-block-reusable.wp-block-reusable-common-footer { padding-block-start: 0 } summary { outline: 0 } summary::-webkit-details-marker { display: none } summary::marker { content: "" } summary::-moz-focus-inner { border: 0 } @media only screen and (max-width:83.5rem) { .single-post .tbrtheme-post-sidebar-wrapper { margin: 0; gap: 0; grid-row: 2 } .single-post :is(.wp-block-reusable.wp-block-reusable-subscribe-now,.wp-block-reusable.wp-block-reusable-take-the-quiz) { grid-column: 1 } .site-nav { flex-direction: column; position: fixed; inset: 0 0 auto; padding: min(6em,12vw) max(1em,max((100vw - 87rem) / 2),5vw); --navwidth: 100vw; inline-size: var(--navwidth); max-inline-size: 100vw; min-block-size: 100vh; min-block-size: -webkit-fill-available; will-change: transform; overflow-y: auto; overscroll-behavior: contain; --transition-timing: 350ms; transform: translateX(100vw); opacity: 0; transition: transform var(--transition-timing) linear var(--transition-timing),opacity var(--transition-timing) linear } .site-nav .menu-main { transform: translateX(100vw); transition: transform var(--transition-timing) linear var(--transition-timing) } .site-nav:focus-within { transform: translateX(0); opacity: 1; transition: transform var(--transition-timing) linear,opacity var(--transition-timing) linear var(--transition-timing) } .site-nav:focus-within .menu-main { transform: translateX(-.75em); transition: transform 0 linear var(--transition-timing) } .nav-state-open .site-nav { transform: translateX(0); opacity: 1; transition: transform var(--transition-timing) linear,opacity var(--transition-timing) linear var(--transition-timing) } } @media only screen and (max-width:83.5rem) and (min-width:83.5625rem) { .site-nav { inset: 46.5px 0 auto } } @media only screen and (max-width:83.5rem) { .nav-state-open .site-nav .menu-main { transform: translateX(-.75em); transition: transform 0 linear var(--transition-timing) } .site-nav .menu-expando-title { display: flex; justify-content: space-between; align-items: center } .site-nav .menu-expando-title a { flex-grow: 1 } .site-nav button.menu-expando-control { padding-block: 0!important; block-size: auto!important; transform: none!important } .site-nav button.menu-expando-control svg { block-size: 100%!important; inline-size: 1.5em!important; flex-basis: auto!important } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children { overflow: hidden; --transition-timing: 200ms; transition: height var(--transition-timing) linear } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children:focus-within { height: var(--mobile-submenu-height,auto); margin-block-end: var(--margin-size,1.5em) } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children.menu-expando-closed { height: 0; margin: 0 } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children.menu-expando-open { margin-block-end: var(--margin-size,1.5em) } } @media only screen and (max-width:83.5rem) and (prefers-reduced-motion:reduce) { .nav-state-open .site-nav, .site-nav, .site-nav .main-menu-styles ul.sub-menu.menu-expando-children, .site-nav .main-menu-styles ul.sub-menu.menu-expando-children.menu-expando-open { transition: none } } @media only screen and (max-width:83.5rem) { .site-nav .main-menu-styles ul.sub-menu.menu-expando-children .sub-menu { margin: 0 } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children .sub-menu li.menu-item a { border: 0 } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children a { border: none; font-weight: 500; padding: .5em .5em .5em 0 } .site-nav .main-menu-styles ul.sub-menu.menu-expando-children a svg[class*=submenu-item-arrow] { display: none } } button.site-nav_button { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 1em 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); text-align: center; text-transform: capitalize; white-space: normal; border: .1875em solid transparent; cursor: pointer; opacity: 1; padding: .25em .25em 1em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: none; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); --btn-fg: var(--color-logo, var(--test)); --btn-bg: transparent; align-items: center; justify-content: center; inline-size: min-content; line-height: 1; z-index: 40; overflow: visible; block-size: 3em; --buttontextsize: 1.25rem } button.site-nav_button:focus { box-shadow: none } button.site-nav_button[href^=mailto] { text-transform: none } button.site-nav_button::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); content: none } button.site-nav_button:active, button.site-nav_button:focus-visible, button.site-nav_button:hover { color: var(--btn-fg,var(--test)) } button.site-nav_button:active::before, button.site-nav_button:focus-visible::before, button.site-nav_button:hover::before { opacity: 1 } button.site-nav_button:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } button.site-nav_button:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } button.site-nav_button svg { display: block; fill: currentcolor; overflow: hidden } button.site-nav_button svg.opened { display: none } button.site-nav_button span { margin: auto .5em auto 0 } button.site-nav_button:active, button.site-nav_button:hover { stroke: none; transition: none } @media only screen and (max-width:35.5rem) { button.site-nav_button { padding: .25em!important; box-sizing: content-box!important; min-inline-size: auto!important; inline-size: min(5vh,2em); block-size: min(5vh,2em) } button.site-nav_button span { position: absolute; border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); block-size: 1px; margin: -1px; overflow: hidden; padding: 0; inline-size: 1px; word-wrap: normal!important } button.site-nav_button svg { inline-size: 100%; block-size: 100% } } .nav-state-open button.site-nav_button { --btn-fg: var(--light); --btn-bg: transparent } .nav-state-open button.site-nav_button svg.closed { display: none } .nav-state-open button.site-nav_button svg.opened { display: inherit } .site-nav { color: var(--main-menu-button-text); background-color: var(--main-menu-button-bg); z-index: 32 } @media only screen and (min-width:83.5625rem) { .single-post .site-content > .nav-blog, .single-post .site-content > .nav-recent-posts { grid-column: 1/span var(--column-one) } button.site-nav_button { inline-size: 0; block-size: 0; display: none; visibility: hidden } .site-nav { display: grid; grid-template-rows: 1fr auto 1fr; justify-content: center; z-index: 31 } .site-nav .menu-main { grid-row: 2 } } :is(nav.nav-footer,nav.nav-links) { font-family: "Noto Sans",var(--sans-serif) } :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) li { line-height: 1.25 } :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) li a { display: inline-block; padding: .25em 1em; font-weight: var(--buttontextweight); white-space: nowrap } @media only screen and (max-width:83.5rem) { :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) li a { padding: .25em .5em } .menu-main { inline-size: auto } } @media (any-pointer:coarse) { :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) li a { padding-block: 0.6em } } :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) li.current-menu-item > a { cursor: default; pointer-events: none; text-decoration: underline } :is(nav.nav-footer,nav.nav-links) :is(ul.menu-footer,ul.menu-links) ul.sub-menu { margin-block-start: 0.5em } .nav-terms ul.menu-footer li.current-menu-item > a { cursor: default; pointer-events: none; text-decoration: underline } .site-navigation a:not(.nav-toggle), nav a:not(.nav-toggle) { color: currentcolor } .site-navigation a:not(.nav-toggle):focus-visible, nav a:not(.nav-toggle):focus-visible { z-index: 1 } .main-menu-styles ul.sub-menu { margin-block-start: 0; margin-block-end: var(--margin-size,1.5em) } .main-menu-styles a { overflow-wrap: normal } @media only screen and (min-width:83.5625rem) and (min-width:83.5625rem) { .single-post .site-content > article.hentry, .single-post .site-content > nav.nav-nextprev { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } .main-menu-styles > li.menu-item > .sub-menu::before { content: " " } } @media only screen and (min-width:83.5625rem) { .menu-main { margin: 0; gap: min(5vw,1.5rem); display: flex; align-items: center } .main-menu-styles > li.menu-item { flex: 0 0 auto } .main-menu-styles > li.menu-item > a { white-space: nowrap } .main-menu-styles > li.menu-item > .sub-menu { z-index: 1; position: absolute; background-color: var(--main-menu-submenu-bg); border-block-start: 0.125em solid var(--bg); opacity: 0; clip-path: inset(0 0 100% 0); transition: opacity .3s cubic-bezier(.55, .09, .68, .53),clip-path .3s cubic-bezier(.55, .09, .68, .53) } .main-menu-styles > li.menu-item > .sub-menu::before { position: absolute; inset: 0; margin-inline-start: var(--submenu-left); margin-inline-end: var(--submenu-right); background-color: var(--main-menu-submenu-bg); min-block-size: calc(var(--banner-height) + 0.25em); display: block; box-sizing: content-box; box-shadow: var(--x,0) var(--y,0) var(--boxshadowblur,.125em) var(--boxshadowspread,0) rgb(var(--boxshadowrgb,0 0 0)/var(--boxshadowalpha,.3)); --y: 1px; --boxshadowalpha: 0.2 } .main-menu-styles .menu-item:focus .sub-menu, .main-menu-styles .menu-item:focus-visible .sub-menu, .main-menu-styles .menu-item:focus-within .sub-menu, .main-menu-styles .menu-item:hover .sub-menu { opacity: 1; clip-path: none } } .site-nav input[type=search] { --inputtextsize: var(--buttontextsize) } .main-menu-styles { font-weight: var(--fontweight400) } .main-menu-styles > li { margin-block-end: 0 } .main-menu-styles > li:not(.current-menu-item) a:active { position: relative; z-index: 1; --btn-fg: var(--current-menu-item, var(--test)) } .main-menu-styles > li:not(.current-menu-item) a:active::after { background-color: var(--color-primary-500) } .main-menu-styles > li:not(.current-menu-item) a:focus-visible { outline-color: var(--current-menu-item,var(--test)) } .main-menu-styles > li a { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: .1875em solid transparent; cursor: pointer; opacity: 1; padding: .25em .75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); font-weight: var(--fontweight400); font-size: clamp(.9rem, 1vw + 1rem, var(--fontsize20base)); text-transform: none; --btn-fg: var(--main-menu-button-text, var(--test)); --btn-bg: var(--main-menu-button-bg); border: none; text-decoration: none } .main-menu-styles > li a:focus { box-shadow: none } .main-menu-styles > li a[href^=mailto] { text-transform: none } .main-menu-styles > li a::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); content: none } .main-menu-styles > li a:active, .main-menu-styles > li a:focus-visible, .main-menu-styles > li a:hover { color: var(--btn-fg,var(--test)); --btn-fg: var(--main-menu-button-fg-hover, var(--test)); background-image: none; border-color: currentColor } .main-menu-styles > li a:active::before, .main-menu-styles > li a:focus-visible::before, .main-menu-styles > li a:hover::before { opacity: 1 } .main-menu-styles > li a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .main-menu-styles > li a:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .main-menu-styles > li.current-menu-ancestor:active > a, .main-menu-styles > li.current-menu-ancestor:focus-visible > a, .main-menu-styles > li.current-menu-ancestor:hover > a, .main-menu-styles > li.current-page-ancestor:active > a, .main-menu-styles > li.current-page-ancestor:focus-visible > a, .main-menu-styles > li.current-page-ancestor:hover > a { text-decoration: none } .main-menu-styles > li.current-menu-item:not(.current-menu-parent) > a { cursor: default; pointer-events: none; font-weight: var(--fontweight600); --btn-fg: var(--current-menu-item, var(--test)) } .main-menu-styles > li .sub-menu a { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 0; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-align: center; text-transform: capitalize; white-space: normal; border: .1875em solid transparent; cursor: pointer; opacity: 1; padding: .75em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); display: flex; inline-size: auto; --buttontextsize: var(--fontsize17base); font-weight: var(--fontweight400); text-transform: none; text-align: start; --btn-fg: var(--main-menu-submenu-text); --btn-bg: var(--main-menu-submenu-bg); border: none; background-color: var(--btn-bg)!important } .main-menu-styles > li .sub-menu a:focus { box-shadow: none } .main-menu-styles > li .sub-menu a[href^=mailto] { text-transform: none } @media (prefers-reduced-motion:no-preference) { .main-menu-styles>li .sub-menu a, .main-menu-styles>li a, button.site-nav_button { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } } .main-menu-styles > li .sub-menu a::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); content: none } .main-menu-styles > li .sub-menu a:active, .main-menu-styles > li .sub-menu a:focus-visible, .main-menu-styles > li .sub-menu a:hover { color: var(--btn-fg,var(--test)); --btn-fg: var(--main-menu-submenu-text-hover, var(--test)); --btn-bg: var(--main-menu-submenu-bg-hover, var(--test)) } .main-menu-styles > li .sub-menu a:active::before, .main-menu-styles > li .sub-menu a:focus-visible::before, .main-menu-styles > li .sub-menu a:hover::before { opacity: 1 } .main-menu-styles > li .sub-menu a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .main-menu-styles > li .sub-menu a:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .main-menu-styles > li .sub-menu li.current-menu-item > a { cursor: default; pointer-events: none; --btn-fg: var(--current-sub-menu-item, var(--test)) } nav ul.main-menu-styles li.menu-item ul.sub-menu { color: var(--light) } nav ul.main-menu-styles li.menu-item ul.sub-menu a { inline-size: 100%; display: block; transform: none; max-inline-size: none } .menu-social { transform: translateY(-.6em) } .menu-social svg { transform: scale(1); transition: transform .2s cubic-bezier(.55, .09, .68, .53) } .menu-social .tbrtheme-icon { --animation-delay: 1000ms } .menu-social .tbrtheme-icon a { word-break: normal; box-sizing: border-box; min-inline-size: 3rem; max-inline-size: 90vw; border-radius: 50%; display: inline-flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; font-family: "Noto Sans",var(--sans-serif); font-weight: var(--buttontextweight); font-size: var(--buttontextsize); line-height: 1.4; text-transform: capitalize; white-space: normal; border: .1875em solid transparent; cursor: pointer; opacity: 1; padding: .6em; -webkit-text-fill-color: currentcolor; -webkit-tap-highlight-color: var(--tap-highlight-color); color: var(--btn-fg,var(--test))!important; background-color: inherit!important; outline-offset: 0.125em; outline: transparent solid .125em; transition: outline-color 150ms ease-in; -webkit-tap-highlight-color: var(--tap-highlight-color); --btn-fg: var(--shade-light, var(--test)); --btn-solid-bdr: transparent; border-color: var(--btn-solid-bdr,var(--test)); --btn-fg: var(--social-icon-fg); --btn-bg: var(--social-icon-bg); background-image: none; transform: translateY(.2em); min-inline-size: auto; inline-size: 100%; block-size: 100%; display: flex; gap: .5em; place-items: center; text-align: center; text-decoration: none; --icon-size: 1.5rem } .menu-social .tbrtheme-icon a:focus { box-shadow: none } .menu-social .tbrtheme-icon a[href^=mailto] { text-transform: none } .menu-social .tbrtheme-icon a::before { content: " "; position: absolute; z-index: -1; inset: -0.125em; opacity: 0; transition: opacity 250ms cubic-bezier(.55, .09, .68, .53); background-color: var(--btn-fg); border-radius: 50%; background-color: var(--social-icon-fg); inline-size: calc(var(--icon-size) + 0.25em); block-size: calc(var(--icon-size) + 0.25em); inset: auto auto auto 0.5em } .menu-social .tbrtheme-icon a:active, .menu-social .tbrtheme-icon a:focus-visible, .menu-social .tbrtheme-icon a:hover { color: var(--btn-fg,var(--test)); --btn-fg: var(--social-icon-bg); background-image: none } .menu-social .tbrtheme-icon a:active::before, .menu-social .tbrtheme-icon a:focus-visible::before, .menu-social .tbrtheme-icon a:hover::before { opacity: 1 } .menu-social .tbrtheme-icon a:focus-visible { outline-color: var(--focus-outline,currentColor); transform: rotate(0) } .menu-social .tbrtheme-icon a:disabled { opacity: .5!important; cursor: not-allowed; filter: grayscale(100%); pointer-events: none } .menu-social .tbrtheme-icon a svg { inline-size: var(--icon-size); block-size: var(--icon-size) } .menu-social .tbrtheme-icon a span { color: var(--social-icon-fg) } .menu-social .tbrtheme-icon a:active span, .menu-social .tbrtheme-icon a:focus-visible span, .menu-social .tbrtheme-icon a:hover span { color: var(--social-icon-fg) } .menu-social li.tbrtheme-icon + li { margin-block-start: -0.6em } .nav-footer .menu-social .tbrtheme-icon.tbrtheme-not-in-footer { position: absolute; border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); block-size: 1px; margin: -1px; overflow: hidden; padding: 0; inline-size: 1px; word-wrap: normal!important } .nav-top { color: var(--nav-top-fg,var(--test)); background-color: var(--nav-top-bg,var(--test)); position: relative; padding-block: 0.5em; grid-column: fullwidth } .nav-top_content { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5em } .nav-top_content * { margin-block: 0 } .nav-top ul.tbrtheme-top-contact { padding-inline-start: 0; list-style-type: none; max-width: none; display: flex; gap: 1em; font-weight: var(--buttontextweight) } .nav-top ul.tbrtheme-top-contact > li::before { content: "​"; position: absolute } @media only screen and (max-width:83.5rem) { nav.site-nav ul.main-menu-styles .menu-item ul.sub-menu { max-inline-size: 90vw } nav.site-nav ul.main-menu-styles .menu-item ul.sub-menu::before { content: none } .main-menu-styles > li a { text-align: start } .menu-social .tbrtheme-icon a svg { inline-size: 1.35rem; block-size: 1.35rem } .nav-top { padding-block: 1em } .nav-top ul.tbrtheme-top-contact { flex-wrap: wrap } nav.nav-toc { margin-block-end: var(--margin-size,1.5em) } } @media only screen and (min-width:83.5625rem) { .nav-top ul.tbrtheme-top-contact { align-items: center } } .nav-top ul.tbrtheme-top-contact li { display: flex; gap: .5em; align-items: center } .nav-top ul.tbrtheme-top-contact svg { inline-size: 1.75em; block-size: 1.75em } @media only screen and (min-width:26.8125rem) { .nav-top ul.tbrtheme-top-contact a, .nav-top ul.tbrtheme-top-contact span { white-space: nowrap } } .nav-top .search-form { position: relative; display: flex; align-items: center; font-weight: var(--buttontextweight) } .nav-top .search-form::before { content: " "; position: absolute; background-color: var(--light); inset: auto 40px 0 0; block-size: 1px } .nav-top .search-form:has(input.search-field:focus) .search-form::before { content: none } .nav-top .search-field { inline-size: 10em; padding: .25em .5em .25em 0; border-radius: 0; text-align: start; color: var(--light); background-color: transparent; border: none } .nav-top .search-field:active, .nav-top .search-field:focus-visible, .nav-top .search-field:hover { outline: 0 } .nav-top .search-field::placeholder { color: #fff } .nav-top button.search-button { border: none!important } .nav-top button.search-button::before { content: none!important } .nav-top button.search-button:active, .nav-top button.search-button:focus-visible, .nav-top button.search-button:hover { --btn-fg: var(--color-primary-500)!important } .nav-top .menu-top { display: flex; align-items: center; gap: 1.5em } .nav-top .menu-top a { font-size: var(--fontsize15); text-decoration: none } .nav-top .menu-top a:active, .nav-top .menu-top a:focus-visible, .nav-top .menu-top a:hover { text-decoration: underline } .nav-top .menu-top .tbrtheme-icon a { display: flex; align-items: center; gap: .25em } #scroll-to-top, #scroll-to-top .totoplink, #scroll-to-top .totoplink svg, #scroll-to-top p { inline-size: 3rem; block-size: 3rem } .scroll-widget-hide { opacity: 0; visibility: hidden } #scroll-to-top { position: fixed; z-index: 10001; inset-block-start: calc(100vh - 7.25rem); inset-inline-start: calc(100% - 4rem) } #scroll-to-top p { margin: 0 } #scroll-to-top .totoplink { position: relative; z-index: 2; text-align: center; text-decoration: none; color: var(--svg-top-link,var(--test)); border-block-end-width: 0; outline: 0; padding: 0; inline-size: unset; block-size: unset; display: unset; visibility: unset } #scroll-to-top .totoplink svg { border: 2px solid var(--svg-top-link,var(--test)); border-radius: 50%; opacity: .5; transition: opacity 250ms linear,scale 250ms linear; scale: 1 } #scroll-to-top .totoplink:active, #scroll-to-top .totoplink:focus-visible, #scroll-to-top .totoplink:hover { border-block-end-width: 0; outline: 0 } #scroll-to-top .totoplink:active svg, #scroll-to-top .totoplink:focus-visible svg, #scroll-to-top .totoplink:hover svg { opacity: 1 } #scroll-to-top .totoplink:focus-visible svg { scale: 1.25 } @media only screen and (min-width:87rem) { #scroll-to-top { inset-block-start: calc(100vh - 9.25rem); inset-inline-start: 94.5% } } .pagination-block { display: block; position: sticky; top: 100vh; width: 100%; margin: min(6vw,3rem) 0; grid-column: fullwidth; text-align: end } ul.pagination { list-style-type: none; --padding: 0.25em 0.5em; display: flex; justify-content: center; gap: 1em; flex-wrap: wrap; margin-inline: 0.75em } ul.pagination > li::before { content: "​"; position: absolute } ul.pagination li { font-size: var(--pagination-font-size, .875rem); color: var(--pagination-text,var(--test)); margin: .05em } @media only screen and (max-width:83.5em) { ul.pagination { --padding: 0.5em 1em } ul.pagination li { margin: .5em } } ul.pagination li .dots { padding: var(--padding,var(--test)) } ul.pagination li .page-number, ul.pagination li.btn a, ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow) { font-weight: 300; text-decoration: none; color: var(--pagination-link,var(--test)); padding: var(--padding,1em); display: inline-flex; align-items: center; block-size: 100% } ul.pagination li .page-number.current, ul.pagination li.btn a.current, ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow).current { font-weight: 600; color: var(--pagination-text-current,var(--test)) } ul.pagination li .page-number:active, ul.pagination li .page-number:focus-visible, ul.pagination li .page-number:hover, ul.pagination li.btn a:active, ul.pagination li.btn a:focus-visible, ul.pagination li.btn a:hover, ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active, ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover { font-weight: 600; color: var(--pagination-link-hover,var(--test)) } ul.pagination li.btn.next a, ul.pagination li.btn.next button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow), ul.pagination li.btn.prev a, ul.pagination li.btn.prev button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow) { font-size: inherit; font-weight: 600; color: var(--pagination-link,var(--test)); transform: translateX(0); transition: transform 150ms linear } ul.pagination li.btn.next a:active, ul.pagination li.btn.next a:focus-visible, ul.pagination li.btn.next a:hover, ul.pagination li.btn.next button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active, ul.pagination li.btn.next button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, ul.pagination li.btn.next button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover, ul.pagination li.btn.prev a:active, ul.pagination li.btn.prev a:focus-visible, ul.pagination li.btn.prev a:hover, ul.pagination li.btn.prev button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active, ul.pagination li.btn.prev button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, ul.pagination li.btn.prev button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover { color: var(--pagination-link-hover,var(--test)) } ul.pagination li.btn.prev a:active, ul.pagination li.btn.prev a:focus-visible, ul.pagination li.btn.prev a:hover, ul.pagination li.btn.prev button:active, ul.pagination li.btn.prev button:focus-visible, ul.pagination li.btn.prev button:hover { transform: translateX(-.125em) } ul.pagination li.btn.next a:active, ul.pagination li.btn.next a:focus-visible, ul.pagination li.btn.next a:hover, ul.pagination li.btn.next button:active, ul.pagination li.btn.next button:focus-visible, ul.pagination li.btn.next button:hover { transform: translateX(.125em) } ul.pagination li.btn.disabled a, ul.pagination li.btn.disabled button[disabled]:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow) { color: var(--pagination-text-disabled,var(--test)); --btn-bg: var(--pagination-bg-disabled, var(--test)); border: 0; display: grid; place-content: center; place-items: center; opacity: 1!important } ul.pagination li.btn.disabled a:active, ul.pagination li.btn.disabled a:focus-visible, ul.pagination li.btn.disabled a:hover, ul.pagination li.btn.disabled button[disabled]:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):active, ul.pagination li.btn.disabled button[disabled]:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):focus-visible, ul.pagination li.btn.disabled button[disabled]:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow):hover { color: var(--pagination-text-disabled,var(--test)) } ul.pagination li.btn button:not(.baguetteBox-button):not(.gm-control-active):not(.glide__bullet):not(.glide__arrow) { min-inline-size: auto; block-size: 100%; padding: var(--padding,1em) } nav.nav-nextprev { margin-block: min(6vw,3rem) } .nav-nextprev-list { display: inline-flex } @media (hover:none) { .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover.has-video :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { align-self: start } .nav-nextprev-list { display: flex; justify-content: space-around } } .nav-nextprev-list .nav-next, .nav-nextprev-list .nav-prev { display: inline-flex; align-items: flex-start } .nav-nextprev-list .nav-next a, .nav-nextprev-list .nav-prev a { color: var(--color-primary-500,var(--test)) } .nav-nextprev-list .nav-next a:active, .nav-nextprev-list .nav-next a:focus-visible, .nav-nextprev-list .nav-next a:hover, .nav-nextprev-list .nav-prev a:active, .nav-nextprev-list .nav-prev a:focus-visible, .nav-nextprev-list .nav-prev a:hover { color: var(--color-primary-500,var(--test)) } .nav-nextprev-list .nav-next svg, .nav-nextprev-list .nav-prev svg { width: 1.5em; height: 1.5em } .nav-nextprev-list .nav-next:active svg, .nav-nextprev-list .nav-next:focus-visible svg, .nav-nextprev-list .nav-next:hover svg, .nav-nextprev-list .nav-prev:active svg, .nav-nextprev-list .nav-prev:focus-visible svg, .nav-nextprev-list .nav-prev:hover svg { transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } .nav-nextprev-list .nav-prev { justify-self: start } .nav-nextprev-list .nav-prev:active svg, .nav-nextprev-list .nav-prev:focus-visible svg, .nav-nextprev-list .nav-prev:hover svg { transform: translateX(-.3em) } .nav-nextprev-list .nav-next { justify-self: end; text-align: end } .nav-nextprev-list .nav-next:active svg, .nav-nextprev-list .nav-next:focus-visible svg, .nav-nextprev-list .nav-next:hover svg { transform: translateX(.3em) } .site-content { isolation: isolate } nav.nav-toc { --toc-width: 32ch; background-color: var(--bg); z-index: 2 } @media only screen and (min-width:83.5625rem) { nav.nav-toc { padding: 1em .5em .5em .75em; position: sticky; inset: 0 0 auto auto; grid-column: fullwidth-start/content-start; grid-row: 2/span 3; align-self: start; display: grid; grid-template-columns: minmax(var(--toc-width),1fr) min-content; transform: translateX(calc(var(--toc-width) * -1)); transition: transform .2s cubic-bezier(.55, .09, .68, .53) } nav.nav-toc .nav-toc-heading { grid-row: 1; grid-column: 2; writing-mode: vertical-rl; rotate: 180deg; align-self: start } nav.nav-toc .nav-toc { grid-row: 1; grid-column: 1 } nav.nav-toc:active, nav.nav-toc:focus-within, nav.nav-toc:hover { z-index: 1; transform: translateX(0) } nav.nav-toc > * { z-index: 4 } nav.nav-toc::before { content: " "; position: absolute; inset: 0 auto 0 0; inline-size: calc(var(--toc-width) + 4.75rem); background-color: var(--bg); z-index: 3 } } nav.nav-toc .nav-toc { padding-inline-start: 2em } nav.nav-toc .nav-toc li { font-size: var(--fontsize16); color: var(--color-silver-lm); font-weight: 900; letter-spacing: .0625em; line-height: 1.3; margin-block-end: 0.75em } nav.nav-toc .nav-toc li a { font-size: var(--fontsize14); font-weight: 400; text-decoration: none; color: #444; display: block } @media (hover:none) { nav.nav-toc .nav-toc li { font-size: var(--fontsize20base) } nav.nav-toc .nav-toc li a { font-size: var(--fontsize17base) } } nav.nav-toc .nav-toc li a:active, nav.nav-toc .nav-toc li a:focus-visible, nav.nav-toc .nav-toc li a:hover { text-decoration: underline } .nav-toc-heading { font-size: var(--fontsizeh5); color: var(--shade-placeholder-text) } @media (prefers-color-scheme:dark) { image, img { filter: brightness(.8) contrast(1.2) } .wp-block-tbrtheme-gallery .tbrtheme-gallery-content.image-hover :is(figure.wp-block-tbrtheme-image,figure.wp-block-tbrtheme-video) figcaption { background-color: var(--shade-darker-grey-opacity) } nav.nav-toc .nav-toc li { color: var(--color-silver-dm) } nav.nav-toc .nav-toc li a { color: #bbb } .nav-toc-heading { color: var(--shade-light-grey) } } .page-template-toc-enter :not(#contact-details,#page):target { display: grid; gap: .125em; /*! autoprefixer: ignore next */ align-items: start; transform: translateX(calc((1em + .125em) * -1)); grid-template-columns: 1em 1fr } .page-template-toc-enter :not(#contact-details,#page):target::before { content: " "; inline-size: 1em; block-size: 0.5em; margin-block-start: 0.25em; transition: background-color .2s cubic-bezier(.55, .09, .68, .53); clip-path: polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%); background-color: var(--color-golden) } .tbrtheme-group-columns { columns: 50ch; gap: 3em; orphans: 3 } .tbrtheme-group-columns .tbrtheme-span-all-columns, .tbrtheme-group-columns blockquote, .tbrtheme-group-columns h1, .tbrtheme-group-columns h2 { column-span: all } .tbrtheme-group-columns figure, .tbrtheme-group-columns img { break-inside: avoid } @media only screen and (min-width:64.0625rem) { .tbrtheme-even-columns { --column-count-base: 77; --column-spacing: 5; --column-one: 32; --column-two: calc(var(--column-count-base) - (var(--column-one) + var(--column-spacing))); display: grid; grid-template-columns: repeat(var(--column-count-base),minmax(0.75rem,1rem)); margin-inline: auto; max-width: min(77rem,100%) } .tbrtheme-even-columns > :first-child { grid-column: span var(--column-one) } .tbrtheme-even-columns > :nth-child(2) { grid-column: calc(var(--column-one) + var(--column-spacing) + 1)/span var(--column-two) } .tbrtheme-even-columns.column-rule > :not(:first-child) { position: relative } .tbrtheme-even-columns.column-rule > :not(:first-child)::before { display: block; content: " "; position: absolute; inset: 0 auto 0 calc(var(--column-spacing)/ 2 * -1em); width: 1px; border-left: 1px solid } } .tbrtheme-even-columns .wp-block-column:not(:first-child) { --wp--style--block-gap: 0 } @keyframes text-slide-up-fade-in { 0% { opacity: 0; transform: translateY(var(--animation-translate)) } 100% { opacity: 1; transform: translateY(0) } } .tbrtheme-watch-visible { --transition-bezier: cubic-bezier(0.25, 0.46, 0.45, 0.94); --transition-duration: 400ms; --transition-delay: 400ms; --animation-translate: 1rem } @media (prefers-reduced-motion:no-preference) { .menu-social .tbrtheme-icon a { transition: .2s cubic-bezier(.55, .09, .68, .53); will-change: transform } .tbrtheme-watch-visible { opacity: 0; transform: translateY(var(--animation-translate)) } .tbrtheme-watch-visible.tbrtheme-in-view { animation: text-slide-up-fade-in var(--transition-bezier) var(--transition-duration) forwards var(--transition-delay) } } .wp-block-tbrtheme-front-cta::before { --transition-bezier: cubic-bezier(0.25, 0.46, 0.45, 0.94); --transition-duration: 400ms; --transition-delay: 400ms; --animation-translate: 1rem } @media (prefers-reduced-motion:no-preference) { .wp-block-tbrtheme-front-cta::before { opacity: 0; transform: translateY(var(--animation-translate)); animation: text-slide-up-fade-in var(--transition-bezier) var(--transition-duration) forwards var(--transition-delay) } } :where(.wp-block-tbrtheme-image-card.image-card-align-right .tbrtheme-card-content).tbrtheme-watch-visible { --animation-translate: 2rem; --transition-delay: calc(400ms * 1.5) } :where(.wp-block-tbrtheme-image-card.image-card-align-right .tbrtheme-card-image).tbrtheme-watch-visible { --transition-delay: calc(400ms * 2) } :where(.wp-block-tbrtheme-info-card,.home .wp-block-quote,.tbrtheme-contact-form,.tbrtheme-card-image,h2#services).tbrtheme-watch-visible { --transition-duration: calc(400ms * 2); --animation-translate: 2rem } :is(.wp-block-tbrtheme-info-card:nth-child(3),.wp-block-tbrtheme-info-card:nth-child(4)).tbrtheme-watch-visible { --transition-delay: calc(400ms * 2) } .gform_required_legend { position: absolute; border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); block-size: 1px; margin: -1px; overflow: hidden; padding: 0; inline-size: 1px; word-wrap: normal!important } @media only screen and (max-width:64rem) { .tbrtheme-even-columns { display: grid; row-gap: min(6vw,3rem) } .tbrtheme-contact-form { margin-inline: 1rem } } @media only screen and (min-width:64.0625rem) { .entry-text > .wp-block-quote, .tbrtheme-contact-form, .tbrtheme-infocards-group, .wp-block-tbrtheme-image-card { inline-size: 100%; grid-column: content } } .home .wp-block-quote { color: var(--bg); background-color: var(--color-primary-700); border-radius: 1rem; padding: min(10vw,5rem) min(6vw,3rem); text-align: center; margin-block: min(10vw,5rem) 0 } .home .wp-block-quote p { font-family: "Alumni Sans",var(--sans-serif); font-size: var(--fontsize40); letter-spacing: var(--heading-letter-spacing); line-height: 1.315; --sentencemaxwidth: 27ch; margin-inline: auto } .home .wp-block-quote::before { content: none } .wp-block-group.tbrtheme-contact-form { padding-block-start: 0 } .wp-block-group.tbrtheme-contact-form h2.wp-block-heading { margin-block: 2em 1em } :has(.wp-block-tbrtheme-diary-dates:target) { scroll-padding-block-start: 0 } .wp-block-tbrtheme-diary-dates { color: var(--light); --heading-color: var(--light); background-color: var(--color-primary-900); padding: min(6vw,3rem); position: relative; isolation: isolate; display: grid; gap: min(6vw,3rem); grid-template-columns: repeat(auto-fit,minmax(25ch,1fr)); z-index: 2 } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-title { font-family: "Alumni Sans",var(--sans-serif); font-size: var(--fontsize50); font-weight: 300; letter-spacing: -.05em; line-height: 1.1; margin-block-end: 1rem; color: var(--color-primary-90) } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-content { --sentencemaxwidth: auto } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-content h3 { margin-block-end: 0.25em } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-content h3 + p { --margin-size: 2.5em } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-content a { display: inline } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-image :is(picture,img) { width: 100%; height: 100% } .wp-block-tbrtheme-diary-dates .tbrtheme-diary-dates-image img { object-fit: cover } .wp-block-tbrtheme-diary-dates > * { z-index: 3 } .wp-block-tbrtheme-diary-dates::after, .wp-block-tbrtheme-diary-dates::before { content: " "; position: absolute } .wp-block-tbrtheme-diary-dates::before { background-color: var(--color-primary-500); inset: 1em 0 1em 50%; width: 100vw; transform: translate(-50vw,.5em); rotate: 0.5deg; z-index: 1 } .wp-block-tbrtheme-diary-dates::after { background-color: var(--color-primary-900); inset: 0; z-index: 2 } .wp-block-tbrtheme-show-results { padding-block-end: min(10vw,5rem); display: grid; row-gap: min(6vw,3rem) } .tbrtheme-show-results-forms { display: flex; flex-direction: column; gap: min(5vw,1.5rem) } @media only screen and (min-width:80.0625rem) { .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active) .gf_step_label { position: absolute; margin-inline-start: 3.25em; transform: scaleX(0); transform-origin: center left; transition: transform 250ms cubic-bezier(.55, .09, .68, .53) } .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):active, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):focus-visible, .gform_wrapper.gravity-theme .gf_page_steps .gf_step:not(.gf_step_active):hover { isolation: isolate } .tbrtheme-show-results-forms { flex-direction: row } } .tbrtheme-show-results-forms form { inline-size: auto } .tbrtheme-show-results-forms form input, .tbrtheme-show-results-forms form select { margin-block-end: 0.25em } .tbrtheme-show-results-content h2 { margin-block-end: 0.5em } @media only screen and (max-width:83.5rem) { .tbrtheme-show-results-content figure.aligncenter { inline-size: var(--sentencemaxwidth,72ch)!important; max-inline-size: var(--sentencemaxwidth,72ch); margin: 0 0 var(--margin-size,1.5em) } .tbrtheme-show-results-content figure.aligncenter img { margin: var(--margin-size,1.5em) auto 0 } } @media only screen and (min-width:64.0625rem) and (max-width:83.5rem) { .tbrtheme-show-results-content figure.alignright { float: right; clear: both; margin: 0 0 var(--margin-size,1.5em) min(6vw,3rem) } } .tbrtheme-show-results-content:not(:has(figure)) { display: initial; columns: 52ch 2; gap: 3em; orphans: 3 } .tbrtheme-show-results-content:not(:has(figure)) .tbrtheme-span-all-columns, .tbrtheme-show-results-content:not(:has(figure)) blockquote, .tbrtheme-show-results-content:not(:has(figure)) h1, .tbrtheme-show-results-content:not(:has(figure)) h2 { column-span: all } .tbrtheme-show-results-content:not(:has(figure)) figure, .tbrtheme-show-results-content:not(:has(figure)) img { break-inside: avoid } .tbrtheme-show-results-content:not(:has(figure)) p:has(a[href$=pdf]) { column-span: all } .tbrtheme-show-results-data { overflow-x: auto; max-width: 90vw } .tbrtheme-show-results-table:has(tbody:empty) thead { display: none } .tbrtheme-show-results-table caption { text-align: start; font-size: var(--fontsize18base); margin-block-end: 1em } @media only screen and (min-width:83.5625rem) { .tbrtheme-show-results-content { display: grid; grid-template-columns: 1fr auto } .tbrtheme-show-results-content h2 { grid-column: 1/span 2; grid-row: 1 } .tbrtheme-show-results-content > * { grid-column: 1 } .tbrtheme-show-results-content-text { grid-column: 1; grid-row: 2/span 12 } .tbrtheme-show-results-content figure.alignright { grid-column: 2; margin: 0 0 var(--margin-size,1.5em) min(6vw,3rem) } .tbrtheme-show-results-content figure.aligncenter { margin: var(--margin-size,1.5em) auto } .tbrtheme-show-results-content figure.alignleft { margin: var(--margin-size,1.5em) 0 } .tbrtheme-show-results-table tbody tr td:first-child, .tbrtheme-show-results-table thead tr th:first-child { --accordian-table-padding: 4rem } .tbrtheme-show-results-table tbody { counter-reset: result } .tbrtheme-show-results-table tbody tr td:first-child { position: relative } .tbrtheme-show-results-table tbody tr td:first-child::before { counter-increment: result; content: counter(result,decimal-leading-zero) ". "; position: absolute; inset: auto auto auto 0.5rem } .mobile-only { inline-size: 0; block-size: 0; display: none; visibility: hidden } } .main-sponsor-panel { --main-sponsor-panel-color: #2e1b11; background-color: var(--main-sponsor-panel-color); padding: 0!important; margin-block-end: min(6vw,3rem); position: relative; isolation: isolate } .main-sponsor-panel::before { content: " "; position: absolute; inset: 0 0 0 50%; transform: translateX(-50vw); inline-size: 100vw; background-color: var(--main-sponsor-panel-color); z-index: -1 } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor-gallery { display: grid; padding-block-start: var(--margin-size,1.5em); padding-block-end: min(10vw,5rem) } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor { padding-block: min(6vw,3rem); position: relative; isolation: isolate } @media only screen and (min-width:52.1875rem) { .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor { display: grid; column-gap: min(6vw,3rem); grid-template-columns: repeat(2,1fr) } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor .screen-reader-text { position: absolute } } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor:nth-child(odd) { background-color: var(--alt-bg) } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor:nth-child(odd) .screen-reader-text { position: absolute } .wp-block-tbrtheme-sponsors-details .tbrtheme-sponsor:nth-child(odd)::before { content: " "; position: absolute; inset: 0 0 0 50%; width: 100vw; transform: translateX(-50vw); background-color: var(--alt-bg); z-index: -1 } .wp-block-tbrtheme-sponsors-footer { padding-block-start: min(10vw,5rem); padding-block-end: min(10vw,5rem); position: relative; isolation: isolate } .wp-block-tbrtheme-sponsors-footer::before { content: " "; position: absolute; inset: 0 0 0 50%; width: 100vw; transform: translateX(-50vw); background-color: var(--color-primary-10); z-index: -1 } .wp-block-tbrtheme-sponsors-footer h2 { font-family: "Alumni Sans",var(--sans-serif); font-weight: var(--headingweight); letter-spacing: var(--heading-letter-spacing); text-wrap: balance; font-size: var(--fontsizeh2); margin-block-end: 0.25em; line-height: 1 } .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-gallery { list-style-type: none; padding: 0; --sentencemaxwidth: none; display: grid; gap: min(6vw,3rem); grid-template-columns: repeat(2,1fr) } @media only screen and (min-width:35.5625rem) { .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-gallery { grid-template-columns: repeat(4,1fr) } } .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image { margin: 0; background-color: #fff; border-block: 0.5em solid transparent } .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image img { transform: scale(1); transition: transform 250ms } .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image a { display: grid; place-content: center; height: 100% } .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image a:active img, .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image a:focus-visible img, .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image a:hover img { transform: scale(.95) } #contact-details:target { outline: .125em solid var(--color-primary-100); outline-offset: 1rem; border-radius: 1rem; padding-block-end: 0; border-bottom: none } #pojo-a11y-toolbar { --pojo-a11y-top: min(20vw, 8rem) } .sticky-pojo-a11y #pojo-a11y-toolbar { --pojo-a11y-top: initial } @media (prefers-color-scheme:dark) { .wp-block-tbrtheme-sponsors-footer .tbrtheme-sponsor-image { background-color: #dbdbdb } body { --feature-colour: var(--color-primary-500) } } img[src*="placeholder.png"] { background-color: var(--placeholder-image-bg) } .printonly { inline-size: 0; block-size: 0; display: none; visibility: hidden } .js .js-hide, .no-js .nojs-hide { display: none } @media only screen and (min-width:83.5625rem) { .menu-mobile-only { inline-size: 0; block-size: 0; display: none; visibility: hidden } } @media only screen and (max-width:83.5rem) { .desktop-only, .menu-desktop-only { inline-size: 0; block-size: 0; display: none; visibility: hidden } } /*# sourceMappingURL=screen.css.map */