@import url("https://fonts.googleapis.com/css?family=Barlow");

html {
  font-size: 18px;
}

body,
main *{
  font-family: "Barlow", -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
  color: #333333 !important;
}

.material-icons{
    font-family: "Material Icons" !important;
}

h3,
h4 {
  font-weight: bold;
}

strong,
b {
  font-weight: bold !important;
}

a,
a strong,
a u {
  color: #336df5 !important;
}

a:hover {
  color: #eb001f !important;
}

.header__navigation--large {
  padding: 0.5rem 2rem;
}

.header__navigation--logo a img {
  max-height: 60px;
  max-width: 60px;
}

.hc-header-font-color:hover,
.hc-header-font-color:active,
.hc-header-font-color:focus {
  color: #eb001f;
}

.space-overview__detail__intro--logo {
  display: none;
}

a.article__toc__link.node-name--H3 {
  display: none;
}

.article__content figure img {
  border: none;
}

.search-bar #search-input {
  border: 2px solid #666666;
  border-radius: 0;
}

.breadcrumbs a {
  color: #336df5 !important;
  text-decoration: underline !important;
}

.breadcrumbs a:hover {
  color: #eb001f !important;
}

.breadcrumbs--active {
  color: #666666 !important;
}

.breadcrumbs li:not(:last-child)::after {
  content: "";
  color: #333333;
  background: transparent
    url("data:image/svg+xml,%3csvg width='8' height='16' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.436008 0.325035C0.780109 -0.0511188 1.34555 -0.104039 1.75101 0.183244L1.84882 0.262162L6.67498 4.67707C7.07706 5.04489 7.10614 5.65931 6.76193 6.06278L6.67587 6.15194L1.67587 10.737C1.26882 11.1103 0.636251 11.0829 0.262981 10.6759C-0.0815762 10.3001 -0.0847493 9.73224 0.236955 9.3535L0.32414 9.26298L4.51901 5.41501L0.498881 1.73785C0.122727 1.39375 0.0698072 0.828312 0.35709 0.422848L0.436008 0.325035Z' fill='%23000C34'/%3e %3c/svg%3e")
    no-repeat;
  width: 8px;
  height: 16px;
  fill: #333333;
  display: inline-block;
  background-repeat: no-repeat;
  margin-bottom: -4px;
}

.tile--topics {
  border-radius: 0;
  box-shadow: rgb(0 0 0 / 24%) 0px 1.5px 4px, rgb(0 0 0 / 12%) 0px 1.5px 6px;
}

.tile--topics:hover {
  background-color: #fefefe;
  box-shadow: rgb(0 0 0 / 24%) 0px 2.5px 6px, rgb(0 0 0 / 19%) 0px 2.5px 6px;
  color: #333333 !important;
}

.article__content .expand-container {
  border: 0;
  border-radius: 0;
  box-shadow: rgb(0 0 0 / 24%) 0px 1.5px 4px, rgb(0 0 0 / 12%) 0px 1.5px 6px;
  padding-bottom: 1px;
}

.article__content .expand-container:hover {
  border: 0;
  box-shadow: rgb(0 0 0 / 24%) 0px 2.5px 6px, rgb(0 0 0 / 19%) 0px 2.5px 6px;
}

.article__content .expand-container:hover .expand-control {
  background-color: white;
}

.mega-accordion {
  border-radius: 0;
}