Change Timeline icon on hover of title

timeline-icon.txt

1) Add the below script in active theme's functions.php

function modal_custom_script() {
	?>
		<script type="text/javascript">
			jQuery(function($) {
				$('.uael-content').on('mouseover', function(){
					$( this ).parents('.uael-day-new').prev('.uael-timeline-marker').addClass('hover');
				});

				$('.uael-content').on('mouseout', function(){
					$( this ).parents('.uael-day-new').prev('.uael-timeline-marker').removeClass('hover');
				});				
			});
		</script>
	<?php
	}
add_action( 'wp_footer', 'modal_custom_script' );

2) Add CSS on the class 'hover'
.uael-timeline-marker.hover i:before{
   content: "\f144";
   font-size: 18px;
}