.shadow {
    border:0;
    filter:drop-shadow(0 -.25em .75em var(--filter-shadow))
  }
  @keyframes fade-in {
    0% {
      opacity:0
    }
    to {
      opacity:1
    }
  }
  .animate-fade {
    animation:fade-in .75s ease-in-out
  }
  
  .relative {
    position: relative;
  }
  .w-full {
    width:100%
  }
  .h-full {
    height:100%
  }
  .h-auto {
    height:auto
  }
  .img-caption,
  .imgc-caption,
  .imgh-caption {
    font-size:.75em;
    font-weight:400;
    line-height:1.375;
    margin-block-start:.5em;
    padding:.375em 0 1em;
    text-align:center
  }
  .main-wrapper, .header { max-width: 1500px; }
  @media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
  @media (max-width: 991px)  { .main-wrapper, .header { max-width: 720px; } }
  @media (max-width: 767px)  { .main-wrapper, .header { max-width: 540px; } } 
  .content img {
    max-width: 100%;
  }
  /* set light background */
  .header-wrapper,
  .footer,
  .main,
  .side-recent,
  .side-categories,
  .side-tags,
  .side-translations
  {
    background-color: var(--color-bg-content);
  }