/* Footer styles */

.site-footer {
  #footRight {
    div {
      @apply col-span-1 md:col-span-4 lg:col-span-1;

      h3 {
        @apply font-bold text-secondary-300 text-20px mb-4 pb-2 border-b border-b-secondary-300
      }

      a {
        @apply text-footlinks hover:opacity-60;
      }
    }

    .widget {
      li {
        @apply text-16px my-1 mb-2 leading-4;
      }

      h4 {
        @apply font-bold text-18px text-secondary mb-2;
      }

      a {
        @apply transition-colors duration-300 hover:text-success focus-visible:text-success;
      }
    }

    .menu-footer-menu-container {
      @apply grow;
    }
  }

  .copyright {
    p { @apply leading-none m-0 p-0; }

    a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
  }
}