/* :: 9.0 Footer Area CSS */
.footer-area {
  height: 100%;
  position: relative;
  z-index: 1;
  background-color: var(--color-footer-bg); }
  .footer-area .footer-social-info {
    position: relative;
    z-index: 1;
    padding: var(--spacing-xl) 0;
    border-bottom: var(--border-width) solid rgba(255, 255, 255, 0.1); }
    .footer-area .footer-social-info a {
      display: inline-block;
      text-transform: uppercase;
      font-weight: var(--font-weight-normal);
      letter-spacing: var(--letter-spacing-wide);
      color: var(--color-text-light); }
      .footer-area .footer-social-info a span {
        margin-left: var(--spacing-sm); }
        @media only screen and (max-width: 767px) {
          .footer-area .footer-social-info a span {
            display: none; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .footer-area .footer-social-info a span {
            display: none; } }
      .footer-area .footer-social-info a:hover, .footer-area .footer-social-info a:focus {
        color: var(--color-bg); }
  .footer-area .copywrite-text {
    position: relative;
    z-index: 1;
    padding: var(--spacing-sm) 0;
    text-align: center; }
    .footer-area .copywrite-text p {
      font-size: var(--font-size-sm);
      color: var(--color-text-lighter);
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .footer-area .copywrite-text p {
          font-size: var(--font-size-xs); } }
      .footer-area .copywrite-text p a {
        font-size: var(--font-size-sm);
        color: var(--color-bg);
        font-weight: var(--font-weight-normal); }
        .footer-area .copywrite-text p a:hover, .footer-area .copywrite-text p a:focus {
          color: var(--color-primary); }
        @media only screen and (max-width: 767px) {
          .footer-area .copywrite-text p a {
            font-size: var(--font-size-xs); } }