/* Sean custom styles — externalized for caching (was inlined via styles_cc) */

@font-face {
  font-family: FontAwesome;
  src: url(../../fonts/fontawesome-webfont.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: FontAwesome;
}

@keyframes light {
  0% { box-shadow: 0 0 6px #f00; }
  25% { box-shadow: 0 0 16px #ae00ff; }
  50% { box-shadow: 0 0 4px #00f; }
  75% { box-shadow: 0 0 16px #009dff; }
  100% { box-shadow: 0 0 4px #f00; }
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.tag_hdr_user_droptoggle,
.tag_pub_box_avatar,
.recipient-chat-user .user-info,
.wo_sidebar_pages .page_middle .avatar img,
.wo_user_profile .user-avatar img {
  border-radius: 50%;
  animation: light 4s ease-in-out infinite;
  transition: 0.5s;
}

.tag_hdr_user_droptoggle:hover,
.tag_pub_box_avatar:hover,
.wo_sidebar_pages .page_middle .avatar img:hover,
.wo_user_profile .user-avatar img:hover {
  transform: scale(1.15) rotate(720deg);
}

.recipient-chat-user .user-info:hover {
  transform: scale(1.15);
}

.btn-mat svg {
  border-radius: 50%;
  transition: 0.5s;
}

.btn-mat svg:hover {
  transform: scale(1.15) rotate(720deg);
}

.wow_my_groups .avatar {
  border-radius: 50%;
}

.avatar,
.der-radius {
  border-radius: 50%;
  transition: 0.2s;
}

.avatar:hover {
  transform: scale(1.10);
}

.post-heading .image {
  width: 48px;
  height: 48px;
  border-radius: 48%;
  background-color: #fff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  transform: scale(1);
  animation: pulse 3s infinite;
}