/*
   Styles for Research section
*/

/* Section banner. */

@media (min-width: 768px) { #colour-banner { background-color: var(--color-research-bg); } }


/* Main menu. */

#main-menu li#research { background-color: var(--color-research-bg); }
#main-menu li#research > a { color: var(--color-research-fg); font-weight: 400; }


/* Navigation breadcrumbs and related links. */

#crumbs-container { background-color: rgb(245 245 245); } /* Needs to be opaque for sticky positioning. */
@media (min-width: 768px) { #crumbs-container { background-color: rgb(228 61 48 / 0.1); } }
#content .relatedlinks a { background-color: rgb(228 61 48 / 0.1); }
#content .relatedlinks a:hover { background-color: rgb(228 61 48 / 0.2); }


/* Side menu. */

.side-menu .side-menu-link a::before { background-color: rgb(228 61 48 / 0.5); }
.side-menu .side-menu-link a::after { background-color: rgb(228 61 48 / 0.2); }


/* Paragraphs, list items, hyperlinks. */

#content a { font-weight: 500; background-color: rgb(228 61 48 / 0.1); }
#content a:hover { background-color: rgb(228 61 48 / 0.4); }