/* 
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.0
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
*/

/* Add your custom styles here */

#hdr-nav nav.elementor-nav-menu--dropdown { position: absolute; right: 0px; top: 20px; width: 150px; }

@media (max-width: 1024px) {
#ftr-menu ul li a { justify-content: center; }
}

.mobile-fixed-bg {
    position: relative;
    isolation: isolate;

    /*
     * Do not use overflow:hidden.
     * This can interfere with fixed descendants,
     * especially in mobile browsers.
     */
    overflow: visible !important;
}


/*
 * The clipping window.
 * This ensures the fixed background is only visible
 * inside its own Elementor container.
 */
.mobile-fixed-bg > .mobile-fixed-bg-clip {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    clip-path: inset(0);
    -webkit-clip-path: inset(0);

    pointer-events: none;

    z-index: 0;
}


/*
 * Actual viewport-fixed background.
 *
 * No JavaScript movement is used,
 * so momentum scrolling remains smooth.
 */
.mobile-fixed-bg > .mobile-fixed-bg-clip > .mobile-fixed-bg-layer {
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    min-height: 100vh;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    pointer-events: none;

    z-index: 0;
}


/*
 * Keep Elementor content above the background.
 */
.mobile-fixed-bg > *:not(.mobile-fixed-bg-clip) {
    position: relative;
    z-index: 1;
}



@media (max-width: 768px) {
.center-horizontally .elementor-icon-box-wrapper { text-align: center !important; flex: none !important; display: block !important; }
.center-horizontally .elementor-icon-box-wrapper .elementor-icon-box-icon { display: inline !important; position: relative !important; bottom: -1px !important; } 
.center-horizontally .elementor-icon-box-wrapper .elementor-icon-box-content { display: inline-block !important; width: auto !important; } 
}