/*
File: dwd-footer.css
Author: Davenport Website Designs
Author URI: https://davenportwebsitedesigns.com/
! Copyright (c) 2008 - 2025
! 1009
*/
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

.dwd-footer {
  color:rgb(255,255,255);background-color:rgb(0,42,74);
  font-family:'Quicksand', sans-serif;font-size:.9rem;
  display:flex;justify-content:center;align-items:center;
  padding-top:0.75rem;padding-bottom:0.75rem;
  @media all and (max-width: 623px) {
     & {flex-flow:wrap;line-height:1.4;}
  }

    & .love-heart {width:1rem;fill:rgb(255,0,0);z-index:100;position:relative;margin: 0 0.4rem;
        &:hover {-webkit-transform: scale(4);fill:rgb(0,128,225);animation: heartbeat 3s infinite;}
    }
    & .lighthouse-icon {width:2rem;position:relative;display:inline-block;filter:drop-shadow(0px 0px 2px rgb(255,255,255));
      @media all and (max-width: 623px) {
         & {margin-top:0.5rem;}
      }
    }
    & a {
      color:rgb(255,255,255);text-decoration:none;position:relative;
      margin-left:.2rem;margin-right:.2rem;transition:all .3s;
        &::after{
          display:none;content:"";background-color:rgb(255,255,255);
          mix-blend-mode:exclusion;width:calc(100% + 10px);height:1px;
          position:absolute;bottom:-4px;left:-5px;
          transition:all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          @media all and (max-width: 623px) {
             & {height:0;}
          }
        }
        &:hover {
          color:rgb(255,255,255);
          text-shadow: 0 0 5px rgb(48,165,255),0 0 10px rgb(48,165,255),
          0 0 20px rgb(48,165,255),0 0 30px rgb(48,165,255);
            &::after {height:calc(100% + 8px)}
        }
    }
    & svg.dwd-lighthouse:hover path.dwd-lh-5 {fill:rgb(248,238,0);}

}

@keyframes heartbeat {
  0% {
    transform: scale( 1);
  }
  20% {
    transform: scale( 2);
  }
  40% {
    transform: scale( 1);
  }
  60% {
    transform: scale( 2);
  }
  80% {
    transform: scale( 1);
  }
  100% {
    transform: scale( 1);
  }
}