/* DOMAIN: */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Serif+Display:wght@500&display=swap'); @import url('animation-keyframes.css'); @import url('scroll.css'); @import url('modal.css'); @import url('bg-type.css'); @import url('font.css'); :root { --light-orange: #fa763d; --dark-orange:#eb5833; --white: #fff; --bgcolor: #231f20; --black: #000; --light-grey: #999; --red:#d62d26; --font-fallback: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-inuse: "Noto Serif", serif; --font-title-special: "Scandia"; } .movie .bg img { /* height:100vh; */ transition: 1s; } .movie.step-2 .bg img { transform: scale(0.9); } body { color: var(--white); font-family:var(--font-inuse); font-size: 1.9em; line-height:1.3em; font-optical-sizing: auto; background-color: #000;} /* .content::after body { background:url('/files/images/1.png') no-repeat fixed; background-size: cover; background-position: top left ; opacity:1 ; z-index: -1;} */ textarea { font-size:14px; } h1, h2, h3 { font-family: 'Noto Serif Display', serif; margin:1.5em 0 0.75em; text-align: center; } h1 { font-size:2em; } h2 { color: var(--red); font-size:2.2em; font-family: var(--font-title-special); } h3 { color: var(--light-orange); font-size:3.2em;font-family: var(--font-title-special); } h1:first-child, h2:first-child, h3:first-child { margin-top:0; } a, a:active, a:focus { color:#999; text-decoration:none; } a:hover { color:#999; text-decoration:none; } img.pull-left { margin:2px 15px 15px 0; } img.pull-right { margin:2px 0 15px 15px; } /* HEADER */ header { /* background:#0008; border-bottom:4px solid #d41454; */ position: relative; text-align:center; border-bottom:4px solid var(--white);} header .container { padding-bottom:1em; padding-top:1em; } header .logo { display: inline-block; /*padding: 20px;*/ position: relative; z-index: 1; } header .logo img { max-width:50%; } /* header .logo::before { background-color: #000; border-radius:20px; content: ""; filter: blur(30px); opacity:0.75; position: absolute; top:0; bottom:0; left:0; right:0; z-index: -1; } */ /* NAVIGATION */ .navbar { display:none; } .navbar-brand { display:none; } .navbar-default { background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; } .navbar-default .navbar-nav > li > a { color:#999; text-shadow:none; } .navbar-default .navbar-nav > li > a:hover { color:#999; } /* CONTENT */ .content .row { margin:2em 0; } .content .textblock { text-align:center; } .content .textblock img { max-width:100%; } .content .gmap { height:400px; } /*.content .container, */ .menu::before, .menu::after { content: "" ; background-color:#000; opacity:0.5; position: absolute;} /* CAROUSEL */ .carousel { border-radius:20px; overflow: hidden; } /* MENU */ .menu .m_dishes { padding:25 0px; margin:1em 0; } .menu .m_nav { list-style:none; margin:1em 0; padding:0; } .menu .m_nav li { display:inline-block; margin:0.25em 10px; position: relative; } .menu .m_nav li::before, .menu .m_nav li::after { color: #f4d58c; content: '•'; position: absolute; left:-13px; } .menu .m_nav li::after { left: auto; right:-13px; } .menu .m_cat { margin:3em 0; /* background-color:var(--white); */ padding:2em;} .menu .m_cat_name { border-bottom: 1px solid var(--white); padding-bottom: 5px; color: var( --light-orange);} .menu .m_cat_desc { color:var(--light-orange); font-size:0.9em; text-align: center; } .menu p.m_dish { line-height:1.2em; padding: 10px 60px 0px 0; page-break-inside:avoid; position: relative; text-align:left; } .menu span.m_dish_name { display:block; } .menu span.m_dish_desc { color:var(--light-grey); display:block; font-size:0.9em; } .menu span.m_dish_price { position:absolute; right:0; top:10px; color:var( --light-orange) } /* ORDER BUTTONS */ .reservation-btn { background:rgba(100,100,100, 0.8) !important; } .buttons_order { display: flex; justify-content: space-around;} .buttons_order .fa { font-size:50px; vertical-align: middle;} .order-btn, .reservation-btn { border-radius: 20px !important; background: #d41454 !important; padding: 2em !important; margin: 1em auto !important; box-shadow: none !important; } /* FORM */ .content .form .req label:after { color:var( --light-orange); content:" *"; } .content .form input.email { display:none; } /* FOOTER */ footer { background:var(--white); border-top:4px solid var(--light-orange); } footer .container { font-size:12px; padding: 1em 0; text-align:center;color:#000 !important} /* allergenes */ .allergenes { background:var(--black); color:var(--white); margin: 1em 0 !important; padding:1em} .allergenes ul li {list-style: none;} .allergenes li {text-align:left} .conf-link { color:var(--black)} /* ORDER BUTTONS */ .order-btn, .reservation-btn { border-radius:20px !important; background:#d41454 !important; padding:2em !important; margin:1em auto!important; box-shadow: none !important;} .reservation-btn { background:rgba(100,100,100, 0.8) !important; } .buttons_order { display: flex; justify-content: space-around;} .buttons_order .fa { font-size:50px; vertical-align: middle;} /* IMAGES */ /* .image { width:100%; height:200px; } .Soupe { background:url('/files/images/1.png') no-repeat fixed; background-size: cover;} .entrées { background:url('/files/images/2.png') no-repeat fixed;background-size: cover;} .Tartare { background:url('/files/images/3.png') no-repeat fixed;background-size: cover;} .salades { background:url('/files/images/4.png') no-repeat fixed;background-size: cover;} .Poulet { background:url('/files/images/5.png') no-repeat fixed;background-size: cover;} .Boeuf { background:url('/files/images/6.png') no-repeat fixed;background-size: cover;} .mer { background:url('/files/images/7.png') no-repeat fixed;background-size: cover;} .Canard { background:url('/files/images/8.png') no-repeat fixed;background-size: cover;} .Riz { background:url('/files/images/9.png') no-repeat fixed;background-size: cover;} .Nouilles { background:url('/files/images/10.png') no-repeat fixed;background-size: cover;} .Futo { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Hoso { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Marmite { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Fondue { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Nigiri { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Sashimi { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Chirashi { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Spring { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .California { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Signature { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Hot { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} .Temaki { background:url('/files/images/3.png') no-repeat fixed;background-size: cover;} .Plateau { background:url('/files/images/1.png') no-repeat fixed;background-size: cover;} */ @media (max-width: 767px){ .col-md-6:nth-child(2) { margin-top:2em; } h3 { font-size: 2.2em;} .menu .m_cat { padding:0 !important; margin: 1em 0;} } @media (min-width: 768px){ .content .row { display:flex; align-items:flex-start; } .menu .m_dishes { column-gap:50px; column-rule:1px solid #CCC; columns:2 300px; } } @media (min-width: 992px){ } @media (min-width: 1200px){ }