_footer.scss

@import 'colors.scss';

#emory-footer {
  footer {
    display: grid; 
    background-color: $dark-blue;
    color: $light-blue;
    margin-top:80px; 
    grid-template-columns: repeat(2, 1fr) min-content repeat(2, 1fr); 
    grid-row-gap: 0.9375rem; 
    grid-column-gap: 1.875rem; 
    padding: 2.5rem calc((100vw - 1250px) / 2) 2.5rem calc((100vw - 1250px) / 2); 
    grid-row-gap: 0.9375rem;
    grid-column-gap: 1.875rem;
  
  .logo {
    grid-column: 3; 
    height: 168.567px; 
    width: 145px; 
    max-width: 155px; 
    grid-row: 1; 
    margin-top: -40px; 
    display:flex; 
    justify-content: space-around;
    svg {
      width: 100%;
      fill: $white;
    }
    svg #badge-bg {
      opacity: 1 !important;
      fill: $dark-blue;
    }
  }
  
  a.logo-badge {
    grid-area: logo; 
    display: flex; 
    align-items: flex-end; 
    justify-content: center; 
    margin-top: -40px;
  }
  
  div.footer-list {
    grid-row: 1;
    display:flex; 
    justify-content: space-around;
  }
  
  ul {
    list-style-type: none; 
    font-family: 'Open Sans', sans-serif; 
    font-size:0.8125rem;
    padding: 0;
  }
  
  a.nav-link {
    text-decoration: none; 
    color: $light-blue;
    
    &:hover {
      color: $alt-bright-blue;
      text-decoration: none;
      transition: all 0.25s ease;
    }
  }
  
  a {
    text-decoration: none; 
    color: $light-blue;
  }
  
  a.link {
    padding: 0.5rem 1rem;
    display: block;
    
    &:hover {
      color: $alt-bright-blue;
      text-decoration: none;
      transition: all 0.25s ease;
    }
  }
  
  div.footer-placeholder {
    height: 100px; 
    grid-row: 2;
  }
  div.footer-version {
    margin-top: 3.125rem;
    grid-row: 2;
    grid-column: 1 / span 5;
    font-family: 'Open Sans', sans-serif; 
    font-size:0.8125rem;
    p {
      margin-bottom: 0.2rem;
    }
  }
  div.footer-copyright {
    font-family: 'Open Sans', sans-serif; 
    font-size:0.8125rem; 
    grid-row: 3; 
    grid-column: 1 / span 5;
    display: flex; 
    flex-direction: column;
  }
  .copyright-signature {
    display: flex; 
    justify-content: center; 
    margin-bottom: 1.5625rem;
  }
  a.copyright-policy {
    margin-left:10px;
    color: $light-blue;
    text-decoration: underline;
    &:hover {
      color: $alt-bright-blue;
      transition: all 0.25s ease;
    }
    }
  }}
  /**** responsive ****/
  /**** Phone/Tablet Screen ****/
@media (max-width: 767px) {
      #emory-footer footer {
        display: flex; 
        flex-direction: column;
        padding-bottom: 1rem;
        ul {
            padding: 0px;
        }
        .footer-list, .copyright-signature {
            display: flex;
            flex-direction: column;
            align-items: center;
        }   
    }
}