/*
   Styles for Research section

          Dark: #3d5c57
         Light: #667d78
   30% lighter: #b3cac5
*/

/* 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: white; }


/* Navigation breadcrumbs and related links. */

#crumbs { background-color: rgb(240, 242, 241); } /* Needs to be opaque for sticky positioning. */
@media (min-width: 768px) { #crumbs { background-color: rgb(102, 125, 120, 0.1); } }
#content .relatedlinks a { background-color: rgb(102, 125, 120, 0.1); }
#content .relatedlinks a:hover { background-color: rgb(102, 125, 120, 0.2); }


/* Side menu. */

.side-menu a.current,
.side-menu .side-submenu.expanded a.current,
.side-menu .side-submenu.expanded .side-submenu.expanded a.current
   { background-color: #667d78; color: white; border-right: 5px solid var(--color-research-bg); }
.side-menu a.current:hover,
.side-menu .side-submenu.expanded a.current:hover,
.side-menu .side-submenu.expanded .side-submenu.expanded a.current:hover
   { background-color: #667d78; }


/* Paragraphs, list items, hyperlinks. */

#content a { color: #3d5c57; }
#content a:hover { background-color: #b3cac5; }