/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.main-menu nav ul li {
    margin-right: 24px;
}

.steps-section .steps-section-row .middle-column img{
    content: url("icons/step-symbol.svg");
    z-index: 10;
    position: relative;
}

.steps-section .steps-section-row .middle-column .checked img{
    content: url("icons/step-symbol-checked.svg");   
}
.steps-section{
    position: relative;
    --line-top: 0px;
    --line-height: 100%;
    --progress: 0px;
}

/* szara linia */
.steps-section::before{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    z-index: 1;
    pointer-events: none;   
    top: var(--line-top);
    height: var(--line-height); 
    background: repeating-linear-gradient(
      to bottom,
      #D8D8D8 0 6px,
      transparent 6px 14px
    );
}

/* progres (kolorowa część, rośnie w dół) */
.steps-section::after{
    z-index: 2;
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:2px;  
    top: var(--line-top);
    height: var(--progress);    
    background: repeating-linear-gradient(
      to bottom,
      #0D2C6C 0 6px,
      transparent 6px 14px
    );
}