/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#character-popup{position:fixed; bottom:0; right:15%; z-index:1000;}

#character{background-position:0 0;background-repeat:no-repeat;position:relative;}

#character a{display:block;width:100%;height:100%;}


#character.hedgehog{width:130px; height:210px;background-image:url('/wp-content/plugins/j32-tv-characters-v3/public/hedgehog_sprite.png');}

#character .overlay{display:none;background-color: #026d72; opacity: .85; padding:1.5em; color:#fff;position:absolute; bottom:0;width:100%;}
#character:hover .overlay{display:block;}
#character .overlay h3{color:#fff;line-height:1.4em;text-align: center;}

#character.hedgehog.animate {
	-webkit-animation: hedgehog steps(60) 3s alternate;
  -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
  -moz-animation: hedgehog steps(60) 3s;
  -ms-animation: hedgehog steps(60) 3s;
}

@keyframes hedgehog {


from { background-position:-7800px 0px; }
    to { background-position: 0 0; }

}



#character.squirrel{width:131px; height:210px;background-image:url('/wp-content/plugins/j32-tv-characters-v3/public/squirrel_sprite.png');}

#character.squirrel.animate {
	-webkit-animation: squirrel steps(30) 1.5s alternate;
  -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
  -moz-animation: squirrel steps(30) 1.5s;
  -ms-animation: squirrel steps(30) 1.5s;
}

@keyframes squirrel {


from { background-position:-3930px 0px; }
    to { background-position: 0 0; }

}