/* DO NOT ADD/EDIT AFTER THIS LINE */
/* ===== BRANCH COLORS: edit only this block per client ===== */
:root {
  --br-page-bg: #253551;        /* page background: client navy */
  --br-nav-bg: #FFFFFF;         /* top navbar: white */
  --br-nav-border: #D4D4D4;     /* soft gray border */
  --br-nav-text: #253551;       /* navbar links/icons: client navy */
  --br-branch-name: #253551;    /* branch name next to logo */
  --br-breadcrumb-bg: #253551;  /* breadcrumb bar: navy */
  --br-breadcrumb-text: #FFFFFF;
  --br-search-bg: #FFFFFF;
  --br-notice-bg: #253551;      /* grades banner: navy */
  --br-notice-text: #FFFFFF;
}
/* ===== Layout and rules (no edits needed) ===== */
.bold-text { font-size: 25px; font-weight: bold; }
html, body { background-color: var(--br-page-bg); }
div.breadcrumb-x {
  background-color: var(--br-breadcrumb-bg);
  border-color: var(--br-breadcrumb-bg);
}
ol.breadcrumb > li > a,
div.breadcrumb-x > div > ol > li > a { color: var(--br-breadcrumb-text); }
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"],
#ef-navbar li button.dropdown-toggle[aria-expanded="true"] {
  background-color: var(--br-nav-bg) !important;
  border-color: var(--br-nav-border) !important;
}
#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > a:visited,
#ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > a i,
#ef-navbar .container ul.nav.navbar-nav > li > button i,
#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .caret,
#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle.caret {
  color: var(--br-nav-text);
}
#ef-navbar .container .navbar-header { max-width: 200px; }
#ef-navbar .container .navbar-header .ef-navbar-logo img { max-width: 140%; }
#ef-navbar .container .navbar-header .ef-navbar-branch-name {
  padding: 23px 0;
  max-width: 190px;
  margin-left: 60px;
  font-size: 13px;
  color: var(--br-branch-name);
}
#ef-navbar .container .navbar-collapse { padding: 0 60px; }
#ef-search { background-color: var(--br-search-bg); }
div.ef-content-area { text-align: left; }
/* Grades notice banner */
.ef-grades-buttons-container { position: relative; }
.ef-grades-buttons-container::before {
  content: "Typically, only instructor-graded assignments and tests (not quizzes) are calculated as part of your final score for this course";
  position: absolute;
  top: 50%;
  left: -850px;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--br-notice-text);
  background-color: var(--br-notice-bg);
  padding: 8px 16px;
  border-radius: 4px;
}