/*
Theme Name: wp_raban
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_raban
*/

.hero-text-excerpt, .image-hero-logo {
	opacity: 0;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .menuIsOpen .mbline {
      background-color: var(--blue);
  }
  .menuIsOpen .mbline:nth-child(1) {
      transform: rotate(-45deg) translateY(8px) translateX(-10px);
  }
  .menuIsOpen .mbline:nth-child(2) {
      opacity: 0;
  }
  .menuIsOpen .mbline:nth-child(3) {
      transform: rotate(45deg) translateY(-8px) translateX(-10px);
  }
  .menuIsOpen .image-logo-main path {
      fill: var(--blue);
  }
  .image-logo-main path {
      transition: fill 0.2s ease;
  }
  .image-logo-main:hover path {
      fill: var(--blue);
  }
  .button-nav:hover .arrow-hover {
      opacity: 1;
    transform: translateX(0px);
  }
  .flex-marquee {
      --speed: 110;
    --gap: 5.625rem;
  }
  .flex-marquee__track {
      will-change: transform;
    transform: translate3d(0,0,0);
  }
  /* opcjonalnie: szanuj reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .flex-marquee__track { transform: none !important; }
  }
  .wf-video__el {
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 1rem;
  }
  .simple-text :last-child {
      margin-bottom: 0rem;
  }
  .admin-bar .navbar {
      top: 32px;
  }
  a {
      color: inherit;
  }
  [overflow="hidden"] {
      overflow: hidden;
  }
  [position="relative"] {
      position: relative;
  }
      @media only screen and (max-width: 991px) {
    }
    @media only screen and (max-width: 767px) {
      .wf-video__el {
          aspect-ratio: 102 / 125 !important;
      }
        .wf-video__el.is-raban-logo {
          aspect-ratio: 51 / 100 !important;
      }
    }
    @media only screen and (max-width: 480px) {
    }
   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); } }