.widget-area {
  @extend %responsive-alignwide-width;
  margin-top: calc(6 * var(--global--spacing-vertical));
  padding-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--footer--color-text);
  font-size: var(--widget--font-size);
  font-family: var(--footer--font-family);

  @include media(laptop) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2 * var(--global--spacing-horizontal));
  }

  @include media(wide) {
    grid-template-columns: repeat(3, 1fr);
  }

  @include media(mobile-only) {
    margin-top: calc(3 * var(--global--spacing-vertical));
  }


  .wp-block-social-links {

    &.alignright {
      margin-top: var(--global--spacing-vertical);
      justify-content: flex-end;
    }

    &.alignleft {
      margin-top: var(--global--spacing-vertical);
    }
  }

  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

.widget {

  ul {

    padding: 0;
    margin-left: 18px;

    li {
      line-height: var(--widget--line-height-list);
    }

    &.sub-menu,
    &.children {
      margin-left: var(--widget--spacing-menu);
    }

    .sub-menu-toggle {
      display: none;
    }
  }

  a {
    color: var(--widget--color-link);


    &:link,
    &:visited,
    &:active {
      color: var(--widget--color-link-hover);
    }

    &:hover {

      text-decoration: underline;
      text-decoration-style: solid;
      text-decoration-color: var(--footer--color-link-hover);
    }
  }

  .widget-title {
    font-size: var(--heading--font-size-h6);
    font-weight: var(--widget--font-weight-title);
    line-height: var(--widget--line-height-title);
    color: var(--global--color-text-lighten);
    margin-bottom: var(--global--spacing-vertical-small);

    + * {
      margin-top: var(--global--spacing-vertical-small);
    }
  }

  // Footer widget

  &.--footer {

    .widget-title {

      color: var(--global--color-gray-darken);

    }


  }
}


// Search widget styles
.search-form {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  width: 100%;

  > label {
    width: 100%;
    margin-bottom: 0;
    font-weight: var(--form--label-weight);
  }

  .search-field {
    flex-grow: 1;
    max-width: inherit;
    margin-top: calc(var(--global--spacing-vertical) / 3);
    margin-right: calc(0.66 * var(--global--spacing-horizontal));
  }

  .search-submit {
    margin-top: calc(var(--global--spacing-vertical) / 3);
    margin-left: 10px;
  }
}

.widget_search > .search-form {

  .search-field {
    margin-right: calc(-1 * var(--button--border-width));
    -webkit-appearance: none;
    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
  }

  .search-submit {
    margin-left: 0;
    background-color: transparent;
    color: var(--button--color-text-hover);
    margin-bottom: calc(0.5 * var(--global--spacing-vertical));

    &:hover {
      background-color: var(--button--color-background);
      color: var(--button--color-text);
    }
  }
}

.widget_nav_menu {

  margin: 0;

  ul {

    list-style: none;
    margin: 0;

    li {

      a:link,
      a:visited {

        color: var(--global--color-text-base);
        font-weight: 600;

      }

    }
  }

  &.--footer {
    width: 170px;
  }
}

.widget_rss a.rsswidget .rss-widget-icon {
  display: none;
}