/*------------- #FOOTER --------------*/


.footer {
  background-color: #181e23;
  color: #dadfe2;
  position: relative;

  @media (max-width: 480px) {
    text-align: center;
  }

  .info {
    padding-top: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid lighten(#181e23, 10%);
    overflow: hidden;

    @media (max-width: 1024px) {
      padding-bottom: 0;
    }

    @media (max-width: 799px) {
      display: flex;
      flex-direction: column;
    }

    .crumina-heading {
      .heading-title {
        color: #fff;
        margin: 0;
      }
    }

    .socials {
      margin: 20px 0 0 0;
    }

    .socials {
      @media (max-width: 1024px) {
        margin-bottom: 30px;
      }

      .social__item {
        @media (max-width: 320px) {
          margin-right: 15px;
        }
      }
    }
  }

  .contacts {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    @media (max-width: 570px) {
      display: block;
    }

    .title {
      font-size: 20px;
      transition: all .3s ease;

      @media (max-width: 1024px) {
        font-size: 16px;
      }
    }

    .sub-title {
      margin-bottom: 0;
    }

    .content a {
      color: inherit;
    }

    .content .title:hover {
      color: var(--primary-accent-color);
    }
  }

  a {
    color: #dbd3d3;
    transition: all .3s ease;

    &:hover {
      color: var(--primary-accent-color);
    }
  }

  .sub-footer {
    padding: 20px 15px;
    background-color: #12171b;
    text-align: center;
    position: relative;
    font-size: 14px;

    a {
      color: var(--white-color);
      opacity: .5;

      &:hover {
        color: var(--primary-accent-color);
        opacity: 1;
      }
    }

    &.medium {
      padding: 25px 0;
    }

    &.small {
      padding: 15px 0;
    }

    @media (max-width: 768px) {
      padding: 25px 0;
    }

    span {
      font-size: 14px;
      color: #959192;
    }
  }

  &.js-fixed-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1);

    @media (max-width: 1280px) {
      position: relative;
    }
  }

  .w-post-category {
    .category-post-item:hover {
      .post-count {
        color: rgba(255, 255, 255, 0.35);
      }
    }
  }

  .widget_rss {
    .heading .rsswidget, .crumina-heading .rsswidget {
      color: #fff;
    }
  }
}

.widget_nav_menu .menu li a:hover,
.widget_nav_menu .menu li a:hover:before,
.w-post-category .category-post-item a i,
.w-post-category .category-post-item:hover a,
.w-post-category .category-post-item a i {
  color: var(--primary-accent-color);
}

.widget_product_tag_cloud .tagcloud a:hover {
  border-color: var(--primary-accent-color);
}

.content-wrapper {
  position: relative;
  z-index: 2;
}

.block-footer-height {
  position: relative;
  width: 100%;

  @media (max-width: 1280px) {
    display: none;
  }
}
