<?php

	global $post;
	$converted = get_post_meta( $post->ID,'_uabb_converted', true );

 if ( isset( $settings->count_animation ) && $settings->count_animation == "flash" ) { ?>
.fl-node-<?php echo $id;?> .uabb-count-down-digit {
	-webkit-animation-name: flash; 
    animation-name: flash;
    -webkit-animation-duration: 4s;
 	animation-duration: 4s;
}
<?php }
if ( isset( $settings->count_animation ) && $settings->count_animation == "pulse" ) { ?>
.fl-node-<?php echo $id;?> .uabb-count-down-digit {
	-webkit-animation-name: pulse !important; 
    animation-name: pulse !important; 

    -webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 4s;
 	-webkit-animation-iteration-count: 10;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 4s;
 	animation-iteration-count: 10;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
}
<?php }
if ( isset( $settings->count_animation ) && $settings->count_animation == "bounce" ) { ?>
.fl-node-<?php echo $id;?> .uabb-count-down-digit {
    -webkit-animation-name: bounce !important;
    animation-name: bounce !important;

    -webkit-animation-name: bounceIn;
    -webkit-animation-duration: 4s;
    
    animation-name: bounceIn;
    animation-duration: 4s;
}
<?php }
if ( isset( $settings->count_animation ) && $settings->count_animation == "shake" ) { ?>
.fl-node-<?php echo $id;?> .uabb-count-down-digit {
    -webkit-animation-name: shake !important; 
    animation-name: shake !important; 
    

    -webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 4s;
 	-webkit-animation-iteration-count: 10;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 4s;
 	animation-iteration-count: 10;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
}
<?php }
?>

<?php
/* Over All Alignment */
if ( isset( $settings->counter_alignment ) && $settings->counter_alignment == "right" ) { ?>
	.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer,
	.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer {
		text-align: right;
	}
<?php }
if ( isset( $settings->counter_alignment ) && $settings->counter_alignment == "center" ) { ?>
	.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer,
	.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer {
		text-align: center;
	}
<?php } ?>
.fl-node-<?php echo $id;?> .uabb-countdown-holding {
	<?php
		if ( isset( $settings->counter_alignment ) && $settings->counter_alignment == "right" ) {
			if( isset( $settings->timer_out_spacing ) && $settings->timer_out_spacing !="" ){ 
				echo "margin-left: ".$settings->timer_out_spacing."px;";
			}else{ 
				echo "margin-left: 10px;";
			}
		}

		if ( isset( $settings->counter_alignment ) && $settings->counter_alignment == "left" ) {
			if( isset( $settings->timer_out_spacing ) && $settings->timer_out_spacing !="" ){ 
				echo "margin-right: ".$settings->timer_out_spacing."px;";
			}else{ 
				echo "margin-right: 10px;";
			}
		}

		if ( isset( $settings->counter_alignment ) && $settings->counter_alignment == "center" ) {
			if( isset( $settings->timer_out_spacing ) && $settings->timer_out_spacing !="" ){ 
				$margin_val = $settings->timer_out_spacing/2;
				echo "margin-left: ".$margin_val."px;";
				echo "margin-right: ".$margin_val."px;";
				//echo "margin-bottom: ".$settings->timer_out_spacing."px;";
			}else{ 
				$margin_val = 10 / 2;
				echo "margin-left: ".$margin_val."px;";
				echo "margin-right: ".$margin_val."px;";
				//echo "margin-bottom: 10px;";
			}
		}

		
	?>
	
	<?php if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_right" ) { ?>
		/*float:right;*/
	<?php } if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_left" ) { ?>
		/*float:left;*/
	<?php } ?>
}
<?php if ( isset( $settings->timer_style ) && $settings->timer_style != "normal"  && ( ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_right" ) || ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_left" ) ) ) { ?>
.fl-node-<?php echo $id;?> .uabb-countdown-holding.circle,
.fl-node-<?php echo $id;?> .uabb-countdown-holding.square,
.fl-node-<?php echo $id;?> .uabb-countdown-holding.normal,
.fl-node-<?php echo $id;?> .uabb-countdown-holding.custom {
	display: inline-flex;
	align-items: center;
	<?php if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_right" ) { ?>
		direction: rtl;
	<?php } if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_left" ) { ?>
		direction: ltr;
	<?php } ?>
}
<?php } ?>
.fl-node-<?php echo $id;?> .uabb-countdown-unit-names {
	<?php 
		/*if( isset( $settings->unit_out_spacing ) && $settings->unit_out_spacing  != ''   ){ 
			$margin_val = $settings->unit_out_spacing/2;
			echo "margin-top: ".$settings->unit_out_spacing."px;";
			echo "margin-bottom: ".$settings->unit_out_spacing."px;";
		}else{ 
			echo "margin-top: 10px;";
			echo "margin-bottom: 10px;";
		} */
	?>
	<?php if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_right" ) { ?>
		/*float:right;*/
	<?php } if ( isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && $settings->outside_options == "out_left" ) { ?>
		/*float:left;*/
	<?php } ?>
}
<?php

$settings->digit_border_color = UABB_Helper::uabb_colorpicker( $settings, 'digit_border_color' );
$settings->timer_background_color = UABB_Helper::uabb_colorpicker( $settings, 'timer_background_color', true );
$settings->digit_color = UABB_Helper::uabb_colorpicker( $settings, 'digit_color' );
$settings->unit_color = UABB_Helper::uabb_colorpicker( $settings, 'unit_color' );
$settings->message_color = UABB_Helper::uabb_colorpicker( $settings, 'message_color' );

/* CountDown Styling */
if ( isset( $settings->timer_style ) && $settings->timer_style == "circle") {


?>

.fl-node-<?php echo $id;?> .uabb-countdown-digit-wrapper.circle {
	width: <?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width !="" ){ echo  $settings->digit_area_width; }else { echo 100; }?>px;
	height: <?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width !="" ){ echo  $settings->digit_area_width; }else { echo 100; }?>px;
	border: <?php if( isset( $settings->digit_border_width ) && $settings->digit_border_width !="" ){ echo  $settings->digit_border_width; }else { echo 5; }?>px <?php if( isset( $settings->digit_border_style ) ){ echo $settings->digit_border_style; }?> <?php if ( isset( $settings->digit_border_color ) ) { echo $settings->digit_border_color; }?>;
	border-radius: 50%;
	background: <?php if(isset( $settings->timer_background_color )){ echo $settings->timer_background_color; } ?>;
	padding:<?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width != "" ){ echo $settings->digit_area_width / 4; }else{ echo 100 / 4; }?>px;
	<?php if ( isset( $settings->unit_position ) && $settings->unit_position == "default" || $settings->unit_position == "outside" ) { ?>
	display: flex;
    justify-content: center;
    align-items: center;
	<?php } if ( isset( $settings->unit_position ) && $settings->unit_position == "inside" ) { ?>
		display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	<?php } ?>
}
<?php
}

if ( isset( $settings->timer_style ) && $settings->timer_style == "square") {
?>
.fl-node-<?php echo $id;?> .uabb-countdown-digit-wrapper.square {
	width: <?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width !="" ){ echo  $settings->digit_area_width; }else { echo 100; }?>px;
	height: <?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width !="" ){ echo  $settings->digit_area_width; }else { echo 100; }?>px;
	border: <?php if( isset( $settings->digit_border_width ) && $settings->digit_border_width != "" ){ echo $settings->digit_border_width; }else{ echo 5 ; } ?>px <?php if( isset( $settings->digit_border_style ) ){ echo $settings->digit_border_style; }?> <?php if ( isset( $settings->digit_border_color ) ) { echo $settings->digit_border_color; }?>;
	background: <?php if ( isset( $settings->timer_background_color ) ) { echo $settings->timer_background_color; }?>;
	padding:<?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width != "" ){ echo $settings->digit_area_width / 4; }else{ echo 100 / 4; }?>px;
}
<?php
}
if ( isset( $settings->timer_style ) && $settings->timer_style == "custom") {
?>
.fl-node-<?php echo $id;?> .uabb-countdown-digit-wrapper.custom {
	border: <?php if( isset( $settings->digit_border_width ) && $settings->digit_border_width != "" ){ echo $settings->digit_border_width; }else{ echo 5 ;}?>px <?php if ( isset( $settings->digit_border_style ) ) { echo $settings->digit_border_style; }?> <?php if ( isset( $settings->digit_border_color ) ) { echo $settings->digit_border_color; } ?>;
	border-radius: <?php if( isset( $settings->digit_border_radius ) && $settings->digit_border_radius != "" ){ echo $settings->digit_border_radius; }else{ echo 5 ; }?>px;
	background: <?php if( isset( $settings->timer_background_color ) ){ echo $settings->timer_background_color; }?>;
	width:<?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width != "" ){ echo $settings->digit_area_width; }else{ echo 100; }?>px;
	height:<?php if( isset( $settings->digit_area_width ) && $settings->digit_area_width != "" ){ echo $settings->digit_area_width; }else{ echo 100; }?>px;
	display:flex;
	justify-content:center;
	align-items:center;	
    flex-direction: column;
}
<?php
}
if ( isset( $settings->timer_style ) && $settings->timer_style != "normal" && isset( $settings->unit_position ) && $settings->unit_position == "inside" && isset( $settings->inside_options ) && ( $settings->inside_options == "in_below" || $settings->inside_options == "in_above" )  ) {
?>
.fl-node-<?php echo $id;?> .uabb-countdown-digit-content {
	<?php if ( isset( $settings->inside_options ) && $settings->inside_options == "in_below" ) { ?>
	margin-bottom: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
}
.fl-node-<?php echo $id;?> .uabb-count-down-digit{
	<?php if ( isset( $settings->inside_options ) && $settings->inside_options == "in_above" ) { ?>
	margin-top: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
}
<?php
}
if ( isset( $settings->timer_style ) && $settings->timer_style != "normal" && isset( $settings->unit_position ) && $settings->unit_position == "outside" && isset( $settings->outside_options ) && ( $settings->outside_options == "out_below" || $settings->outside_options == "out_above" || $settings->outside_options == "out_right" || $settings->outside_options == "out_left" )  ) {
?>
.fl-node-<?php echo $id;?> .uabb-countdown-digit-wrapper {
	<?php if ( isset( $settings->outside_options ) && $settings->outside_options == "out_below" ) { ?>
	margin-bottom: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
	<?php if ( isset( $settings->outside_options ) && $settings->outside_options == "out_above" ) { ?>
	margin-top: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
	<?php if ( isset( $settings->outside_options ) && $settings->outside_options == "out_right" ) { ?>
	margin-right: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
	<?php if ( isset( $settings->outside_options ) && $settings->outside_options == "out_left" ) { ?>
	margin-left: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
}
<?php
}
if ( isset( $settings->timer_style ) && $settings->timer_style == "normal" && isset( $settings->normal_options ) && ( $settings->normal_options == "normal_below" || $settings->normal_options == "normal_above" )  ) {
?>
.fl-node-<?php echo $id;?> .uabb-count-down-digit {
	<?php if ( isset( $settings->normal_options ) && $settings->normal_options == "normal_below" ) { ?>
	margin-bottom: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
	<?php if ( isset( $settings->normal_options ) && $settings->normal_options == "normal_above" ) { ?>
	margin-top: <?php if( isset( $settings->space_between_unit ) && $settings->space_between_unit != "" ){ echo $settings->space_between_unit; }else{ echo 10 ; }?>px;
	<?php } ?>
}
<?php
}


/* Typography style Assign CSS for message after expires*/
if( isset( $settings->fixed_timer_action ) && $settings->fixed_timer_action == "msg" ){
?>
.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {
	<?php if( isset( $settings->message_font_family['family'] ) && $settings->message_font_family['family'] != "Default") : ?>
		<?php UABB_Helper::uabb_font_css( $settings->message_font_family ); ?>
	<?php endif; ?>

    <?php if( $converted === 'yes' || isset( $settings->message_font_size_unit ) && $settings->message_font_size_unit != '' ) {
    	?>
    	font-size: <?php echo $settings->message_font_size_unit; ?>px;
    <?php } else if(isset( $settings->message_font_size_unit ) && $settings->message_font_size_unit == '' && isset( $settings->message_font_size['desktop'] ) && $settings->message_font_size['desktop'] != '') { ?>
    	font-size: <?php echo $settings->message_font_size['desktop']; ?>px;
    <?php } ?>

	<?php if( isset( $settings->message_font_size['desktop'] ) && $settings->message_font_size['desktop'] == '' && isset( $settings->message_line_height['desktop'] ) && $settings->message_line_height['desktop'] != '' && $settings->message_line_height_unit == '' ) { ?>
	    line-height: <?php echo $settings->message_line_height['desktop']; ?>px;
	<?php } ?>

    <?php if( $converted === 'yes' || isset( $settings->message_line_height_unit ) && $settings->message_line_height_unit != '' ) { ?>
    	line-height: <?php echo $settings->message_line_height_unit; ?>em;
    <?php } else if(isset( $settings->message_line_height_unit ) && $settings->message_line_height_unit == '' && isset( $settings->message_line_height['desktop'] ) && $settings->message_line_height['desktop'] != '') { ?>
    	line-height: <?php echo $settings->message_line_height['desktop']; ?>px;
    <?php } ?>

	<?php if( isset( $settings->message_color ) && $settings->message_color != '' ) : ?>
		color: <?php echo $settings->message_color; ?>;
	<?php endif; ?>

	<?php if( $settings->message_transform != 'none' ) : ?>
	   text-transform: <?php echo $settings->message_transform; ?>;
	<?php endif; ?>

    <?php if( $settings->message_letter_spacing != '' ) : ?>
	   letter-spacing: <?php echo $settings->message_letter_spacing; ?>px;
	<?php endif; ?>
}
<?php
}

if( isset( $settings->evergreen_timer_action ) && $settings->evergreen_timer_action == "msg" ){
?>
.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {
	<?php if( isset( $settings->message_font_family['family'] ) && $settings->message_font_family['family'] != "Default") : ?>
		<?php UABB_Helper::uabb_font_css( $settings->message_font_family ); ?>
	<?php endif; ?>

    <?php if( $converted === 'yes' || isset( $settings->message_font_size_unit ) && $settings->message_font_size_unit != '' ) {
    	?>
    	font-size: <?php echo $settings->message_font_size_unit; ?>px;
    <?php } else if(isset( $settings->message_font_size_unit ) && $settings->message_font_size_unit == '' && isset( $settings->message_font_size['desktop'] ) && $settings->message_font_size['desktop'] != '') { ?>
    	font-size: <?php echo $settings->message_font_size['desktop']; ?>px;
    <?php } ?>

	<?php if( isset( $settings->message_font_size['desktop'] ) && $settings->message_font_size['desktop'] == '' && isset( $settings->message_line_height['desktop'] ) && $settings->message_line_height['desktop'] != '' && $settings->message_line_height_unit == '' ) { ?>
	    line-height: <?php echo $settings->message_line_height['desktop']; ?>px;
	<?php } ?>

    <?php if( $converted === 'yes' || isset( $settings->message_line_height_unit ) && $settings->message_line_height_unit != '' ) { ?>
    	line-height: <?php echo $settings->message_line_height_unit; ?>em;
    <?php } else if(isset( $settings->message_line_height_unit ) && $settings->message_line_height_unit == '' && isset( $settings->message_line_height['desktop'] ) && $settings->message_line_height['desktop'] != '') { ?>
    	line-height: <?php echo $settings->message_line_height['desktop']; ?>px;
    <?php } ?>

	<?php if( isset( $settings->message_color ) && $settings->message_color != '' ) : ?>
		color: <?php echo $settings->message_color; ?>;
	<?php endif; ?>

	<?php if( $settings->message_transform != 'none' ): ?>
	   text-transform: <?php echo $settings->message_transform; ?>;
	<?php endif; ?>

    <?php if( $settings->message_letter_spacing != '' ) : ?>
	   letter-spacing: <?php echo $settings->message_letter_spacing; ?>px;
	<?php endif; ?>
}
<?php
}

/* Typography style starts here  */ 
if ( ( isset( $settings->digit_font_family['family'] ) && $settings->digit_font_family['family'] != "Default" ) || isset( $settings->digit_font_size['desktop'] ) || isset( $settings->digit_line_height['desktop'] ) || isset( $settings->digit_font_size_unit ) || isset( $settings->digit_line_height_unit ) || isset( $settings->digit_color ) ) { ?>

	.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-digit,
	.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-digit {
	
		<?php if( isset( $settings->digit_font_family['family'] ) && $settings->digit_font_family['family'] != "Default") : ?>
			<?php UABB_Helper::uabb_font_css( $settings->digit_font_family ); ?>
		<?php endif; ?>

	    <?php if( $converted === 'yes' || isset( $settings->digit_font_size_unit ) && $settings->digit_font_size_unit != '' ) {
	    	?>
	    	font-size: <?php echo $settings->digit_font_size_unit; ?>px;
	    <?php } else if(isset( $settings->digit_font_size_unit ) && $settings->digit_font_size_unit == '' && isset( $settings->digit_font_size['desktop'] ) && $settings->digit_font_size['desktop'] != '') { ?>
	    	font-size: <?php echo $settings->digit_font_size['desktop']; ?>px;
	    <?php } ?>

		<?php if( isset( $settings->digit_font_size['desktop'] ) && $settings->digit_font_size['desktop'] == '' && isset( $settings->digit_line_height['desktop'] ) && $settings->digit_line_height['desktop'] != '' && $settings->digit_line_height_unit == '' ) { ?>
		    line-height: <?php echo $settings->digit_line_height['desktop']; ?>px;
		<?php } ?>

	    <?php if( $converted === 'yes' || isset( $settings->digit_line_height_unit ) && $settings->digit_line_height_unit != '' ) { ?>
	    	line-height: <?php echo $settings->digit_line_height_unit; ?>em;
	    <?php } else if(isset( $settings->digit_line_height_unit ) && $settings->digit_line_height_unit == '' && isset( $settings->digit_line_height['desktop'] ) && $settings->digit_line_height['desktop'] != '') { ?>
	    	line-height: <?php echo $settings->digit_line_height['desktop']; ?>px;
	    <?php } ?>

		<?php if( isset( $settings->digit_color ) && $settings->digit_color != '' ) : ?>
			color: <?php echo $settings->digit_color; ?>;
		<?php endif; ?>
	}
<?php } ?>

.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-digit,
	.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-digit {
	<?php if($settings->digit_letter_spacing != '' ) ?>
		   letter-spacing: <?php echo $settings->digit_letter_spacing; ?>px;
}

<?php if ( ( isset( $settings->unit_font_family['family'] ) && $settings->unit_font_family['family'] != "Default" ) || isset( $settings->unit_font_size['desktop'] ) || isset( $settings->unit_line_height['desktop'] ) || isset( $settings->unit_font_size_new ) || isset( $settings->unit_line_height_new ) || isset( $settings->unit_color ) || isset( $settings->unit_transform ) || isset( $settings->unit_letter_spacing ) ) { ?>

	.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-unit,
	.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-unit {	
		<?php if( isset( $settings->unit_font_family['family'] ) && $settings->unit_font_family['family'] != "Default") : ?>
			<?php UABB_Helper::uabb_font_css( $settings->unit_font_family ); ?>
		<?php endif; ?>

	    <?php if( $converted === 'yes' || isset( $settings->unit_font_size_new ) && $settings->unit_font_size_new != '' ) {
	    	?>
	    	font-size: <?php echo $settings->unit_font_size_new; ?>px;
	    <?php } else if(isset( $settings->unit_font_size_new ) && $settings->unit_font_size_new == '' && isset( $settings->unit_font_size['desktop'] ) && $settings->unit_font_size['desktop'] != '') { ?>
	    	font-size: <?php echo $settings->unit_font_size['desktop']; ?>px;
	    <?php } ?>

		<?php if( isset( $settings->unit_font_size['desktop'] ) && $settings->unit_font_size['desktop'] == '' && isset( $settings->unit_line_height['desktop'] ) && $settings->unit_line_height['desktop'] != '' && $settings->unit_line_height_new == '' ) { ?>
		    line-height: <?php echo $settings->unit_line_height['desktop']; ?>px;
		<?php } ?>

	    <?php if( $converted === 'yes' || isset( $settings->unit_line_height_new ) && $settings->unit_line_height_new != '' ) { ?>
	    	line-height: <?php echo $settings->unit_line_height_new; ?>em;
	    <?php } else if(isset( $settings->unit_line_height_new ) && $settings->unit_line_height_new == '' && isset( $settings->unit_line_height['desktop'] ) && $settings->unit_line_height['desktop'] != '') { ?>
	    	line-height: <?php echo $settings->unit_line_height['desktop']; ?>px;
	    <?php } ?>

		<?php if( isset( $settings->unit_color ) && $settings->unit_color != '' ) : ?>
			color: <?php echo $settings->unit_color; ?>;
		<?php endif; ?>

		<?php if( $settings->unit_transform != 'none' ) : ?>
	   		text-transform: <?php echo $settings->unit_transform; ?>;
	   	<?php endif; ?>

    	<?php if( $settings->unit_letter_spacing != '' ) : ?>
	   		letter-spacing: <?php echo $settings->unit_letter_spacing; ?>px;
	   	<?php endif; ?>
	}
<?php } ?>


/* Typography responsive layout starts here */ 
<?php if($global_settings->responsive_enabled) { // Global Setting If started 
	if( isset( $settings->message_font_size['medium'] ) || isset( $settings->message_line_height['medium'] ) || isset( $settings->digit_font_size['medium'] ) || isset( $settings->digit_line_height['medium'] ) || isset( $settings->unit_font_size['medium'] ) || isset( $settings->unit_line_height['medium'] ) || isset( $settings->digit_font_size_unit_medium ) || isset( $settings->digit_line_height_unit_medium ) || isset( $settings->digit_line_height_unit ) || isset( $settings->unit_font_size_new_medium ) || isset( $settings->unit_line_height_new_medium ) || isset( $settings->unit_line_height_new ) || isset( $settings->message_font_size_unit_medium ) || isset( $settings->message_line_height_unit_medium ) || isset( $settings->message_line_height_message ) || isset( $settings->evergreen_timer_action ) || isset( $settings->fixed_timer_action ) ) { ?>
		@media ( max-width: <?php echo $global_settings->medium_breakpoint .'px'; ?> ) {
			<?php if( isset($settings->digit_font_size['medium']) &&  $settings->digit_font_size['medium'] !="" || isset($settings->digit_line_height['medium']) || isset($settings->digit_font_size_unit_medium) || isset($settings->digit_line_height_unit_medium)  ) { ?>
				.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-digit,
				.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-digit {

				    <?php if( $converted === 'yes' || isset( $settings->digit_font_size_unit_medium ) && $settings->digit_font_size_unit_medium != '' ){ ?>
				    	font-size: <?php echo $settings->digit_font_size_unit_medium; ?>px;
				    <?php } else if(  isset( $settings->digit_font_size_unit_medium ) && $settings->digit_font_size_unit_medium == '' && isset( $settings->digit_font_size['medium'] ) && $settings->digit_font_size['medium'] != '' ) {?>
				    	font-size: <?php echo $settings->digit_font_size['medium']; ?>px;
				    <?php } ?>

					<?php if( isset( $settings->digit_font_size['medium'] ) && $settings->digit_font_size['medium'] == '' && isset( $settings->digit_line_height['medium'] ) && $settings->digit_line_height['medium'] != '' && $settings->digit_line_height_unit_medium == '' && $settings->digit_line_height_unit == '' ) { ?>
					    line-height: <?php echo $settings->digit_line_height['medium']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->digit_line_height_unit_medium ) && $settings->digit_line_height_unit_medium != '' ){ ?>
		            	line-height: <?php echo $settings->digit_line_height_unit_medium; ?>em;	
		            <?php } else if( isset( $settings->digit_line_height_unit_medium )&& $settings->digit_line_height_unit_medium == '' && isset( $settings->digit_line_height['medium'] ) && $settings->digit_line_height['medium'] != '' ) {?>
		            	line-height: <?php echo $settings->digit_line_height['medium']; ?>px;
		            <?php } ?>

				}
			<?php } ?>

			<?php if( isset( $settings->unit_font_size['medium'] ) || isset( $settings->unit_line_height['medium'] ) ||isset( $settings->digit_font_size_unit_medium ) || isset( $settings->unit_font_size_new_medium ) ) { ?>
				.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-unit,
				.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-unit {

				    <?php if( $converted === 'yes' || isset( $settings->unit_font_size_new_medium ) && $settings->unit_font_size_new_medium != '' ){ ?>
				    	font-size: <?php echo $settings->unit_font_size_new_medium; ?>px;
				    <?php } else if(  isset( $settings->unit_font_size_new_medium ) && $settings->unit_font_size_new_medium == '' && isset( $settings->unit_font_size['medium'] ) && $settings->unit_font_size['medium'] != '' ) {?>
				    	font-size: <?php echo $settings->unit_font_size['medium']; ?>px;
				    <?php } ?> 

					<?php if( isset( $settings->unit_font_size['medium'] ) && $settings->unit_font_size['medium'] == '' && isset( $settings->unit_line_height['medium'] ) && $settings->unit_line_height['medium'] != '' && $settings->unit_line_height_new_medium == '' && $settings->unit_line_height_new == '') { ?>
					    line-height: <?php echo $settings->unit_line_height['medium']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->unit_line_height_new_medium ) && $settings->unit_line_height_new_medium != '' ){ ?>
		            	line-height: <?php echo $settings->unit_line_height_new_medium; ?>em;	
		            <?php } else if( isset( $settings->unit_line_height_new_medium )&& $settings->unit_line_height_new_medium == '' && isset( $settings->unit_line_height['medium'] ) && $settings->unit_line_height['medium'] != '' ) {?>
		            	line-height: <?php echo $settings->unit_line_height['medium']; ?>px;
		            <?php } ?>
				}
				
			<?php } ?>

			<?php if( isset( $settings->message_font_size['medium'] ) || isset( $settings->message_line_height['medium'] ) || isset( $settings->message_font_size_unit_medium ) || isset( $settings->message_line_height_unit_medium ) ) {
				if( isset( $settings->evergreen_timer_action ) && $settings->evergreen_timer_action == "msg" ){
			 ?>
				.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {

				    <?php if( $converted === 'yes' || isset( $settings->message_font_size_unit_medium ) && $settings->message_font_size_unit_medium != '' ){ ?>
				    	font-size: <?php echo $settings->message_font_size_unit_medium; ?>px;
				    <?php } else if(  isset( $settings->message_font_size_unit_medium ) && $settings->message_font_size_unit_medium == '' && isset( $settings->message_font_size['medium'] ) && $settings->message_font_size['medium'] != '' ) {?>
				    	font-size: <?php echo $settings->message_font_size['medium']; ?>px;
				    <?php } ?> 

					<?php if( isset( $settings->message_font_size['medium'] ) && $settings->message_font_size['medium'] == '' && isset( $settings->message_line_height['medium'] ) && $settings->message_line_height['medium'] != '' && $settings->message_line_height_unit_medium == ''  && $settings->message_line_height_unit == '') { ?>
					    line-height: <?php echo $settings->message_line_height['medium']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->message_line_height_unit_medium ) && $settings->message_line_height_unit_medium != '' ){ ?>
		                line-height: <?php echo $settings->message_line_height_unit_medium; ?>em;   
		            <?php } else if( isset( $settings->message_line_height_unit_medium )&& $settings->message_line_height_unit_medium == '' && isset( $settings->message_line_height['medium'] ) && $settings->message_line_height['medium'] != '' ) {?>
		                line-height: <?php echo $settings->message_line_height['medium']; ?>px;
		            <?php } ?>
				}
				
			<?php 
				}
				if( isset( $settings->fixed_timer_action ) && $settings->fixed_timer_action == "msg" ){
				?>
				.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {

		            <?php if( $converted === 'yes' || isset( $settings->message_font_size_unit_medium ) && $settings->message_font_size_unit_medium != '' ){ ?>
		                font-size: <?php echo $settings->message_font_size_unit_medium; ?>px;
		            <?php } else if(  isset( $settings->message_font_size_unit_medium ) && $settings->message_font_size_unit_medium == '' && isset( $settings->message_font_size['medium'] ) && $settings->message_font_size['medium'] != '' ) {?>
		                font-size: <?php echo $settings->message_font_size['medium']; ?>px;
		            <?php } ?>

					<?php if( isset( $settings->message_font_size['medium'] ) && $settings->message_font_size['medium'] == '' && isset( $settings->message_line_height['medium'] ) && $settings->message_line_height['medium'] != '' && $settings->message_line_height_unit_medium == ''  && $settings->message_line_height_unit == '') { ?>
					    line-height: <?php echo $settings->message_line_height['medium']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->message_line_height_unit_medium ) && $settings->message_line_height_unit_medium != '' ){ ?>
		                line-height: <?php echo $settings->message_line_height_unit_medium; ?>em;   
		            <?php } else if( isset( $settings->message_line_height_unit_medium )&& $settings->message_line_height_unit_medium == '' && isset( $settings->message_line_height['medium'] ) && $settings->message_line_height['medium'] != '' ) {?>
		                line-height: <?php echo $settings->message_line_height['medium']; ?>px;
		            <?php } ?>
				}
				<?php
				}
			} ?>
	    }
	<?php
	}

	if( isset( $settings->message_font_size['small'] ) || isset( $settings->message_line_height['small'] ) || isset( $settings->digit_font_size['small'] ) || isset( $settings->digit_line_height['small'] ) || isset( $settings->unit_font_size['small'] ) || isset( $settings->unit_line_height['small'] ) || isset( $settings->digit_font_size_unit_responsive ) || isset( $settings->digit_line_height_unit_responsive ) || isset( $settings->digit_line_height_unit_medium ) || isset( $settings->digit_line_height_unit ) || isset( $settings->unit_font_size_new_responsive ) || isset( $settings->unit_line_height_new_responsive ) || isset( $settings->unit_line_height_new_medium ) || isset( $settings->unit_line_height_new ) || isset( $settings->message_font_size_unit_responsive ) || isset( $settings->message_line_height_unit_responsive ) || isset( $settings->message_line_height_unit_medium ) || isset( $settings->message_line_height_unit ) || isset( $settings->evergreen_timer_action ) || isset( $settings->fixed_timer_action ) ) {
	?>
		@media ( max-width: <?php echo $global_settings->responsive_breakpoint .'px'; ?> ) {
			<?php if( isset( $settings->digit_font_size['small'] ) || isset( $settings->digit_line_height['small'] ) || isset( $settings->digit_font_size_unit_responsive ) || isset( $settings->digit_line_height_unit_responsive ) ) { ?>
				.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-digit,
				.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-digit {
					
		            <?php if( $converted === 'yes' || isset( $settings->digit_font_size_unit_responsive ) && $settings->digit_font_size_unit_responsive != '' ){ ?>
		                font-size: <?php echo $settings->digit_font_size_unit_responsive; ?>px;   
		            <?php } else if( isset($settings->digit_font_size_unit_responsive)  && $settings->digit_font_size_unit_responsive == '' && isset( $settings->digit_font_size['small'] ) && $settings->digit_font_size['small'] != '' ) { ?>
		                font-size: <?php echo $settings->digit_font_size['small']; ?>px;
		            <?php } ?>

					<?php if( isset( $settings->digit_font_size['small'] ) && $settings->digit_font_size['small'] == '' && isset( $settings->digit_line_height['small'] ) && $settings->digit_line_height['small'] != '' && $settings->digit_line_height_unit_responsive == '' && $settings->digit_line_height_unit == '' &&  $settings->digit_line_height_unit_medium == '') { ?>
					    line-height: <?php echo $settings->digit_line_height['small']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->digit_line_height_unit_responsive ) && $settings->digit_line_height_unit_responsive != '' ) { ?>
		                line-height: <?php echo $settings->digit_line_height_unit_responsive; ?>em;
		            <?php } else if( isset( $settings->digit_line_height_unit_responsive ) && $settings->digit_line_height_unit_responsive == '' && isset( $settings->digit_line_height['small'] ) && $settings->digit_line_height['small'] != '' ) {?>
		                line-height: <?php echo $settings->digit_line_height['small']; ?>px;
		            <?php } ?> 

				}
			<?php } ?>

			<?php if( isset( $settings->unit_font_size['small'] ) || isset( $settings->unit_line_height['small'] ) || isset( $settings->unit_font_size_new_responsive ) || isset( $settings->unit_line_height_new_responsive ) ) { ?>
				.fl-node-<?php echo $id;?> .uabb-countdown-fixed-timer .uabb-count-down-unit,
				.fl-node-<?php echo $id;?> .uabb-countdown-evergreen-timer .uabb-count-down-unit {

		            <?php if( $converted === 'yes' || isset( $settings->unit_font_size_new_responsive ) && $settings->unit_font_size_new_responsive != '' ){ ?>
		                font-size: <?php echo $settings->unit_font_size_new_responsive; ?>px;   
		            <?php } else if( isset($settings->unit_font_size_new_responsive)  && $settings->unit_font_size_new_responsive == '' && isset( $settings->unit_font_size['small'] ) && $settings->unit_font_size['small'] != '' ) { ?>
		                font-size: <?php echo $settings->unit_font_size['small']; ?>px;
		            <?php } ?>

					<?php if( isset( $settings->unit_font_size['small'] ) && $settings->unit_font_size['small'] == '' && isset( $settings->unit_line_height['small'] ) && $settings->unit_line_height['small'] != '' && $settings->unit_line_height_new_responsive == '' && $settings->unit_line_height_new == '' &&  $settings->unit_line_height_new_medium == '' ) { ?>
					    line-height: <?php echo $settings->unit_line_height['small']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->unit_line_height_new_responsive ) && $settings->unit_line_height_new_responsive != '' ) { ?>
		                line-height: <?php echo $settings->unit_line_height_new_responsive; ?>em;
		            <?php } else if( isset( $settings->unit_line_height_new_responsive ) && $settings->unit_line_height_new_responsive == '' && isset( $settings->unit_line_height['small'] ) && $settings->unit_line_height['small'] != '' ) {?>
		                line-height: <?php echo $settings->unit_line_height['small']; ?>px;
		            <?php } ?> 
				}
			<?php } ?>

			<?php if( isset( $settings->message_font_size['small'] ) || isset( $settings->message_line_height['small'] ) || isset( $settings->message_font_size_unit_responsive ) || isset( $settings->message_line_height_unit_responsive ) ) { 
				if( isset( $settings->evergreen_timer_action ) && $settings->evergreen_timer_action == "msg" ){
				?>
				.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {

		            <?php if( $converted === 'yes' || isset( $settings->num_font_size_unit_responsive ) && $settings->num_font_size_unit_responsive != '' ){ ?>
		                font-size: <?php echo $settings->num_font_size_unit_responsive; ?>px;   
		            <?php } else if( $settings->num_font_size_unit_responsive  && $settings->num_font_size_unit_responsive == '' && isset( $settings->num_font_size['small'] ) && $settings->num_font_size['small'] != '' ) { ?>
		                font-size: <?php echo $settings->num_font_size['small']; ?>px;
		            <?php } ?>

					<?php if( isset( $settings->message_font_size['small'] ) && $settings->message_font_size['small'] == '' && isset( $settings->message_line_height['small'] ) && $settings->message_line_height['small'] != '' && $settings->message_line_height_unit_responsive == '' && $settings->message_line_height_unit == '' &&  $settings->message_line_height_unit_medium == '') { ?>
					    line-height: <?php echo $settings->message_line_height['small']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->num_line_height_unit_responsive ) && $settings->num_line_height_unit_responsive != '' ) { ?>
		                line-height: <?php echo $settings->num_line_height_unit_responsive; ?>em;
		            <?php } else if( isset( $settings->num_line_height_unit_responsive ) && $settings->num_line_height_unit_responsive == '' && isset( $settings->num_line_height['small'] ) && $settings->num_line_height['small'] != '' ) {?>
		                line-height: <?php echo $settings->num_line_height['small']; ?>px;
		            <?php } ?> 			
				}
			<?php 
				}
				if( isset( $settings->fixed_timer_action ) && $settings->fixed_timer_action == "msg" ){
				?>
				.fl-node-<?php echo $id;?> .uabb-countdown-expire-message {

		            <?php if( $converted === 'yes' || isset( $settings->message_font_size_unit_responsive ) && $settings->message_font_size_unit_responsive != '' ){ ?>
		                font-size: <?php echo $settings->message_font_size_unit_responsive; ?>px;   
		            <?php } else if( $settings->message_font_size_unit_responsive  && $settings->message_font_size_unit_responsive == '' && isset( $settings->message_font_size['small'] ) && $settings->message_font_size['small'] != '' ) { ?>
		                font-size: <?php echo $settings->message_font_size['small']; ?>px;
		            <?php } ?> 

					<?php if( isset( $settings->message_font_size['small'] ) && $settings->message_font_size['small'] == '' && isset( $settings->message_line_height['small'] ) && $settings->message_line_height['small'] != '' && $settings->message_line_height_unit_responsive == '' && $settings->message_line_height_unit == '' &&  $settings->message_line_height_unit_medium == '') { ?>
					    line-height: <?php echo $settings->message_line_height['small']; ?>px;
					<?php } ?>

		            <?php if( $converted === 'yes' || isset( $settings->message_line_height_unit_responsive ) && $settings->message_line_height_unit_responsive != '' ) { ?>
		                line-height: <?php echo $settings->message_line_height_unit_responsive; ?>em;
		            <?php } else if( isset( $settings->message_line_height_unit_responsive ) && $settings->message_line_height_unit_responsive == '' && isset( $settings->message_line_height['small'] ) && $settings->message_line_height['small'] != '' ) {?>
		                line-height: <?php echo $settings->message_line_height['small']; ?>px;
		            <?php } ?> 
				}
				<?php
				}
			} ?>
	    }
	<?php
	}
}
?>
/* Typography responsive layout Ends here */