/* 
 ** page-governance.css
 ** 
 ** The style definitions for page Governance. 
 **
 ** $Revision: 1.0$
 ** $Date: 2023-03-03$
 ** Auther: Charles Sun
 ** Copyright: Montage Technology Co. Ltd
 */

@import "../variables.css";

/* Tabs in Governance */
/* #tab-73 .nav-tabs { */
#tab-73 .nav-tabs {
  border: none;
}

#tab-73 .nav-link {
  border: none;
}

#tab-73 .nav-link.active {
  background-color: var(--accent);
  color: white;
}

/* hide other tab panes but the executives in the English version */
#tab-73 .nav {
  display: block;
  text-align: center;
}
#tab-73 .nav .nav-item {
  display: inline-block;
}
html[lang="en"] #tab-73 .nav {
  display: none;
}

/* Show the executives pane (last child) in the English version */
/* html[lang='en'] #tab-73-3 { */
/* html[lang='en'] .tab-pane.active {
  display: none !important;
}
*/
html[lang='en'] .tab-pane:last-child {
  display: block;
}

/* Accordion styles for executives, etc */
/* .accordion * {
  font-size: 1rem;
}
.accordion .card {
  border: none;
}
.accordion .card-header {
  background-color: transparent;
}
.accordion .staff-position {
  font-size: smaller !important;
  font-weight: 600;
}
.accordion a {
  color: red;
  text-decoration: none;
  margin-left: -1rem;
}
.accordion a.collapsed::before {
  display: inline-block;
  width: 1rem;
  color:red;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
}
.accordion a::before {
  display: inline-block;
  width: 1rem;
  color:red;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
} */

/* panel-group (Accordion) styles for executives, etc */
.staff-list .card-group {
  display: block;
}

.staff-list .panel-group,
.staff-list .card-group {
  margin-left: 1rem;
  margin-right: 1rem;
  width: 100%;
}

.staff-list .panel-group,
.staff-list .card-group * {
  font-size: 1rem;
}

.staff-list .panel-group .card,
.staff-list .card-group .card {
  border: none;
}


.staff-list .panel-group .card-header, 
.staff-list .card-group .card-header {
  background-color: transparent;
  border-bottom: 1px solid lightgray;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.staff-list .panel-group .card-body, 
.staff-list .card-group .card-body {
  text-align: justify;
}

.staff-list .panel-group .card-header .btn {
  background-color: transparent;
  text-align: left;
}

.staff-list .panel-group .card-header .staff-position,
.staff-list .card-group .card-header .staff-position {
  color: black;
}

.staff-list .panel-group .card-header .staff-name, 
.staff-list .card-group .card-header .staff-name {
  color: var(--accent);
  color: var(--accent);
  text-decoration: none;
  margin-left: -1rem;
}

.staff-list .panel-group .staff-name::before {
  display: inline-block;
  width: 1rem;
  color: var(--accent);
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
}

.staff-list .panel-group button[aria-expanded="true"] .staff-name::before, 
.staff-list .card-group .staff-name::before {
  display: inline-block;
  width: 1rem;
  color: var(--accent);
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
}