// mmui-toggle-title should be used as parent of mmui-toggle-icon
.mmui-toggle-icon {
  color: $mm-core-digital-blue-70;
  font-size: 20px;
  margin-right: 12.85px;
}
.mmui-toggle-title {
  padding: 0px;
  display: flex;
  //margin: 0px;
  &:hover {
    cursor: pointer;
  }
  .mmui-toggle-icon.fa::before {
    content: '\f139';
  }
  &.collapsed {
    .mmui-toggle-icon.fa::before {
      content: '\f13a';
    }
  }
}
.mmui-toggle-label {
  color: $mm-neutral-black;
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: 'Brandon Text', sans-serif;
  text-transform: capitalize;
  &:hover {
    color: $mm-core-digital-blue-70;
  }
}

.mmui-childless-toggle-label {
  padding-left: 33px; //eyeballed value
}

.mmui-toggle-note {
  color: $mm-neutral-black;
  line-height: 1.43;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
}