.widget_archive,
.widget_categories,
.widget_meta,
.widget_pages,
.widget_nav_menu,
.widget_recent_comments,
.widget_recent_entries {
  ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    ul {
      li {
        padding-left: 20px;
        &:last-child {
          padding-bottom: 0;
          border-bottom: none;
        }
      }
    }
  }
  li {
    border-top: 1px solid rgba($borderColor, 0.2);
    border-bottom: 1px solid rgba($borderColor, 0.2);
  }
  li + li {
    border-top: none;
  }
  a:empty,
  li > a:not([href]) {
    display: block !important;
    padding: 20px 0 !important;
  }
  * + .media-body, .media-body + * {
    margin-left: 19px;
  }
}

.ds, .ds.ms, .ds.bs {
  .widget_archive,
  .widget_categories,
  .widget_nav_menu,
  .widget_meta,
  .widget_pages,
  .widget_recent_comments,
  .widget_recent_entries {
    li {
      border-color: rgba($lightColor, 0.2);
    }
  }
}

.widget_archive,
.widget_categories,
.widget_nav_menu,
.widget_meta,
.widget_pages {
  li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    &.current-cat {
      a {
        font-weight: 500;
        color: $darkColor;
        &:hover {
          color: $colorMain;
        }
      }
    }
    a {
      color: $fontColor;
      flex-grow: 10;
      display: inline-block;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    & > a:before {
      @include widget-a-before();
    }
  }
}

.widget_recent_comments,
.widget_recent_entries {
  li {
    padding-top: 12px;
    padding-bottom: 12px;
    &:before {
      @include widget-a-before();
    }
  }
}


.page_copyright, .page_topline {
  .widget_nav_menu li:before {
    content: '';
    position: absolute;
    padding: 0;
    left: -5px;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: $borderColorRGBA;
    opacity: 0.3;
    display: block;
  }
  .widget_nav_menu li:first-child:before {
    display: none;
  }
  .widget_nav_menu a:before {
    display: none;
  }
}

//dropdown lists
.widget_categories,
.widget_archive {
  select {
    width: 100%;
  }
}

.widget_nav_menu {
    ul {
    margin: 0;
    li {
      a {
        color: $darkColor;
        padding: 10px 0;
        &:hover {
          color: $colorMain;
        }
        display: flex;
        align-items: center;
        &:before {
          display: none;
        }
      }
      i {
        margin-right: 15px;
        font-size: 40px;
        color: $colorMain;
      }
    }
  }
}

.cs .widget_nav_menu i {
  color: $colorMain2;
}

.cs.cs2 .widget_nav_menu i {
  color: $colorMain;
}

[class*='widget-'].ls.ms,
[class*='widget-'].ds,
[class*='widget-'].cs {
  .widget_nav_menu {
    padding: 46px 28px 44px;
  }
}

