@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
.header-container .name h1,
.header-container .name .slogan,
.see-all-container h2,
.see-all-container m4-menu--bar-item-text.light {
    font-family: Montserrat, serif !important;
    font-weight: 900 !important;

}

/* General font */
#app,
body,
html,
#cms-header .m4--menu-item,
.m4--menu-item-focusable .m4--menu-item-link,
.m4--menu-item-text,
.m4--menu-item-focusable,
* {
    font-family: Lato, sans-serif !important;
    font-weight: 450;
}

/* START Custom Buttons on Events page */
#app .eventsCustomButtons {
    --custom-event-button-bg-color: var(--primary-color);
    --custom-event-button-link-color: #FFF;
    --custom-event-button-border-color: var(--primary-color);

    --custom-event-button-hover-bg-color: #FFF;
    --custom-event-button-hover-link-color: var(--primary-color);

    a {
        border-width: 2px;   
    }
}

/* END Custom Buttons on Events page */