/*
Theme Name: Hello Elementor - Child
Template: hello-elementor
Author: DG
Version: 0.1.0.1721139357
Updated: 2025-04-07 16:15:57

*/

.text-balance{
    text-wrap: balance;
}

.mix-blend-mode-difference{
	mix-blend-mode:difference !important;
}

body{
    & .sticky-header{
        position: absolute;
        transition: all 0.25s ease-in-out;

        @media (max-width:768px) {
            & .dg__sticky-header-wrapper{
                & .e-con-inner > div{
                    flex:1;
                }
            }
        }
    }
    &.sticky{
        & .sticky-header{            
            position: fixed;
            top:0;
            background-color: var( --e-global-color-primary ) !important;

            & .elementor-widget-divider{
                display: none;
                opacity: 0;
                visibility: hidden;
            }
            & .main-logo img{/*logo*/
                height: 70px;
                width: 100%;
                object-fit: scale-down;
            }
            & .main-nav{
                & nav{
                    top:60px !important;

                    & > ul{
                        align-items: end;

                        & > li  a:first-child{
                            padding-bottom: 5px;
                        }
                    }
                }
            }
        }        
    }
    & .main-nav{
        & .hfe-nav-menu{
            & .menu-item{
                & a::after {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 2px;
                    transform: scale(0);
                    bottom: 0;
                    transform-origin: left;
                }                
            }            
            & ul.sub-menu{
                margin-left: 1rem;
            }
        }
        @media (max-width:1024px){
            width:100%;
            
            & .hfe-nav-menu{
                & .hfe-nav-menu__toggle{
                    text-align:right;
                    padding-right: 1rem;
                }                
                & > nav{
                    position:fixed !important;
                    top:90px !important;
                    right:0 !important;
                    width:100% !important;
                    translate:0 -200%;
                    transition: translate 0.5s ease-in-out;

                    &.menu-is-active{
                        z-index: 100;
                        translate: 0 0;
                        transition: translate 0.5s ease-in-out;
                    }
                }                
                & .hfe-nav-menu__toggle{
                    margin:unset !important;
                }
            }
        }
        @media (max-width:768px){
            & .hfe-nav-menu{
                & > nav{
                    position:fixed !important;
                    top:60px !important;
                } 
                & .menu-item{
                    & a::after{
                        display:none !important;	
                    }
                }
            }
        }
    }    
}