.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
a.btn-secondary:hover,
a.btn-secondary.focus,
a.btn-secondary:focus,
a.btn-secondary:not(:disabled):not(.disabled).active,
a.btn-secondary:not(:disabled):not(.disabled):active,
.schedule-grid .status.bg-secondary,
.badge-secondary,
.btn-secondary,
a.btn-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle,
a.btn-outline-secondary:hover,
a.btn-outline-secondary.focus,
a.btn-outline-secondary:focus,
a.btn-outline-secondary:not(:disabled):not(.disabled).active,
a.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>a.btn-outline-secondary.dropdown-toggle,
.schedule-grid .status.bg-secondary,
.badge-secondary,
.btn-outline-secondary,
a.btn-outline-secondary{
    color:var(--color-primary) ;
}

.component.nextevent.bg-primary .mod-next-event.style4 .glass-card .day { color:var(--color-primary)!important }

html:not(.sticky-nav) .navbar.navbar-primary { background:rgba(238,238,238,0.9)!important }
.section.header .navbar.navbar-primary .navbar-brand.navbar-logo { background:#fff!important; box-shadow:1px 2px 15px #ccc inset }
html.sticky-nav .navbar-primary-social a,
html.sticky-nav .section.header .navbar.navbar-primary > .container > .collapse > ul > li.nav-item > a.nav-link { color:#fff!important }

html.sticky-nav .navbar-toggler span.animated-hamburger-part { background:#fff }
html.sticky-nav .navbar-toggler { color:#fff!important }

@media only screen and (min-width: 992px) {


.section.header .navbar.navbar-primary > .container > .collapse > ul > li.nav-item > a.nav-link { font-size:1.25rem }

}