:root { --opi-primary-color: #004b95; /* blue rgb(0,75,149) */ --opi-accent-color: #FEA14C; /* orange rgb(254, 161, 76 */ --white: #ffffff; /*--primary-color: var(--opi-primary-color);*/ --accent-color: var(--opi-accent-color); --palette-primary-500: 254,161,76; /* same color as --opi-accent-color */ /*--palette-primary-contrast-500: var(--opi-text-primary-color); */ /*--primary-font-color: var(--ked-text-primary-color);*/ --splash-primary-background-color: var(--opi-primary-color); --splash-second-background-color: var(--opi-accent-color); /*--welcome-disclaimer-background-color: var(--opi-primary-color);*/ /*--welcome-disclaimer-color: var(--opi-text-caution-color);*/ --donor360-accent-color: var(--opi-accent-color); } .mat-flat-button.mat-primary .mat-raised-button.mat-primary .mat-fab.mat-primary .mat-mini-fab.mat-primary { background-color: rgba(var(--opi-accent-color), 1); } @media only screen and (max-width: 599px) { .welcome-container .content-container .splash-logo { height: auto !important; } } /* fix squished logo */ hae-header .logo { height: auto !important; } /* make are you a donor question look better */ hae-post-registration .mat-card { width: 80% !important; } hae-post-registration .content { height: 20% !important; } /* fix weird centered header on donor lookup */ hae-record-lookup .middle-content-container > .center { margin: unset; } /* hide qnr stats */ hae-home #home-stats { display: none; } /* hide header logo */ .logo { display: none !important; } /* change font face to "Roboto" */ div *:not(.mat-icon) { font-family: "Roboto", "Helvetica Neue", sans-serif !important; } /* fix non-capitalized name in site.greeting */ hae-site .jst-container > h1.header { text-transform: capitalize; } /* SPINNER COLOR FIX FOR Non-Primary color */ mat-spinner.mat-primary { --mdc-circular-progress-active-indicator-color: rgb(var(--palette-primary-500)); }