/*
Theme Name: wp_marekswoboda
Theme URI: https://walaszczyk.studio/
Author: ŁW
Author URI: https://walaszczyk.studio/
Description: Wordpress Template made by ŁW
Version: 1.1
Tags: lw
Text Domain: wp_marekswoboda
*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .a-link-work-item:hover .work-image-lightbox, .a-link-work-item:hover .work-image-lightbox-video {
      transform: scale(1.05);
  }
  .simple-text :last-child {
      margin-bottom: 0rem;
  }
  .admin-bar .navbar {
      top: 32px;
  }
  a {
      color: inherit;
  }
  [overflow="hidden"] {
      overflow: hidden;
  }
  [position="relative"] {
      position: relative;
  }
  .link-category-projects.is-active {
      background-color: var(--black);
      color: var(--white);
      opacity: 1;
  }
  .grid-work-item {
      transition: opacity .2s ease, transform .2s ease;
      opacity: 1;
      transform: translateY(0);
  }
  .grid-work-item.is-filter-leave {
      opacity: 0;
      transform: translateY(8px);
      pointer-events: none;
  }
  .grid-work-item.is-hidden-filter {
      display: none !important;
  }
  .works-content .grid-work-item.is-bigger-element,
  .works-content-videos .grid-work-item.is-bigger-element {
      grid-column: span 2;
      display: flex;
      flex-direction: column;
  }
  .works-content .grid-work-item.is-bigger-element .a-link-work-item {
      flex: 1;
      min-height: 0;
  }
  .works-content .grid-work-item.is-bigger-element .work-image-lightbox {
      aspect-ratio: unset;
      height: 100%;
      width: 100%;
      object-fit: cover;
      contain-intrinsic-size: none;
  }
 
  /* opcjonalnie: szanuj reduced motion */
  @media (prefers-reduced-motion: reduce) {
  }

  @media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 767px) {
    
    
  }
    @media only screen and (max-width: 480px) {

        .works-content .grid-work-item.is-bigger-element .a-link-work-item {
            flex: unset;
            min-height: unset;
          }
          .works-content .grid-work-item.is-bigger-element .work-image-lightbox {
            aspect-ratio: 3 / 2;
            height: auto;
          }
    }
   html { font-size: 1rem; }
    @media screen and (max-width:1920px) { html { font-size: 1rem; } }
    @media screen and (max-width:1440px) { html { font-size: calc(0.39866369710467703rem + 0.6681514476614699vw); } }
    @media screen and (max-width:991px) { html { font-size: calc(0.758056640625rem + 0.390625vw); } }
    @media screen and (max-width:479px) { html { font-size: calc(0.5742154811715481rem + 1.2552301255230125vw); } }