// Tweaks to mdc list component
.mdc-list-item:hover {
  &:before {
    opacity: 1;
  }
}
.mdc-list a.mdc-list-item {
  color: $text-primary-on-light;
  &:hover {
    text-decoration: none;
  }
}


// My own lists
.cf7md-list {

}
.cf7md-list__stacked {

}
.cf7md-list__inline {
  .wpcf7-list-item {
    width: auto;
    margin-right: 34px;
  }
}
[class*="cf7md-list__columns-"] {
  &:after {
    display: block;
    content: "";
    clear: both;
  }
  .wpcf7-form-control {
    display: block;
    margin-left: -34px;
    font-size: 0;
  }
  .wpcf7-list-item {
    //font-size: 1rem;
    padding-left: 34px;
    width: 50%;
    display: inline-flex;
    min-width: 225px;
    vertical-align: top;
  }
}
.cf7md-list__columns-2 {
  .wpcf7-list-item {
    width: 50%;
  }
}
.cf7md-list__columns-3 {
  .wpcf7-list-item {
    width: 33.3333%;
  }
}
.cf7md-list__columns-4 {
  .wpcf7-list-item {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .cf7md-list__columns-2,
  .cf7md-list__columns-3,
  .cf7md-list__columns-4 {
    .wpcf7-list-item {
      width: 100%;
    }
  }
}