/* Space out content a bit */
:root {

    --color-bg: #fff;
    --color-bg-contrast: #4c2d15;
    --color-text: #4c2d15;
    --color-text-contrast: #c79b70;
    --color-text-heading: #ca3c38;
    --color-contrast: #fff;
    --color-footer: rgb(151, 151, 151);
    --color-footer-bg:#1d0d00;
}

@font-face {
    font-family: "Sanghai";
    src: url(../font/shanghai.ttf) format("truetype");
}

body {
}

body, .sticky-footer-wrapper {
    min-height:100vh;
}

ul {
    list-style: none
}

h1,h2     {
    font-family: "Sanghai", sans-serif;
    text-shadow: 1px 1px 2px black;
}

h1,h2,h3,h4 {
    color:var(--color-text-heading);
}

h1 {
    text-transform: uppercase;
    font-weight: 100;
}

h2 {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2.5rem;
}

.content-block  p  a {
padding-bottom: 1.5px;
border-bottom: 1px solid rgba(39, 40, 44, 0.20);
}

.content-block  p  a:hover {
    border-bottom: 1px solid var(--color-text);
}



.left {
    order:13;
}

.right {
    order:13;
}

.flex-fill {
    flex:1 1 auto;
}

.navbar-brand {
    font-size:0px;
    background: url("../logo-sm.png") no-repeat;
    background-size: auto 80px;
    width:250px;
    height:80px;
}

/* Content Rows*/

.content-text {
    padding-top:30px;
    padding-bottom:30px;

}

.content-row {
    min-height:300px;
}

.content-row-sm {
    min-height:300px;
}

.content-row-lg {
    min-height:926px;
}



.content-body {
    text-align: center;
}


/*Heading without image*/
.heading h1 {
    font-size:425%;
    width:100%;
}


/*Heading with image*/

.content-image {
    color: var(--color-contrast);
    min-height:350px;
}

content-image .heading > p {
    color: var(--color-contrast);
}

/*
.content-image .heading{
    padding:50px;
    background:rgb(76,45,21);
    background: transparent\9;
    background:rgba(76,45,21,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d0d00,endColorstr=#1d0d00);
    zoom: 1;
    max-width:100%;
}*/


.content-image  .heading h1 {
    color:var(--color-bg);

}

.heading:nth-child(n) {
    filter: none;
}

.news {
    font-size:90%;
    margin-top:25px;
    margin-bottom:25px;
    --border-size: 2px;
    padding: 1em 2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    outline: none;
    border-radius: 0;
    box-shadow: inset 0 0 0 var(--border-size) currentcolor;
    -webkit-transition: background 0.8s ease;
    transition: background 0.8s ease;
}


/* Custom page footer */
.footer
{
    font-size:90%;
    background:var(--color-footer-bg);
    color: var(--color-text-contrast);
    padding-top: 1.5rem;
}


.footer   a {
    color: var(--color-text-contrast);
    padding-bottom: 1.5px;
}

.footer  a:hover {
    color: var(--color-text-contrast);
    border-bottom: 1px solid var(--color-text-contrast);
}



.footer ul, .footer li {
    margin-left:0px;
    padding-left:0px;
}




/* dishes */

.row-dishes {

}

.container-dishes h2 {
    margin-top:50px;
}

.dishes {
    background:var(--color-contrast);
    min-height:300px;
    font-size:80%;
    text-align: left;
}

.row-dishes {
    min-height:450px;
}

.row-dishes .content-image
{
    order:1;
}

.dishes .newDishClass {
    margin-top:25px;
}

.dishes > div {
    float:left;
}

.dishes > div > div {
    float:left;
    margin-top:5px;
}


.dishes .description
{
    flex: 0 0 87.33333337%;
    max-width: 87.33333337%;
    line-height:1.5em;
    min-height:1.5em;
}


.dishes .price {
    text-align:right;
    font-weight:400;
}

.dishes .number{
    flex: 0 0 12.6666666667%;
    max-width: 12.6666666667%;
}


.dishes .number > h4 {
    padding-right:10px;
    float:right;
color: var(--color-text);
}
.dishes .name {

    flex: 0 0 70.6666666667%;
    max-width: 70.6666666667%;
}

.dishes h4 {
    font-weight:200;
    margin-bottom:0px;
    font-size:1.4em;
}

.dishes .divider {
    border-bottom:  1px  solid var(--color-footer);
    align-items: flex-end;
}

/*contact*/
.contact i {
    margin-right:5px;
}

.contact-body {
    margin-top:50px;
    background:var(--color-contrast);
}

.contact-body li, .contact-body ul{
    padding:0px;
    margin-left:0px;
}

.contact-body i {
    font-size:130%;
}

.contact-map {
    margin-top:25px;
}

.contact-body .contact-additionalInfos {
    margin-top:40px;
}

    /*gallery*/

.gallery img {
    width:100%;
}

.gallery > div {
    padding-right:0;
    padding-left:0;
}

.content-gallery .button {
    margin-bottom:30px;
}


.rabbet {
    -webkit-clip-path: polygon(0% 10%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}

.bevel {
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.nonagon {
    -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.octagon {
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.button {
    color: var(--color-text-heading);
    margin-top:50px;
    --offset: 10px;
    --border-size: 2px;
    display: block;
    position: relative;
    padding: 1.5em 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 0;
    box-shadow: inset 0 0 0 var(--border-size) currentcolor;
    -webkit-transition: background 0.8s ease;
    transition: background 0.8s ease;
}


.button:hover {
    color: var(--color-text-heading);
}
.button__horizontal,
.button__vertical {
    position: absolute;
    top: var(--horizontal-offset, 0);
    right: var(--vertical-offset, 0);
    bottom: var(--horizontal-offset, 0);
    left: var(--vertical-offset, 0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
    will-change: transform;
}
.button__horizontal::before,
.button__vertical::before {
    content: '';
    position: absolute;
    border: inherit;
}
.button__horizontal {
    --vertical-offset: calc(var(--offset) * -1);
    border-top: var(--border-size) solid currentcolor;
    border-bottom: var(--border-size) solid currentcolor;
}
.button__horizontal::before {
    top: calc(var(--vertical-offset) - var(--border-size));
    bottom: calc(var(--vertical-offset) - var(--border-size));
    left: calc(var(--vertical-offset) * -1);
    right: calc(var(--vertical-offset) * -1);
}
.button:hover .button__horizontal {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.button__vertical {
    --horizontal-offset: calc(var(--offset) * -1);
    border-left: var(--border-size) solid currentcolor;
    border-right: var(--border-size) solid currentcolor;
}
.button__vertical::before {
    top: calc(var(--horizontal-offset) * -1);
    bottom: calc(var(--horizontal-offset) * -1);
    left: calc(var(--horizontal-offset) - var(--border-size));
    right: calc(var(--horizontal-offset) - var(--border-size));
}
.button:hover .button__vertical {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

/* Cookie Banner */
.privacywire-buttons > button {
    display: inline-block;
    font-weight: 400;
    border: 1px solid var(--color-text-heading);
    background: #fff;
    color: var(--color-text-heading);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-bottom:0.5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.privacywire-buttons > button:hover {
	background:var(--color-text-heading);
	color: #fff;
	cursor:hand !important;
}


.privacywire-buttons > button.allow-necessary
{
    border: 1px solid var(--color-text);
    color: var(--color-text);
}

.privacywire-buttons > button.allow-necessary:hover
{
	background:var(--color-text);
	color: #fff;
	cursor:hand !important;
}




@media (min-width: 768px) {

    .above {
        position: absolute;
        z-index: 999;
    }

    .content-above > div {
        margin-top:50px
    }


    .above.right {
        right:0;
    }

    .left {
        order:-1;
    }

    .below {
        position: absolute;
        z-index: -1;
    }

    .below.right {
        right:0;
    }

    .below.left {
        left:0;
    }

    .dishes {
        margin-top: 50px;
    }

    .row-dishes {
        min-height:750px;
    }

    .row-dishes .content-image
    {
        min-height:700px;
    }

    .content-image {
        min-height:400px;
    }
    .news {
        font-size: 100%;
    }


}


/* Media queries for responsive layout */
@media only screen and (max-width: 768px) {
    /* mobile layout */
    body {
        padding-top: 0;
    }
    body, td, textarea {
        font-size: 100%;
    }

    #content {
        width: 100%;
    }

    .nav-item {
        text-align: center;
    }

}



@media only screen and (min-width: 1200px) {
    /* extra-wide desktop layout */
    body, td, textarea {
        font-size: 115%;
        line-height: 1.8em;
    }

    .content-image {
        min-height:500px;
    }

    h1{
        font-size: 3.5rem;
    }

    h2
    {
        font-size: 3.0rem;
    }
}


.carousel-item-fluid {
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}