.btn-primary:hover { background-color: #548B8A; border-color: #548B8A; } /* Secondary button */ .btn-secondary:hover { background-color: #548B8A; border-color: #548B8A; } .big-btn { font-size: 1.25rem; font-weight: 700; } .container-topbar { max-width: 1320px; margin-left: auto; margin-right: auto; } .container-header { position: relative; z-index: 10; margin-bottom: 0px; background-color: #434178; background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; } .container-header .mod-menu>li:hover {color:#434178;} } .container-header .mod-menu li { color: #000000; /* colours the menu items red-brown */ } .container-header .mod-menu li.active, .container-header .mod-menu > li:hover { background: #457774; /* colours the active menu item yellow and the top level items (when hovered) */ } .container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after { background: #ffffff; /* replace the white "underline" with yellow when hovering over a menu item */ } .navbar a:hover { background: #ffffff; } .footer { background-color: #434178; background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; }