/*
 Theme Name:   Foodica Child
 Description:  Volkermampft
 Author:       Volker Graubaum
 Author URI:   httpw://www.webtimiser.de
 Template:     foodica
 Version:      1.0
 Text Domain:  foodica-child

*/



/* === Inter (400/500/600/700) === */
@font-face{
  font-family:"Inter";
  src:url("/wp-content/uploads/fonts/pro-merged-148/inter-normal-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/wp-content/uploads/fonts/pro-merged-148/inter-normal-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/wp-content/uploads/fonts/pro-merged-148/inter-normal-600.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/wp-content/uploads/fonts/pro-merged-148/inter-normal-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}

/* === Roboto Condensed (400/700) === */
@font-face{
  font-family:"Roboto Condensed";
  src:url("/wp-content/uploads/fonts/pro-merged-148/roboto-condensed-normal-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Roboto Condensed";
  src:url("/wp-content/uploads/fonts/pro-merged-148/roboto-condensed-normal-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}

/* === Annie Use Your Telescope (400) === */
@font-face{
  font-family:"Annie Use Your Telescope";
  src:url("/wp-content/uploads/fonts/pro-merged-148/annie-use-your-telescope-normal-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}


body {
  font-display: swap;
}
.masonry-wrapper, .masonry-wrapper {
  padding: 1.5em;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .masonry,
  .masonry {
  columns: 1;
  column-gap: 10px; }
  .masonry-item,
  .masonry-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px; }
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry,
    .masonry {
    columns: 2; } }
@media only screen and (min-width: 1024px) {
    .masonry,
    .masonry {
    columns: 3; } }
  .masonry-item,   .masonry-content,
  .masonry-item,
  .masonry-content {
  border-radius: 4px;
  /* overflow: hidden; */ }
  .masonry-item,
  .masonry-item {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
  transition: filter .25s ease-in-out; }
  .masonry-item:hover,
  .masonry-item:hover {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3)); }
  .masonry-content,
  .masonry-content {
  /* overflow: hidden; */ }
  .masonry-item,
  .masonry-item {
  color: #111111;
  background-color: #ffffff; }
  .masonry-title,   .masonry-description,
  .masonry-title,
  .masonry-description {
  margin: 0; }
  .masonry-title,
  .masonry-title {
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.5rem 1.5rem;
  color: #232323; }
    .masonry-title a,
    .masonry-title a {
    color: #232323; }
  .masonry-blog-title,
  .masonry-blog-title {
  padding: 2px 4px 2px 4px;
  font-size: .75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  color: #ffffff;
  line-height: 1.5em;
  border-radius: 4px;
  background-color: #afb400;
  font-size: .6rem;
  margin-left: 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
  font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; }
  .masonry-description,
  .masonry-description {
  padding: 1.5rem;
  font-size: .75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  color: #232323 !important;
  line-height: 1.5em; }
    .masonry-description a,
    .masonry-description a {
    color: #232323; }
  .masonry-footer,
  .masonry-footer {
  font-size: .75em;
  opacity: .25;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: -1.5em;
  transition: opacity 1s ease-in-out; }
  .masonry-footer a,
  .masonry-footer a {
  color: currentColor; }
  .masonry-footer:hover,   .masonry-footer:active,   .masonry-footer:focus,
  .masonry-footer:hover,
  .masonry-footer:active,
  .masonry-footer:focus {
  opacity: .75; }