html {
    scroll-padding-top: 146px;
    scroll-behavior: smooth;
}


/* Pin the whole header (both bars) to the top on scroll. */

/* Makes header sticky to the top of the page */
.et-l--header {
    position: sticky;
    top: 0;
    z-index: 99999;
}

/* In tandem with JS snippet handles the highlighting of currently visible section */
#menu-main-menu li.current-menu-item > a,
#menu-main-menu li.current-menu-item > a span,
.et_mobile_menu li.current-menu-item > a,
.et_mobile_menu li.current-menu-item > a span {
    color: var(--gcid-primary-color) !important;
}