/*
 * Shared chrome for the public pages.
 *
 * Emitted automatically alongside the Webflow bundle by buildCss() in
 * assets/snippets/traits/global.php, so it loads BEFORE each page's own
 * <style> block. A page that needs something different can therefore just
 * declare it inline and win on source order -- see the scrollbar note below.
 */

/* ---------------------------------------------------------------------------
 * Webflow interaction fallback.
 *
 * Keeps the hero elements at their final opacity when the Webflow IX engine
 * has not applied inline styles yet (html.w-mod-js without .w-mod-ix). This
 * was pasted identically into 8 separate page templates.
 * ------------------------------------------------------------------------- */
@media (min-width: 992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="dfcb7195-4227-4a80-9b62-cc87cdf8a987"] {
        opacity: 1;
    }
    html.w-mod-js:not(.w-mod-ix) [data-w-id="dfcb7195-4227-4a80-9b62-cc87cdf8a988"] {
        opacity: 0;
    }
}

/* ---------------------------------------------------------------------------
 * Scrollbars.
 *
 * The site had three conflicting policies across 12 pages: 5px (6 pages),
 * 2px (2 pages) and display:none (4 pages) -- plus the same thumb colour
 * written as both #621B74 and #621b74. 5px + the purple thumb is the shared
 * default now.
 *
 * To hide the scrollbar on a specific page, declare this in that page's own
 * <style> block, which loads after this file:
 *
 *     ::-webkit-scrollbar { display: none; }
 *
 * blog/, parteneri/ and voluntariat/ do exactly that and are unaffected by
 * the default set here.
 * ------------------------------------------------------------------------- */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #621B74;
    border-radius: 100px;
    width: 5px;
    height: 5px;
}