/*
   Styles for Students section
*/

/* Section banner. */

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


/* 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(186 158 102 / 0.1); } }
#content .relatedlinks a { background-color: rgb(186 158 102 / 0.1); }
#content .relatedlinks a:hover { background-color: rgb(186 158 102 / 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(186 158 102 / 0.8); color: black; font-weight: bold; border-right: 5px solid rgb(186 158 102); }
.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(186 158 102 / 0.8); }


/* Paragraphs, list items, hyperlinks. */

#content a { background-color: rgb(186 158 102 / 0.1); font-weight: 400; }
#content a:hover { background-color: rgb(186 158 102 / 0.4); }