/*
   Styles for Community section
*/


/* Section banner. */

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


/* Main menu. */

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


/* Navigation breadcrumbs and related links. */

#crumbs { background-color: rgb(245 245 245); } /* Needs to be opaque for sticky positioning. */
@media (min-width: 768px) { #crumbs { background-color: rgb(218 227 67 / 0.1); } }
#content .relatedlinks a { background-color: rgb(218 227 67 / 0.1); }
#content .relatedlinks a:hover { background-color: rgb(218 227 67 / 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: rgb(218 227 67 / 0.8); color: black; font-weight: bold; border-right: 5px solid var(--color-community-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: rgb(218 227 67 / 0.8); }


/* Paragraphs, list items, hyperlinks. */

#content a { font-weight: 400; background-color: rgb(218 227 67 / 0.15); }
#content a:hover { background-color: rgb(218 227 67 / 0.4); }