/* Hide About in the navigation menu. */
#layout-menu #taskmenu a.about {
    display: none !important;
}

/* Peoples Bank navigation colours. */
#layout-menu,
#layout-menu .popover-header,
#layout-menu #taskmenu {
    background: #17365d !important;
    color: #ffffff !important;
}

#layout-menu #taskmenu a {
    color: #ffffff !important;
}

#layout-menu #taskmenu a:hover,
#layout-menu #taskmenu a:focus-visible {
    background: #254f7d !important;
    color: #ffffff !important;
}

#layout-menu #taskmenu a.selected {
    background: #306496 !important;
    color: #ffffff !important;
    box-shadow: inset 4px 0 0 #f1c76b;
}

/* Continue navy background through the bottom controls and Logout. */
#layout-menu,
#layout-menu #taskmenu,
#layout-menu #taskmenu .action-buttons,
#layout-menu #taskmenu .special-buttons,
#layout-menu #taskmenu .special-buttons a {
    background-color: #17365d !important;
    color: #ffffff !important;
}

#layout-menu #taskmenu .special-buttons a:hover,
#layout-menu #taskmenu .special-buttons a:focus-visible {
    background-color: #254f7d !important;
}