:root {
--gainsboro: var(--le-bon-vert);
--dark-grey: #777;
--beige: #fff;
--white: transparent;
--color-3: white;
--black: #111;
--dark: #232d41;
--color-2: #f03e5a;
--le-bon-vert: #323429;
--color-1: #ed7846;
--silver: #bbb;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
h1 {
text-transform: uppercase;
margin-top: 16px;
margin-bottom: 12px;
font-family: Oswald, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 36px;
}
h2 {
text-transform: uppercase;
margin-top: 16px;
margin-bottom: 16px;
font-family: Oswald, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 48px;
}
h3 {
text-transform: uppercase;
margin-top: 16px;
margin-bottom: 12px;
font-family: Oswald, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 36px;
}
h4 {
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 12px;
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
h5 {
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
font-family: Oswald, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 24px;
display: block;
}
h6 {
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
font-family: Oswald, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
p {
margin-top: 8px;
margin-bottom: 24px;
font-size: 15px;
line-height: 24px;
}
a {
text-decoration: underline;
}
ul {
margin-top: 0;
margin-bottom: 24px;
padding-left: 40px;
}
ol {
margin-top: 0;
margin-bottom: 24px;
padding-left: 40px;
display: block;
}
img {
max-width: 100%;
display: inline-block;
}
blockquote {
border: 1px solid var(--gainsboro);
text-align: center;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/quote-icon.svg);
background-position: 50% 48px;
background-repeat: no-repeat;
margin-top: 32px;
margin-bottom: 32px;
padding: 120px 8.33% 56px;
font-size: 24px;
line-height: 36px;
}
figure {
margin-bottom: 32px;
}
figcaption {
color: var(--dark-grey);
text-align: center;
margin-top: 12px;
padding-left: 8.33px;
font-size: 13px;
line-height: 16px;
}
.body {
background-color: var(--beige);
color: #111;
font-family: Karla, sans-serif;
font-size: 15px;
line-height: 24px;
}
.section {
background-color: var(--beige);
text-align: center;
padding: 120px 56px 112px;
position: relative;
}
.section.no-top-padding {
background-color: var(--beige);
padding-top: 0;
}
.section.no-bottom-padding {
padding-bottom: 0;
}
.section.no-paddings {
padding: 0;
}
.section.pattern-section {
background-color: var(--white);
flex-direction: column;
align-items: center;
margin-bottom: 28px;
padding-bottom: 0;
display: flex;
}
.section.pattern-section.no-bottom-padding {
background-color: var(--color-3);
margin-bottom: 78px;
padding-top: 44px;
}
.section.pattern-section.no-top-padding {
padding-bottom: 48px;
}
.wrapper {
text-align: left;
background-color: #0000;
max-width: 1200px;
margin-top: 40px;
}
.wrapper.hero-bottom-wrapper {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
bottom: 0;
left: 56px;
right: 56px;
}
.wrapper.slide-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
min-height: 90vh;
display: flex;
}
.button {
background-color: var(--black);
color: var(--beige);
border-radius: 24px;
height: 48px;
margin-bottom: 27px;
padding: 12px 32px;
font-size: 15px;
font-weight: 400;
line-height: 24px;
transition: background-color .2s;
}
.button:hover {
background-color: var(--dark);
}
.button.white-button.arrow-button {
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/arrow-right-icon.svg);
background-position: 81%;
background-repeat: no-repeat;
padding-right: 60px;
transform: translate(20px);
}
.button.white-button.arrow-button:hover {
color: var(--black);
background-color: #fff;
}
.button.ghost-button {
transition: box-shadow .2s;
}
.button.hero-button {
background-color: var(--black);
margin-right: 16px;
}
.button.subscribe-button {
border-radius: 0 3px 3px 0;
margin-left: -1px;
padding-left: 24px;
padding-right: 24px;
}
.button.subscribe-button:hover {
background-color: var(--color-2);
}
.button.small-button.nav-bar-button {
background-color: var(--color-3);
color: var(--black);
justify-content: center;
margin-top: 22px;
margin-left: 20px;
padding-top: 10px;
font-weight: 700;
display: flex;
}
.button.small-button.white-hover-button {
background-color: var(--beige);
color: var(--le-bon-vert);
margin-top: -11px;
margin-bottom: -3px;
padding-bottom: 13px;
}
.button.small-button.white-hover-button:hover {
color: var(--dark);
background-color: #fff;
}
.button.full-width-button {
border-radius: 3px;
width: 100%;
}
.button.full-width-button:hover {
background-color: var(--color-2);
}
.style-block {
text-align: left;
padding: 40px 15px;
}
.paragraph-small {
font-size: 14px;
line-height: 24px;
}
.button-styles {
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 64px;
padding: 24px 15px;
display: flex;
}
.button-style-wrapper {
text-align: center;
flex: 0 auto;
width: 25%;
padding: 20px 15px;
}
.button-style-wrapper.dark-bg {
background-color: var(--dark);
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/bg-pattern.jpg);
background-position: 0 0;
background-attachment: fixed;
}
.small-button {
height: 40px;
padding: 10px 24px;
font-size: 13px;
line-height: 20px;
}
.ghost-button {
color: #222;
background-color: #0000;
transition: box-shadow .2s, color .2s, background-color .2s;
box-shadow: inset 0 0 0 2px #ddd;
}
.ghost-button:hover {
background-color: var(--color-1);
box-shadow: inset 0 0 0 2px var(--color-1);
color: #fff;
}
.ghost-bg-button {
color: #fff;
background-color: #0000;
background-image: linear-gradient(#0000, #0000);
transition: box-shadow .2s, background-color .2s, color .2s;
box-shadow: inset 0 0 0 2px #fff;
}
.ghost-bg-button:hover {
color: var(--black);
background-color: #fff;
}
.white-button {
color: var(--black);
background-color: #fff;
transition: background-color .2s, color .2s;
}
.white-button:hover {
background-color: var(--dark);
color: #fff;
}
.nav-bar {
z-index: 100;
background-color: var(--black);
margin-bottom: 70px;
padding-left: 40px;
padding-right: 40px;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.nav-bar.fixed-nav-bar {
transform: translate(0, -75px);
}
.bg-section {
background-color: var(--black);
border: 12px solid #fff;
padding: 120px 40px;
}
.bg-section.hero-section {
border-style: none;
height: 100vh;
padding: 0;
position: relative;
}
.bg-section.cta-section {
color: #fff;
mix-blend-mode: normal;
background-image: linear-gradient(#0000004d, #0000004d), url(https://www.marinette-trouville.fr/wp-content/uploads/2025/07/marinette-brasserie.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
border-style: none;
width: 100%;
height: 6%;
padding-top: 120px;
padding-bottom: 120px;
transition: opacity .2s;
}
.bg-section.footer-section {
background-color: var(--black);
border-style: none;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.bg-section._404-section {
background-image: linear-gradient(#0000001a, #0000001a), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/jonathan-pielmayer-388600.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
}
.bg-section.post-hero-section {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
min-height: 720px;
position: relative;
}
.bg-section.page-hero-section {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.bg-section.page-hero-section.contact-hero {
background-image: linear-gradient(#11111180, #11111180), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/rob-bye-98949.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.bg-section.page-hero-section.reservation-hero {
background-image: linear-gradient(#11111180, #11111180), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/michael-dam-257088.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
padding-bottom: 216px;
}
.bg-section.page-hero-section.style-guide-hero {
background-image: linear-gradient(#0006, #0006), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/brooke-lark-385504.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-section.page-hero-section.about-hero {
background-image: linear-gradient(#11111180, #11111180), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/jazmin-quaynor-35847.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.bg-section.page-hero-section.menu-hero {
background-color: var(--beige);
border-style: none;
margin-top: 98px;
padding-bottom: 9px;
}
.bg-section.page-hero-section.licensing-hero {
background-color: var(--color-3);
border-style: none;
padding-bottom: 0;
}
.bg-section.gallery-section {
background-color: #fff;
border-width: 14px;
padding: 0;
}
.bg-section.huge-button {
background-color: var(--dark);
color: #fff;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/bg-pattern.jpg);
background-position: 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
text-decoration: none;
transition: border-color .4s;
display: flex;
}
.bg-section.huge-button:hover {
border-color: var(--color-1);
}
.nav-link {
color: #fff;
text-transform: uppercase;
padding-top: 14px;
padding-bottom: 16px;
font-family: Oswald, sans-serif;
font-size: 15px;
text-decoration: none;
}
.nav-link:hover {
text-decoration: underline;
}
.nav-link.w--current {
color: var(--color-3);
-webkit-text-stroke-color: var(--gainsboro);
}
.nav-link.fixed-nav-link {
color: var(--black);
}
.nav-link.fixed-nav-link.w--current {
color: var(--color-1);
}
.logo {
color: #fff;
text-transform: uppercase;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
height: 80px;
padding-left: 15px;
padding-right: 15px;
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.logo.w--current {
flex-direction: column-reverse;
align-items: flex-start;
width: 200px;
display: flex;
}
.logo.fixed-nav-bar-logo {
color: var(--black);
height: 72px;
}
.nav-menu {
justify-content: flex-end;
align-items: center;
height: 80px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.nav-menu.fixed-nav-menu {
height: 72px;
}
.slide-content {
z-index: 1;
float: right;
color: #fff;
text-align: center;
flex-direction: column;
align-items: center;
width: 66.66%;
margin-left: auto;
margin-right: auto;
padding: 40px 15px;
display: flex;
position: relative;
}
.hero-text {
margin-top: 16px;
margin-bottom: 40px;
font-size: 17px;
line-height: 28px;
}
.social-link {
border: 1px solid #ffffff40;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s, border-color .2s;
display: flex;
}
.social-link:hover {
border-color: var(--color-1);
background-color: var(--color-1);
}
.social-link.hero-link {
border-style: none;
border-color: var(--beige);
background-color: var(--white);
outline-offset: 0px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
outline: 1px solid #fff;
}
.social-link.hero-link:hover {
border-color: var(--color-1);
}
.section-header-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 570px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding-bottom: 16px;
display: flex;
}
.grey-text {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
}
.text-link {
color: var(--color-1);
text-decoration: underline;
transition: color .2s;
}
.text-link:hover {
color: var(--color-2);
text-decoration: underline;
}
.social-icons {
display: flex;
}
.social-icons.footer-icons {
align-self: center;
margin-top: 8px;
margin-left: -4px;
margin-right: -4px;
}
.social-icons.hero-icons {
float: right;
margin-top: 0;
margin-bottom: 32px;
margin-right: -4px;
padding-top: 10px;
transform: translate(0);
}
.contact-form-wrapper {
flex-wrap: wrap;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.contact-form {
flex-wrap: wrap;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 66.66%;
padding-bottom: 8px;
display: flex;
}
.contact {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.contact-card-map {
width: 50%;
height: 100%;
margin-left: 6px;
}
.input {
border: 1px solid var(--gainsboro);
background-color: var(--beige);
border-radius: 3px;
height: 48px;
margin-bottom: 32px;
padding-left: 20px;
padding-right: 20px;
transition: border .2s, background-color .2s;
}
.input:hover {
background-color: #fff;
}
.input:focus {
border: 1px solid var(--color-1);
background-color: #fff;
}
.input.text-area {
height: auto;
min-height: 160px;
padding-top: 16px;
padding-bottom: 16px;
}
.input.text-area.margin-input {
background-color: var(--white);
margin-left: 15px;
margin-right: 15px;
}
.input.password-input {
text-align: center;
margin-top: 14px;
}
.input.subscribe-input {
background-color: #fff;
border-style: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input.reservation-input {
flex: 90%;
margin-left: 15px;
margin-right: 15px;
}
.input.reservation-input._50 {
background-color: var(--white);
flex-grow: 1;
flex-basis: 40%;
}
.input.reservation-input._33 {
flex-grow: 1;
flex-basis: 25%;
}
.input.password-input {
text-align: center;
margin-bottom: 16px;
}
.input.small-margin {
margin-bottom: 16px;
}
.contact-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--white);
flex: 1;
height: 450px;
margin-bottom: 61px;
margin-left: 15px;
margin-right: 15px;
padding: 12px;
display: flex;
box-shadow: 0 1px 2px 2px #0000001f;
}
.footer {
color: #fff;
text-align: center;
flex-flow: column wrap;
align-items: center;
padding-top: 40px;
display: flex;
position: relative;
}
.footer-column {
flex-direction: column;
align-items: center;
width: 25%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.footer-link {
color: #fff;
margin-top: 8px;
margin-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: inline-block;
}
.footer-link:hover {
text-decoration: underline;
}
.footer-link.w--current {
margin-top: 8px;
margin-bottom: 8px;
}
.footer-link.blog-link {
margin-top: 26px;
}
.footer-header {
color: #fefefe;
align-self: center;
width: 400px;
margin-top: 34px;
margin-bottom: 24px;
}
.footer-post {
border-bottom: 1px solid #ffffff40;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 16px;
display: flex;
}
.footer-post-header {
color: #fff;
text-decoration: none;
}
.footer-post-header:hover {
text-decoration: underline;
}
.footer-post-date {
opacity: .6;
margin-top: -6px;
font-size: 13px;
}
.footer-bottom-base {
background-color: #0000002e;
justify-content: center;
align-items: center;
width: 100%;
height: 96px;
margin-top: 64px;
font-size: 11px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.heart-icon {
color: #0000;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/heart-icon.svg);
background-position: 50%;
background-repeat: no-repeat;
margin-right: 4px;
}
.footer-posts {
width: 100%;
margin-top: -12px;
}
.blog-posts {
margin-bottom: -40px;
padding-left: 15px;
padding-right: 15px;
}
.post-card-image {
background-color: var(--gainsboro);
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 1;
justify-content: center;
align-items: center;
margin-top: 12px;
margin-bottom: 12px;
margin-right: 12px;
text-decoration: none;
display: flex;
}
.post-card {
color: var(--black);
background-color: #fff;
flex: 1;
margin-bottom: 40px;
text-decoration: none;
display: flex;
position: relative;
box-shadow: 0 1px 2px #0000001f;
}
.post-card:hover {
text-decoration: none;
}
.post-date {
margin-top: 24px;
font-size: 17px;
}
.post-card-header-link {
color: var(--black);
text-decoration: none;
}
.post-card-header-link:hover {
text-decoration: underline;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
color: #fff;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 370px;
display: flex;
}
.utility-page-form {
color: var(--black);
flex-direction: column;
align-items: center;
width: 270px;
display: flex;
}
.post-content h1 {
width: 66.66%;
margin: 56px auto 24px;
display: block;
}
.post-content p {
width: 66.66%;
margin-left: auto;
margin-right: auto;
display: block;
}
.post-content figure {
margin-top: 56px;
margin-bottom: 56px;
padding-left: 8.33%;
padding-right: 8.33%;
}
.post-content h2 {
width: 66.66%;
margin: 56px auto 24px;
display: block;
}
.post-content blockquote {
width: 83.33%;
margin: 48px auto;
display: block;
}
.post-content h3 {
width: 66.66%;
margin: 56px auto 24px;
display: block;
}
.post-content ul {
width: 66.66%;
margin-left: auto;
margin-right: auto;
display: block;
}
.post-content h4 {
width: 66.66%;
margin: 56px auto 24px;
display: block;
}
.post-content h6 {
width: 66.66%;
margin: 48px auto 16px;
display: block;
}
.post-content h5 {
width: 66.66%;
margin: 56px auto 24px;
display: block;
}
.post-content ol {
width: 66.66%;
margin-left: auto;
margin-right: auto;
display: block;
}
.post-content a {
color: var(--color-1);
text-decoration: underline;
transition: color .2s;
}
.post-content a:hover {
color: var(--color-2);
text-decoration: underline;
}
.blog-post-header {
margin-top: 26px;
}
.post-hero {
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 48px;
padding-bottom: 120px;
display: flex;
position: relative;
top: 32px;
}
.post-dark-bg {
background-color: #00000080;
position: absolute;
inset: 0;
}
.post {
background-color: #fff;
max-width: 970px;
margin-top: -128px;
margin-left: auto;
margin-right: auto;
padding: 80px 15px 96px;
display: block;
position: relative;
box-shadow: 0 1px 2px #0000001f;
}
.post-hero-info {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 970px;
padding-left: 15px;
padding-right: 5px;
display: flex;
}
.hero-slider {
height: 100%;
}
.slider-arrow {
border: 1px solid #ffffff80;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin: auto 24px;
transition: border .2s;
display: none;
}
.slider-arrow:hover {
border-color: #fff;
}
.slide-2 {
background-image: linear-gradient(#00000080, #00000080), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/brooke-lark-385504.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: flex-end;
align-items: center;
}
.dropdown.w--open {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
}
.dropdown.fixed-dropdown {
border: 1px solid var(--gainsboro);
}
.dropdown-link {
box-shadow: 0 1px 0 0 var(--gainsboro);
padding-top: 12px;
padding-bottom: 12px;
text-decoration: none;
}
.dropdown-link:hover {
text-decoration: underline;
}
.dropdown-link.w--current {
color: var(--color-1);
}
.form-success {
background-color: #0000;
}
.form-error {
color: var(--color-2);
background-color: #f03e5a14;
border: 1px solid #f03e5a80;
border-radius: 3px;
margin-top: 24px;
padding: 12px 16px;
font-size: 13px;
line-height: 20px;
}
.subscribe-form {
z-index: 1;
flex-direction: row;
align-items: flex-start;
width: 370px;
display: flex;
position: relative;
}
.preloader {
z-index: 10000;
background-color: var(--le-bon-vert);
color: var(--black);
letter-spacing: 0;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 700;
display: none;
position: fixed;
inset: 0;
}
.page-wrapper {
background-color: var(--color-3);
overflow: hidden;
}
.fixed-nav-bar {
z-index: 999;
border-bottom: 1px solid var(--gainsboro);
background-color: #fff;
padding-left: 56px;
padding-right: 56px;
position: fixed;
top: 0;
left: 0;
right: 0;
transform: translate(0, -75px);
}
.features {
flex-wrap: wrap;
padding-left: 8.33%;
padding-right: 8.33%;
display: flex;
}
.slide-1 {
color: #151515;
background-image: url(https://www.marinette-trouville.fr/wp-content/uploads/2025/07/restaurant-trouville-marinette.jpg);
background-position: 50% 70%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
inset: 0;
}
.sub-header {
color: var(--color-1);
margin-bottom: -13px;
font-family: Great Vibes, cursive;
font-size: 40px;
line-height: 40px;
}
.sub-header.big {
margin-bottom: 19px;
font-size: 56px;
line-height: 48px;
}
.sub-header.subscribe-sub-header {
margin-bottom: 0;
}
.sub-header.small {
margin-bottom: -8px;
font-size: 34px;
line-height: 32px;
}
.footer-bottom {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 96px;
margin-top: 64px;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
line-height: 16px;
display: flex;
position: relative;
}
.badge {
background-color: var(--color-2);
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 3px;
padding-left: 8px;
padding-right: 7px;
font-size: 9px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.badge:hover {
text-decoration: none;
}
.badge.footer-badge {
margin-left: 10px;
}
.badge.banner-badge {
background-color: #0000;
border: 1px solid #fff;
}
.badge.post-card-category {
margin-bottom: 2px;
}
.badge.menu-item-category {
background-color: var(--color-1);
margin: 16px;
position: absolute;
top: 0;
right: 0;
}
.badge.menu-item-badge {
float: left;
box-shadow: inset 0 0 0 1px var(--gainsboro);
color: var(--black);
background-color: #fff;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 6px;
}
.badge.menu-new-badge {
float: left;
background-color: var(--color-2);
margin-top: 4px;
margin-bottom: 4px;
margin-right: 6px;
}
.badge.menu-item-tooltip {
float: left;
box-shadow: inset 0 0 0 1px var(--gainsboro);
color: var(--black);
background-color: #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 20px;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 6px;
padding-top: 2px;
padding-left: 7px;
font-size: 11px;
display: flex;
position: relative;
}
.footer-link-badge {
align-items: center;
display: flex;
}
.footer-bottom-text {
opacity: .6;
margin-right: 4px;
}
.footer-bottom-text.link {
opacity: 1;
color: #fff;
text-decoration: none;
}
.footer-bottom-text.link:hover {
text-decoration: underline;
}
.frame {
z-index: 0;
border: 3px solid var(--black);
margin: 12px;
position: absolute;
inset: 0;
}
.frame.white-frame {
border-color: #fff;
}
.subscribe {
background-color: var(--dark);
color: #fff;
text-align: center;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/bg-pattern.jpg);
background-position: 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 770px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 80px 144px;
display: flex;
position: relative;
}
.subscribe-header {
z-index: 1;
padding-bottom: 20px;
position: relative;
}
.paragraph-big {
font-size: 17px;
line-height: 28px;
}
.paragraph-big.intro-text {
color: var(--dark-grey);
column-count: 2;
column-gap: 2em;
width: 83.33%;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.menu-list-item {
flex-wrap: nowrap;
flex: 0 auto;
align-items: flex-start;
width: 50%;
padding: 20px 15px;
display: flex;
}
.menu-list-image {
border-radius: 50%;
width: 80px;
height: 80px;
margin-right: 24px;
}
.menu-info {
flex: 1;
align-items: flex-start;
}
.menu-name {
text-transform: uppercase;
margin-top: 4px;
font-size: 17px;
font-weight: 700;
line-height: 20px;
}
.menu-name.small {
text-transform: none;
font-size: 15px;
}
.menu-info-main {
flex: 1;
align-items: flex-start;
display: flex;
}
.menu-price {
justify-content: flex-end;
align-items: center;
font-size: 17px;
line-height: 28px;
display: flex;
}
.menu-price.small {
font-size: 15px;
}
.menu-dots-line {
border-bottom: 1px dotted var(--silver);
flex: 1;
height: 20px;
}
.menu-dots-line.hours {
border-bottom-color: #fff6;
}
.menu-dots-line.small {
height: 19px;
}
.menu-more {
float: left;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.menu-numbers {
align-items: center;
margin-top: -1px;
padding-top: 3px;
padding-bottom: 2px;
padding-right: 12px;
font-size: 13px;
display: flex;
}
.menu-numbers-divider {
color: var(--silver);
padding-left: 4px;
padding-right: 4px;
}
.menu-ingredients {
color: var(--dark-grey);
margin-top: 4px;
margin-bottom: 4px;
font-size: 13px;
line-height: 16px;
}
.menu-list {
flex-wrap: wrap;
display: flex;
}
.menu-list.margin {
flex-wrap: wrap;
margin-bottom: 68px;
}
.subscribe-badge {
z-index: 1;
background-color: var(--color-2);
text-transform: uppercase;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
margin: 40px;
font-family: Oswald, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 16px;
display: flex;
position: absolute;
top: 0;
right: 0;
transform: rotate(20deg);
}
.subscribe-badge-discount {
margin-left: 1px;
font-size: 20px;
line-height: 20px;
}
.menu-grid-card {
margin-bottom: 40px;
padding-bottom: 16px;
position: relative;
}
.menu-grid-image {
width: 100%;
margin-bottom: 16px;
display: block;
}
.menu {
flex-wrap: wrap;
display: flex;
}
.menu.margin {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section-description {
color: var(--dark-grey);
margin-bottom: 18px;
font-size: 18px;
line-height: 30px;
}
.cta-content {
color: var(--le-bon-vert);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 570px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.divider {
border-top: 1px solid var(--color-1);
border-bottom: 1px solid var(--color-1);
width: 70px;
height: 4px;
margin-top: 8px;
margin-bottom: 8px;
}
.divider.center {
margin-left: auto;
margin-right: auto;
display: block;
}
.feature-text {
border-left: 4px solid var(--color-1);
background-color: #fff;
flex-direction: column;
flex: 50%;
justify-content: center;
align-items: flex-start;
width: 50%;
margin-left: 15px;
margin-right: 15px;
padding: 32px 40px 16px;
display: flex;
box-shadow: 0 1px 2px #0000001f;
}
.feature-banner {
background-color: var(--color-2);
color: #fff;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/happy-hour-bg-icon.png);
background-position: 90% 46%;
background-repeat: no-repeat;
background-size: 120px;
justify-content: flex-start;
align-items: center;
width: 370px;
margin-left: 15px;
margin-right: 15px;
padding: 48px 48px 40px;
display: flex;
position: relative;
box-shadow: 0 1px 2px #0000001f;
}
.feature-banner-content {
z-index: 1;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.feature-image {
background-color: var(--dark);
color: #fff;
text-align: center;
flex-direction: column;
flex-grow: 1;
flex-basis: 45px;
justify-content: center;
align-items: center;
min-height: 344px;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
padding: 32px 56px 40px;
display: flex;
}
.feature-image._1 {
background-image: linear-gradient(#0000004d, #0000004d), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/chinh-le-duc-264152.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-basis: 45%;
}
.feature-image._2 {
background-image: linear-gradient(#0006, #0006), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/crew-89808.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-basis: 45%;
}
.feature-image-header {
margin-bottom: 8px;
}
.working-hours {
background-color: var(--black);
width: 500px;
height: 450px;
margin-left: 15px;
margin-right: 15px;
padding: 72px 56px 56px;
position: relative;
}
.working-hours-content {
z-index: 1;
color: #fff;
text-align: center;
margin-top: -48px;
position: relative;
}
.opening-hours-table {
padding-top: 8px;
padding-bottom: 24px;
}
.opening-hours-cell {
align-items: flex-start;
padding-top: 4px;
padding-bottom: 4px;
font-size: 15px;
line-height: 28px;
display: flex;
}
.opening-hours-time {
text-transform: uppercase;
font-weight: 700;
}
.red-text {
color: var(--le-bon-vert);
}
.contact-card-info {
border: 3px solid var(--le-bon-vert);
text-align: center;
border-radius: 0;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-right: 6px;
padding: 40px 28px 48px;
display: flex;
}
.contact-card-email {
color: var(--black);
margin-top: -12px;
margin-bottom: 12px;
text-decoration: none;
}
.banner-header {
margin-top: 6px;
margin-bottom: 0;
}
.yellow-text {
color: var(--color-1);
}
.side-card-feature {
flex-direction: row;
justify-content: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.side-card-feature.reversed {
margin-bottom: 64px;
}
.side-card-image {
background-color: var(--gainsboro);
width: 65.8%;
}
.side-card-image._1 {
background-image: url(https://www.marinette-trouville.fr/wp-content/uploads/2025/07/marinette-terrasse-au-soleil.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.side-card-image._2 {
background-image: url(https://www.marinette-trouville.fr/wp-content/uploads/2025/07/fruits-de-mer-marinette-touville.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.side-card {
z-index: 1;
background-color: var(--color-3);
mix-blend-mode: normal;
flex: 1;
margin-top: 80px;
margin-bottom: 80px;
margin-left: -14.4%;
padding: 80px 8%;
position: relative;
box-shadow: 0 1px 2px #0000001f;
}
.side-card.reversed {
margin-left: 0%;
margin-right: -14.4%;
}
.side-card-content {
z-index: 1;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.side-card-header {
color: var(--black);
margin-bottom: 8px;
}
.post-card-info {
justify-content: center;
align-items: center;
width: 41.67%;
min-height: 480px;
padding: 48px 8%;
display: flex;
position: relative;
}
.post-card-content {
z-index: 1;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 8px;
display: flex;
position: relative;
}
.page-hero-header {
color: var(--black);
text-align: center;
max-width: 770px;
margin: 96px auto;
display: block;
box-shadow: 0 0 0 -20px #000;
}
.reservation {
z-index: 2;
border: 4px solid var(--color-1);
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 66.66%;
margin: 46px auto 74px;
padding: 96px 8% 45px;
display: flex;
position: relative;
}
.reservation-form {
flex-wrap: wrap;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 570px;
padding-bottom: 8px;
display: flex;
}
.menu-grid-item {
flex: 0 auto;
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
}
.post-card-date {
color: var(--silver);
margin-top: -8px;
}
.footer-email {
color: var(--color-1);
align-self: center;
margin-top: -12px;
margin-bottom: 4px;
text-decoration: none;
}
.footer-email:hover {
text-decoration: underline;
}
.footer-bottom-divider {
opacity: .3;
background-color: #fff;
border-radius: 50%;
width: 4px;
height: 4px;
margin-left: 7px;
margin-right: 8px;
}
.big-icon {
width: 64px;
}
.big-icon.contact-block-icon {
margin-bottom: 16px;
}
.side-image-wrapper {
justify-content: flex-end;
align-items: center;
display: flex;
}
.side-image-content {
flex-direction: column;
align-items: flex-start;
width: 33.33%;
margin-left: 8.33%;
margin-right: 8.33%;
padding: 24px 15px;
display: flex;
}
.side-image {
width: 39%;
margin-left: 15px;
margin-right: 15px;
}
.gallery {
flex-wrap: wrap;
display: flex;
}
.contact-blocks {
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.contact-block {
box-shadow: 0 0 0 1px var(--gainsboro);
background-color: #fff;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: center;
padding: 56px 4%;
display: flex;
}
.contact-block-text {
color: var(--dark-grey);
margin-top: 12px;
}
.contact-block-text.link {
text-decoration: none;
}
.contact-block-text.link:hover {
text-decoration: underline;
}
.contact-block-link {
color: var(--black);
text-transform: uppercase;
margin-top: 16px;
font-family: Oswald, sans-serif;
font-size: 17px;
text-decoration: none;
}
.contact-block-link:hover {
text-decoration: underline;
}
.menu-list-card {
flex: 1;
display: flex;
}
.gallery-image {
justify-content: center;
align-items: center;
width: 20%;
padding: 2px;
display: flex;
position: relative;
}
.video-wrapper {
width: 770px;
max-height: 480px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
}
.zoom-icon {
z-index: 1;
background-color: #000000b3;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/zoom-icon.svg);
background-position: 50%;
background-repeat: no-repeat;
border: 2px solid #fff;
border-radius: 50%;
width: 60px;
height: 60px;
margin: auto;
display: block;
position: absolute;
inset: 0;
}
.zoom-icon.small {
background-size: 16px;
border-width: 1px;
width: 40px;
height: 40px;
}
.hero-phone {
float: left;
color: #fff;
align-items: center;
margin-top: 2px;
padding-top: 8px;
padding-bottom: 8px;
font-family: Oswald, sans-serif;
font-size: 17px;
text-decoration: none;
display: flex;
}
.hero-phone:hover {
text-decoration: underline;
}
.hero-phone-icon {
margin-top: 1px;
margin-right: 15px;
}
.hero-scroll {
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/hero-scroll-base.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 96px;
justify-content: center;
align-items: flex-start;
width: 96px;
height: 40px;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
display: flex;
position: absolute;
bottom: -16px;
left: 0;
right: 0;
}
.footer-bottom-content {
flex-wrap: wrap;
flex: 1;
place-content: center;
align-items: center;
margin-left: 80px;
margin-right: 80px;
line-height: 24px;
display: flex;
}
.menu-small-grid-item {
flex: 0 auto;
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.preloader-icon {
width: 34px;
margin-bottom: 8px;
}
.licence-items {
width: 66.66%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.licence-item {
z-index: 1;
background-color: #fff;
flex: 1;
align-items: center;
margin-bottom: 24px;
padding: 52px;
display: flex;
position: relative;
box-shadow: 0 1px 2px #0000001f;
}
.licence-item-content {
z-index: 1;
flex: 1;
padding-bottom: 16px;
padding-left: 40px;
position: relative;
}
.licence-item-image {
z-index: 1;
width: 170px;
position: relative;
}
.licence-item-dot {
background-color: var(--gainsboro);
border-radius: 50%;
width: 3px;
height: 3px;
margin-bottom: 3px;
margin-left: 8px;
margin-right: 8px;
display: inline-block;
}
.licence-contact-text {
color: var(--dark-grey);
width: 66.66%;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.quick-booking {
z-index: 100;
background-color: #fff;
flex-direction: column;
width: 240px;
display: flex;
position: fixed;
bottom: 0;
right: 40px;
transform: none;
}
.quick-booking-form {
border-right: 1px solid var(--gainsboro);
border-left: 1px solid var(--gainsboro);
margin-bottom: 0;
padding: 20px;
}
.quick-booking-header {
background-color: var(--color-1);
color: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-top: -48px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 16px;
font-size: 15px;
line-height: 24px;
text-decoration: none;
display: flex;
position: relative;
}
.quick-booking-icon {
width: 24px;
margin-right: 10px;
}
.quick-booking-arrow-box {
background-color: #0000000d;
justify-content: center;
align-items: center;
width: 48px;
height: 100%;
padding-top: 1px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.quick-booking-arrow {
transform: rotate(-180deg);
}
.first-letter {
float: left;
color: var(--color-1);
margin-top: 15px;
margin-left: 16.66%;
margin-right: 8px;
font-size: 56px;
line-height: 32px;
}
.tooltip {
z-index: 10;
background-color: var(--dark);
color: var(--white);
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 3px;
justify-content: center;
align-items: center;
height: 24px;
margin-bottom: -2px;
margin-left: auto;
margin-right: auto;
padding: 4px 9px 4px 10px;
font-size: 11px;
font-weight: 700;
line-height: 16px;
display: flex;
position: absolute;
bottom: 30px;
}
.tooltip.change-tooltip {
margin-bottom: 18px;
}
.tooltip-arrow {
background-color: var(--dark);
width: 8px;
height: 8px;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
transform: rotate(45deg);
}
.footer-instagram-photos {
flex-wrap: wrap;
align-items: flex-start;
margin-top: 8px;
margin-left: -6px;
margin-right: -6px;
display: flex;
}
.instagram-photo {
justify-content: center;
align-items: center;
width: 33.33%;
padding: 6px;
display: flex;
position: relative;
}
.full-width {
width: 100%;
}
.slide-3 {
background-image: linear-gradient(#00000080, #00000080), url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/kris-atomic-39750.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: flex-end;
align-items: center;
}
.changelog {
flex-direction: column;
width: 66.66%;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.changelog.hidden {
display: none;
}
.change {
background-color: #fff;
align-items: center;
margin-bottom: 16px;
padding: 32px;
display: flex;
box-shadow: 0 1px 2px #0000001f;
}
.change-icon {
color: #151515;
cursor: pointer;
background-color: #0000;
border: 1px solid #e9e9e9;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 15px;
display: flex;
position: relative;
}
.change-text {
color: #596273;
flex: 1;
margin-top: 0;
margin-bottom: 0;
margin-left: 24px;
}
.paragraph {
align-self: center;
margin-top: -1px;
}
.paragraph-2 {
align-self: center;
}
.layout-container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
font-family: Montserrat, sans-serif;
}
.layout-container.cc-heading-wrap {
text-align: center;
margin-top: 60px;
margin-bottom: 80px;
}
.heading-contact-form {
color: #000;
}
.paragraph-bigger {
opacity: 1;
color: #242424;
margin-bottom: 10px;
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
.paragraph-bigger.cc-bigger-light {
opacity: .6;
}
.get-in-touch-form-wrap {
flex-direction: column;
align-items: stretch;
width: 70%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.get-in-touch-form {
flex-direction: column;
display: flex;
}
.credentials-inputs-wrap {
display: flex;
}
.contact-name-field-wrap {
width: 50%;
padding-right: 10px;
}
.contact-form-field-label {
color: #242424;
}
.contact-form-text-field {
border: 1px solid #e4e4e4;
border-radius: 0;
margin-bottom: 18px;
padding: 21px 20px;
font-size: 14px;
line-height: 26px;
transition: border-color .4s;
}
.contact-form-text-field:hover {
border-color: #e3e6eb;
}
.contact-form-text-field:active, .contact-form-text-field:focus {
border-color: #43464d;
}
.contact-form-text-field::placeholder {
color: #32343a66;
}
.contact-form-text-field.cc-contact-field {
margin-bottom: 25px;
}
.contact-form-text-field.cc-input-textarea {
height: 200px;
padding-top: 12px;
}
.email-name-field-wrap {
width: 50%;
padding-left: 10px;
}
.contact-form-submit-button {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
border-radius: 0;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
transition: background-color .4s, opacity .4s, color .4s;
}
.contact-form-submit-button:hover {
color: #fff;
background-color: #32343a;
}
.contact-form-submit-button:active {
background-color: #43464d;
}
.status-message {
color: #fff;
text-align: center;
background-color: #202020;
padding: 9px 30px;
font-size: 14px;
line-height: 26px;
}
.status-message.cc-success-message {
background-color: #12b878;
}
.status-message.cc-error-message {
background-color: #db4b68;
}
.image {
width: NaN% ;
height: 0%;
}
.image-2 {
mix-blend-mode: normal;
width: 150px;
margin-bottom: 140px;
}
.button-2 {
background-color: var(--black);
border-radius: 11px;
margin-top: 34px;
margin-bottom: 40px;
position: static;
}
.text-block {
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 30px;
}
.section-2 {
background-color: var(--le-bon-vert);
-webkit-text-fill-color: inherit;
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/28-90.jpg);
background-position: 50%;
background-size: cover;
background-clip: border-box;
flex-direction: column;
align-items: center;
height: 250px;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
}
.text-block-2 {
color: var(--beige);
}
.icon {
color: var(--beige);
font-weight: 400;
}
.heading {
font-size: 45px;
}
.heading-2 {
font-size: 35px;
}
.text-block-3 {
color: var(--white);
padding-top: 67px;
font-family: Oswald, sans-serif;
font-size: 38px;
}
.heading-3 {
color: var(--color-3);
margin-top: 0;
margin-bottom: 25px;
}
.gallery-2 {
backface-visibility: hidden;
flex-wrap: wrap;
display: flex;
}
.gallery-image-2 {
object-fit: fill;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 20%;
padding: 2px;
display: flex;
position: relative;
}
.image-3 {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.image-4 {
aspect-ratio: 2 / 3;
object-fit: cover;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 0 0;
background-size: auto;
}
.image-10 {
aspect-ratio: auto;
vertical-align: baseline;
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
position: static;
}
.section-3 {
background-color: var(--beige);
margin-top: 79px;
margin-bottom: 15px;
}
.section-4 {
background-color: var(--beige);
}
.section-5 {
background-color: var(--beige);
text-align: center;
}
.heading-4 {
color: var(--le-bon-vert);
text-align: center;
}
.section-6 {
border: 3px solid var(--beige);
background-color: var(--beige);
margin-top: 26px;
margin-bottom: -29px;
}
.welcome-image-left-section {
box-shadow: 1px 1px 0 -20px #000;
}
.centered-container {
flex-flow: column wrap;
justify-content: center;
align-items: center;
max-width: 1124px;
min-height: 300px;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-family: Montserrat, sans-serif;
display: flex;
}
.centered-container.horizontal-flex {
flex-flow: row;
place-content: center;
align-items: center;
max-width: 1280px;
min-height: 350px;
}
.feature-section-image {
object-fit: cover;
width: 600px;
height: 384px;
}
.feature-section-content {
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 600px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.feature-section-heading-1 {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.paragraph-3 {
color: #747474;
text-align: center;
max-width: 800px;
margin-top: 20px;
margin-bottom: 40px;
font-family: Karla, sans-serif;
}
.primary-button-black {
background-color: var(--le-bon-vert);
letter-spacing: 1.5px;
text-transform: uppercase;
border-radius: 9px;
margin-left: 0;
margin-right: 20px;
padding: 12px 30px;
font-size: 11px;
font-weight: 700;
}
.primary-button-black:hover {
background-color: #000;
}
.feature-section-content-2 {
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 600px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.feature-section-content-2.feature-section-content-left {
align-items: center;
height: 80%;
}
.feature-section-heading-2 {
color: #000;
text-align: center;
font-family: Oswald, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 48px;
}
.primary-button-black-2 {
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #000;
margin-left: 0;
margin-right: 20px;
padding: 12px 30px;
font-size: 14px;
font-weight: 700;
}
.primary-button-black-2:hover {
background-color: #000;
}
.image-11 {
margin-top: -35px;
margin-bottom: 17px;
}
.heading-5, .image-12, .image-13 {
text-align: center;
}
.div-block {
flex-direction: column;
align-items: center;
margin-top: 100px;
display: flex;
}
.form {
width: 400px;
}
.centered-container-2 {
flex-flow: column wrap;
justify-content: center;
align-items: center;
max-width: 1124px;
min-height: 300px;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-family: Montserrat, sans-serif;
display: flex;
}
.centered-container-2.horizontal-flex {
flex-flow: row;
place-content: center;
align-items: center;
max-width: 1280px;
min-height: 350px;
}
.about-image {
object-fit: cover;
width: 600px;
height: 384px;
margin: 0 60px;
}
.about-content {
flex: 0 auto;
order: 0;
align-self: center;
max-width: 400px;
}
.about-heading {
color: #000;
font-weight: 400;
}
.about-subheading {
color: #000;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.paragraph-4 {
color: #747474;
text-align: center;
width: 450px;
max-width: 800px;
margin-top: 20px;
margin-bottom: 40px;
font-family: Karla, sans-serif;
font-size: 17px;
}
.feature-section-heading-3 {
color: #000;
font-size: 28px;
font-weight: 700;
line-height: 28px;
}
.div-block-2 {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 59px;
display: flex;
}
.link-2 {
color: var(--white);
}
.image-14 {
width: 50px;
}
.paragraph-5 {
text-align: left;
flex-direction: column;
align-items: center;
width: 800px;
margin-top: -30px;
font-size: 11px;
display: flex;
}
.link-3 {
color: var(--color-3);
padding-left: 14px;
}
.paragraph-6 {
color: var(--white);
text-align: center;
width: 800px;
}
.section-8 {
border: 1px solid #000;
border-radius: 0;
}
.section-9 {
color: #0000;
background-color: #0000;
flex-direction: column;
align-items: center;
height: 200px;
margin-bottom: 0;
padding-top: 25px;
display: flex;
}
.heading-6 {
color: var(--le-bon-vert);
text-align: center;
}
.paragraph-7 {
color: var(--black);
text-align: center;
width: 800px;
}
.button-3 {
background-color: var(--le-bon-vert);
border-radius: 12px;
}
.text-block-5 {
color: var(--dark-grey);
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 600;
}
.text-block-6 {
text-align: center;
font-family: Open Sans, sans-serif;
font-weight: 600;
}
.form-2 {
width: 500px;
}
.contact-form-2 {
padding-top: 0;
padding-bottom: 100px;
}
.small-text {
text-align: center;
}
.contact-form-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.container {
padding-top: 0;
padding-bottom: 0;
}
.submit-button {
background-color: var(--black);
}
.form-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 9px;
display: flex;
}
.button-4 {
background-color: var(--color-3);
color: #150707;
text-transform: uppercase;
border-radius: 11px;
margin-top: 0;
font-family: Exo, sans-serif;
font-size: 12px;
font-weight: 600;
}
.section-10 {
margin-top: 44px;
}
.submit-button-2 {
background-color: var(--black);
border-radius: 19px;
}
.form-4 {
width: 100%;
margin-bottom: 0;
}
.form-block {
width: 100%;
}
.heading-7 {
padding-top: 12px;
padding-bottom: 0;
}
.button-5 {
background-color: var(--beige);
color: var(--le-bon-vert);
border-radius: 11px;
font-size: 18px;
font-weight: 700;
}
.image-15 {
width: 70%;
height: 70%;
}
.div-block-3 {
width: 75px;
height: 0%;
}
.button-6 {
background-color: var(--white);
color: var(--le-bon-vert);
text-align: center;
border-radius: 16px;
font-size: 12px;
font-weight: 700;
}
.section-11 {
background-color: var(--le-bon-vert);
justify-content: center;
display: flex;
position: sticky;
top: 5px;
}
.button-7 {
background-color: var(--beige);
color: var(--le-bon-vert);
text-align: center;
border-radius: 14px;
justify-content: center;
align-items: center;
width: 110px;
margin-top: 22px;
margin-bottom: 20px;
font-weight: 700;
display: block;
}
.section-12 {
background-image: url(//www.marinette-trouville.fr/wp-content/themes/les-planches-restaurant-deauville-5/assets/images/28-90.jpg);
background-position: 0 0;
background-size: cover;
height: 35vh;
}
.image-16 {
object-fit: cover;
width: 1619vh;
height: 300px;
}
.section-13 {
background-color: var(--white);
margin-bottom: 78px;
padding-bottom: 0;
}
.heading-8 {
color: var(--black);
}
.section-14 {
background-color: var(--le-bon-vert);
margin-bottom: -50px;
}
.image-17 {
width: 75px;
height: 27.5875%;
}
.image-18, .image-19, .image-20, .image-21, .image-22, .image-23, .image-24 {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.image-25 {
margin-bottom: 14px;
padding-bottom: 0;
}
.image-26 {
width: 100px;
padding-top: 21px;
}
.container-2 {
justify-content: center;
display: flex;
}
.logos-without-title {
background-color: #f5f7fa08;
border: 1px #000;
padding: 0 30px;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.clients-wrapper-three {
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-bottom: -10px;
display: flex;
}
.clients-image-three {
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 22px;
line-height: 28px;
}
h2 {
font-size: 30px;
line-height: 40px;
}
h3 {
font-size: 22px;
line-height: 28px;
}
h4 {
font-size: 17px;
line-height: 24px;
}
h5 {
font-size: 15px;
}
p {
font-size: 15px;
line-height: 24px;
}
blockquote {
font-size: 20px;
line-height: 32px;
}
.section {
padding: 80px 8px;
overflow: hidden;
}
.wrapper.hero-bottom-wrapper {
padding-left: 24px;
padding-right: 24px;
left: 0;
right: 0;
}
.wrapper.slide-wrapper {
min-height: 600px;
}
.button.white-button.arrow-button {
display: none;
}
.button.small-button.nav-bar-button {
margin-top: 24px;
margin-bottom: 24px;
margin-left: 0;
}
.style-block {
padding-left: 8px;
padding-right: 8px;
}
.paragraph-small {
font-size: 13px;
line-height: 20px;
}
.button-styles {
padding-left: 8px;
padding-right: 8px;
}
.button-style-wrapper {
width: 50%;
}
.nav-bar {
margin-bottom: 0;
padding-left: 16px;
padding-right: 0;
position: fixed;
}
.nav-bar.fixed-nav-bar {
position: static;
}
.bg-section {
padding-top: 80px;
padding-bottom: 80px;
}
.bg-section.hero-section {
height: auto;
}
.bg-section.cta-section {
padding-top: 80px;
padding-bottom: 80px;
}
.bg-section.footer-section {
padding-left: 8px;
padding-right: 8px;
}
.bg-section.post-hero-section {
min-height: 480px;
padding-top: 64px;
padding-left: 4%;
padding-right: 4%;
}
.bg-section.page-hero-section.reservation-hero {
padding-bottom: 80px;
}
.bg-section.page-hero-section.menu-hero {
padding-top: 0;
padding-bottom: 0;
}
.nav-link {
color: var(--black);
text-align: center;
background-color: #0000;
width: 100%;
margin-top: -1px;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 20px;
}
.nav-link.w--current {
color: var(--color-1);
}
.logo {
height: 60px;
padding-left: 8px;
padding-right: 8px;
font-size: 18px;
}
.nav-menu {
border-bottom: 1px solid var(--gainsboro);
background-color: #fff;
flex-direction: column;
align-items: stretch;
height: auto;
display: flex;
overflow: scroll;
}
.nav-menu.fixed-nav-menu {
border-top: 1px solid var(--gainsboro);
height: auto;
}
.slide-content {
width: 83.33%;
margin-top: 80px;
margin-bottom: 80px;
display: block;
}
.hero-text {
margin-bottom: 32px;
}
.section-header-wrapper {
width: 470px;
margin-bottom: 24px;
}
.contact-form-wrapper {
padding-left: 32px;
padding-right: 40px;
}
.contact-form {
width: 100%;
}
.contact {
flex-direction: column;
margin-top: -14px;
padding-left: 8px;
padding-right: 8px;
}
.contact-card-map {
height: 440px;
}
.contact-card {
width: 400px;
margin-top: 29px;
margin-bottom: 48px;
padding-top: 15px;
}
.footer-column {
width: 50%;
margin-bottom: 24px;
margin-right: 0%;
padding-left: 4%;
padding-right: 4%;
}
.footer-link {
margin-top: 8px;
margin-bottom: 8px;
font-size: 13px;
}
.footer-post-header {
font-size: 13px;
line-height: 16px;
}
.footer-bottom-base {
margin-top: -13px;
margin-bottom: 5px;
}
.blog-posts {
padding-left: 8px;
padding-right: 8px;
}
.post-card {
margin-bottom: 32px;
}
.blog-post-header {
margin-top: 24px;
}
.post-hero {
padding-bottom: 48px;
}
.post-dark-bg {
inset: 0;
}
.post {
box-shadow: none;
margin-top: 0;
margin-left: -8px;
margin-right: -8px;
padding-top: 64px;
padding-left: 8px;
padding-right: 8px;
}
.post-hero-info {
padding-left: 8px;
padding-right: 8px;
}
.hero-slider {
height: 600px;
}
.slider-arrow {
margin-left: 24px;
}
.menu-button {
color: #fff;
background-color: #0000;
}
.menu-button.w--open {
background-color: #0000;
}
.menu-button.fixed-menu-button {
color: var(--black);
padding-top: 24px;
padding-bottom: 24px;
}
.dropdown.w--open {
padding-bottom: 1px;
}
.dropdown.fixed-dropdown {
border-style: none;
}
.dropdown-link {
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
font-size: 15px;
}
.dropdown-icon {
opacity: 1;
color: var(--white);
margin-right: -6px;
padding-right: 0;
}
.page-wrapper {
background-color: var(--color-3);
}
.features {
justify-content: center;
align-items: center;
padding-left: 0%;
padding-right: 0%;
}
.slide-1 {
background-position: 40%;
}
.sub-header {
font-size: 34px;
}
.sub-header.big {
margin-bottom: -8px;
font-size: 40px;
line-height: 40px;
}
.footer-bottom {
padding-left: 4%;
padding-right: 4%;
}
.badge.menu-item-category {
margin: 12px;
}
.subscribe {
width: 83.33%;
max-width: none;
}
.paragraph-big {
font-size: 16px;
line-height: 28px;
}
.paragraph-big.intro-text {
width: 100%;
padding-left: 4%;
padding-right: 4%;
}
.menu-list-item {
width: 83.33%;
padding-left: 8px;
padding-right: 8px;
}
.menu-name, .menu-price {
font-size: 15px;
}
.menu-dots-line {
height: 19px;
}
.menu-list {
justify-content: center;
}
.menu-grid-card {
margin-bottom: 16px;
}
.menu-grid-image {
margin-bottom: 8px;
}
.section-description {
margin-bottom: 32px;
}
.cta-content {
margin-bottom: 24px;
}
.feature-text {
flex: 0 auto;
width: 100%;
margin-bottom: 24px;
margin-left: 8px;
margin-right: 8px;
}
.feature-banner {
padding-top: 56px;
padding-bottom: 48px;
}
.feature-image {
margin-bottom: 24px;
margin-left: 8px;
margin-right: 8px;
padding-left: 48px;
padding-right: 48px;
}
.working-hours {
width: 400px;
margin-left: auto;
margin-right: auto;
display: block;
}
.contact-card-info {
padding-left: 8%;
padding-right: 8%;
}
.side-card-feature {
padding-left: 8px;
padding-right: 8px;
}
.side-card {
margin-top: 48px;
margin-bottom: 48px;
margin-left: -16.66%;
}
.side-card.reversed {
margin-right: -16.66%;
}
.post-card-info {
width: 50%;
min-height: 440px;
}
.page-hero-header {
margin-top: 56px;
margin-bottom: 56px;
}
.reservation {
width: 83.33%;
margin-top: 45px;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 72px;
}
.reservation-form {
width: 100%;
}
.menu-grid-item {
padding-left: 8px;
padding-right: 8px;
}
.big-icon {
width: 56px;
}
.side-image-content {
width: 42%;
margin-left: 4%;
margin-right: 4%;
padding-left: 0;
padding-right: 0;
}
.side-image {
flex: 1;
margin-left: 8px;
margin-right: 8px;
}
.contact-blocks {
flex-wrap: wrap;
}
.contact-block {
flex: 0 auto;
width: 50%;
}
.video-wrapper {
width: 100%;
margin-bottom: 64px;
padding-left: 8px;
padding-right: 8px;
}
.zoom-icon, .hero-scroll {
display: none;
}
.footer-bottom-content {
margin-left: 0;
margin-right: 0;
}
.menu-small-grid-item {
width: 33.33%;
padding-left: 8px;
padding-right: 8px;
}
.licence-items, .licence-contact-text, .changelog {
width: 83.33%;
padding-left: 8px;
padding-right: 8px;
}
.change {
padding: 24px;
}
.get-in-touch-form {
text-align: left;
}
.credentials-inputs-wrap {
flex-direction: column;
align-items: stretch;
}
.contact-name-field-wrap {
width: 100%;
padding-right: 0;
}
.email-name-field-wrap {
width: 100%;
padding-left: 0;
}
.contact-form-submit-button {
justify-content: center;
}
.text-block {
margin-top: -11px;
}
.heading-4 {
text-align: center;
margin-top: 0;
}
.section-7 {
height: 800px;
}
.centered-container {
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}
.centered-container.horizontal-flex {
flex-wrap: wrap;
place-content: center;
align-items: center;
}
.feature-section-content {
min-height: auto;
}
.feature-section-content-2 {
min-height: auto;
margin-bottom: 20px;
}
.feature-section-content-2.feature-section-content-left {
margin-bottom: 20px;
}
.feature-section-heading-2 {
text-align: center;
}
.image-11 {
margin-top: 2px;
}
.text-block-4 {
color: var(--white);
}
.centered-container-2 {
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}
.centered-container-2.horizontal-flex {
flex-wrap: wrap;
place-content: center;
align-items: center;
}
.paragraph-4, .paragraph-5 {
width: 600px;
}
.section-9 {
margin-bottom: 62px;
padding-top: 47px;
}
.paragraph-7 {
width: 400px;
}
.submit-button-2 {
background-color: var(--black);
}
.container-3 {
max-width: 728px;
}
.clients-wrapper-three {
width: 350px;
}
.clients-image-three {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
h1 {
margin-bottom: 16px;
font-size: 26px;
line-height: 40px;
}
h2 {
font-size: 26px;
line-height: 32px;
}
.section {
padding-top: 64px;
padding-bottom: 64px;
}
.wrapper.slide-wrapper {
min-height: 400px;
}
.button-style-wrapper {
width: 50%;
}
.nav-bar {
flex-flow: column;
padding-right: 0;
display: block;
}
.bg-section {
border-style: none;
border-width: 8px;
padding-left: 24px;
padding-right: 24px;
}
.bg-section.footer-section {
padding-left: 8px;
padding-right: 8px;
}
.bg-section.post-hero-section {
min-height: 360px;
padding-top: 56px;
}
.bg-section.huge-button {
padding-top: 64px;
padding-bottom: 64px;
}
.logo {
height: 60px;
}
.logo.fixed-nav-bar-logo {
height: 56px;
}
.slide-content {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 4%;
padding-right: 4%;
display: block;
}
.hero-text {
margin-bottom: 24px;
}
.section-header-wrapper {
width: auto;
margin-bottom: 16px;
}
.contact-form-wrapper {
flex-direction: row;
padding-right: 32px;
}
.contact-form {
flex-direction: column;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
}
.contact {
flex-flow: column wrap;
align-items: stretch;
margin-top: -23px;
}
.contact-card-map {
width: 100%;
height: 320px;
margin-bottom: 12px;
margin-left: 0;
}
.input.text-area.margin-input, .input.reservation-input, .input.reservation-input._50 {
margin-left: 0;
margin-right: 0;
}
.contact-card {
flex-direction: column-reverse;
width: 100%;
margin-left: auto;
margin-right: auto;
right: 0;
}
.footer-bottom-base {
margin-top: 73px;
margin-bottom: -3px;
}
.blog-posts {
width: 100%;
}
.post-card-image {
height: 320px;
margin-bottom: 0;
margin-left: 12px;
}
.post-card {
flex-direction: column-reverse;
}
.post-date {
margin-top: 8px;
font-size: 15px;
}
.blog-post-header {
margin-top: 16px;
}
.post-hero {
padding-top: 16px;
padding-bottom: 16px;
}
.hero-slider {
height: 560px;
}
.slider-arrow {
display: none;
}
.menu-button {
justify-content: center;
display: block;
}
.menu-button.fixed-menu-button {
padding-top: 16px;
padding-bottom: 16px;
}
.dropdown-icon {
color: var(--white);
}
.page-wrapper {
background-color: var(--color-3);
}
.features {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: -24px;
padding-left: 8px;
padding-right: 8px;
}
.slide-1 {
background-position: 50%;
}
.subscribe {
width: auto;
margin-left: 8px;
margin-right: 8px;
}
.paragraph-big.intro-text {
text-align: center;
column-count: 1;
}
.menu-list-item {
width: 100%;
}
.menu-list.margin {
padding-left: 0;
padding-right: 0;
}
.section-description {
margin-bottom: 24px;
}
.cta-content {
width: auto;
margin-bottom: 0;
}
.feature-text, .feature-image {
margin-left: 0;
margin-right: 0;
}
.working-hours {
width: 400px;
height: 400px;
}
.working-hours-content {
margin-top: -29px;
}
.contact-card-info {
margin-right: 0;
}
.side-card-feature {
flex-flow: column wrap;
}
.side-card-feature.reversed {
flex-direction: column-reverse;
margin-bottom: 31px;
}
.side-card-image {
width: 100%;
height: 400px;
}
.side-card-image._1, .side-card-image._2 {
background-position: 50%;
}
.side-card {
width: 83.33%;
margin: -48px auto 0;
padding-top: 56px;
padding-bottom: 40px;
display: block;
}
.side-card.reversed {
margin-left: auto;
margin-right: auto;
display: block;
}
.post-card-info {
width: 100%;
min-height: auto;
}
.page-hero-header {
margin-top: 24px;
margin-bottom: 24px;
}
.reservation {
margin-top: 64px;
padding-top: 64px;
padding-bottom: 56px;
}
.reservation-form {
flex-direction: column;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
}
.menu-grid-item {
width: 50%;
}
.side-image-wrapper {
flex-direction: column;
justify-content: flex-start;
width: 83.33%;
margin-left: auto;
margin-right: auto;
display: block;
}
.side-image-content {
text-align: center;
align-items: center;
width: 100%;
margin-left: 0%;
margin-right: 0%;
padding-top: 56px;
padding-bottom: 56px;
}
.side-image {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.gallery-image, .menu-small-grid-item {
width: 50%;
}
.licence-items {
width: 100%;
}
.licence-item {
padding: 36px;
}
.licence-contact-text {
width: 100%;
margin-top: 16px;
}
.changelog {
width: 100%;
}
.change {
padding: 20px;
}
.change-text {
margin-left: 16px;
}
.layout-container {
text-align: center;
}
.layout-container.cc-heading-wrap {
margin-bottom: 50px;
}
.paragraph-bigger {
font-size: 16px;
line-height: 28px;
}
.get-in-touch-form-wrap {
width: 90%;
max-width: 470px;
}
.contact-form-text-field.cc-contact-field, .contact-form-text-field.cc-input-textarea {
text-align: left;
}
.image-2 {
margin-top: 47px;
margin-bottom: 151px;
}
.text-block {
width: 350px;
margin-left: -28px;
margin-right: -2px;
padding-right: 7px;
}
.gallery-image-2 {
width: 50%;
}
.centered-container.horizontal-flex {
flex-wrap: wrap;
place-content: center;
align-items: center;
}
.feature-section-content {
min-height: auto;
}
.paragraph-3 {
font-family: Karla, sans-serif;
font-size: 15px;
line-height: 24px;
}
.feature-section-content-2 {
min-height: auto;
margin-bottom: 20px;
}
.feature-section-content-2.feature-section-content-left {
margin-bottom: 20px;
}
.text-block-4 {
color: var(--white);
}
.centered-container-2.horizontal-flex {
flex-wrap: wrap;
place-content: center;
align-items: center;
}
.paragraph-4 {
width: 400px;
font-family: Karla, sans-serif;
font-size: 15px;
line-height: 24px;
}
.paragraph-5 {
width: 500px;
}
.link-3 {
color: var(--color-3);
}
.section-9 {
margin-bottom: 56px;
}
.contact-form-2 {
padding: 40px 20px;
}
.submit-button-2 {
background-color: var(--black);
}
.icon-2 {
font-size: 25px;
}
.image-26 {
width: 90px;
}
.logos-without-title {
padding: 60px 15px;
}
.clients-wrapper-three {
width: 300px;
margin-bottom: -63px;
}
.clients-image-three {
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 30px;
}
.wrapper {
justify-content: center;
display: flex;
}
.wrapper.hero-bottom-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.button {
background-color: var(--black);
color: var(--beige);
}
.button.hero-button {
margin-bottom: 16px;
margin-right: 0;
}
.button.subscribe-button {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.button.small-button.nav-bar-button {
margin-top: 9px;
}
.button.small-button.white-hover-button {
margin-bottom: 4px;
}
.style-block.typography-styles {
margin-left: 0%;
margin-right: 0%;
}
.button-style-wrapper {
width: 100%;
}
.nav-bar {
margin-bottom: 0;
padding-left: 8px;
position: fixed;
}
.nav-link {
box-shadow: none;
color: var(--black);
background-color: #0000;
}
.logo.w--current {
flex-direction: column-reverse;
align-items: flex-start;
}
.logo.fixed-nav-bar-logo {
height: 56px;
}
.slide-content {
flex-direction: column;
margin-bottom: 144px;
padding: 16px 4% 32px;
display: flex;
}
.section-header-wrapper {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.social-icons.hero-icons {
margin-bottom: 48px;
margin-right: 0;
}
.contact-form-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.contact {
margin-top: -37px;
}
.input.subscribe-input {
text-align: center;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-bottom: 24px;
}
.contact-card {
width: 260px;
margin-top: 24px;
position: relative;
bottom: 0;
}
.footer-column {
width: 100%;
}
.footer-bottom-base {
flex-direction: column;
align-items: center;
}
.post-card-image {
height: 224px;
}
.post-content h1 {
width: 100%;
margin-top: 40px;
margin-bottom: 24px;
}
.post-content p {
width: 100%;
}
.post-content figure {
margin-top: 32px;
margin-bottom: 40px;
padding-left: 0%;
padding-right: 0%;
}
.post-content img {
width: 100%;
max-width: none;
}
.post-content h2 {
width: 100%;
margin-top: 40px;
margin-bottom: 24px;
}
.post-content blockquote {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.post-content h3 {
width: 100%;
margin-top: 40px;
}
.post-content ul {
width: 100%;
}
.post-content h4, .post-content h6, .post-content h5 {
width: 100%;
margin-top: 40px;
}
.post-content ol {
width: 100%;
}
.blog-post-header {
max-width: none;
}
.post {
padding-left: 16px;
padding-right: 16px;
}
.hero-slider {
height: 720px;
}
.dropdown-icon {
color: var(--white);
margin-right: -3px;
}
.subscribe-form {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.page-wrapper {
background-color: var(--color-3);
}
.slide-1 {
background-position: 50%;
}
.footer-bottom {
margin-top: 40px;
}
.frame.white-frame {
width: auto;
height: 425px;
}
.subscribe {
padding-left: 12%;
padding-right: 12%;
}
.menu-list-image {
margin-right: 16px;
}
.subscribe-badge {
margin: 20px;
}
.cta-content {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.feature-banner {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.working-hours {
width: 260px;
height: 450px;
padding-left: 16%;
padding-right: 16%;
}
.working-hours-content {
margin-top: -35px;
}
.side-card-image {
height: 280px;
}
.side-card {
width: 100%;
margin-top: 39px;
padding-left: 12%;
padding-right: 12%;
}
.post-card-info {
padding-left: 12%;
padding-right: 12%;
}
.page-hero-header {
margin-top: 0;
margin-bottom: 0;
}
.reservation {
width: auto;
margin-left: 8px;
margin-right: 8px;
padding-top: 40px;
padding-bottom: 40px;
}
.menu-grid-item, .contact-block {
width: 100%;
}
.hero-phone {
margin-bottom: 16px;
}
.hero-scroll {
padding-top: 9px;
}
.menu-small-grid-item {
width: 100%;
}
.licence-item {
flex-direction: column;
justify-content: center;
padding-top: 56px;
padding-bottom: 56px;
}
.licence-item-content {
text-align: center;
padding-top: 16px;
padding-left: 0;
}
.first-letter {
margin-left: 0;
}
.get-in-touch-form-wrap {
width: 100%;
max-width: none;
}
.image-2 {
width: 60%;
margin-top: -74px;
}
.text-block {
width: 240px;
margin-left: -21px;
margin-right: -25px;
padding-left: 0;
padding-right: 29px;
}
.section-2 {
background-position: 50% 100%;
background-size: auto;
height: 200px;
}
.heading-3 {
margin-top: 0;
}
.gallery-2 {
object-fit: cover;
}
.welcome-image-left-section {
box-shadow: 0 0 0 -20px #000;
}
.feature-section-content {
min-height: auto;
padding-left: 20px;
padding-right: 20px;
}
.feature-section-heading-1 {
margin-top: 10px;
}
.paragraph-3 {
margin-top: 10px;
margin-bottom: 20px;
font-family: Karla, sans-serif;
font-size: 15px;
line-height: 24px;
}
.primary-button-black {
margin-right: 0;
}
.feature-section-content-2 {
min-height: auto;
padding-left: 20px;
padding-right: 20px;
}
.feature-section-heading-2 {
text-align: center;
margin-top: 10px;
line-height: 40px;
}
.primary-button-black-2 {
margin-right: 0;
}
.paragraph-4 {
width: 300px;
margin-top: 10px;
margin-bottom: 20px;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.feature-section-heading-3 {
text-align: center;
margin-top: 10px;
line-height: 40px;
}
.paragraph-5 {
width: 270px;
}
.section-8 {
border: 1px solid var(--le-bon-vert);
}
.section-9 {
margin-top: 13px;
margin-bottom: 91px;
}
.paragraph-7 {
width: 300px;
margin-bottom: 35px;
}
.text-block-5 {
font-size: 15px;
}
.grid {
align-self: center;
}
.button-4 {
text-align: center;
align-self: center;
width: 75.9px;
font-size: 9px;
}
.submit-button-2 {
background-color: var(--black);
}
.section-11 {
position: static;
bottom: 5px;
}
.section-14 {
margin-bottom: 0;
}
.logos-without-title {
width: 300px;
height: 298px;
padding-top: 0;
padding-bottom: 0;
}
.container-3 {
max-width: none;
}
.clients-wrapper-three {
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
height: 61px;
margin-top: 220px;
margin-bottom: 0;
display: grid;
}
.clients-image-three {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
}
#w-node-a1e85970-6796-ec76-3ac8-90d3b8b039f8-cc2dd967, #w-node-a1e85970-6796-ec76-3ac8-90d3b8b039fa-cc2dd967, #w-node-a1e85970-6796-ec76-3ac8-90d3b8b039fc-cc2dd967 {
place-self: auto center;
}