@charset "UTF-8";
.header-nightly {
  background-color: #910467 !important;
}

.header-nightly #cherry-main-link::after {
  content: "nightly";
  font-size: 0.7em;
  text-transform: uppercase;
  vertical-align: super;
  margin-left: 6px;
  color: yellow;
}

.header {
  background-color: #0b0b4b;
  border-bottom: 1px solid #626291;
  color: #eaf2f8;
}

.header a {
  color: #eaf2f8;
}

nav .nav-list {
  color: #b1b1b1;
}

nav .nav-list a {
  color: gray;
}

nav .nav-pane {
  background-color: #b3b3d4;
  border-bottom: 1px solid #bcbce7;
}

.content {
  background-color: #fafdff;
}

nav input:checked + li {
  color: darkcyan;
}

@media (min-width: 900px) {
  nav {
    border-right: 1px solid lightgrey;
  }

  nav ul li label:hover {
    background-color: #f2f2cc;
  }

  nav input:checked + li > label {
    background-color: #e6e6c0;
    border-right: 3px solid #cfcf73;
  }
}
@media (max-width: 900px) {
  nav.nav-head {
    background-color: #0b0b4b;
    border-bottom: 1px solid #626291;
  }

  nav.nav-head ul li label:hover {
    background-color: #b2b2d8;
  }

  nav.nav-head {
    color: #eaf2f8;
  }

  nav.nav-head a {
    color: #eaf2f8;
  }

  nav.nav-head input + li {
    border-top: 3px solid #EEEEFF;
    border-bottom: 3px solid #EEEEFF;
  }

  nav.nav-head input:checked + li {
    background-color: #e6e6c0;
    border-top: 3px solid #EEEEFF;
    border-bottom: 3px solid #cfcf73;
  }
}
.section-accent1 {
  color: black;
}

.section-accent1 a {
  color: black;
}

.section-accent2 {
  background-color: #e1d0ea;
  color: #353f52;
}

.section-accent2 a.invert {
  background-color: purple;
  color: white;
}

.section-accent2 a {
  color: purple;
  background-color: white;
}

.section-accent2 a.button {
  border: 1px solid purple;
}

.section-accent3 {
  background-color: #e5f1e3;
  color: #353f52;
}

.section-accent3 a.invert {
  background-color: green;
  color: white;
}

.section-accent3 a {
  color: green;
  background-color: white;
}

.section-accent3 a.button {
  border: 1px solid green;
}

.section-accent4 {
  background-color: #f1f1db;
  color: #353f52;
}

.section-accent4 a.invert {
  background-color: #9b9b25;
  color: white;
}

.section-accent4 a {
  color: #9b9b25;
  background-color: white;
}

.section-accent4 a.button {
  border: 1px solid #9b9b25;
}

/* rubik-regular - latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/rubik-v11-latin-regular.woff2") format("woff2"), url("/fonts/rubik-v11-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500 - latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("/fonts/rubik-v11-latin-500.woff2") format("woff2"), url("/fonts/rubik-v11-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600 - latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/fonts/rubik-v11-latin-600.woff2") format("woff2"), url("/fonts/rubik-v11-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-italic - latin */
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("/fonts/rubik-v11-latin-italic.woff2") format("woff2"), url("/fonts/rubik-v11-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* annie-use-your-telescope-regular - latin */
@font-face {
  font-family: "Annie Use Your Telescope";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/annie-use-your-telescope-v11-latin-regular.woff2") format("woff2"), url("/fonts/annie-use-your-telescope-v11-latin-regular.woff") format("woff");
}
.navcontent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

.header {
  padding: var(--header-padding);
  height: var(--header-height);
  font-weight: 500;
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
  background-image: url("/imgs/back-header.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 680px 100%;
}

.header a {
  text-decoration: none;
  flex-grow: 1;
}

nav a {
  text-decoration: none;
}

nav a:hover {
  text-decoration: underline;
}

nav a {
  text-decoration: none;
}

nav .nav-list {
  font-weight: 400;
  text-transform: uppercase;
}

nav {
  font-weight: 500;
  text-transform: uppercase;
}

nav ul {
  list-style-position: inside;
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li label {
  display: block;
  padding: 10px;
}

nav input {
  display: none;
}

nav input:not(:checked) + li > ul.nav-pane {
  display: none;
}

nav input:checked + li > ul.nav-pane {
  display: flex;
}

:root {
  --header-height: 26px;
  --header-padding: 10px;
  --nav-width: 160px;
  --nav-width-side: 400px;
  --nav-pane-item-width: 200px;
  --nav-pane-item-separation: 15px;
}

nav .nav-pane {
  position: absolute;
  top: calc(var(--header-height) + var(--header-padding) * 2 + 1px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items: stretch;
  padding-top: var(--nav-pane-item-separation);
}

nav .nav-pane > li {
  flex-grow: 0;
  text-align: center;
  flex-shrink: 0;
  flex-basis: var(--nav-pane-item-width);
}

nav .nav-pane > li + li {
  margin-bottom: var(--nav-pane-item-separation);
}

nav .nav-pane > li > ul {
  position: relative;
}

nav .nav-pane img {
  object-fit: contain;
  transition: 0.25s ease;
  border: 2px solid lightgrey;
  padding: 3px;
  background-color: white;
  opacity: 0.5;
  filter: grayscale(80%);
}

nav .nav-pane img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

nav ul li label:hover img {
  opacity: 1;
  filter: grayscale(0%);
}

nav .nav-pane img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.slide-in {
  animation: slide-in 0.2s forwards;
  -webkit-animation: slide-in 0.2s forwards;
}

.slide-out {
  animation: slide-out 0.2s forwards;
  -webkit-animation: slide-out 0.2s forwards;
}

@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.nav-side-background.back-invisible {
  display: none;
}

.nav-side-background {
  background-color: rgba(31, 6, 46, 0.514);
  width: 100%;
  height: 100%;
  top: 47px;
  position: fixed;
  z-index: 99;
}

nav.nav-side {
  position: fixed;
  background-color: white;
  background-image: url("/imgs/clip3.svg");
  background-position: right 0px top -10px;
  top: 47px;
  z-index: 100;
  background-size: cover;
  display: flex;
  justify-content: left;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: var(--nav-width-side);
  min-height: calc(100% - 47px);
  transform: translateX(-100%);
}

.nav-side ul {
  flex-basis: var(--nav-width-side);
}

.editor-side-right {
  position: fixed;
  background-color: white;
  z-index: 100;
  display: flex;
  justify-content: left;
  top: calc(100% - 20px);
  left: 0;
  transform: translateY(0%);
  flex-grow: 0;
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .slide-in-right {
    animation: slide-in-right 0.2s forwards;
    -webkit-animation: slide-in-right 0.2s forwards;
  }

  .slide-out-right {
    animation: slide-out-right 0.2s forwards;
    -webkit-animation: slide-out-right 0.2s forwards;
  }

  @keyframes slide-out-right {
    100% {
      transform: translateY(0%);
    }
  }
  @keyframes slide-in-right {
    0% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(-100%);
    }
  }
  .editor-side-right {
    top: 100%;
    left: 0;
    bottom: 0px;
    transform: translateY(0%);
    min-width: 100%;
    min-height: 35%;
    overflow-y: scroll;
  }
}
@media (min-width: 900px) {
  .slide-in-right {
    animation: slide-in-right 0.2s forwards;
    -webkit-animation: slide-in-right 0.2s forwards;
  }

  .slide-out-right {
    animation: slide-out-right 0.2s forwards;
    -webkit-animation: slide-out-right 0.2s forwards;
  }

  @keyframes slide-out-right {
    100% {
      transform: translateX(0%);
    }
  }
  @keyframes slide-in-right {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .editor-side-right {
    left: calc(100% /*- 20px*/);
    top: 47px;
    transform: translateX(0%);
    min-width: var(--nav-width-side);
    bottom: 0px;
    overflow-y: scroll;
  }
}
.editor-side-right ul {
  flex-basis: var(--nav-width-side);
}

@media (max-width: 900px) {
  body {
    display: flex;
    flex-direction: column;
  }

  .navcontent {
    flex-grow: 1;
    align-items: stretch;
  }

  .header {
    flex-shrink: 0;
    flex-grow: 1;
    position: sticky;
    top: 0px;
    z-index: 9;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  nav.nav-head {
    flex-grow: 1;
    flex-shrink: 0;
    position: sticky;
    top: 0px;
    z-index: 10;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  .content {
    flex-grow: 1;
    flex-basis: 90%;
    min-height: calc(100% - var(--header-height));
  }

  nav .nav-pane {
    overflow: scroll;
    right: 0px;
    width: calc(100%);
    z-index: 10;
  }

  nav .nav-list {
    display: none;
  }

  nav.nav-head > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
  }

  nav.nav-head > ul > li {
    flex-grow: 1;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 900px) {
  body {
    display: flex;
    flex-direction: column;
  }

  .navcontent {
    flex-grow: 1;
    flex-basis: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .header {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 95%;
    position: sticky;
    top: 0px;
    z-index: 10;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  .nav-head {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: var(--nav-width);
    min-height: 100%;
  }

  .content {
    flex-grow: 1;
    flex-basis: var(--nav-width);
  }

  nav .nav-pane {
    left: calc(var(--nav-width));
    width: calc(100% - var(--nav-width));
    z-index: 5;
  }
}
.current {
  color: green;
}

html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: calc(100% - 26px);
  font-family: "Rubik", sans-serif;
}

@media (min-width: 900px) {
  #map {
    width: 720px;
    height: 320px;
  }
}
@media (max-width: 900px) {
  #map {
    width: 640px;
    height: 320px;
  }
}
@media (max-width: 640px) {
  #map {
    width: 512px;
    height: 320px;
  }
}
#map {
  z-index: 0;
}

#map .leaflet-control-attribution {
  display: none;
}

.entete {
  font-family: "Annie Use Your Telescope";
}

.section-arc {
  background-position: left 600px top 20px;
  background-repeat: no-repeat;
  background-size: 300px;
  background-image: url("/css/images/arc.svg");
}

.section-arc2 {
  background-position: left 100px top -100px;
  background-repeat: no-repeat;
  background-size: 600px;
  background-image: url("/css/images/arco.svg");
}

.content > div.zone-information {
  background-image: url("/css/images/info.svg");
  background-position: left 10px top 10px;
  background-size: 48px;
  background-repeat: no-repeat;
  padding: 20px 20px 20px 70px;
  margin: 20px;
  border: 3px solid #beeaeb;
}

.flexbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.content ul.flexbox {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pane-projects {
  padding-top: 10px;
  border-top: 2px solid #DDDDDD;
}

.pane-projects li {
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 2px solid #DDDDDD;
}

.pane-projects li div {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  flex-direction: column;
}

.pane-projects li img {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 10px;
  object-fit: contain;
}

.pane-projects li div.tags {
  flex-direction: row-reverse;
}

div.tags {
  display: flex;
  flex-direction: row-reverse;
}

.pane-projects li div.tags .tag {
  flex-grow: 0;
}

div.tags {
  display: flex;
  flex-direction: row-reverse;
}

div.tags .tag {
  background-color: #DDDDDD;
  border-radius: 5px;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: small;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
}

div.tags .tag + .tag {
  margin-right: 5px;
  margin-left: 5px;
}

.pane-projects img {
  transition: 0.25s ease;
  border: 2px solid lightgrey;
  padding: 3px;
  background-color: white;
}

.pane-projects-inactive img {
  opacity: 0.5;
  filter: grayscale(80%);
}

.pane-projects-inactive img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.flexbox li {
  margin-left: 5px;
  margin-right: 5px;
  flex-grow: 1;
  flex-shrink: 0;
}

.flexbox img {
  transition: 0.25s ease;
  border: 2px solid lightgrey;
  padding: 3px;
  background-color: white;
  opacity: 0.7;
  filter: grayscale(50%);
}

.flexbox img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

img.belleimage {
  object-fit: contain;
  transition: 0.25s ease;
  border: 2px solid lightgrey;
  padding: 3px;
  background-color: white;
  opacity: 0.7;
  filter: grayscale(50%);
}

img.belleimage:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.content h1, h2, h3, h4, h5 {
  margin-top: 0px;
}

.content ul {
  list-style-position: inside;
  list-style: none;
  padding: 0;
  margin: 0;
}

#editor-recipes ul {
  padding: 0px;
}

.off:first-child {
  border-top: 1px solid gray;
}

.off {
  padding: 3px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: cornsilk;
}

@media (min-width: 900px) {
  #recipes ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .recipe {
    flex-grow: 0.5;
    flex-shrink: 0;
    flex-basis: 400px;
  }
}
.diary {
  max-width: 400px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  border: 2px solid #d7dae6;
}

.diary a {
  text-decoration: none;
  color: #5d67e7;
}

.diary a:visited {
  text-decoration: none;
  color: #5d67e7;
}

.diary div {
  border: 2px solid #d7dae6;
  flex-grow: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-shrink: 1;
  flex-basis: 13%;
  text-align: center;
}

.diary div::after {
  content: "";
  flex: auto;
}

.diary .title {
  font-weight: bold;
  color: white;
  background-color: #adb9d4;
}

.diary .notmonth a {
  color: #dbdbdb;
}

.diary .notmonth {
  color: #dbdbdb;
}

.diary .notmonth a:visited {
  color: #dbdbdb;
}

.diary .filled {
  background-color: #e7f5dc;
}

.diary .today {
  font-weight: bold;
}

.diary .today a {
  color: #5d67e7;
}

.recipes ul .recipe {
  border-top: 2px solid beige;
  border-bottom: 2px solid beige;
  background-color: beige;
}

.recipes ul .recipe:nth-child(2n) {
  background-color: #f8f8d6;
}

.recipes ul .recipe.selected {
  border-top: 2px solid #ececa3;
  border-bottom: 2px solid #ececa3;
  background-color: #ececa3;
}

.recipes ul .recipe.selectedMerge {
  border-top: 2px solid #cdcd8b;
  border-bottom: 2px solid #cdcd8b;
  background-color: #cdcd8b;
}

.recipe {
  padding: 3px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
}

.recipe div {
  flex-grow: 0;
}

.recipe span.button {
  margin-left: 6px;
  margin-right: 6px;
}

.recipe span.button-edit {
  display: none;
}

.recipe.selected span.button-edit {
  display: inherit;
}

.subproducts {
  padding: 10px;
}

.product:first-child {
  /*border-top: 1px solid gray;*/
}

.product {
  padding: 3px;
  border-top: 2px solid beige;
  border-bottom: 2px solid beige;
  /*border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;*/
  background-color: beige;
}

.flex-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.full {
  flex-grow: 1;
}

.product div {
  flex-grow: 0;
}

.product span.button {
  margin-left: 6px;
  margin-right: 6px;
}

.product span.button-edit {
  display: none;
}

.product.selected span.button-edit {
  display: inherit;
}

.product.selected {
  border-top: 2px solid #ececa3;
  border-bottom: 2px solid #ececa3;
  background-color: #ececa3;
}

.form-search {
  background-color: antiquewhite;
  padding: 10px;
}

.product-add {
  margin-top: 6px;
  border: 2px dashed #bfd7e0;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.822);
}

#search-result {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#search-result li {
  flex-basis: 500px;
}

figure {
  border: thin #c0c0c0 solid;
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 280px;
  margin: auto;
}

figure img {
  max-width: 280px;
  max-height: 200px;
}

figcaption {
  background-color: #0b0b4b;
  color: #fff;
  font-weight: bold;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}

.notExpanded {
  display: none;
}

.editor {
  padding-top: 12px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
}

.editor-row {
  flex-grow: 0;
  margin-bottom: 10px;
}

.editor b {
  flex-grow: 0;
  margin-bottom: 10px;
}

.editor-icon {
  height: 64px;
  width: 64px;
  font-size: 44px;
  text-align: center;
  vertical-align: middle;
  background-color: #dfb1b1;
  display: inline-block;
  border-radius: 50%;
  margin-top: 16px;
  margin-bottom: 4px;
}

.editor-name {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 16px;
}

@media (max-width: 900px) {
  .editor-icon {
    display: none;
  }

  .editor-name {
    display: none;
  }
}
.important {
  color: red;
}

.quantity-switch-unit[type=quantity-type-icon]::before {
  content: "󰌖";
}

.quantity-switch-unit[type=quantity-type-percent]::before {
  content: "󰴯";
}

.quantity-switch-unit[type=quantity-type-gram]::before {
  content: "󰴿";
}

.serving-label {
  margin-right: 10px;
}

.serving-plate::before {
  content: "󰺕";
}

.serving-starter::before {
  content: "󰺕";
}

.serving-coffee-spoon::before {
  content: "󰒥";
}

.serving-soup-spoon::before {
  content: "󰒥";
}

.serving-glass::before {
  content: "󱌌";
}

.serving-large-glass::before {
  content: "󱌌";
}

.serving-bowl::before {
  content: "󰊩";
}

.serving-bread::before {
  content: "󰳯";
}

.serving-slice::before {
  content: "󰐉";
}

.serving-coffee-spoon {
  font-size: 0.8em;
}

.serving-starter {
  font-size: 0.8em;
}

.serving-glass {
  font-size: 0.8em;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.spinner:before {
  animation: spinner 0.8s ease infinite;
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.spinner-success:before {
  color: #84dd40;
  transition: 0.3s ease-in;
  animation: blink 1s;
  animation-iteration-count: infinite;
}

.overlay-buttons-bar {
  left: 0;
  bottom: 2%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: fixed;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100%;
}

.overlay-button {
  z-index: 1000;
  font-size: 1.6em;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: white;
  border: 1px solid #bfc7ce;
  border-radius: 50%;
  text-align: center;
}

#progress-spin {
  position: fixed;
  left: calc(50% - 20px);
  bottom: 20%;
}

.progress-spin {
  font-size: 1.6em;
  z-index: 200;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: white;
  border: 2px solid #e1f1ff;
  border-radius: 50%;
  text-align: center;
}

.img-recipe {
  padding: 20px;
}

.imgpanel-image img {
  width: 200px;
}

@media (max-width: 900px) {
  .discover-section-splitted {
    flex-flow: column;
  }
}
@media (min-width: 900px) {
  .discover-section-splitted {
    flex-flow: row !important;
  }

  .discover-section-splitted .discover-section-secondary {
    flex-basis: 300px;
  }
}
@media (max-width: 900px) {
  #cherry-main-link.collapsed {
    display: none;
  }

  nav.nav-head.collapsed {
    display: none;
  }
}
#cherry-main {
  padding-right: 6px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url("/imgs/favicon.svg");
}

#cherry-main-link {
  user-select: none;
}

#cherry-main:hover {
  background-image: url("/imgs/favicon-hover.svg");
}

#cherry-main.active {
  background-image: url("/imgs/favicon-hover.svg");
}

.img-svgclip {
  /*background-image: url("/imgs/clip.svg");
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: 600px; */
}

.img-svgclip2 {
  /*background-image: url("/imgs/clip2.svg");
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: 600px; */
}

p.discover-section-centered {
  text-align: center;
}

#discover-page-column {
  display: flex;
  flex-flow: column;
  justify-content: left;
}

.discover-section {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  padding: 20px;
}

a.button {
  padding: 10px;
  margin: 10px;
  font-weight: bold;
}

.discover-section form > div {
  margin-top: 6px;
  margin-bottom: 6px;
}

@media (max-width: 900px) {
  .discover-section form {
    display: flex;
    flex-direction: column;
  }

  .discover-section form > div {
    display: flex;
    flex-direction: column;
  }

  .discover-section form > div > label {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
@media (min-width: 900px) {
  .discover-section form {
    display: flex;
    flex-direction: column;
  }

  .discover-section form > div {
    display: flex;
    flex-direction: row;
  }

  .discover-section form > div > label {
    flex-basis: 100px;
    flex-wrap: nowrap;
  }

  .discover-section form > div > input {
    flex-grow: 1;
  }
}
.content h3 {
  padding: 12px;
}

.content h4 {
  padding: 8px;
}

.diary-calendar-section {
  padding: 8px;
}

.diary-main-links {
  padding: 8px;
}

.editor-side-right ul {
  padding: 0px;
}

.serving-plate::before {
  content: "󰺕";
}

.serving-starter::before {
  content: "󰺕";
}

.serving-coffee-spoon::before {
  content: "󰒥";
}

.serving-soup-spoon::before {
  content: "󰒥";
}

.serving-glass::before {
  content: "󱌌";
}

.serving-large-glass::before {
  content: "󱌌";
}

.serving-bowl::before {
  content: "󰊩";
}

.serving-bread::before {
  content: "󰳯";
}

.serving-slice::before {
  content: "󰐉";
}

.serving-coffee-spoon {
  font-size: 0.8em;
}

.serving-starter {
  font-size: 0.8em;
}

.serving-glass {
  font-size: 0.8em;
}