.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --oa-forest:#1f3d2f; --oa-forest-deep:#13261d; --oa-moss:#2f5a45; --oa-iron:#222624; --oa-iron-soft:#3a403c; --oa-oak:#6e4527; --oa-oak-dark:#3f2715; --oa-honey:#b07a45; --oa-brass:#b98a3e; --oa-brass-light:#d9b46a; --oa-parchment:#f4ede0; --oa-linen:#e9dfcd; --oa-paper:#fbf8f1; --oa-ink:#1c241f; --oa-ink-soft:#4d5650; --oa-cream:#f1e9da; --oa-cream-soft:#c9c1b0; --w7-notice-bg:#e9dfcd; --w7-notice-text:#13261d; --oa-font-display:Alegreya; --oa-font-body:Alegreya Sans; --oa-font-label:Cinzel; --oa-size-h1:clamp(2.6rem, 1.4rem + 4.6vw, 5.6rem); --oa-size-h2:clamp(2.05rem, 1.35rem + 2.6vw, 3.6rem); --oa-size-h3:clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem); --oa-section-pad:clamp(72px, 9vw, 136px); --oa-gutter:clamp(16px, 4vw, 40px); }
/* Start custom CSS *//* ===== Oak & Anvil site-wide CSS (Site Settings > Custom CSS). Hex values here repeat the oa- variables. Master copy: sites/oak-anvil/reference/site-custom-css.css ===== */
html { scroll-behavior: smooth; }
body { background-color: #f4ede0; color: #1c241f; font-family: "Alegreya Sans", sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #d9b46a; color: #13261d; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #d9b46a; outline-offset: 3px; }
[id] { scroll-margin-top: 24px; }

/* Accent words in headings */
.oa-h1 em, .oa-h2 em, .oa-h3 em { font-style: italic; font-weight: 500; }
.oa-bg-dark :is(.oa-h1, .oa-h2, .oa-h3) em, .oa-bg-forest :is(.oa-h1, .oa-h2, .oa-h3) em, .oa-bg-iron :is(.oa-h1, .oa-h2, .oa-h3) em, .oa-bg-oak :is(.oa-h1, .oa-h2, .oa-h3) em { color: #d9b46a; }
.oa-bg-light :is(.oa-h1, .oa-h2, .oa-h3) em, .oa-bg-linen :is(.oa-h1, .oa-h2, .oa-h3) em { color: #6e4527; }

/* Links inside running text */
:is(.oa-text, .oa-lead, .oa-small, .oa-item-desc) a { color: inherit; text-decoration: underline; text-decoration-color: #b98a3e; text-decoration-thickness: 2px; text-underline-offset: 3px; }
:is(.oa-text, .oa-lead, .oa-small, .oa-item-desc) a:hover { text-decoration-color: currentColor; }

/* Stained oak: Zig's weathered plank photo (attachment 224, master in assets/oak-planks-tile.webp).
   Eight planks, the bottom four a mirror of the top four, so it repeats top to bottom with no seam.
   Plank rows in the tile: 12-163, 174-321, 332-484, 494-628, then the same +629.
   The wood's own darkest brown (29, 14, 5) is laid over the photo to calm it down behind text (Zig).
   Oak sections and boards: a left-to-right gradient, --oa-wood-edge (50%) at both edges rising to --oa-wood-mid (80%) across the middle 60%.
   Tap-card headers have their own pair: --oa-tap-left (35%) to --oa-tap-right (95%), so the ABV badge sits on the darkest part.
   Change the last number of any of them to tune it. */
.oa-bg-oak, .oa-tap-handle {
  --oa-wood-photo: url("https://oak-anvil.web7tech.design/wp-content/uploads/2026/11/oak-anvil-oak-planks.webp");
  --oa-wood-edge: rgba(29, 14, 5, 0.5);
  --oa-wood-mid: rgba(29, 14, 5, 0.8);
  background-repeat: no-repeat, repeat-y;
}
.oa-bg-oak {
  background-image: linear-gradient(90deg, var(--oa-wood-edge) 0%, var(--oa-wood-mid) 20%, var(--oa-wood-mid) 80%, var(--oa-wood-edge) 100%), var(--oa-wood-photo);
  background-size: 100% 100%, max(100%, 1672px) auto;
  background-position: 0 0, center top;
}
@media (max-width: 767px) {
  .oa-bg-oak { background-size: 100% 100%, 1250px auto; }
}
/* Tap-card headers: one plank each, a different plank on neighbouring cards. Only the ABV badge sits here (right-aligned by the class). */
.oa-tap-handle {
  --oa-tap-left: rgba(29, 14, 5, 0.35);
  --oa-tap-right: rgba(29, 14, 5, 0.95);
  background-image: linear-gradient(90deg, var(--oa-tap-left), var(--oa-tap-right)), var(--oa-wood-photo);
  background-size: 100% 100%, 1672px auto;
  background-position: 0 0, center -70px;
}
.oa-tap:nth-child(4n+2) > .oa-tap-handle { background-position: 0 0, 20% -230px; }
.oa-tap:nth-child(4n+3) > .oa-tap-handle { background-position: 0 0, 75% -400px; }
.oa-tap:nth-child(4n+4) > .oa-tap-handle { background-position: 0 0, 40% -1010px; }

/* Hammered iron: fine noise */
.oa-bg-iron, .oa-plate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Rivets in the corners of iron plates and photo frames */
.oa-plate, .oa-frame {
  --oa-rivet: radial-gradient(circle, #9aa09c 0 2px, #5d635f 2.6px 3.4px, #191c1b 3.9px 4.6px, transparent 5px);
}
.oa-frame {
  background-image: var(--oa-rivet), var(--oa-rivet), var(--oa-rivet), var(--oa-rivet), linear-gradient(155deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2));
  background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px, 100% 100%;
  background-position: -1px -1px, calc(100% + 1px) -1px, -1px calc(100% + 1px), calc(100% + 1px) calc(100% + 1px), 0 0;
  background-repeat: no-repeat;
}
.oa-plate {
  background-image: var(--oa-rivet), var(--oa-rivet), var(--oa-rivet), var(--oa-rivet),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(155deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
  background-size: 12px 12px, 12px 12px, 12px 12px, 12px 12px, auto, 100% 100%;
  background-position: 12px 12px, calc(100% - 12px) 12px, 12px calc(100% - 12px), calc(100% - 12px) calc(100% - 12px), 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
}
.oa-frame img { display: block; }

/* Iron strap divider with a row of rivets */
.oa-strap {
  background-image:
    radial-gradient(circle, #9aa09c 0 2.5px, #5d635f 3px 3.8px, #151817 4.3px 5.2px, transparent 5.6px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0 2px, transparent 2px calc(100% - 3px), rgba(0, 0, 0, 0.5) calc(100% - 3px));
  background-size: 76px 22px, 100% 100%;
  background-repeat: repeat-x, no-repeat;
  background-position: 26px center, 0 0;
}

/* Menu items and FAQ lines on dark backgrounds */
:is(.oa-bg-dark, .oa-bg-forest, .oa-bg-iron, .oa-bg-oak) :is(.oa-item, .oa-faq-item) { border-bottom-color: rgba(241, 233, 218, 0.18); }
.oa-item:last-child { border-bottom: 0; padding-bottom: 0; }

/* FAQ accordion: + that turns into an x when open */
.oa-faq-item summary { cursor: pointer; list-style: none; }
.oa-faq-item summary::-webkit-details-marker { display: none; }
.oa-faq-item summary::after { content: "+"; flex: 0 0 auto; margin-left: 16px; font-family: "Alegreya Sans", sans-serif; font-size: 30px; font-weight: 400; line-height: 1; color: #6e4527; transition: transform 0.2s; }
.oa-faq-item[open] summary::after { transform: rotate(45deg); }
.oa-faq-item summary:hover .oa-faq-q { color: #6e4527; }

/* Form fields: keep the theme's defaults out of the way */
.oa-field { box-sizing: border-box; height: auto; min-height: 48px; }
textarea.oa-field { min-height: 110px; }
.oa-form-label { color: inherit; }

/* Active page in the nav. Page IDs: 121 Home, 122 Our Story, 123 The Taps, 124 Kitchen, 125 Trivia Night.
   data-id values are the nav buttons in the header (document 135). New nav links need a line here. */
body.page-id-122 [data-id="6ebddd17"], body.page-id-123 [data-id="11487a17"], body.page-id-124 [data-id="399792da"], body.page-id-125 [data-id="5f9f4fc7"] { color: #d9b46a !important; border-bottom-color: #d9b46a !important; }
body.page-id-121 [data-id="5181f689"], body.page-id-122 [data-id="6db0bcf5"], body.page-id-123 [data-id="d76b5cd"], body.page-id-124 [data-id="250cbae7"], body.page-id-125 [data-id="3f9ac6e8"] { color: #d9b46a !important; }

/* Shamrock pattern. Very faint cream shamrocks, 260x270 tile. Source SVG: sites/oak-anvil/assets/clover-tile.svg (raise its opacity values to make it stronger).
   .oa-clover = even pattern (Home drinks section). .oa-clover-edges = pattern that fades out toward the middle (site footer), drawn on ::before so only the shamrocks fade. */
.oa-clover, .oa-clover-edges::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='270' viewBox='0 0 260 270'%3E%3Cg transform='translate(48 58) rotate(-14) scale(1.15)' fill='%23f1e9da' opacity='0.06'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(178 34) rotate(28) scale(0.7)' fill='%23f1e9da' opacity='0.045'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(128 132) rotate(12) scale(0.95)' fill='%23f1e9da' opacity='0.055'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(226 188) rotate(-32) scale(0.62)' fill='%23f1e9da' opacity='0.04'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(34 214) rotate(36) scale(0.8)' fill='%23f1e9da' opacity='0.05'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(210 104) rotate(-8) scale(0.5)' fill='%23f1e9da' opacity='0.035'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(92 252) rotate(60) scale(0.5)' fill='%23f1e9da' opacity='0.035'%3E%3Cpath transform='rotate(0)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(120)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath transform='rotate(240)' d='M0 0C-2.2-3-11-6.5-11-13C-11-17.5-6.8-19.6-3.4-18.6C-1.7-18-.6-16.8 0-15.2C.6-16.8 1.7-18 3.4-18.6C6.8-19.6 11-17.5 11-13C11-6.5 2.2-3 0 0Z'/%3E%3Cpath d='M0 0Q1.5 10 8 17' fill='none' stroke='%23f1e9da' stroke-width='2.4' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 260px 270px;
  background-repeat: repeat;
}

.oa-clover-edges { position: relative; isolation: isolate; }
.oa-clover-edges::before {
  content: "";
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.12) 26%, transparent 34%, transparent 66%, rgba(0, 0, 0, 0.12) 74%, rgba(0, 0, 0, 0.6) 88%, #000 100%);
          mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.12) 26%, transparent 34%, transparent 66%, rgba(0, 0, 0, 0.12) 74%, rgba(0, 0, 0, 0.6) 88%, #000 100%);
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }/* End custom CSS */