/* 0.77d */

:root {
	--metaThemeColor: #1c3446;
	--metaThemeColorDarkMode: undefined;
	--metaBackgroundColor: undefined;
	--siteBackgroundColor: undefined;
	accent-color: var(--metaThemeColor);
}

html, body {
	scrollbar-3dlight-color: #1c3446;
	scrollbar-arrow-color: #1c3446;
	scrollbar-base-color: #1c3446;
	scrollbar-darkshadow-color: #1c3446;
	scrollbar-shadow-color: #1c3446;
	-ms-scrollbar-3dlight-color: #1c3446;
	-ms-scrollbar-arrow-color: #1c3446;
	-ms-scrollbar-base-color: #1c3446;
	-ms-scrollbar-darkshadow-color: #1c3446;
	-ms-scrollbar-shadow-color: #1c3446;
}

::-webkit-scrollbar-button {
	background-color: #1c3446;
}

::-webkit-scrollbar-thumb {
	background-color: #1c3446;
}

::-webkit-scrollbar-corner {
	background-color: #1c3446;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('/fonts/LibreBaskerville-Italic.woff2') format('woff2'),
        url('/fonts/LibreBaskerville-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bochan Serif';
    src: url('/fonts/BochanSerifRegular.woff2') format('woff2'),
        url('/fonts/BochanSerifRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('/fonts/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('/fonts/BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
	--goldTrimColor: #f3e688;
    --goldTrimGradient: conic-gradient(#784c1b, #a38e4b, #f6ea89, #a48638, #f3e688, #673c19);
}

html, body, body > header, body > main, body > footer {
    color: var(--lightTextColor);
}

html, body {
    background-color: var(--metaThemeColor);
    font-family: 'Brandon Grotesque', sans-serif, -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, Verdana, sans-serif, caption, noto, 'Segoe UI Emoji', 'Segoe UI Symbol', 'emoji', 'Apple Color Emoji','EmojiSymbols', "Apple Symbols", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", 'Symbola';
}

a {
    color: var(--lightTextColor);
}

body > header > svg {
    width: 100%;
    height: 300px;
}

svg,
svg path {
    fill: currentColor;
}

.social-links > li > a[class^="social-"] {
    color: var(--lightTextColor);
    background-color: transparent;
}

body > header > #top-note,
body > footer .info-box > h5,
main section .NoticeHeadline,
.deal h5,
.home-title,
[data-section="address"] .info-box,
#our-menu h2,
#our-menu h3 {
    font-family: 'Libre Baskerville', serif, ui-serif, 'Times New Roman', fangsong, 'Bochan Serif';
    font-family: 'Bochan Serif', serif, ui-serif, 'Times New Roman', fangsong, 'Libre Baskerville';
}

.home-subtitle {
    font-family: 'Libre Baskerville', serif, ui-serif, 'Times New Roman', fangsong, 'Bochan Serif';
}

.home-title,
.home-subtitle {
    text-transform: none;
}

main details summary,
header #menu-post {
    background-color: transparent;
}

section#food-menu details#menu-details summary {
    color: var(--metaThemeColor);
}

main details summary {
    color: var(--lightTextColor);
}

.widget-background:not([style],[src]) {
    background-color: var(--metaThemeColor);
}

.button,
#sf-floating-button,
header > nav > #top-nav > li > a.button,
.info-box,
.col > .img-responsive,
.col > .mediabox {
    position: relative;

    color: var(--lightTextColor);
    background-color: var(--metaThemeColor);
    //background-image: url('/images/goldtrims-topleft.svg');

    border-color: var(--goldTrimColor);
    //border-image: var(--goldTrimGradient) 1;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-radius: 50px;
    
    background-image: linear-gradient(var(--metaThemeColor) 0 0), var(--goldTrimGradient);

    background-position: 0 0, 0 0;
    background-size: cover, cover;
    background-repeat: repeat, repeat;
    background-origin: padding-box, padding-box;
    background-clip: padding-box, border-box;
}

#menu-post .button {
    border-color: transparent;
}

.info-box:empty {
    display: none;
}

.info-box::before,
#sf-floating-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    background-image: var(--goldTrimGradient);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    //-webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/*
.button::before,
.info-box::before,
#sf-floating-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    background-image: var(--goldTrimGradient);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    //-webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
*/
.button::after,
#sf-floating-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    background-image: url('/images/goldtrims-topleft.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: padding-box;
    opacity: 0.1;
    pointer-events: none;
}

.button[data-resy="true"] svg {
	fill: currentColor;
}

main details .content .menu-post-desc {
    color: #fff;
}

main details .content .menu-title,
main details .content .menu-price {
    background-color: transparent;
}

.js header nav button[popovertarget="top-nav"]::before,
.js header nav button[popovertarget="top-nav"]::after {
    border-radius: 8px;
}

main details .content,
.info-box {
    background-color: color-mix(in srgb, var(--metaThemeColor) 75%, transparent);
}

.info-box {
    position: relative;
    background-image: none;
    border-radius: 50px;
    padding-bottom: 20px;
}

ul.event-list {
    padding: 8px;
    padding-bottom: 18px;
}

section .button,
footer .button,
section .button,
body > footer .button {
    color: var(--lightTextColor);
    background-color: var(--metaThemeColor);
}

.widget-background > b,
header figure {
    opacity: 0.1;
    background-color: var(--metaThemeColor);
    background-image: url('/images/goldtrim-scales-top.svg'), url('/images/goldtrim-scales-bottom.svg'), url('/images/goldpieces-left.svg'), url('/images/goldpieces-right.svg');
    background-size: 100% 70%, 100% 60%, auto, auto;
    background-position: 100% 0, 100% 100%, 0 0, 100% 0;
    background-repeat: no-repeat;
}

section:nth-child(even) .widget-background {


}

section:nth-child(odd) .widget-background {


}

body:has([data-section="specials"]) [data-section="about"] span.widget-background.no-interaction {
    display: none;
}

main details {
    background-color: transparent;
}

section#food-menu details#menu-details summary {
    color: #fff;
    border-color: transparent;
    border-style: solid;
}

section#food-menu .widget-background b {
    transform: rotateY(180deg);
}

.parallax .img-slider img {
    height: 60vh;
}

.parking > svg[data-filename="car-alt"] {
    width: 2em;
    height: 2em;
    padding: 0;
}

.parking > h3 {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 1.5em;
}

main details .content .menu-dots {
    opacity: 0.5;
}

.mailing-list-box {
    max-width: 100%;
}

#private-events .col, #private-events .aligncc {
    background-color: transparent;
}

.copyright svg path,
.copyright svg polygon,
.copyright svg rect {
    fill: currentColor;
}

@media (min-width: 992px) {
    .widget-background > b, header figure {
        opacity: 0.4;
    }

    .mailing-list-box {
        flex-grow: 4;
        width: 35%;
        max-width: 100%;
    }
}

/* Stop gaps */

[data-section="about"] .info-box .button,
[data-section="about"] .info-box .home-subtitle {
    display: none;
};