/*---------------------------------------------------Header---------------------------------------------------*/

.header {
  background-color: #012265 !important;
  color: #ffff00;
  font-family: "Roboto", sans-serif;
}

#header-logo {
  max-width: 230px;
}

#header-text {
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5rem;
}
.prev-dir-breadcrumb:hover {
  text-decoration: underline;
}

.active-dir-breadcrumb:hover {
  text-decoration: none;
}

.active-dir-breadcrumb:hover {
  text-decoration: none;
}
/*---------------------------------------------------Navigation---------------------------------------------------*/

.navigation-items {
  background-color: rgba(255, 222, 0, 1);
  color: #000000 !important;
}

.nav-link {
  color: #ffffff !important;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1rem;
}

.nav-item {
  font-family: "Roboto", sans-serif;
}

.nav-link:hover {
  color: rgb(148, 141, 141) !important;
}

.offcanvas {
  background-color: #f5f5f5;
}

.offcanvas-header {
  background-color: #012265;
}

.offcanvas-body {
  background-color: #ffffff;
}

.offcanvas-link-color {
  color: #000000 !important;
}

.offcanvas-signout-link-color {
  color: #ff0000 !important;
}

/*---------------------------------------------------Masthead---------------------------------------------------*/

.masthead {
  background-color: #ffffff;
}

#masthead-title-text {
  color: #012265;
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  /*font-size: 3rem;*/
}

#masthead-content-text {
  font-family: "Roboto", sans-serif;
  padding: 2% 0 2% 0;
  text-align: justify;
}

.masthead-link {
  text-decoration: none;
  color: #012265;
  font-weight: bold;
}

.masthead-link:hover {
  color: #012265;
  text-decoration: underline;
}

/*---------------------------------------------------Footer---------------------------------------------------*/

.footer {
  background-color: #7f7f7f;
  font-family: "Roboto", sans-serif;
}

.footer-banner {
  background-color: #47475e;
}

#footer-logo {
  max-width: 72px;
}

#footer-text {
  color: #ffffff;
}

.footer-column-title {
  color: #ffffff;
  font-weight: bold;
}

.footer-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-list-link {
  text-decoration: none;
  color: #ffffff;
}

.footer-list-link:hover {
  color: #ffffff;
}

.footer-link {
  text-decoration: none;
  color: white;
}

.footer-link:hover {
  color: yellow;
}

.ext-link:hover {
  color: #dcdcdc;
}

.saliksik-logo {
  max-width: 275px;
}

#footer-logo {
  max-width: 230px;
}