@import "../baseStyle.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

h1, h2, h3, h4, h5, h6,
.restaurant-name,
#header-container header #navigation2 a {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.content-box-inner-days-open h1,
.content-box-inner-days-open h2,
.content-box-inner-days-open h3,
.content-box-inner-days-open h4,
.content-box-inner-days-open h5,
.content-box-inner-days-open h6 {
    font-family: inherit;
    text-transform: none;
}

:root {
    --base-text-color: #000;
    --href-color: #C9A227;
    --background-color: #FFFFFF;
    --button-hover-color: #B89220;
    --profile-circle-color: #C9A227;
    --hover-row: #F5F5F5;
    --order-food-color: #C9A227;
    --order-buttons-color: #C9A227;
}

#header-container header #brand .brand-logo {
    width: auto;
    height: 60px;
}

body {
    background-color: rgba(255,255,255,0);
    background-image: url('./halftone.png');
    background-position: center center;
    background-repeat: repeat;
}