<?php if( ! defined( 'ABSPATH' ) ) exit;
	function atmospheres_animation() { 
		$article_speed = get_theme_mod( 'atmospheres_animation_content_speed' );
		$animation_speed_1 = get_theme_mod( 'atmospheres_icons_animation_speed_1' );	
		$animation_speed_2 = get_theme_mod( 'atmospheres_icons_animation_speed_2' );	
		$animation_speed_3 = get_theme_mod( 'atmospheres_icons_animation_speed_3' );		
	?>
	<style>
		<?php if (get_theme_mod( 'atmospheres_animation_content'  )) { ?>			
			article {
			-webkit-animation-duration: <?php if ($article_speed ) { echo esc_html( $article_speed ); } else echo "0.3"; ?>s !important;
			animation-duration: <?php if ($article_speed ) { echo esc_html( $article_speed ); } else echo "0.3"; ?>s !important;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
			}
		<?php } ?>
		
		<?php if (get_theme_mod( 'atmospheres_icons_animation_1', 'zoomInDown')) { ?>			
			.tic_1 {
			-webkit-animation-duration: <?php if ($animation_speed_1) { echo esc_html( $animation_speed_1 ); } else echo "0.9"; ?>s !important;
			animation-duration: <?php if ($animation_speed_1) { echo esc_html( $animation_speed_1 ); } else echo "0.9"; ?>s !important;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
			}
		<?php } ?>			

		<?php if (get_theme_mod( 'atmospheres_icons_animation_2', 'zoomInDown'  )) { ?>			
			.tic_2 {
			-webkit-animation-duration: <?php if ($animation_speed_2) { echo esc_html( $animation_speed_2 ); } else echo "0.9"; ?>s !important;
			animation-duration: <?php if ($animation_speed_2) { echo esc_html( $animation_speed_2 ); } else echo "0.9"; ?>s !important;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
			}
		<?php } ?>

		<?php if (get_theme_mod( 'atmospheres_icons_animation_3', 'zoomInDown'  )) { ?>			
			.tic_3 {
			-webkit-animation-duration: <?php if ($animation_speed_3) { echo esc_html( $animation_speed_3 ); } else echo "0.9"; ?>s !important;
			animation-duration: <?php if ($animation_speed_3) { echo esc_html( $animation_speed_3 ); } else echo "0.9"; ?>s !important;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			-ms-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
			}
		<?php } ?>			
		
	</style>
	<?php }
	
add_action('wp_footer', 'atmospheres_animation');