a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #C38700;
}

a.link-primary {
  color: inherit !important;
  transition: all 0.3s;
  font-weight: 500;
}
a.link-primary:hover, a.link-primary:focus {
  color: #C38700 !important;
}
a.link-secondary {
  color: inherit !important;
  transition: all 0.3s;
  font-weight: 500;
}
a.link-secondary:hover, a.link-secondary:focus {
  color: #C38700 !important;
  font-weight: 500;
}

a.dropdown-toggle::after {
  left: 5px;
  width: 8px;
  height: 20px;
  font-weight: 300;
  margin: 0;
  border: 0;
  vertical-align: 0;
  position: relative;
  top: 0;
  display: inline-block;
  content: "";
  background-color: currentColor;
  -webkit-mask: url("../../icons/seta.svg") no-repeat center;
  mask: url("../../icons/seta.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 992px) {
  a.dropdown-toggle::after {
    top: 5px;
  }
}
@media (min-width: 992px) {
  a.dropdown-toggle::after {
    transform: rotate(90deg);
  }
}
a.dropdown-toggle.down::after {
  transition: opacity 0.5s ease, left 0.5s ease;
  transform: rotate(90deg);
}
a.dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-90deg);
}
@media (min-width: 992px) {
  a.dropdown-toggle.hide-toggle {
    pointer-events: none;
  }
  a.dropdown-toggle.hide-toggle::after {
    display: none;
  }
}

a.dropdown-toggle-blue::after {
  left: 5px;
  width: 14px;
  font-weight: 300;
  margin: 0;
  border: 0;
  vertical-align: 0;
  position: relative;
  top: -1;
  display: inline-block;
  content: url("../../icons/seta-blue.svg");
  font-family: "FontAwesome";
  transition: opacity 0.5s ease, left 0.5s ease;
}
@media (min-width: 992px) {
  a.dropdown-toggle-blue::after {
    transform: rotate(90deg);
  }
}
a.dropdown-toggle-blue[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
a.dropdown-toggle-blue[aria-expanded=true]:focus::after {
  transform: rotate(-180deg);
}
@media (min-width: 992px) {
  a.dropdown-toggle-blue.hide-toggle {
    pointer-events: none;
  }
  a.dropdown-toggle-blue.hide-toggle::after {
    display: none;
  }
}

a.dropdown-toggle-grey::after {
  left: 5px;
  width: 14px;
  font-weight: 300;
  margin: 0;
  border: 0;
  vertical-align: 0;
  position: relative;
  top: -1;
  display: inline-block;
  content: url("../../icons/seta-grey.svg");
  font-family: "FontAwesome";
  transition: opacity 0.5s ease, left 0.5s ease;
}
@media (min-width: 992px) {
  a.dropdown-toggle-grey::after {
    transform: rotate(90deg);
  }
}
a.dropdown-toggle-grey[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
a.dropdown-toggle-grey[aria-expanded=true]:focus::after {
  transform: rotate(-180deg);
}
@media (min-width: 992px) {
  a.dropdown-toggle-grey.hide-toggle {
    pointer-events: none;
  }
  a.dropdown-toggle-grey.hide-toggle::after {
    display: none;
  }
}

.sources-wrapper .dropdown-toggle {
  position: relative;
  cursor: pointer;
  padding-right: 25px;
}
.sources-wrapper .dropdown-toggle::after {
  content: "" !important;
  display: inline-block !important;
  width: 10px;
  height: 10px;
  border: 0 !important;
  position: absolute;
  left: 3.3rem;
  top: 50%;
  background-color: #003F3F;
  mask: url("../../icons/chevron-right-primary.svg") no-repeat center;
  -webkit-mask: url("../../icons/chevron-right-primary.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease;
}
.sources-wrapper .dropdown-toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(270deg);
}
.sources-wrapper .sources-collapse {
  display: block !important;
  height: auto !important;
  max-height: 55px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.35s ease;
}
.sources-wrapper .sources-collapse::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.sources-wrapper .sources-collapse.show {
  max-height: 1000px;
}
.sources-wrapper .sources-collapse.show::after {
  opacity: 0;
}

div.dropdown-toggle::after {
  display: none;
}
div.dropdown-toggle a::after {
  margin-left: auto;
  border: 0;
  vertical-align: 0;
  display: block;
  align-self: baseline;
  position: absolute;
  top: 4%;
  right: -5px;
  content: url("../../icons/seta.svg");
  font-family: "FontAwesome";
  opacity: 1;
  width: 8px;
  transition: transform 0.5s ease;
  transform: rotate(90deg);
}
div.dropdown-toggle a[aria-expanded=true]::after {
  transform: rotate(-90deg);
}
div.dropdown-toggle a[aria-expanded=true]:focus::after {
  transform: rotate(-90deg);
}
@media (min-width: 992px) {
  div.dropdown-toggle.hide-toggle {
    pointer-events: none;
  }
  div.dropdown-toggle.hide-toggle::after {
    display: none;
  }
}

a.view-all {
  transition: all 0.3s ease-in-out;
}
a.view-all:hover {
  color: #003F3F;
}
a.view-all::after {
  font-weight: 300;
  margin: 0;
  border: 0;
  vertical-align: 0;
  position: relative;
  top: 0;
  display: inline-block;
  content: url("../../icons/seta.svg");
  font-family: "FontAwesome";
  transition: opacity 0.5s ease, left 0.5s ease;
}
@media (min-width: 992px) {
  a.view-all::after {
    left: -10px;
    opacity: 0;
    width: 8px;
  }
}
@media (max-width: 992px) {
  a.view-all::after {
    left: 2px;
    width: 8px;
  }
}
@media (min-width: 992px) {
  a.view-all:hover::after {
    opacity: 1;
    left: 5px;
    width: 8px;
  }
}

a.view-all-orange {
  transition: all 0.3s ease-in-out;
}
a.view-all-orange::after {
  font-weight: 300;
  margin: 0;
  border: 0;
  vertical-align: 0;
  position: relative;
  top: 0;
  display: inline-block;
  content: url("../../icons/seta-orange.svg");
  font-family: "FontAwesome";
  transition: opacity 0.5s ease, left 0.5s ease;
}
@media (min-width: 992px) {
  a.view-all-orange::after {
    left: -10px;
    opacity: 0;
    width: 8px;
  }
}
@media (min-width: 992px) {
  a.view-all-orange:hover::after {
    opacity: 1;
    left: 5px;
    width: 8px;
  }
}

#topbar a:hover {
  font-weight: 700 !important;
  color: #003F3F;
}
#topbar a:hover span {
  font-weight: 700 !important;
}