:root{
    --black:#0D0D0D;
    --dark-blue:#001033;
    --blue:#5389FF;
    --white:white;
    --transparent-white:rgba(255,255,255,0.05);
    --second-transparent-white:rgba(255,255,255,0.1);
    
    --xxs-spacing:5px;
    --xs-spacing:10px;
    --s-spacing:20px;
    --s-m-spacing:30px;
    --m-spacing:40px;
    --l-spacing:80px;
    --xl-spacing:100px;
    --xxl-spacing:150px;
    --xxxl-spacing:200px;
}

body,html{
    background:linear-gradient(var(--black),var(--dark-blue));
    background-repeat:no-repeat;
    margin:0 !important;
}


/*--------------------------------------------------------------------GENERAL----------------------------------------------------------------------------------*/
#wpadminbar{
    display:none !important;
}

.elementor-button{
    font-weight:900 !important;
    transition:all 0.3s;
    transform:scale(1);
}

.elementor-button.accordion{
    background-color:var(--blue);
    display:block !important;
    width:fit-content;
    margin-top:20px;
}

.elementor-button:hover{
    transform:scale(1.05);
}

.ccew_html_container{
    overflow:hidden !important;
    border-radius:var(--m-spacing) !important;
}

@media(max-width:1024px){
    .ccew_html_container{
        width:100%;
    }
}

@media(max-width:425px){
    .ccew_html_container{
        width:100% !important;
    }
}

/*--------------------------------------------------------------------GENERAL----------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------CLASSES----------------------------------------------------------------------------------*/

.background-blur{
    backdrop-filter:blur(100px);
}

.secondary-btn a,.elementor-button.accordion.secondary-btn{
    background-color:var(--second-transparent-white) !important;
    border:solid 1px white;
}

/*--------------------------------------------------------------------END CLASSES----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------HEADER----------------------------------------------------------------------------------*/

header a.hfe-menu-item.elementor-button{
    background-color:var(--blue) !important;
}

.admin-bar .hfe-side{
    margin-top:0 !important;
}


@media(max-width:1024px){
    
    #hfe-flyout-content-id-0939130{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        height:calc(100vh - 20px) !important;
        border-radius:30px !important;
        overflow:hidden !important;
    }
    
    #hfe-flyout-content-id-0939130 .hfe-flyout-close{
        right:10px !important;
        top:10px !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-0939130 .hfe-flyout-content{
        background-color:rgba(255,255,255,0.9);
    }
    
    header .hfe-has-submenu-container .hfe-menu-item, header ul.sub-menu a{
        color:var(--black) !important;
    }  
    
    header #menu-item-32, header .hfe-has-submenu-container .hfe-menu-item{
        margin-top:10px !important;
    }

    
    header ul.sub-menu{
        background-color:transparent !important;
    }
    
    .hfe-flyout-show{
        animation-name:menu-animation;
        animation-duration:1s;
    }
    
    @keyframes menu-animation {
        0%{
            opacity:0;
            transform:translateX(-10px);
        }
        100%{
            opacity:1;
            transform:translateX(0);
        }
    }
}

/*--------------------------------------------------------------------END HEADER----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------FOOTER----------------------------------------------------------------------------------*/

footer{
    max-width:1200px !important;
    display:block !important;
    margin:auto !important;
}

@media(max-width:1024px){
    footer{
        width:calc(100% - 20px) !important;
        margin-inline:10px !important;
    }
}
/*--------------------------------------------------------------------END FOOTER----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------HOME----------------------------------------------------------------------------------*/

.eael-adv-accordion{
    background-color:var(--transparent-white) !important;

/*--------------------------------------------------------------------END HOME----------------------------------------------------------------------------------*/
