[id]{ scroll-margin-top: calc(var(--offset) / 1.6);}html { scroll-behavior: smooth;}body.bricks-is-frontend :focus{ outline: none;}body.bricks-is-frontend :focus-visible{ outline: solid 1px var(--primary); outline-offset: 5px; transition: all .3s;}ul{ padding: 0; margin: 0;}.bricks-nav-menu { flex-wrap: wrap; justify-content: center;}body{ font-size: var(--text-m); color: var(--text-color);}:where(p), :where(span){ line-height: var(--text-line-height);}:where(p){ font-weight: var(--text-font-weight);}h1, h2, h3, h4, h5, h6{ line-height: var(--heading-line-height); color: var(--heading-color); font-weight: var(--heading-font-weight);}h1 { font-size: var(--h1);}h2 { font-size: var(--h2);}h3 { font-size: var(--h3);}h4 { font-size: var(--h4);}h5 { font-size: var(--h5);}h6 { font-size: var(--h6);}:where(section:not(section section)){ padding: var(--padding-section);}section:where(:not(.bricks-shape-divider)){ gap: var(--container-gap);}:where(.brxe-container) > .brxe-block, :where(.brxe-container){ gap: var(--content-gap);}.bricks-is-frontend header{ max-width: 100vw;}body.bricks-is-frontend{ overflow-x: clip;}body.bricks-is-frontend.no-scroll{ overflow: hidden !important;}body .brxe-post-content a:not([class]), body .brxe-text a:not([class]), body label a{ text-decoration-line: underline; text-decoration-color: var(--primary); text-underline-offset: .2em; text-decoration-thickness: 1px; transition: all .3s;}body .brxe-post-content a:hover:not([class]), body .brxe-text a:hover:not([class]), body label a:hover{color: var(--primary);}.brxe-text > p > strong { color: var(--secondary); font-weight: 500;}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--neutral)}:where(:root) .bricks-background-light {background-color: var(--neutral)}:where(:root) .bricks-color-dark {color: var(--base)}:where(:root) .bricks-background-dark {background-color: var(--base)}:where(:root) * {border-color: var(--accent)} html {background-color: var(--neutral); background-image: url("https://harrycolt.com/wp-content/uploads/2026/07/clean-textile-bgd.png"); background-size: auto} body {background: none} .brxe-container {column-gap: var(--content-gap); row-gap: var(--content-gap); flex-direction: row; justify-content: space-between; align-items: stretch; width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} .brxe-section {row-gap: var(--container-gap); padding-top: var(--container-gap); padding-bottom: var(--container-gap)} body {font-family: "EB Garamond", Georgia, serif; font-weight: 400; font-size: var(--text-m); color: var(--base); line-height: var(--text-line-height)} h1, h2, h3, h4, h5, h6 {color: var(--primary); font-family: "Cormorant Garamond"; font-weight: 700; line-height: 1.1} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-block {column-gap: var(--content-gap); row-gap: var(--content-gap)} .bricks-button {color: var(--neutral); font-size: var(--text-xs); text-transform: uppercase; font-family: "Libre Baskerville"; letter-spacing: 0.16em; text-decoration: none; line-height: 1; padding-top: 1.16em; padding-right: 2.35em; padding-bottom: 1.16em; padding-left: 2.35em} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {border: 1px solid var(--primary)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary); border: 1px solid var(--primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--neutral); background-color: var(--primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {border: 2px solid var(--secondary)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--secondary); border: 1px solid var(--secondary)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--neutral); background-color: var(--secondary)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--neutral); border-color: var(--neutral)} .bricks-button:where(.sm) {padding-top: 0.66em; padding-right: 1.35em; padding-bottom: 0.66em; padding-left: 1.35em}