header {
  border-bottom: 2px solid #15c40f;
}

.section h4 {font-size: 1.15rem;}

#topbar {
  background-color: var(--c-blue);
  color: #FFF;
}

#topbar .logo {
  max-height: 32px;
  margin: .25rem;
  margin-left: 0;
}

#topbar .nav-top-menu .nav-item .nav-link,
#topbar .nav-top-menu .nav-item .nav-link:hover {
  color: #FFF;
}

#topbar .nav-top-menu .nav-item .nav-link:hover {
  color: var(--c-yellow);
}

.action-logo {
  width: 100%;
  overflow: hidden;
  max-width: 175px;
  max-height: 90px;
  margin: 0 auto;
}

.action-logo img {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  cursor: pointer;
}

.card {border-color: #D5E0ED;}

.card a.card-link {text-decoration: none;}

.accordion-item {border-color: #D5E0ED;}

.accordion-button:not(.collapsed) {
  color: var(--c-dark-blue);
  background-color: #F0F7FF;
  font-weight: 500;
}

.accordion-button:focus {
  box-shadow: none;
}

.thumbnail-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  cursor: pointer;
}

/* Breadcrumbs */
.breadcrumb-nav {
  padding: .5rem 0;
  border-radius: .25rem;
  margin-bottom: 1rem;
}

.breadcrumb-nav .breadcrumb {margin-bottom: 0;}

.breadcrumb-nav .breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item .icon {
  font-size: .95rem;
  padding-bottom: .5rem;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item a {text-decoration: none;}

.breadcrumb-nav .breadcrumb .breadcrumb-item a:hover {text-decoration: underline;}