/* Helpers that let native, editable blocks render exactly like the original design. */

/* Image blocks that fill their frame (the frame sets the size). */
.wp-block-image.cgx-img{margin:0}
.wp-block-image.cgx-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.wp-block-image.cgx-img-contain img{object-fit:contain}

/* Footer logo. */
.wp-block-image.cgx-footer-logo{margin:0;line-height:0}
.wp-block-image.cgx-footer-logo a{display:block}
.wp-block-image.cgx-footer-logo img{display:block;height:6rem;width:auto;max-width:none}
@media (min-width:768px){.wp-block-image.cgx-footer-logo img{height:7rem}}

/* A paragraph that behaves like an inline label. */
.cgx-inline{display:inline}

/* A paragraph that only holds a styled link: the link lays out as if it had no wrapper. */
.cgx-contents{display:contents}

/* Keyboard users open the desktop dropdowns too. */
header .group:focus-within > .invisible{visibility:visible;opacity:1}

/* Editor: show the dynamic header in place instead of fixed over the canvas. */
.editor-styles-wrapper .cgx-header-preview header,
.block-editor-block-preview__content .cgx-header-preview header{position:relative !important}
.editor-styles-wrapper .cgx-dynamic-preview a{pointer-events:none}

/* Announcement bar (Settings > Tavern Details): pinned above the header, which moves down to make room. */
.cgx-bar{position:fixed;top:0;left:0;right:0;z-index:49;background:rgb(23 49 38);color:rgb(244 236 221);border-bottom:1px solid rgb(184 155 94/.35)}
.cgx-bar__in{max-width:80rem;margin:0 auto;padding:.55rem 3rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:1.1rem;row-gap:.1rem;text-align:center}
.cgx-bar p{margin:0}
.cgx-bar__eyebrow{font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:rgb(184 155 94)}
.cgx-bar__title{font-family:var(--font-heading);font-size:17px;line-height:1.35}
.cgx-bar__sub{font-family:var(--font-heading);font-style:italic;font-size:15px;color:rgb(244 236 221/.75)}
.cgx-bar__link{font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:rgb(184 155 94);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgb(184 155 94/.5);white-space:nowrap;transition:color .3s}
.cgx-bar__link:hover,.cgx-bar__link:focus-visible{color:rgb(244 236 221);text-decoration-color:currentColor}
.cgx-bar__close{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;padding:.4rem;background:none;border:0;color:rgb(244 236 221/.7);cursor:pointer}
.cgx-bar__close:hover,.cgx-bar__close:focus-visible{color:rgb(244 236 221)}
@media (max-width:767px){
	.cgx-bar__in{padding:.45rem 2.5rem;column-gap:.75rem;row-gap:0;line-height:1.3}
	.cgx-bar__eyebrow{flex-basis:100%;font-size:10px}
	.cgx-bar__title{font-size:15px;line-height:1.3}
	.cgx-bar__sub{font-size:13px}
	.cgx-bar__link{font-size:10px}
}
html.cgx-has-bar body{padding-top:var(--cgx-bar-h,0)}
html.cgx-has-bar header.fixed{top:var(--cgx-bar-h,0)}

/* Menu tabs (Lunch / Dinner / Dessert / Kids): links in a .cgx-tabs paragraph switch .cgx-tab-panel groups. */
.cgx-tabs{scroll-margin-top:12rem}
.cgx-tabs .cgx-tab.is-active{background:rgb(23 49 38);border-color:rgb(23 49 38);color:rgb(244 236 221)}
.cgx-tabs-ready > .cgx-tab-panel:not(.is-active){display:none}
.cgx-tab-panel{scroll-margin-top:12rem}
.cgx-tab-panels > .cgx-tab-panel + .cgx-tab-panel{margin-top:3.5rem}
.cgx-tabs-ready > .cgx-tab-panel + .cgx-tab-panel{margin-top:0}