.main-footer {
  @apply pb-12
    pt-24
    text-white
    min-h-32
    px-4;

  a {
    @apply text-white;
  }

  .wrapper {
    @apply grid
      grid-cols-1;

    @screen sm {
      @apply grid-cols-2;
    }

    @screen md {
      @apply grid-cols-3;
    }

    @screen lg {
      @apply grid-cols-4;
    }

    @screen xl {
      @apply grid-cols-5;
    }
  }

  .col-footer {
    @apply mb-12
      w-full
      px-2;

    &:first-child {
      @apply pl-0;
    }

    &:last-child {
      @apply pr-0;
    }

    section {
      margin-left: inherit;
      margin-right: inherit;
    }

    width: fit-content;

    &.widget_media_image {
      @apply w-auto;
    }
  }

  &.hide-mobile {
    @apply hidden;
  }

  &.one-mobile {
    @apply w-1/2;
  }

  &.two-mobile {
    @apply w-full;
  }

  @screen sm {
    &.hide {
      @apply hidden;
    }

    &.one {
      @apply w-1/5;
    }

    &.two {
      @apply w-2/5;
    }
  }

  li {
    &.with-icon {
      img {
        @apply bottom-0;
      }
    }
  }

  img {
    @apply relative;
  }

  .sub-menu {
    background-color: transparent !important;
  }
}

.widget {
  .widget-title {
    @apply font-bold;
  }

  .menu {
    li {
      a {
        @apply leading-loose
          text-white;

        font-size: 14px;
      }
    }
  }
}

.credits-wrapper {
  @apply mt-6
    pt-10
    px-4
    text-black
    text-xs;

  .row {
    .col {
      @apply w-full;

      @screen md {
        @apply w-1/2;

        &:last-of-type {
          @apply text-right;
        }
      }
    }
  }
}
