/* -----------------------------------------
FOOTER - /src/styles/components/footer.scss
----------------------------------------- */
footer.global-footer{
   background-color: var(--bs-gray-50, $gray-50);
   
   .nav-item {
      line-height: var(--bs-body-line-height, $line-height-base);
      align-self: center;

      a {
         color: var(--bs-black, $black);
   
   
         &:hover,
         &:focus{
            color: var(--bs-gray-800, $gray-800);
            @include outline(2px);
         }
   
         &[class*="ca-gov-icon-"]{
            font-size: calc($font-size-md + $ratio);
            padding: 0;
         }

         .ca-gov-logo-svg + .ca-gov-icon-external-link{
            display: none;
         }

         @include social-media;
      }
   }
   
   
   .social-share-links{
      margin-left: auto;

      li {
         margin-right: 15px;
      }
   }

   .copyright {
      display: flex;
      flex-direction: row;
  }
}

footer.keywords {
   ul {
      list-style: none;
      padding: 0;
      margin: .5rem 0;

      li{
         background-color: var(--bs-gray-200, $gray-200);
         color: var(--bs-black, $black);
         display: inline;
         padding: .5rem;
         border-radius: .25rem;
         margin: 0 5px;
         font-size: 75%;
         font-weight: bold;
      }
   }
}
