/*
   Styles for People section

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


/* Section banner. */

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


/* Main menu. */

#main-menu li#people { background-color: #9e9c70; }
#main-menu li#people a { color: white; }


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


/* Styles for list of faculty expertise. */

#content #facultyexpertise { font-size: 120%; width: 100%; line-height: 150%; }
#content #facultyexpertise td { vertical-align: top; padding-bottom: 0.5em; }
#content #facultyexpertise .expertise { width: 40%; font-weight: 500; padding-right: 20px; text-align: right; }

#content div.expertise { display: flex; flex-direction: row; margin-bottom: 20px; }
#content div.expertise p { margin: 0; }
#content div.expertise a { background-color: white; font-weight: 300; padding: 0; border-radius: 0; }
#content div.expertise a:hover { border-bottom: 1px solid #4f4a21; }
#content div.expertise-tag { flex-basis: 30%; flex-grow: 0; flex-shrink: 0; text-align: right; }
#content div.expertise-tag p { font-size: 125%; font-weight: 500; }
#content div.expertise-people { flex-basis: 70%; flex-grow: 0; flex-shrink: 0; margin-left: 1.5em; }
#content div.expertise-people p { padding-left: 0.5in; text-indent: -0.5in; }