:root {
    --cassiopeia-color-primary: #FFEB3B;
    --template-text-light: #000000;
    --body-color-rgb: 255, 245, 157;
}

/* If you want to color something, only if you move the mouse over it then write :hover after it
*/

.btn-primary {
    --btn-color: #000
}

.btn-primary:hover {
    background: rgb(255, 143, 0);
}

.card {
  --card-cap-bg: #FFEB3B;
}

.breadcrumb {
 background-color: #FFEB3B;
}

body {
	background-color: #FFF9C4;
}

.container-header {
  background-image: none; }

ul.mod-menu.mod-list.nav li.nav-item a,
ul.mod-menu.mod-list.nav li.nav-item a:visited {
color: #000 !important;
}
ul.mod-menu.mod-list.nav li.nav-item a:hover,
ul.mod-menu.mod-list.nav li.nav-item a:focus {
color: #000 !important;
}

/* also force active/current item */
ul.mod-menu.mod-list.nav li.current > a,
ul.mod-menu.mod-list.nav li.active > a {
color: #000 !important;
}