body:not(.section-home) .custom-breadcrumbs > ul > li:first-child a { font-weight: 500; }

/* CUSTOM BREADCRUMBS */
.custom-breadcrumbs { display: none; }

.region-header nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-breadcrumbs > ul {
  display: flex;
  flex-direction: row;
}

.custom-breadcrumbs > ul > li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 27px;
}

.custom-breadcrumbs li button:hover,
.custom-breadcrumbs li a:hover { cursor: pointer; }

.custom-breadcrumbs ul li a,
.custom-breadcrumbs ul li span {
  font-size: 13px;
  color: #191A1A;
}

/* DROPDOWN MENU STYLE */
.custom-breadcrumbs li.open-submenu .dropdown {
  opacity: 1;
  top: 2em;
  pointer-events: all;
  transition: all 300ms ease;
}

.custom-breadcrumbs .dropdown {
  overflow: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1em;
  left: -21px;
  width: 270px;
  padding: 0;
  opacity: 0;
  color: #FFF;
  background-color: #212121;
  border-radius: 6px;
  transition: all 300ms ease;

}

.custom-breadcrumbs .dropdown li { margin: 0; }
/* .custom-breadcrumbs .dropdown li a:hover { background-color: #242424; } */
.custom-breadcrumbs .dropdown li a:hover { background-color: #333; }

.custom-breadcrumbs .dropdown li a {
  color: #FFF;
  font-weight: 300;
  display: block;
  width: 100%;
  line-height: 1.2em;
  margin: 0;
  padding: .65em 1.5em;
  font-size: 14px;
}

.custom-breadcrumbs .dropdown li:not(:last-child) a {
  border-bottom: 1px #333 solid;
}

.custom-breadcrumbs .dropdown .is-active {
  color: #FFF;
  text-decoration: underline;
}

.custom-breadcrumbs .dropdown li span {
  /* text-transform: uppercase; */
  font-style: italic;
  display: block;
  font-size: 14px;
  line-height: 1.1em;
  padding: .5em .5em .5em 1.5em ;
  margin-top: 1em;
  font-weight: 300;
  color: #FFFFFF99;
}

/* OPEN DROPDOWN BUTTON */
.custom-breadcrumbs ul li button {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: block;
  padding: 0;
  margin: auto 0;
  margin-left: 4px;
  border: none;
  outline: none;
  color: #333;
  background-color: transparent;
  font-size: 0;
  font-weight: 500;
  cursor: pointer;
  transition: all 300ms ease;
}

.custom-breadcrumbs ul li > button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../../assets/icons/icon_accordion_down.svg);
}

.custom-breadcrumbs ul li.open-submenu > button::after {
  background-image: url(../../assets/icons/icon_close.svg);
}

.custom-breadcrumbs > ul > li:not(:first-child) { position: relative; }

.custom-breadcrumbs > ul > li:not(:first-child)::before {
  content: '/';
  position: absolute;
  top: 9px;
  left: -19px;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  display: block;
  color: rgb(189, 189, 189);
  font-size: 16px;
}

/* ACTIVE BREADCRUMB */
.custom-breadcrumbs ul .last-active > a,
.custom-breadcrumbs ul .last-active > span {
  text-decoration: none;
  font-size: 16px;
  font-weight: 300;
}

/* FIRST BREADCRUMB COLOR */
/* .section-home .custom-breadcrumbs > ul > li:first-child a { color: var(--main_blue); } */
.section-home .custom-breadcrumbs > ul > li:first-child a {
  color: #aaa;
  font-size: 16px;
}

.section-hecap .custom-breadcrumbs > ul > li:first-child a,
.section-hecap .custom-breadcrumbs > ul > li.last-active a { color: var(--hecap); }
.section-hecap .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_hecap.svg); }
.section-hecap .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_hecap.svg); }

.section-cmsp .custom-breadcrumbs > ul > li:first-child a,
.section-cmsp .custom-breadcrumbs > ul > li.last-active a { color: var(--cmsp); }
.section-cmsp .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_cmsp.svg); }
.section-cmsp .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_cmsp.svg); }

.section-math .custom-breadcrumbs > ul > li:first-child a,
.section-math .custom-breadcrumbs > ul > li.last-active a { color: var(--math); }
.section-math .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_math.svg); }
.section-math .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_math.svg); }

.section-esp .custom-breadcrumbs > ul > li:first-child a,
.section-esp .custom-breadcrumbs > ul > li.last-active a { color: var(--esp); }
.section-esp .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_esp.svg); }
.section-esp .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_esp.svg); }

.section-qls .custom-breadcrumbs > ul > li:first-child a,
.section-qls .custom-breadcrumbs > ul > li.last-active a { color: var(--qls); }
.section-qls .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_qls.svg); }
.section-qls .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_qls.svg); }

.section-sti .custom-breadcrumbs > ul > li:first-child a,
.section-sti .custom-breadcrumbs > ul > li.last-active a { color: var(--sti); }
.section-sti .custom-breadcrumbs ul li > button::after { background-image: url(../../assets/icons/icon_accordion_down_sti.svg); }
.section-sti .custom-breadcrumbs ul li.open-submenu > button::after { background-image: url(../../assets/icons/icon_close_sti.svg); }

@media (min-width: 1024px) {
  .custom-breadcrumbs {
    display: block;
    opacity: 0;
    transition: 0.3s ease;
  }

  .site-header:hover .custom-breadcrumbs,
  .site-header:not(.scrollDown) .custom-breadcrumbs {
    opacity: 1;
    transition: 0.3s ease;
  }
}