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

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .image-brand-logo path, .button-arrow svg path, .a-social-link svg path, .image-brand-logo path {
      -webkit-transition: fill 0.2s ease;
    -moz-transition: fill 0.2s ease;
    -ms-transition: fill 0.2s ease;
    -o-transition: fill 0.2s ease;
    transition: fill 0.2s ease;
  }


  [data-nav-template="green"] .navbar .image-brand-logo path, [data-nav-template="green"] .navbar .burger-line {
    --burgundy: var(--green);
  }

  .is-heading-burgundy h1, .is-heading-burgundy h2, .is-heading-burgundy h3, .is-heading-burgundy h4, .is-heading-burgundy h5, .is-heading-burgundy h6 {
      color: var(--burgundy);
  }
  .is-par-no-margin p {
      margin-bottom: 0;
  }
  .is-more-margins p, .is-more-margins h1, .is-more-margins h2, .is-more-margins h3, .is-more-margins h4, .is-more-margins h5, .is-more-margins h6 {
      margin-bottom: 2.875rem;
  }

  .navbar.is-nav-open .image-brand-logo path {
    fill: var(--purple);
  }

  .navbar.is-nav-open .burger-line {
    background-color: var(--purple);
  }

  .button-arrow:hover svg path {
      fill: var(--sand);
  }
  .a-social-link:hover svg path {
      fill: var(--purple);
  }
  .simple-text p:last-child, .simple-text :last-child {
      margin-bottom: 0rem;
  }
  /*
  .admin-bar .navbar {
      top: 32px;
  }
      */
  a {
      color: inherit;
  }
  .a-brand-logo {
      will-change: transform, opacity;
      transform-origin: center;
  }
  .navbar {
      will-change: transform, opacity;
  }
  .nav-wrapper {
      transition: background-color 0.3s ease;
  }
  .nav-wrapper.is-inverted {
      background-color: var(--burgundy);
  }
  .arrow-mobile-left,
  .arrow-mobile-right {
      cursor: pointer;
      transition: opacity 0.3s ease;
      user-select: none;
  }
  .arrow-mobile-left:hover,
  .arrow-mobile-right:hover {
      opacity: 0.7;
  }
  .arrow-mobile-left:active,
  .arrow-mobile-right:active {
      opacity: 0.5;
  }
  .image-map-element {
      will-change: transform;
  }
  .faq-answer-box {
      will-change: height;
      height: 0;
      overflow: hidden;
  }
  .main-bg-content-faq {
      will-change: transform, opacity;
  }
  .main-bg-content-faq > * {
      opacity: 0;
      transform: translateY(15px);
  }
  .question-button-box .button-arrow {
      will-change: transform, opacity;
  }
  .video-shape-wrapper {
      position: relative;
      width: 100%;
      max-width: 659px;
  }
  .video-shape {
      display: block;
      width: 659px;
      height: 659px;
      max-width: 100%;
      object-fit: cover;
      clip-path: url(#shapeClip);
      -webkit-clip-path: url(#shapeClip);
  }
  /* Responsive scaling */
  @media (max-width: 659px) {
      .video-shape {
          width: 100%;
          height: auto;
          aspect-ratio: 1 / 1;
      }
  }
  /* Video jako image-hero-part */
  video.image-hero-part {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1rem 1rem 3.625rem 1rem;
      overflow: hidden;
  }

  [overflow="hidden"] {
      overflow: hidden;
  }
  [position="relative"] {
      position: relative;
  }

  /* SplitText Animation Styles */
  [data-split-lines],
  [data-split-scroll] {
      will-change: transform, opacity;
      perspective: 1000px;
      transform-style: preserve-3d;
      visibility: hidden;
  }
  [data-split-lines].is-split-ready,
  [data-split-scroll].is-split-ready {
      visibility: visible;
  }
  .split-line {
      will-change: transform, opacity;
      display: inline-block;
      transform-style: preserve-3d;
      backface-visibility: hidden;
  }
  
  /* Hero Grid Animation Styles */
  .hero-grid-main .grid-main-col {
      will-change: transform, opacity;
      visibility: hidden;
  }
  .hero-grid-main.is-grid-ready .grid-main-col {
      visibility: visible;
  }
  
  /* Scroll Grid Animation Styles */
[data-animate-grid] .simple-col-wide,
[data-animate-grid] .simple-3-col,
[data-animate-grid] .post-item-loop,
[data-animate-grid] .post-item-loop-featured,
[data-animate-grid] .grid-main-col,
[data-animate-grid] .faq-main-element {
    will-change: transform, opacity;
    visibility: hidden;
}
[data-animate-grid].is-scroll-grid-ready .simple-col-wide,
[data-animate-grid].is-scroll-grid-ready .simple-3-col,
[data-animate-grid].is-scroll-grid-ready .post-item-loop,
[data-animate-grid].is-scroll-grid-ready .post-item-loop-featured,
[data-animate-grid].is-scroll-grid-ready .grid-main-col,
[data-animate-grid].is-scroll-grid-ready .faq-main-element {
    visibility: visible;
}
  
  /* Map Wrapper Animation (specjalny przypadek) */
  [data-animate-grid].map-wrapper {
      will-change: transform, opacity;
      visibility: hidden;
  }
  [data-animate-grid].map-wrapper.is-scroll-grid-ready {
      visibility: visible;
  }
  
/* Wrapper Numbers Animation (specjalny przypadek) */
[data-animate-grid].wrapper-numbers .item-number-content,
[data-animate-grid].wrapper-numbers .image-element-num {
    will-change: transform, opacity;
    visibility: hidden;
}
[data-animate-grid].wrapper-numbers.is-scroll-grid-ready .item-number-content,
[data-animate-grid].wrapper-numbers.is-scroll-grid-ready .image-element-num {
    visibility: visible;
}

/* Grid Numbers Mobile Animation (specjalny przypadek) */
[data-animate-grid].grid-numbers-mobile .col-grid-num {
    will-change: transform, opacity;
    visibility: hidden;
}
[data-animate-grid].grid-numbers-mobile.is-scroll-grid-ready .col-grid-num {
    visibility: visible;
}

/* Hero Grid Mobile Animation */
.hero-grid-main.is-mobile .grid-main-col {
    will-change: transform, opacity;
    visibility: hidden;
}
.hero-grid-main.is-mobile.is-scroll-grid-ready .grid-main-col {
    visibility: visible;
}

/* Single Post Article Animation */
article[data-animate-grid] .flex-details-post-single,
article[data-animate-grid] .box-image-post-single,
article[data-animate-grid] .post-content-single {
    will-change: transform, opacity;
    visibility: hidden;
}
article[data-animate-grid].is-scroll-grid-ready .flex-details-post-single,
article[data-animate-grid].is-scroll-grid-ready .box-image-post-single,
article[data-animate-grid].is-scroll-grid-ready .post-content-single {
    visibility: visible;
}
  
  
   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); } }
    @media only screen and (max-width: 991px) {
      .is-more-margins p, .is-more-margins h1, .is-more-margins h2, .is-more-margins h3,
      .is-more-margins h4, .is-more-margins h5, .is-more-margins h6 {
        margin-bottom: 1.5rem;
      }
    }
    @media only screen and (max-width: 767px) {

        .faq-question-item {
            transition: border-radius 0.2s ease, border-radius 0.2s ease;
        }

        .faq-main-element.is-open .faq-question-item {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .faq-main-element.is-open .faq-answer-box {
            margin-top: -5.5rem;
        }

        .video-shape-wrapper.is-desktop {
            display: none;
        }

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