/*
Theme Name: Andreucci
Theme URI: https://www.andreucci.fr
Author: Mars Rouge
Author URI: http://www.marsrouge.com
Version: 2.0
*/

@CHARSET "UTF-8";

	@font-face {font-family: 'light'; src: url("bc07013ecf-Ostia-Antica-light.woff") format("woff"); font-weight: normal; font-style: normal;}
	@font-face {font-family: 'book'; src: url("e2686af3ee-Ostia-Antica-regular.woff") format("woff"); font-weight: normal; font-style: normal;}

* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}

:root {
	
	--blanc:#ffffff;
	--noir:#1d1d1b;
	--marron:#d6b896;
	--beige:#f2e8dc;
	--pad:180px;
	--padm:90px;
	--pads:3rem;
	--ease:cubic-bezier(.215,0,.355,1);
	
} 

html {background:var(--blanc);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {background:var(--blanc); color:var(--noir); overflow-x: hidden; margin:0; padding:0; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item itemb; transition:.5s ease-out;}


a {color:var(--gold); outline:none; webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; text-decoration:none;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

sup {font-size:.6em; vertical-align:super;}
 
button {font-size:inherit; transition:.3s;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d;}

button {border:0; background:transparent;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}

p {margin-bottom:0;}
p:last-child {margin-bottom:0!important;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}
img {pointer-events:none;}



/* FONTS */
 
body, .font-normal {font-family:'light', sans-serif; font-size:1.2rem; line-height:1.4; font-weight:400;}
h1, h2, h3, h4 {font-weight:400; line-height:1; font-size:inherit;}

.font-title {font-family:'light', sans-serif; font-size:9vw; line-height:.9; font-weight:400;}
.product-item .font-title {font-size:8.5vw;}
.menu-principal a {font-size:4.5vw; line-height:1.3;}
.font-xl {font-family:'light', sans-serif; font-size:3.3vw; line-height:1.2; font-weight:400;}
.font-l, .article h2 {font-family:'book', sans-serif; font-size:2.2vw; line-height:1.2; font-weight:400;}
.product-price, .item-group text, .article h3 {font-size:1.6rem;}
.footer-horaires, .font-details {font-family:'book', sans-serif; font-size:1.6rem; line-height:1.4; font-weight:400;}
.font-m {font-family:'book', sans-serif; font-size:1.3rem; line-height:1;}
.font-s {font-family:'book', sans-serif; font-size:1rem; line-height:1;}
.font-xs {font-family:'book', sans-serif; font-size:.8rem; line-height:1.6;}

.center {text-align:center;}
.right {text-align:right;}
.paragraphe:first-letter {margin-left:calc(var(--pads) * 1.5);}

.underline a {text-decoration:none; background-image:linear-gradient(var(--marron), var(--marron)); background-position:bottom left; background-repeat:no-repeat; 
background-size:0% 2px; webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; padding-bottom:.4rem;}
.font-xl.underline a {padding-bottom:0;}
.underline a:hover {background-size:100% 2px; color:var(--marron);}
.marron {color:var(--marron);}



/* OVERLAY */

.overlay-andreucci {position:fixed; width:var(--pad); height:var(--pad); display:flex; align-items: center; justify-content: center; z-index:20; 
transform:translateY(-4rem); opacity:0; transition:.6s cubic-bezier(.215,.61,.355,1);}
.overlay-andreucci img {width:92px; height:auto;}
.overlay-logo, .footer-logo {width:250px;}
.overlay-logo {position:fixed; left:50%; top:2.2rem; z-index:20; transform:translateX(-50%) translateY(-4rem); opacity:0; transition:.6s cubic-bezier(.215,.61,.355,1);}
.overlay-logo svg {fill:var(--noir); transition:.6s cubic-bezier(.215,.61,.355,1);}
.overlay-logo.scroll {transform:translateX(-50%) translateY(-4rem)!important; opacity:0!important;}

.overlay-btn {position:fixed; z-index:20; top:50%; transform:rotate(90deg) translateY(-50%) translateX(-7rem); right:1.5rem; opacity:0; transition:.6s cubic-bezier(.215,.61,.355,1);}
.overlay-btn .button {padding:0 3rem; height:var(--padm);}

.is-ready .overlay-andreucci, .is-ready .overlay-menu {opacity:1; transform:none;}
.is-ready .overlay-logo {opacity:1; transform:translateX(-50%);}
.is-ready .overlay-btn {opacity:1; transform:rotate(90deg) translateY(-50%) translateX(-3rem);}

.spindown {-webkit-animation:spindown 8s linear infinite; -moz-animation:spindown 8s linear infinite; animation:spindown 8s linear infinite;}
@-moz-keyframes spindown {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spindown {100% {-webkit-transform: rotate(360deg);}}
@keyframes spindown {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}



/* LOADER */

#loader {position:fixed; width:100vw; height:100vh; top:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
z-index:9999; transition:transform .9s cubic-bezier(.86,0,.07,.995); transform:translateZ(0);}
#loader:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--noir); z-index:-1;}
#loader img {width:16rem;}
.loader-img {transform:scale(0) rotate(-180deg); transition:transform .7s cubic-bezier(.86,0,.07,.995); opacity:0;}
.loader-img.loading {transform:none; opacity:1;}
#loader.loading {transform:translate3d(0, -100%,0);}



/* MENU */

.menu-close {transform:rotate(180deg) scale(0)!important; transition:.6s cubic-bezier(.215,.61,.355,1)!important;}
.menu-close .button {color:var(--noir);}
.menu-close .button:before {background:var(--blanc);}
.menu-close.disable {transform:none!important; pointer-events:auto; z-index:20; opacity:1; transition:.6s cubic-bezier(.215,.61,.355,1)!important; transition-delay:.3s;}
.overlay-menu, .menu-close {position:fixed; z-index:10; right:2.2rem; top:2.2rem; cursor:pointer; transform:translateY(-4rem); opacity:0; transition:.6s cubic-bezier(.215,.61,.355,1);}
.overlay-menu .button, .menu-close .button {padding:0; width:var(--padm); height:var(--padm);}

.menu-content {width:100vw; height: 100%; left:0; position:fixed; background:var(--noir); overflow:hidden; z-index:15; transition:transform .9s cubic-bezier(.86,0,.07,.995); transform: translate3d(0,-100%,0);}
.menu-content.open, .menu-content.open .menu--inner {transform: translateZ(0);}
.c-scrollbar.open {opacity:0!important; pointer-events:none!important;}

.menu--inner {width:100%; height:100%; position:absolute; padding:var(--pad); transition:transform .9s cubic-bezier(.86,0,.07,.995); transform: translate3d(0,100%,0); 
display:flex; flex-direction:column; justify-content:center;}
.menu--inner .overlay-menu--links {margin-right: 0; grid-gap: inherit; flex-direction: column; align-items: flex-end;}

.menu-principal .menu-item.active a {color:var(--marron); background-size:0% 2px;}
.menu-principal .menu-item {transform:translateY(5rem) skewY(-5deg); display:flex; justify-content:center; position:relative; opacity:0; transition:.9s;}
.menu-content.open .menu-item {transform:none; opacity:1;}
.menu-principal a {transition:.5s; color:var(--blanc); padding-bottom:0;}
.menu-principal a:hover, .menu-principal .current-menu-item a {color:var(--marron);}
.menu-principal .menu-item:first-child {transition-delay:.06s;}
.menu-principal .menu-item:nth-child(2) {transition-delay:.12s;}
.menu-principal .menu-item:nth-child(3) {transition-delay:.18s;}
.menu-principal .menu-item:nth-child(4) {transition-delay:.24s;}
.menu-principal .menu-item:nth-child(5) {transition-delay:.30s;}

.menu-content .follow a:before {background:var(--blanc);}
.menu-content .follow .button-follow svg {fill:var(--noir);}
.menu-content .follow {position:absolute; right:var(--pad); bottom:calc(var(--padm) - 1.3rem);}
.menu-content .follow a {pointer-events:none; transition:transform 1.05s cubic-bezier(.86,0,.07,.995); opacity:0; transform:translateY(5rem) skewY(-5deg); transition:.6s;}
.menu-content .follow.open a {transform:none; opacity:1; pointer-events:auto;}
.menu-content .follow.open a:nth-child(1) {transition-delay:.6s;}
.menu-content .follow.open a:nth-child(2) {transition-delay:.55s;}
.menu-content .follow.open a:nth-child(3) {transition-delay:.5s;}

.coordonnees {position:absolute; left:var(--pad); bottom:var(--padm);}
.coordonnees li {pointer-events:none; transition:transform 1.05s cubic-bezier(.86,0,.07,.995); opacity:0; transform:translateY(5rem) skewY(-5deg); transition:.6s;}
.coordonnees.open li {transform:none; opacity:1; pointer-events:auto;}
.coordonnees.open li:nth-child(1) {transition-delay:.7s;}
.coordonnees.open li:nth-child(2) {transition-delay:.65s;}
.coordonnees.open li:nth-child(3) {transition-delay:.6s;}
.coordonnees, .coordonnees a {color:var(--blanc);}

.overlay-logo.open {transform:translateX(-50%)!important; opacity:1!important;}
.overlay-logo.open svg {fill:var(--blanc);}
.overlay-btn.open .button {color:var(--noir);}
.overlay-btn.open .button:before {background:var(--blanc);}



/* SCROLL */

.smooth-scroll {width:100%; overflow:hidden!important; opacity:1;}
html, body {overflow:hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
html.has-scroll-smooth {overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; }
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
.c-scrollbar {position:absolute; right:0; top:0; z-index:99; width:10px; height:100vh; transform-origin:center right; transition:transform 0.3s, opacity 0.3s; opacity:0;}
.c-scrollbar:hover {transform:scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity:1; }
.c-scrollbar_thumb {position:absolute; top:0; right:0; background-color:var(--noir); opacity:1; width:4px; border-radius:10px; margin:4px; cursor:-webkit-grab; cursor:grab;}
.has-scroll-dragging .c-scrollbar_thumb {cursor: -webkit-grabbing; cursor: grabbing;}
.c-scrollbar_display {opacity:0!important; transition:.3s!important;}

.fx {transform: translateY(10rem); opacity:0; transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1); transform-style: preserve-3d;}
.fx.is-inview {transform:none!important; opacity:1;}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.itemscenter {align-items:center;}
.alignright {justify-content:flex-end;}
.alignbottom {justify-content:flex-end;}
.itemstbottom {align-items:flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}

.grid-pad {grid-gap:var(--pad);}
.grid-padm {grid-gap:var(--padm);}
.grid-pads {grid-gap:var(--pads);}
.column-gap {column-gap:var(--pad);}
.row-gap {row-gap:var(--pad);}
.col-2 {grid-template-columns:1fr 1fr;}
.col-2-1 {grid-template-columns:3fr 2fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}
.col-4 {grid-template-columns:1fr 1fr 1fr 1fr;}

.relative {position:relative;}
.block {display:block;}

.wrapper {padding:var(--pad);}
.wrapper-n-top {padding:0 var(--pad) var(--pad) var(--pad);}
.wrapper-n-bot {padding:var(--pad) var(--pad) 0 var(--pad);}
.wrapper-top {padding-top:var(--pad);}
.wrapper-sides {padding:0 var(--pad);}
.wrapper-bot {padding-bottom:var(--pad);}

.mar-bot {margin-bottom:var(--pad);}
.mar-botm {margin-bottom:var(--padm);}
.mar-bots {margin-bottom:var(--pads);}
.mar-botxs {margin-bottom:var(--padxs);}
.mar-top {margin-top:var(--pad);}
.mar-topm {margin-top:var(--padm);}
.mar-tops {margin-top:var(--pads);}
.mar-topxs {margin-top:var(--padxs);}

.content-90 {width:90%;}
.content-80 {width:80%;}
.content-70 {width:70%;}
.content-65 {width:65%;}
.content-60 {width:60%;}
.content-55 {width:55%;}
.content-50 {width:50%;}
.content-40 {width:40%;}
.content-30 {width:30%;}
.content-25 {width:25%;}
.content-20 {width:20%;}
.content-15 {width:15%;}

.fullheight {height:100vh;}
.height-50 {height:50vh;}
.height-40 {height:40vh;}



/* CONTENU */

.button {position:relative; color:var(--blanc); display:inline-flex; justify-content:center; align-items:center; width:auto; padding:3rem 3.5rem; border-radius:7rem;
box-sizing:border-box; transform:translateZ(0); z-index:1;}
.button:before {content:''; position:absolute; inset:0; border-radius:6.25rem; z-index:-1; transform-origin:50% 50%; transform:translate(0); background-color:var(--noir);
transition:transform .45s cubic-bezier(0.23, 1, 0.32, 1), background .4s cubic-bezier(.215,.61,.355,1); transform-style:preserve-3d;}
.button-label {overflow:hidden; position:relative; line-height:1; letter-spacing:-0.01em;}
.button:hover::before{transform:scale(0.95) translateZ(0);}
.button .button-label>span, .label-follow>svg {display:block; transition:transform .45s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.button .button-label>span:nth-child(2), .label-follow>svg:nth-child(2) {position:absolute; top:0; bottom:0;}
.button .button-label>span:nth-of-type(2), .label-follow>svg:nth-of-type(2) {transform:translate3d(0, calc(100% + 0.2em), 0);}
.button:hover .button-label>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1), .follow a:hover .label-follow>svg:nth-of-type(1), .follow a:focus .label-follow>svg:nth-of-type(1) {transform:translate3d(0, calc(-100% - 0.2em), 0);}
.button:hover .button-label>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2),.follow a:hover .label-follow>svg:nth-of-type(2), .follow a:focus .label-follow>svg:nth-of-type(2) {transform:translate3d(0, 0, 0);}

.homepage {height:173vh;}
.homepage .font-title, .first .font-title {transform:translateY(4rem); opacity:0; transition:.7s cubic-bezier(.215,.61,.355,1); transition-delay:.2s;}
.is-ready .homepage .font-title, .is-ready .first .font-title {transform:none; opacity:1;}
.homepage .fullheight, .first .background {background:var(--marron);}
.homepage .content-60 {color:var(--blanc);}
.homepage .paragraphe-1 {position:absolute; bottom:calc(71.5vh + var(--padm)); left:var(--padm); opacity:0; transform:translateY(4rem); transition:.7s cubic-bezier(.215,.61,.355,1);}
.first .introduction {position:absolute; bottom:var(--padm); left:var(--pad); opacity:0; transform:translateY(4rem); transition:.7s cubic-bezier(.215,.61,.355,1);}
.is-ready .homepage .paragraphe-1, .is-ready .first .introduction {transform:none; opacity:1; transition-delay:.6s;}
.homepage .paragraphe-2 {position:absolute; bottom:var(--pad); right:var(--padm);}
.homepage-img {position:absolute; left:50%; bottom:0; transform:translateX(-50%) translateY(4rem); z-index:2; opacity:0; transition:.7s cubic-bezier(.215,.61,.355,1);}
.is-ready .homepage-img {transform:translateX(-50%); opacity:1; transition-delay:.4s;}
.homepage-img img {width:665px; height:auto;}
.homepage-img--pinsa {z-index:10; position:absolute; left:0; top:0; pointer-events:none;}

.first.article {padding:calc(var(--pad) + var(--padm)) var(--pad) var(--pad) var(--pad);}
.first.article .introduction {position: relative; bottom:auto; left:auto;}

.font-title span {position:relative; display:inline-block;}
.font-title span:before {content:url('9680c23b6a-italian-flag.webp'); position:absolute; left:0; bottom:-2.2rem;}

.stripe {overflow:hidden; width:100%; padding:var(--pads); display:flex; justify-content:center; position:relative;}
.page-restaurant.stripes {width:fit-content;}
.page-restaurant.stripes .stripe {margin-left:-30rem;}
.stripes .stripe:nth-child(1) {background:var(--noir); color:var(--blanc);}
.stripes .stripe:nth-child(1) div:before {background:var(--blanc);}
.stripes .stripe:nth-child(2) div:before, .stripes .stripe:nth-child(3) div:before {background:var(--noir);}
.stripes .stripe:nth-child(2) {background:var(--marron);}
.stripes .stripe:nth-child(3) {background:var(--beige);}
.stripe div {position:relative; display:inline-block; white-space:nowrap; margin:0 5rem; width:auto;}
.stripe div:before {content:''; border-radius:50%; position:absolute; width:15px; height:15px; left:calc(-5rem - 7.5px); top:50%; transform:translateY(-50%);}

.sticky-text--wrapper {position:relatiev; height:100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal;}
.grid_wrapper {position:relative; z-index:2;}
.grid-wrapper--contain {pointer-events:none;}
.grid-list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top:3.6rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.grid-item:nth-child(6n+1) {width:25%; margin-right:6.25%;}
.grid-item:nth-child(6n+2) {width:18.75%; margin-right:6.25%; margin-top:20%;}
.grid-item:nth-child(6n+3) {width:12.5%; margin-top:4%;}
.grid-item:nth-child(6n+4) {width:31.25%; margin-top:24%;}
.grid-item:nth-child(6n+5) {width:31.25%; margin-right:6.25%; margin-top:-12%;}
.grid-element {position:relative; width:100%; padding-top:140%; border-radius:30rem; overflow:hidden;}
.grid-img {position:absolute; left:0%; top:0%; right:0%; bottom:0%; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}

.carte-produits {position:relative; padding:0 var(--padm);}
.cartographie-produits {display:none;}
.carte-produits img {width:100%; height:auto;}
.carte-produits .paragraphe {position:absolute; bottom:var(--pad); left:var(--pad);}

.wrapper-sticky {height:250vh; padding:0 var(--padm);}
.sticky-cnt {position:relative; top: 0px; display: flex; overflow: hidden; width: 100%; height:100vh; justify-content:center; align-items:center;}
.sticky-element {position:relative; display:flex; overflow:hidden; width:35rem; height:35rem;  justify-content:center; align-items:center;}
.sticky-img {position:relative; width:100vw; height:100vh; max-width:none; min-height:100vh; min-width:100vw; -o-object-fit:cover; object-fit:cover;}

.first .content-50 {position:absolute; top:calc(var(--pad) + var(--padm)); left:var(--pad);}
.first .background {position:absolute; right:0; top:0; z-index:-1; transition:.8s cubic-bezier(.215,.61,.355,1); width:100%;}
.is-ready .first .background {border-radius:35rem 0 0 35rem; width:50%;}

.thumb {position:absolute; right:20%; bottom:0; width:38vw; transform:translateX(5rem) translateY(6rem); opacity:0; transition:.7s cubic-bezier(.215,.61,.355,1);}
.is-ready .thumb {transform:none; opacity:1; transition-delay:.6s;}
.thumb img {width:100%; height:auto;}

.product-item {position:relative;}
.product-item .font-title {position:absolute; top:var(--padm); width:100%; padding:0 var(--pad); text-align:center; z-index: 1;}
.product-ingredients {position:absolute; left:var(--pad); bottom:var(--padm);}
.product-item .font-m {line-height:1.4;}
.product-allergenes {position:absolute; right:var(--pad); bottom:var(--padm);}
.product-price {display:flex; align-items:center; justify-content:center; height:calc(var(--pad) / 1.2); width:calc(var(--pad) / 1.2); position:absolute; left:var(--pad); transform:translateY(-50%); top:50%; 
border-radius:50%; overflow:hidden; z-index:1;}
.product-price:before {content:''; background:var(--noir); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.product-thumb {width:100%; height:100%; display:flex; justify-content:center; flex-direction:column; align-items:center; position:absolute; top:0; left:0; pointer-events:none;}
.product-thumb--wrapper {width:56vw; height:auto; transition:transform 1s cubic-bezier(.215,.61,.355,1); transform:scale(.5);}
.is-inview .product-thumb--wrapper {transform:none; transition-delay:.5s;}
.product-thumb img {width:100%; height:auto;}

.liste-groups {width:100%;}
.item-group {position:relative;}
.item-group svg {overflow: visible;}
.item-group text {font-family:'light', sans-serif; }
.group-svg {fill:var(--blanc);}
.item-group--wrapper {padding:calc(var(--pad) * 1.3) calc(var(--padm) * 1.9); position:absolute; top:0; left:0; width:100%; height:100%; display:flex; 
flex-direction:column; align-items:center; justify-content:space-between;}
.item-group--wrapper img {width:100%; height:auto;}
.item-group--wrapper li:first-child {margin-top:1rem;}
.item-group--wrapper li {margin-bottom:.2rem;}
.item-group .button {position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.item-group .button:hover::before{transform:none;}
.item-group--wrapper .font-xl {display:none;}

.thumb-full {position: relative; overflow: hidden;}
.img-content {opacity:0; transform:scale(1.4); transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1); width:100%; height: 100%; position:relative;}
.img-content.is-inview {transform: none; opacity: 1; transition-delay:.3s;}
.thumb-img {position:absolute; top:-10vh; width:100%; height:calc(100% + 20vh); position:absolute; left:0; background-size:cover; background-position:center center;}

.col-img {margin-top:-30rem;}
.col-img .paragraphe {position:absolute; bottom:calc(var(--pad) * 2); left:var(--pad);}

.fidelite-img {position:absolute; top:12rem; right:0; width:55vw;}
.fidelite-img img {width:100%; height:auto;}

.article {line-height: 1.6;}
.article a {color:var(--marron); background-size:100% 2px; padding-bottom:.2rem;}
.article a:hover {background-size:0% 2px;}
.article p, .article ul {margin-bottom:2rem;}
.article h2:first-child {margin:0 0 1.5rem 0;}
.article h2, .article h3 {font-family: 'light', sans-serif; margin:3rem 0 1rem 0; color:var(--marron);}
.article strong {font-family: 'regular', sans-serif;}
.article ul {margin:2rem 0;}
.article li {padding-left:2rem; margin-bottom:1vh; position:relative;}
.article li:before {content:''; border-radius: 50%; width:8px; height:8px; position: absolute; left:0; top:.6rem; background:transparent; border:2px solid var(--marron);}

.nouveautes {position:fixed; bottom:0; z-index:10; width:100%; left:0; background:var(--beige);}
.nouveautes .wrapper-marquee, .nouveautes .wrapper-marquee--item {height:calc(var(--pads) * 1.3);}
.nouveautes .wrapper-marquee {pointer-events: auto;}
.nouveautes .wrapper-marquee--item {display: flex; align-items: center;}



/* FOOTER */

.wrapper-marquee {display:flex; pointer-events:none; overflow:hidden; height:calc(var(--pad) * 1.2); width:100%; position:relative; user-select:none;}
.wrapper-marquee--line {transition:.3s; animation-direction:reverse; animation-delay:-3s; flex-shrink:0; display:flex; align-items:center; justify-content:space-around; min-width:100%;
animation:marquee 17s linear infinite;}
.wrapper-marquee--item {height:calc(var(--pad) * 1.2); width:auto; position:relative; margin:0 4rem;}
.wrapper-marquee--item img {width:auto; height:100%;}
@keyframes marquee {from {transform: translateX(0);} to {transform: translateX(-100%);}}

.avis-item {grid-gap:1rem; transform-style: preserve-3d;}
.avis-logo.google {width:150px; height:auto;}
.avis-logo.tripadvisor {width:230px; height:auto;}
.avis-logo.facebook {width:160px; height:auto;}
.avis-logo.facebook img {margin-bottom:.5rem;}
.avis-logo img {width:100%; height:auto; transform-style:preserve-3d;}
.avis-logo {transform-style:preserve-3d;}

.go-top {cursor:pointer; position:absolute; margin-top:-90px; z-index:1; width:var(--pad); height:var(--pad); display:flex; align-items:center; justify-content:center; transform:translateX(-50%);
left:50%; border-radius:50%; transform-style:preserve-3d;}
.go-top:before {background:none; border:2px solid var(--noir); background:var(--blanc);}
.go-top svg {width:1.5rem;}

.footer-pinsa {position:absolute; right:var(--pad); width:200px;}

.footer-bottom {position:relative; padding:var(--pad) var(--pad) var(--padm) var(--pad);}
.footer-bottom:before {position: absolute;content:''; top:0; left:-2px; right:-2px; width:calc(100% + 4px); border-radius:15rem 15rem 0 0; border:2px solid var(--noir); height:100%; z-index:-1;}
.footer-horaires li {display:flex; margin-bottom:1.5vh;}
.footer-horaires li div {width:50%; white-space: nowrap;}

.button-follow {padding:0; width:calc(var(--pads) * 1.5); height:calc(var(--pads) * 1.5);}
.button-follow svg {fill:var(--blanc); width:1.5rem;}
.follow-tripadvisor svg {width:1.8rem;}

.marsrouge {position:relative;}
.marsrouge svg {height:auto; width:40px; position:relative; fill:var(--noir); transition:.5s;}
.marsrouge:hover svg {fill:var(--marron);}



/* CONTACT + FORM */

.form-item {margin-bottom:var(--pads);}
.form-item--message {margin-bottom:0!important;}

input, textarea {font-family:'regular', sans-serif; font-size:inherit;}
.formulaire input, .formulaire textarea {color:var(--noir); width:100%; background:transparent; transition:.3s; border:0; border:2px solid var(--noir);}
.formulaire input {border-radius:5rem; padding:3rem;}
.formulaire textarea {border-radius:3rem; padding:var(--pads);}
.formulaire input:hover, .formulaire textarea:hover, .formulaire input:focus, .formulaire textarea:focus {color:var(--noir); background:var(--beige);}
.formulaire textarea {resize: none; height:40vh!important; line-height:1.4;}
.formulaire button[type="submit"] {position:relative;}
.formulaire input[type=file] {margin-top:1.5rem; padding: 2rem 3rem; height: auto; cursor:pointer;}
.form-file input:nth-child(2) {margin-top:0!important;}

button[type="submit"] {position:relative; font-family:inherit;}

.wpcf7-checkbox {display:inline-block;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-radio label, .wpcf7-checkbox label {top:0rem!important; display:inline-block; margin-bottom:.5rem;}
.wpcf7-list-item-label {cursor:pointer;}
.wpcf7-list-item.first {padding-top:0!important; height:auto;}

.wpcf7-radio {display:flex; grid-gap: var(--pads); margin-bottom:var(--pad);}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
background: none; border:2px solid var(--noir); border-radius:50%; margin-top:-7px; margin-right:.5rem; display:inline-block; vertical-align:middle; content:''; width:15px; 
height:15px; transition:.2s;}
.wpcf7-list-item.last label {margin-bottom:0;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before, 
.wpcf7-form input[type="radio"]:hover + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:hover + .wpcf7-list-item-label::before {border:2px solid var(--noir); background:var(--noir);}
.formulaire .acceptance {margin-bottom:calc(var(--pads) + 2rem);}

::-webkit-input-placeholder {opacity:1; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:1; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:1; transition: opacity .5s;}

*:focus::-webkit-input-placeholder {opacity: 0;}
*:focus:-moz-placeholder {opacity: 0;}
*:focus::-moz-placeholder {opacity: 0;}
*:focus:-ms-input-placeholder {opacity: 0;}
*:focus::placeholder {opacity: 0;}

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}

.wpcf7-not-valid {border:2px solid var(--marron)!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {color: var(--marron); font-size: .8rem; width: 100%; position: absolute; display: block; margin-top:.5rem;}
.mc4wp-alert.mc4wp-success {font-size: .8rem; margin-top:1.5rem; text-align: center;}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1850px) {

	.content-55 {width:60%;}

	.homepage-img img {width:600px;}
	.wrapper-marquee--item img {width: 9rem; height: 100%;}
	
}

@media screen and (max-width:1580px) {

	
	body, .font-normal {font-size:1.1rem;}
	
	.homepage {height:160vh;}
	.homepage .paragraphe-1 {bottom:calc(60vh + var(--padm));}
	.homepage-img {top:calc(var(--pad) * 2.25);}
	.homepage-img img {width:500px;}
	
	.wrapper-marquee, .wrapper-marquee--item {height:auto;}
	.stripe div {margin: 0 4rem;}
	.stripe div:before {left: calc(-4rem - 7.5px);}
	
	.footer-horaires.content-55 {width:100%;}
	.footer-horaires.content-55 .center {text-align:left;}
	.footer-pinsa {width:150px;}
	
}

@media screen and (max-width:1390px) {

	:root {
	  --pad:8rem;
	  --padm:5rem;
	  --pads:3rem;
	}
	
	.overlay-andreucci img {width:70px;}
	.overlay-logo, .footer-logo {width:180px;}
	.overlay-btn, .overlay-menu, .menu-close {font-size:.9rem;}
	.overlay-btn {right:1rem;}
	.overlay-btn .button {padding:0 2.5rem; height:4rem;}
	.overlay-menu .button, .menu-close .button {width:4rem; height:4rem;}
	.follow .button {padding:0;}
	.button {padding:2rem 3rem;}
	
	.homepage {height:138vh;}
	.homepage .content-20 {width:20%;}
	.homepage .paragraphe-1 {bottom:calc(38vh + var(--padm));}
	.homepage-img {top:calc(var(--pad) * 2.55);}
	.homepage-img img {width: 400px;}
	
	.content-20 {width:30%;}
	
	.col-img {margin-top:-20rem;}
	
	.page-reservation.col-2 {grid-template-columns:1fr;}
	.page-reservation--col-1 {order:2;}
	.page-reservation--col-2 {order:1;}
	
	.go-top {margin-top:-4rem;}
	
}

@media screen and (max-width:1190px) {
	
	.font-title span {display:none;}
	.font-s {line-height:1.5;}
	.footer-horaires, .font-details {font-size: 1.4rem;}
	
	.homepage {height: auto; display: flex; flex-direction: column; align-items: center; grid-gap: var(--padm);}
	.homepage .fullheight {height:70vh;}
	.homepage .content-20 {width:50%;}
	.homepage-img--pinsa {z-index:1; height:23rem; transform:rotate(-90deg); height:auto; top:-8.5rem; left:50%; transform:translateX(-50%);}
	.homepage-img--pinsa img {transform:none; width:23rem;}
	.homepage-img {display: flex; align-items: center; justify-content:center; width:100%; height:23rem; left:auto; transform:translateY(4rem);}
	.homepage-img img {width:23rem; transform:rotate(-90deg); height:auto;}
	.homepage .paragraphe-1, .homepage .paragraphe-2 {position:relative; top:auto; bottom:auto; left:auto; right:auto; text-align:center;}
	.homepage .paragraphe-1 .paragraphe, .homepage .paragraphe-2 .paragraphe {transform:none!important;}
	.is-ready .homepage-img {transform: none;}
	.homepage .paragraphe-1 {margin-top:12rem;}
	
	.stripes {grid-gap:1.5rem;}
	.stripe div {margin: 0 3rem;}
	.stripe div:before {width:10px; height:10px; left: calc(-3rem - 5px);}
	
	#homepage-restaurant, #homepage-restaurant .right {text-align:center;}
	#homepage-restaurant .itemstbottom {align-items:center;}
	
	.carte-produits .paragraphe {position: relative; bottom: auto; left: auto;}
	.content-20, .content-30 {width: 50%;}
	
	.col-2 {grid-template-columns: 1fr;}
	#restaurant-photos {grid-template-columns:1fr 1fr;}
	#restaurant-photos .paragraphe {width:30%; bottom:var(--pad);}
	
	.menu--inner {grid-gap: var(--pads);}
	.coordonnees {position: relative; left: auto; bottom: auto; justify-content: center;}
	.menu-content .follow {position:relative; right:auto; bottom:auto; justify-content:center;}
	
	.paragraphe:first-letter {margin-left:0;}
	
	.wrapper-marquee--item {margin:0 3rem;}
	.wrapper-marquee--item img {width: 7rem; height:100%;}
	
	.thumb {right: -5%; bottom: auto; width: 50vw; top:10rem;}
	
	#restaurant-fidelite .alignbottom {justify-content:center; height:auto;}
	#restaurant-fidelite .right {text-align:center;}
	.fidelite-img {position: relative; width:100%; order:3; top:0;}
	
	.footer-bottom:before {border-radius: 6rem 6rem 0 0;}
	.footer-notes {flex-direction:column; grid-gap: var(--pads);}
	.avis-note {width:10rem;}
	.avis-note img {width:100%; height:auto;}
	.avis-logo.google {width:100px;}
	.avis-logo.tripadvisor {width:150px;}
	.avis-logo.facebook {width:110px;}
	
	.wrapper-btn {display:flex; flex-direction:column; grid-gap:var(--pads);}
	
	.footer-horaires.content-55, .footer-horaires.content-55 .center {text-align:center;}
	.footer-horaires {display:flex; flex-direction:column;}
	.footer-horaires.mar-tops {margin-top:2rem;}
	.footer-horaires li {align-items: center; flex-direction:column; grid-gap:.5rem; margin-bottom:1.5rem;}
	.footer-copyright {flex-direction:column; align-items: center; grid-gap:var(--padm);}
	.footer-pinsa {width: 120px; right:var(--padm);}
	
	.product-thumb--wrapper {width:60vw;}
	
	.item-group {padding:var(--pad); border: 2px solid var(--noir); border-radius: 5rem; grid-gap: var(--pads); display: flex; flex-direction: column; align-items: center;}
	.item-group--wrapper .font-xl {display:block;}
	.item-group--wrapper {height: auto; position: relative; grid-gap: var(--pads); padding:0;}
	.item-group .button {position: relative; left: auto; transform: none; bottom: auto;}
	.item-group svg {display:none;}
	.item-group--wrapper img {width: 60%;}
	.item-group text {display:none;}
	
}

@media screen and (max-width:790px) {

	:root {
	  --pad:5rem;
	  --padm:3rem;
	  --pads:2rem;
	}

	.homepage .content-20, .content-90, .content-80, .content-70, .content-65, .content-60, .content-55, .content-50, .content-40, .content-30, .content-25, .content-20, .content-15 {width:100%;}

	body, .font-normal, .page-reservation .font-m {font-size: 1rem;}
	.page-reservation .button .font-m {font-family:'book', sans-serif; margin-bottom:0;}
	.page-reservation .font-m {font-family:'light', sans-serif; margin-bottom: 1rem;}
	html, body {overflow-y:auto!important;}
	.footer-horaires, .font-details, .product-price, .item-group text, .article h3 {font-size:1.2rem; line-height:1.2;}
	.font-m {font-size:1.1rem;}
	.font-s {font-size:.8rem;}
	.font-title {line-height: 1.1;}
	.font-xl {font-size: 4vw; line-height: 1.3;}
	.font-l, .article h2 {font-size: 4vw;}

	.underline a {text-decoration:none; background-image:none; background-size:0% 2px; padding-bottom:auto;}
	.underline a:hover {background-size:0% 2px;}

	.fx {transform:none; opacity:1;}

	.overlay-btn {right: 0;}
	.overlay-andreucci {width:auto; height:auto; top:1rem; left:1rem;}
	.overlay-menu, .menu-close {right: 1rem; top: 1rem;}

	.stripe div {margin: 0 2rem; animation: marquee 17s linear infinite; animation-direction:reverse; animation-delay:-3s;}
	.stripe div:before {left: calc(-2rem - 5px);}
	
	.first.fullheight {padding: calc(var(--pad) * 2) var(--pad) var(--pad) var(--pad); display:flex; flex-direction:column; justify-content:space-between; background:var(--marron);}
	.first .introduction {position: relative; bottom: auto; left: auto;}
	.first .content-50 {position: relative; top:auto; left:auto;}
	.first .background {display:none;}
	
	.homepage .fullheight, .wrapper.first {padding-top: calc(var(--pad) * 2);}
	.homepage {padding-bottom:var(--pad);}
	.homepage .font-title {padding:0 var(--pad);}
	.homepage-img {height:18rem; top:20rem;}
	.homepage-img img {width:18rem;}
	.homepage .paragraphe-1 {margin-top:12rem;}
	.homepage .paragraphe-1 .paragraphe, .homepage .paragraphe-2 .paragraphe {padding:0 var(--pad);}
	#carte-produits, #homepage-arguments {padding:var(--pad);}
	.homepage-img--pinsa {top:-7rem;}
	
	#loader img {width:12rem;}
	#sticky-img .grid-wrapper--contain {display:none;}
	.sticky-text--wrapper {height:auto; padding:0 var(--pad) var(--pad) var(--pad);}

	.sticky-cnt {height:auto;}
	.wrapper-sticky {height: auto; padding: 0 var(--pad);}
	.sticky-element {border-radius:50%; height:25rem; width:25rem;}

	.carte-produits, .footer-pinsa, .go-top {display:none;}
	.cartographie-produits {display:flex;}
	.cartographie-produits .block {margin-bottom:1rem; color: var(--marron);}
	.cartographie-produits div {border-bottom: 1px solid var(--noir); padding-bottom:var(--padm);}
	.cartographie-produits li {margin-bottom: .5rem;}
	
	.avis-note {width: 8rem;}
	.footer-notes {flex-direction: row;}
	
	.footer-bottom .itemscenter {align-items: flex-start;}
	.footer-bottom .center, .footer-horaires.content-55, .footer-horaires.content-55 .center {text-align:left;}
	.footer-bottom .content-55 {width:80%;}
	.footer-horaires li {align-items: flex-start;}
	.footer-bottom:before {border-radius: 3rem 3rem 0 0;}
	.footer-copyright {align-items: flex-start;}
	.footer-links {width: 100%; align-items: center!important; justify-content: space-between;}
	
	.form-item {margin-bottom: var(--padm);}
	.line {border-top:2px solid var(--noir);}
	
	.thumb {right: 0; bottom: auto; width: 80vw; top: 0; position: relative;}
	.first.fullheight {min-height: 70vh; height: auto;}
	
	.product-item {height:auto; padding:var(--pad); display: flex; flex-direction: column; grid-gap:var(--pads);}
	.product-item .font-title {position: relative; top: auto; width: 100%; padding: 0;}
	.product-allergenes {position: relative; right: auto; bottom: auto; order:3; text-align:left;}
	.product-ingredients {position: relative; left:auto; bottom:auto; order:3; text-align:left;}
	.product-thumb {position:relative; left:auto; top:auto; order:2;}
	.product-thumb--wrapper {width: 100%; transform:none;}
	
	.col-img {margin-top: 0;}
	#restaurant-photos {grid-template-columns: 1fr; padding:var(--pad);}
	#restaurant-photos .paragraphe {width: 100%; bottom: auto; left:auto; position: relative; text-align:center;}
	#restaurant-photos .flex {display:none;}
	#restaurant-fidelite .wrapper-bot {padding:0 var(--pad) var(--pad) var(--pad);}
	.item-group--wrapper img {width:100%;}
	.fullheight.thumb-full {height: 25rem;}
	.img-content {opacity: 1; transform: none;}
	.thumb-img {top: 0; width: 100%; height: 100%;}
	
	.menu-principal {display: flex; flex-direction: column; grid-gap: 1rem;}
	.button-follow svg {width: 1.2rem;}
	.menu--inner {grid-gap: var(--padm); padding:calc(var(--pad) * 2) var(--pad) var(--pad) var(--pad);}
	.coordonnees {flex-direction: column; align-items: center; grid-gap:.5rem;}
	
	.footer-top {text-align:center;}
	.formulaire input {padding: 2rem;}
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {width: 10px; height: 10px;}
	
	.article {padding: var(--pad) 0; opacity: 0; transform: translateY(4rem); transition: .7s cubic-bezier(.215,.61,.355,1);}
	.is-ready .article {transform: none; opacity: 1; transition-delay:.9s;}
	.article li:before {top: .4rem;}
	
	.error-page img {width:100%; height:auto;}
	
}

@media screen and (max-width:490px) {
	
	:root {
	  --pad: 3rem;
	  --padm: 3rem;
	  --pads: 2rem;
	}
	
	.font-xl {font-size: 6vw; line-height: 1.4;}
	.font-m {font-size:1.3rem;}
	.footer-horaires, .font-details, .product-price, .item-group text, .article h3 {font-size: 1.1rem; line-height: 1.4;}
	.article h2 {font-size:6vw; color:var(--noir);}
	.menu-principal a {font-size: 5vw;}
	.menu--inner {font-size: .9rem;}
	.overlay-btn, .overlay-menu, .menu-close {font-size: .8rem;}
	.overlay-btn .button {padding: 0 2rem; height: 3rem;}
	.overlay-btn {right: -.3rem;}

	.button .font-m {font-size:.85rem;}
	.button {padding:1.25rem 1.5rem;}
	
	.overlay-logo, .footer-logo {width: 140px;}
	.overlay-andreucci img {width:50px;}
	
	.homepage .fullheight {padding-top: calc(var(--pad) * 3); height:60vh;}
	.error-page  {padding-top: calc(var(--pad) * 3);}
	.first.fullheight, .first.article {padding: calc(var(--pad) * 3) var(--pad) var(--pad) var(--pad);}
	.homepage-img {height: 15rem; top: 18rem;}
	.homepage-img img {width: 15rem; margin-left: 6rem;}
	.homepage .paragraphe-1 {margin-top: 7rem;}
	.homepage-img--pinsa {top:-6rem;}
	
	.product-thumb {width: calc(100% + var(--pad) + var(--pad)); margin-left:-1rem;}
	.product-item .font-title, .item-group--wrapper {text-align:left;}
	.item-group--wrapper {align-items: flex-start;}
	.item-group--wrapper li {margin-bottom:.5rem;}
	
	.cartographie-produits {grid-gap: var(--pads);}
	.cartographie-produits div { padding-bottom: var(--pads);}
	
	#restaurant-photos {display: flex; flex-direction: column; align-items: center;}
	.sticky-element, .grid-element {height: 17rem; width: 17rem;}
	.product-price {height:4rem; width:4rem; left:2rem;}
	.item-group {padding: var(--pad) 0; border: 0; border-radius: 0; border-bottom: 1px solid var(--noir);}
	.liste-groups {grid-gap:0;}
	.fullheight.thumb-full {height: 18rem;}
	.product-price {transform:none; top:calc(var(--pad) * 2.5);}
	
	.menu-principal .menu-item {justify-content: flex-start;}
	.coordonnees {align-items: flex-start;}
	.menu-content .follow {justify-content:flex-start;}
	
	.formulaire input {padding: 1.5rem 2rem;}
	
	.footer-notes {flex-direction: column; grid-gap:var(--padm);}
	.avis-logo.google {width: 70px;}
	.avis-logo.tripadvisor {width: 100px;}
	.avis-logo.facebook {width: 80px;}
	.wrapper-marquee--item {margin:0 2rem;}
	.wrapper-marquee--item img {width:5rem;}
	.footer-links ul {flex-direction:column; grid-gap:.5rem;}
	.marsrouge {position: absolute; bottom: var(--pad); right: var(--pad);}
	.marsrouge svg {width:30px;}
	
}