/* additional css */
#ai_ar_main { 
	/* display: block; */ 
    /* text-align: center; */
	margin-top: 10px;
        margin-bottom: 10px;
} 

li[id^=acomment-] .main_smiley_div { 
	left: 18px !important;  
}


ul#ai_bp_ul { 
	max-width: 350px !important;
} 
li[id^=acomment-] ul#ai_bp_ul { 
	max-width: 350px !important; 
} 
.ai_bp_reactions_default span { 
	display: none; 
}
#buddypress div.activity-meta .main_smiley_div ul li a { 
	margin: 8px 4px !important; 
	/*font-size: 1.5vw;*/  
	font-size: 20px; 
}
 #buddypress div.activity-meta .main_smiley_div ul li a:hover { 
	/*font-size: 2.3vw;*/ 
	font-size: 30px; 
} 
 
.ai_bp_reactions_default img { 
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 2px !important;
	height: 31px!important;
   	width: 31px!important;
}
html body #ai_main_activity_reaction .smiley_img { 
	height: 17px !important; 
	width: 17px !important;
	margin: 0px !important;
	margin-right: 5px !important;
} 
html body #ai_main_activity_reaction a:not(.ai_emo_counter) .smiley_img { 
	height: 31px!important;
   	width: 31px!important;
}  
.ai_bp_reactions_default img:hover { 
	border: 1px solid #E6E6E6;
	background-color: #F7F7F7; 
}

/**** 
alter first smiley on left side
****/
.main_smiley_div { 
	padding-left: 17px; 
	padding-right: 17px; 
	bottom: 45px;
	/*max-height: 40px;*/ 
	height: auto !important;  
} 
 
.main_smiley_div a[smiley_id="1"] img { 
	margin-left: 5px !important; 
}  

/****
readjust flicker in reacts individual activity page 
*****/ 
.tipsy { 
	margin-top: 20px !important; 
	
} 

/**** 
hide like button for top level posts only 
****/ 

.wpulike { 
	visibility: hidden; 
	height: 0px; 
}
.activity-comments .wpulike { 
	visibility: visible; 
	height: auto; 
}  
/****** 
fix reacts in comments on clean 
****/ 
#buddypress div.activity div.activity-comments .main_smiley_div ul li { 
	padding: 2px !important; 
}

/****
fix for reacts on same line 
****/ 
@media all and (max-width: 991px) { 
	#ai_ar_main {
	       /* display: block;*/  	
	}
	.main_smiley_div /*, li[id^=acomment-] .main_smiley_div*/  { 
		left: -10px !important;  
	}
}
	
/* fixes reacts in mobile */ 
@media all and (max-width: 535px) { 
	.main_smiley_div { 
		/* left: -55px !important;*/  
	} 	
	li[id^=acomment-] .main_smiley_div { 
		left: -55px !important; 
	} 	
} 
@media only screen and (max-width: 440px) {
	li[id^=acomment-] .main_smiley_div { 
		left: -100px !important; 
	} 	

} 
/****
fix width of smileys for mobile. 
****/ 
@media only screen and (max-width: 480px) {
	ul#ai_bp_ul { 
		/* max-width: 275px !important;*/  
	}
	li[id^=acomment-] ul#ai_bp_ul { 
	\	/* max-width: 275px !important;*/  
	} 
	#ai_ar_main { 
		display: inline-block !important;
	} 
	.main_smiley_div { 
		height: 50px;  
	} 	
}
/**************************************
 * make tipsy show up in imc lightbox *
 * ***********************************/
#tipsy { 
	z-index: 100000000000 !important; 
}
/********************
 * make reacts screen appear over ism media lightbox 
 * ***************************************************/ 
.vex.vex-theme-flat-attack { 
	z-index: 2000000; 
}

/********
 * make reacts smaller in mobilie on top 
 * **************************************/
/* @media all and (max-width: 750px) {*/  
	ul#ai_bp_ul li a img { 
		height: 28px !important; 
		width: 28px !important; 
	}
	ul#ai_bp_ul li a { 
		/*font-size: 1.1vw;*/ 
		font-size: 16px; 
	}  
	ul#ai_bp_ul li a:hover {
		/*font-size: 2vw;*/  
		font-size: 22px; 
	}  
/* }  */
/*******
* replacement emojis css *
************************/
.ai_bp_reactions_default .emoji_holder.hid {
	display: none; 
}  
.ai_bp_reactions_default .emoji_holder { 
	font-size: 20px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding: 6px !important;
    vertical-align: middle;
 display:inline-block
} 
#ai_main_activity_reaction .ai_bp_reactions_default span.emoji_holder { 
	padding: 7px !important; 
}
html body #ai_main_activity_reaction .smiley_img.hid { 
	display: none !important; 
}
/*** 
** ISM ONLY FIX **
****************/	
div#buddypress ul#ai_bp_ul li { 
	background: transparent !important; 
}

/*****
*** emoji fix for spacing *
**************************/
#buddypress div#ai_main_activity_reaction a.ai_bp_reactions_acted { 
	padding-right: 2px !important; 
}