@-webkit-keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0.5); }
100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes pop-in {
0% { opacity: 0; -moz-transform: scale(0.5); }
100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes pop-in {
0% { opacity: 0; transform: scale(0.5); }
100% { opacity: 1; transform: scale(1); }
}

.reaction-vote {       
float: left;
padding-right: 2px;
padding-left: 0;
padding-bottom: 2px;
width: 33%;
}

.reaction-vote-inner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
background-color: red;
position: relative;
height: 100px; 
}

.voteable .reaction-vote:active {
	-webkit-animation:pop-in 0.5s;
	-moz-animation:pop-in 0.5s;
	-ms-animation:pop-in 0.5s;
}

.reaction-vote-inner .title {
	color: #fff; 
	font-weight: bold; 
	position: absolute; 
	left: 50%; 
	top: 35%;
	z-index: 999;
	text-align: center;
    font-size: 110%;	
	pointer-events: none;
}

.reaction-vote-inner .title-inner {
	position: relative; 
	left: -50%; 
	top: -35%;
}

.reaction-vote-overlay {
position: absolute;
height: 100%;
width: 100%;
}

.voteable .reaction-vote-overlay:hover {
 	cursor: pointer;
   	background-color: rgba(0, 0, 0, 0) !important;
}

.title-inner {
 	cursor: pointer;	
}


#FAIL .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}

#FAIL .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-fail.gif');
}

#WTF .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}

#WTF .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-wtf.gif');
}

#SEXY .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}

#SEXY .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-sexy.gif');
}

#LOL .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}

#LOL .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-lol.gif');
}

#OMG .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}


#OMG .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-omg.gif');
}

#BAAS .reaction-vote-overlay {
   	background-color: rgba(0, 0, 0, 0);
   	color: rgba(0, 0, 0, 0.10);	     			
}

#BAAS .reaction-vote-inner {
	background-image: url('https://www.goalsandglamour.nl/reactions/reaction-baas.gif');
}

.reaction-vote:after:nth-child(2n) {
clear: both;
}

@media screen and (min-width: 768px) {

.reaction-vote {	
	width: 16.66%;
}

.reaction-vote:after:nth-child(2n) {
clear: none !important;
}

.reaction-vote-inner {
    height: 90px;
}

}
		        
@media screen and (min-width: 1200px) {		

.reaction-vote-inner {
    height: 120px;
}
        
}