@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root { 
    --primary:#b22c1b; 
    --secundary:#ffcc01;
}

.bg-primary{background-color:var(--primary)!important;}
.bg-secundary{background-color:var(--secundary)!important;}
.bg-light{background-color:#fff4cc!important;}

.border-primary{border-color:var(--primary)!important;}
.border-secundary{border-color:var(--secundary)!important;}

.text-primary{color:var(--primary)!important;}
.text-secundary{color:var(--secundary)!important;}

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}


body{padding-top:90px; font-family: 'Montserrat', sans-serif; font-weight:400;}
body.noScroll{overflow:hidden;}
body.platsdujour{padding:0;}

h1,h2,h3,h4,h5{font-family:"Fraunces", serif; font-optical-sizing:auto; font-style:normal;}

a{color:var(--primary); text-decoration:none;}

.fw-medium{font-weight:500!important;}
.fw-bold, strong{font-weight:600!important;}

/*header & footer*/
.header{box-shadow:0px 3px 3px 0px rgba(0,0,0,0.15);}
.header .logo{height:60px;}
.header a{color:var(--secundary);}

.header ul{font-size:0;}
.header ul li{margin-right:20px; display:inline-block; font-size:1rem; font-weight:500;}
.header ul li:last-child{margin-right:0;}
.header ul li a{padding:36px 0 35px 0; border-bottom:solid 3px var(--primary); transition:border-color .2s linear;}
.header ul li a:hover, .header ul li.active a{border-color:var(--secundary);}
.header ul li:last-child a{padding:0px 0 0px 0; border-bottom:none; transition:border-color .25s linear;}
.header ul li i{top:-1px; font-size:.75rem;}

.footer .logo{height:50px;}
.footer a{color:var(--primary);}

.footer ul{font-size:0;}
.footer ul li{display:inline-block; font-size:1rem;}
.footer ul li:first-child{font-weight:500;}
.footer ul li::after{margin-left:0.5em; margin-right:0.5rem; content:"•";}
.footer ul li:last-child::after{margin-right:0; content:"";}

.credits{font-size:.8rem;}
#toggleNav{font-size:1.5rem;}
#navTouch{height:calc(100% - 66px); top:66px; z-index:1000; visibility:hidden; opacity:0; transition:all .25s linear;}
#navTouch.active{visibility:visible; opacity:1;}
#navTouch ul li{margin-bottom:15px; font-size:1.25rem;}
#navTouch ul li:last-child{margin-bottom:0;}
#navTouch i{top:-1px; font-size:.75rem;}

/*book / reserveren*/
#book{z-index:1032; visibility:hidden; opacity:0; background-color:rgba(0,0,0,.5); transition:all .25s linear;}
#book.active{visibility:visible; opacity:1;}
#book h4{letter-spacing:1px;}

#bookTouch{padding-bottom: env(safe-area-inset-bottom); z-index:900!important; visibility:visible; opacity:1; transition:all .25s linear;}
#bookTouch.hidden{visibility:hidden; opacity:0;}
#bookTouch i{top:-1px; font-size:.75rem;}

/*content*/
.topText{margin-top:-90px; z-index:2;}

.content p:last-child{margin-bottom:0;}

#menu h4{color:var(--primary);}
#menu .description{white-space:nowrap;}
#menu .d-table .d-table-row .d-table-cell:last-child{white-space:nowrap;}

.menuInfo .d-table-row .d-table-cell:first-child{padding-top:1px;}
.menuInfo .d-table-row .d-table-cell:last-child{white-space:normal!important;}

.raisin{font-size:.8rem;}
.raisin i{top:-1px; font-size:.8rem; transform:rotate(-45deg);}


#platsDuJour p:first-child, #platsDuJour p:last-child{font-size:1.25rem;}

.about img{width:100px;}

#contactMap{height:500px;}
#contact i{top:-1px; font-size:.75rem;}

/*carousel*/
.carouselImg, .headerImg{height:300px; overflow:hidden;}
.carouselImg img, .headerImg img{width:auto; height:100%;}

@media(max-width:576px){
body{padding-top:66px;}

/*header & footer*/
.header .logo{height:50px;}

.footer ul li:first-child, .footer ul li:last-child{display:none;}
.footer ul li:nth-child(4)::after{margin:0; content:"";}

/*.footer ul li{display:block; font-size:1rem;}
.footer ul li:first-child{font-weight:500;}
.footer ul li::after{margin:0; content:"";}*/

/*content*/
#menu h4{font-size:1.2rem!important;}
/*#menu{font-size:.8rem;}*/
#menu .d-table-cell span{top:-3px; font-size:.6rem;}
#menu .description{display:none!important;}

#contactMap{height:500px}

}

@media(max-width:768px){
}

@media(min-width:768px){
.w-md-auto{width:auto!important;}

/*header & footer*/

.carouselImg, .headerImg{height:500px;}
}

@media screen and (min-width: 768px) and (min-width: 992px){

}

@media(min-width:992px){

}

@media(min-width:1200px){
/*header & footer*/

}