@charset "UTF-8";
/*
Theme Name: Rosa Child
Theme URI: http://pixelgrade.com/demos/rosa
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: rosa
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, sticky-post, translation-ready
*/
/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */
/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */
/*CANTINETTA FONTS*/
@font-face {
  font-family: "portenia";
  src: url("fonts/portenia.woff2") format("woff2"), url("fonts/portenia.woff") format("woff"), url("fonts/portenia.ttf") format("truetype");
}
@font-face {
  font-family: "maven";
  src: url("fonts/maven.woff2") format("woff2"), url("fonts/maven.woff") format("woff");
}
/*OTTO FONTS*/
@font-face {
  font-family: "learningcurve";
  src: url("fonts/learningcurve.woff") format("woff"), url("fonts/learningcurve.ttf") format("truetype");
}
@font-face {
  font-family: "andale";
  src: url("fonts/andale.woff2") format("woff2"), url("fonts/andale.woff") format("woff"), url("fonts/andale.ttf") format("truetype");
}
/*COMMON FONTS*/
@font-face {
  font-family: "cabin";
  src: url("fonts/cabin.woff2") format("woff2"), url("fonts/cabin.woff") format("woff");
}
.portenia {
  font-family: "portenia";
}

.maven {
  font-family: "maven";
}

.andale {
  font-family: "andale";
}

.learningcurve {
  font-family: "learningcurve";
}

.cabin {
  font-family: "cabin";
}

/*Footer*/
article.post-580,
article.post-580 * {
  background-color: #252525 !important;
  color: #fff !important;
}

article.post-580 {
  border-left: 12px solid #fff;
  border-right: 12px solid #fff;
}

.link-resto {
  display: block;
  margin: 0 auto;
  width: 158px;
  height: 41px;
  text-indent: -999em;
  overflow: hidden;
  background: url(img/logo-cantinetta-blanc.png) 50% 50% no-repeat transparent;
}

.page footer .btn--top {
  border-radius: 100%;
  background-color: #fff !important;
  width: 60px;
  height: 60px;
  text-align: center;
  top: -32px;
  overflow: hidden;
}
.page footer .btn--top a {
  background-color: #fff !important;
}
.page footer .btn--top_text {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transform: none;
  transform: none;
}
.page footer .btn--top_text .btn__arrow {
  border-color: #000;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 15px auto 0;
}

.social a {
  display: inline-block;
  overflow: hidden;
  text-indent: -999em;
  background: url(img/envelope.jpg) 50% 50% no-repeat transparent;
  width: 25px;
  height: 36px;
  margin: 15px;
}
.social .ig {
  background-image: url(img/social-ig.png);
}

.site-footer,
.sidebar--footer__dark,
.copyright-area.copyright-area__dark,
.copyright-area .container,
.page footer .article__content {
  background-color: #252525;
}

.page footer *:not(.btn--top) {
  color: #fff;
  background-color: #282828 !important;
}

.site-footer aside {
  display: none;
}

.prefoot h3 {
  font-size: 19px;
}
.prefoot p {
  font-size: 17px;
}

.copyright-text {
  padding: 25px;
  background-color: #282828;
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.copyright-text a {
  font-family: "cabin" !important;
}

.resto-map {
  display: block;
  width: 100%;
  min-height: 660px;
  overflow: hidden;
}
.resto-map a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 660px;
  text-indent: -999em;
  overflow: hidden;
  background: url(img/otto-map.jpg) 50% 50% no-repeat transparent;
  background-size: cover;
}

/**
 * Tableau des allergènes
 * ----------------------------------------------------------------------------
 */
.container:has(.allergenes-table) {
  max-width: 1440px;
}

.allergenes-table-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  margin: 40px 0;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.allergenes-table-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 900px) {
  .allergenes-table-wrapper::after {
    opacity: 1;
  }
}

.allergenes-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1100px;
  background: #fff;
}
.allergenes-table thead th {
  background-color: #f5f5f5;
  padding: 8px 3px;
  text-align: center;
  vertical-align: top;
  font-family: "maven", sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  min-width: 60px;
}
.allergenes-table thead th.allergenes-table__col-plat {
  text-align: left;
  min-width: 220px;
  width: 220px;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #f5f5f5;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
  padding: 12px 10px;
}
@media (max-width: 900px) {
  .allergenes-table thead th.allergenes-table__col-plat {
    min-width: 180px;
    width: 180px;
  }
}
.allergenes-table thead th.allergenes-table__col-allergene {
  width: 60px;
  padding: 8px 2px;
}
.allergenes-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.allergenes-table tbody tr:hover {
  background-color: #f0f0f0;
}
.allergenes-table tbody td {
  padding: 12px 10px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.allergenes-table tbody td.allergenes-table__plat-nom {
  text-align: left;
  font-family: "cabin", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #3d3d3d;
  position: sticky;
  left: 0;
  background-color: inherit;
  z-index: 1;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
}
.allergenes-table tbody td.allergenes-table__cell {
  padding: 8px 5px;
}

.allergenes-table__picto {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto 3px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .allergenes-table__picto {
    width: 35px;
    height: 35px;
    margin-bottom: 2px;
  }
}

.allergenes-table__legende {
  display: block;
  font-size: 10px;
  line-height: 1.1;
  font-weight: normal;
  word-wrap: break-word;
}
@media (max-width: 900px) {
  .allergenes-table__legende {
    font-size: 9px;
  }
}

.allergenes-table__check {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #4CAF50;
  line-height: 1;
}
@media (max-width: 900px) {
  .allergenes-table__check {
    font-size: 18px;
  }
}

.allergenes-legende {
  margin: 40px 0;
  padding: 20px;
  background-color: #f9f9f9;
  border-left: 4px solid #95b3a5;
  font-size: 13px;
  line-height: 1.6;
  color: #919191;
}
.allergenes-legende p {
  margin: 0 0 10px;
}
.allergenes-legende p:last-child {
  margin-bottom: 0;
}
.allergenes-legende strong,
.allergenes-legende b {
  font-weight: bold;
  color: #3d3d3d;
}

@media (max-width: 600px) {
  .allergenes-table {
    min-width: 700px;
  }
  .allergenes-table thead th.allergenes-table__col-plat,
  .allergenes-table tbody td.allergenes-table__plat-nom {
    min-width: 150px;
    width: 150px;
    font-size: 14px;
  }
  .allergenes-table thead th.allergenes-table__col-allergene {
    width: 60px;
    min-width: 60px;
  }
}
#wpadminbar a {
  color: inherit !important;
}

.arrows {
  display: none;
}

html {
  font-family: "cabin" !important;
}

h1,
a {
  font-family: "andale" !important;
}

a {
  border-color: #3d3d3d !important;
  color: #3d3d3d !important;
  font-weight: bold;
}

h2 {
  font-family: "learningcurve" !important;
  color: #95b3a5 !important;
}

@media screen and (min-width: 901px) {
  .headline__secondary {
    font-size: 180px;
    line-height: 0.8;
  }
  .headline__secondary .first-letter {
    margin: 0 -68px;
  }
}
.site-header .nav--main a,
.headline__description a {
  color: #fff !important;
  font-family: "cabin" !important;
}

.site-header.headroom--not-top .nav--main a {
  color: #3d3d3d !important;
}

.site-header {
  padding-bottom: 15px !important;
}
@media screen and (min-width: 901px) {
  .site-header .nav--main.blacktxt a {
    color: #3d3d3d !important;
  }
}
.site-header button.nav-trigger {
  left: auto;
  right: 1.4vw;
}

.site-logo {
  padding-top: 15px;
}

.blurp--top {
  display: none;
}

.down-arrow--bubble .arrow {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.separator--flower,
.separator--line-flower {
  text-indent: -999em;
  background: url(img/hr.png) 50% 50% no-repeat transparent;
}

.centered {
  text-align: center;
}

/*STRATE ON PARLE DE NOUS*/
@media only screen and (max-width: 900px) {
  #post-445 .headline__primary {
    margin-top: 30px;
  }
}
/*STRATE SPECIALITES*/
.special {
  text-align: center;
}
.special span {
  font-family: "andale";
  font-size: 26px;
  text-transform: uppercase;
  margin: 30px 0 25px;
  display: block;
}

/*STRATE CONTACT*/
.stratecontact h3,
.prefoot h3 {
  font-family: "andale" !important;
}
.stratecontact .pixcode-icon-link,
.prefoot .pixcode-icon-link {
  margin: 0 10px;
}

.btn-contact {
  padding: 10px 30px;
  display: inline-block;
  margin: 2% auto;
  text-transform: uppercase;
  color: #fff !important;
  background-color: #000;
  border-radius: 3px;
  letter-spacing: 2px;
  font-weight: normal !important;
}

/*L'ESPRIT*/
#post-352 .pixcode.pixcode--grid.grid {
  margin-bottom: 60px;
}

/*Embedded Youtube*/
.pixcode iframe {
  width: 682px !important;
  max-width: 100% !important;
}

/*LA CARTE*/
.menu-list {
  text-align: center;
}
.menu-list h2 {
  display: inline-block;
  margin: 35px auto 70px;
  font-family: "andale" !important;
  color: #3d3d3d !important;
  text-align: center;
  border-bottom: 2px solid #3d3d3d;
}

#post-69 .grid__item.six-twelfths.palm-one-whole {
  padding: 0 50px;
}
#post-69 .separator--flower {
  margin: 44px 0;
}

.menu-list__item-title,
.menu-list__item-price {
  font-family: "andale" !important;
  font-size: 19px;
  font-weight: normal;
}

/*NEWS*/
.prevnext {
  margin: 50px auto;
}
.prevnext hr {
  margin: 22px 0 15px;
}
.prevnext span {
  display: inline-block;
  width: 50%;
  text-transform: uppercase;
}
.prevnext span a {
  font-size: 19px;
  font-weight: normal;
  color: #3d3d3d;
}
.prevnext .prev {
  padding: 0 5% 0 0;
}
.prevnext .next {
  text-align: right;
  padding: 0 0 0 5%;
}

.read-more-button {
  font-size: 15px;
}

/*NEWS SOLO*/
.singlepost {
  padding-top: 60px;
}
.singlepost header {
  text-align: center;
}
.singlepost header h1.article__title {
  margin-bottom: 0;
}
.singlepost .info {
  margin: 0;
  color: #919191;
}
.singlepost .info span {
  display: inline-block;
  margin: 0;
}
.singlepost .info span a {
  color: #95b3a5 !important;
}

.archive__title {
  width: 100%;
  text-align: center;
  margin-top: 72px;
}

.map__marker {
  background: url(img/logo-otto.png) 50% 50% no-repeat #000;
  background-size: 60% auto;
  padding: 40px 60px;
}

#stratecontact {
  position: absolute;
  top: -90px;
  background-color: #fff;
  border: 0 none transparent;
  display: block;
  width: 1px;
  height: 1px;
}

a:hover > .pixcode--icon.circle {
  color: #fff !important;
  background-color: #95b3a5 !important;
}

@media only screen and (max-width: 900px) {
  .headline__primary {
    font-size: 27px;
  }
  .headline__secondary {
    font-size: 70px;
  }
  .btn-contact {
    padding: 10px 15px;
    letter-spacing: 0px;
    font-size: 12px;
  }
  .special span {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .special .grid__item {
    padding-bottom: 60px;
  }
}
.suivez_container {
  width: 100%;
  background-color: black;
  overflow: hidden;
}
.suivez_container h3 {
  text-transform: uppercase;
  font-weight: 25px;
  margin: 0 auto;
}
.suivez_container p,
.suivez_container a {
  color: white;
  text-align: center;
}
.suivez_container p.social_small_description {
  font-size: 14px;
  font-weight: 300;
  margin: 0 auto 24px;
  width: 90%;
  max-width: 150px;
}
.suivez_container ul {
  padding: 0;
  margin: 0;
  display: flex;
  /*flex-wrap: wrap;*/
}
.suivez_container li {
  list-style: none inside;
  display: inline-block;
  vertical-align: top;
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  min-width: 190px;
  min-height: 190px;
  position: relative;
  text-align: center;
}
.suivez_container li .content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
@media (max-width: 1023.99px) {
  .suivez_container ul {
    flex-flow: row wrap;
  }
  .suivez_container li {
    width: 50%;
    height: 50vw;
    min-width: 50%;
    min-height: 50vw;
  }
}
.suivez_container li.instagram_media {
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.suivez_container li.instagram_media img {
  display: block;
}
.suivez_container li.instagram_media:hover {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.addthis_toolbox {
  display: none !important;
}

.author {
  display: none !important;
}

/*E-reservation*/
.reservation .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
}