/* 1.75aa */

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

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

::-webkit-scrollbar-button {
	background-color: #262262;
}

::-webkit-scrollbar-thumb {
	background-color: #262262;
}

::-webkit-scrollbar-corner {
	background-color: #262262;
}

@font-face {
    font-family: "Avenir Book";
    src:
      local("Avenir Book"),
      url("/fonts/Avenir-Book.woff") format("woff"),
      url("/fonts/Avenir-Book.woff2") format("woff2");
  }

  body {
    font-family: "Avenir Book", sans-serif;
  }

span.widget-background b, .menu-bg, dialog {
  background-image: url('/images/North_End_Pattern.svg');
  background-repeat: repeat;
}

section#food-menu details#menu-details .menu-bg  {
  background-color: color-mix(in srgb, var(--metaThemeColor) 50%,transparent);
}

::backdrop, #sf-modal-dialog {
  //background-image: url('/images/North_End_Pattern.svg');
}

main details summary:hover, main details summary:focus {
  background-color: var(--metaThemeColor);
}

#menu-post .button, .parallax-darker .button {

}

dialog {
	background-color: color-mix(in srgb, var(--metaThemeColor) 5%, var(--lightmodeBackgroundColor));
}

.info-box {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 18px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--metaThemeColor);
}

.parallax-darker .info-box {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: transparent;
}

header > #logo,
header > #logo > svg {
  height: 630px;
};