/*
   Styles for Resources section

          Dark: #4f4a21
         Light: #9e9c70
   20% lighter: #d1cfa3
*/


/* Section banner. */

@media (min-width: 768px) { #colour-banner { background-color: #9e9c70; } }


/* Navigation breadcrumbs and related links. */

#crumbs { background-color: rgb(245, 245, 241); } /* Needs to be opaque for sticky positioning. */
@media (min-width: 768px) { #crumbs { background-color: rgb(158, 156, 112, 0.1); } }
#content .relatedlinks a { background-color: rgb(158, 156, 112, 0.1); }
#content .relatedlinks a:hover { background-color: rgb(158, 156, 112, 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: #4f4a21; color: white; border-right: 5px solid #9e9c70; }
.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: #4f4a21; }


/* Paragraphs, list items, hyperlinks. */

#content a { color: #4f4a21; }
#content a:hover { background-color: #d1cfa3; }