@import "variables";

.evo-footer {
  z-index: 100;
  margin: 10px 0 0 180px;
  padding: 10px 10px 20px;
  color: $color-text-footer;
  text-align: center;
  font-size: 0.8em;
  > div > a {
    color: black;
  }
  > .copyright {
    display: block;
    margin-top: 10px;
    color: silver;
    color: $color-text-footer !important;
  }
  > * {
    margin-top: 10px !important;
  }
}

@media print {
  .evo-footer {
    font-size: 0.6em;
    page-break-inside: avoid;
  }
}

.heart {
  color: silver;
  font-size: 20px;
  position: relative;
  top: 4px;
  display: inline-block;
  text-align: center;
  transition: color 1s;
}
.evo-footer:hover .heart {
  color: #bf360c;
  -webkit-animation: beat 0.35s infinite alternate;
  -moz-animation: beat 0.35s infinite alternate;
  -ms-animation: beat 0.35s infinite alternate;
  -o-animation: beat 0.35s infinite alternate;
  animation: beat 0.35s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@keyframes beat {
  to {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-moz-keyframes beat {
  to {
    -moz-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-webkit-keyframes beat {
  to {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-ms-keyframes beat {
  to {
    -ms-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@-o-keyframes beat {
  to {
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
}
