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

html,
body {
    overflow-x: hidden;
}

/* Typography */
strong,
bold {
	font-weight: 600 !important;
}

/* Forms & Buttons */
.elementor-button {
	fill: rgb(0, 0, 0);
}

/* Popup settings */
.scrolling-textarea {
    height: 600px;
    overflow-y: auto;
	overscroll-behavior: contain;
	touch-action: pan-y;
    scrollbar-width: thin;
    scrollbar-color: #9a9a9a transparent;
}

.scrolling-textarea::-webkit-scrollbar {
    width: 8px;
}

.scrolling-textarea::-webkit-scrollbar-track {
    background: transparent;
}

.scrolling-textarea::-webkit-scrollbar-thumb {
    background: #9a9a9a;
    border-radius: 999px;
}

.scrolling-textarea::-webkit-scrollbar-thumb:hover {
    background: #7f7f7f;
}

@media (max-width: 767px) {
    .scrolling-textarea {
        height: 40vh !important;
    }
}

/*
@media (max-width: 767px) {
    .scrolling-textarea {
        height: auto;
        min-height: initial;
        overflow-y: visible;
        scrollbar-width: auto;
        scrollbar-color: auto;
    }

    .scrolling-textarea::-webkit-scrollbar {
        width: auto;
    }

    .scrolling-textarea::-webkit-scrollbar-track,
    .scrolling-textarea::-webkit-scrollbar-thumb,
    .scrolling-textarea::-webkit-scrollbar-thumb:hover {
        background: initial;
        border-radius: initial;
    }
}
*/

/**
 * Sticky section stack
 * Page IDs: 48 and 62
 */

:root:has(body:is(.page-id-48, .page-id-62)) {
    --sticky-header-offset: 0px;
    --section-1-height: 0px;
    overflow-x: clip !important;
}

body:is(.page-id-48, .page-id-62) {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

@media (min-width: 768px) {
    /* Section 1 sticks to the top of the viewport */
    body:is(.page-id-48, .page-id-62) #section-1 {
        position: sticky;
        top: var(--sticky-header-offset);
        z-index: 10;
    }

    /* Sections 2, 3 and 4 share the same sticky position */
    body:is(.page-id-48, .page-id-62) #section-2,
    body:is(.page-id-48, .page-id-62) #section-3,
    body:is(.page-id-48, .page-id-62) #section-4 {
        position: sticky;
        top: calc(
            var(--sticky-header-offset) + var(--section-1-height)
        );
    }

    /* Later sections roll over earlier sections */
    body:is(.page-id-48, .page-id-62) #section-2 {
        z-index: 20;
    }

    body:is(.page-id-48, .page-id-62) #section-3 {
        z-index: 30;
    }

    body:is(.page-id-48, .page-id-62) #section-4 {
        z-index: 40;
    }

    /* All normal content after Section 4 rolls over the sticky stack */
    body:is(.page-id-48, .page-id-62) #section-4 ~ * {
        position: relative;
        z-index: 50;
    }
}