<?php
/**
 * Register the module's CSS file for Info Box module
 *
 * @package UABB Info Box Module
 */

$version_bb_check = UABB_Compatibility::$version_bb_check;
$converted        = UABB_Compatibility::$uabb_migration;

$settings->prefix_color  = UABB_Helper::uabb_colorpicker( $settings, 'prefix_color' );
$settings->title_color   = UABB_Helper::uabb_colorpicker( $settings, 'title_color' );
$settings->subhead_color = UABB_Helper::uabb_colorpicker( $settings, 'subhead_color' );
$settings->link_color    = UABB_Helper::uabb_colorpicker( $settings, 'link_color' );

$settings->bg_color           = UABB_Helper::uabb_colorpicker( $settings, 'bg_color', true );
$settings->img_bg_hover_color = UABB_Helper::uabb_colorpicker( $settings, 'img_bg_hover_color', true );

$settings->icon_hover_color        = UABB_Helper::uabb_colorpicker( $settings, 'icon_hover_color' );
$settings->uabb_border_color       = UABB_Helper::uabb_colorpicker( $settings, 'uabb_border_color' );
$settings->icon_bg_hover_color     = UABB_Helper::uabb_colorpicker( $settings, 'icon_bg_hover_color', true );
$settings->icon_border_hover_color = UABB_Helper::uabb_colorpicker( $settings, 'icon_border_hover_color' );
$settings->img_border_hover_color  = UABB_Helper::uabb_colorpicker( $settings, 'img_border_hover_color' );
$settings->subhead_color_hover     = UABB_Helper::uabb_colorpicker( $settings, 'subhead_color_hover' );
$settings->title_color_hover       = UABB_Helper::uabb_colorpicker( $settings, 'title_color_hover' );
$settings->prefix_color_hover      = UABB_Helper::uabb_colorpicker( $settings, 'prefix_color_hover' );
$settings->link_color_hover        = UABB_Helper::uabb_colorpicker( $settings, 'link_color_hover' );
$settings->bg_color_hover          = UABB_Helper::uabb_colorpicker( $settings, 'bg_color_hover' );

$settings->img_size          = ( '' !== trim( $settings->img_size ) ) ? $settings->img_size : '150';
$settings->icon_size         = ( '' !== trim( $settings->icon_size ) ) ? $settings->icon_size : '30';
$settings->icon_bg_size      = ( '' !== trim( $settings->icon_bg_size ) ) ? $settings->icon_bg_size : '30';
$settings->icon_border_width = ( '' !== trim( $settings->icon_border_width ) ) ? $settings->icon_border_width : '1';
$settings->img_border_width  = ( '' !== trim( $settings->img_border_width ) ) ? $settings->img_border_width : '1';
?>

.fl-node-<?php echo esc_attr( $id ); ?> {
	width: 100%;
}
<?php

/* Render Button */
if ( 'button' === $settings->cta_type ) {

	if ( $version_bb_check ) {
		$target   = '';
		$nofollow = '';
		if ( isset( $settings->btn_link_target ) ) {
			$target = $settings->btn_link_target;
		}
		if ( isset( $settings->btn_link_nofollow ) ) {
			$nofollow = $settings->btn_link_nofollow;
		}

		$btn_settings = array(

			/* General Section */
			'text'                                       => $settings->btn_text,

			/* Link Section */
			'link'                                       => $settings->btn_link,
			'link_target'                                => $target,
			'link_nofollow'                              => $nofollow,

			/* Style Section */
			'style'                                      => $settings->btn_style,
			'border_size'                                => $settings->btn_border_size,
			'transparent_button_options'                 => $settings->btn_transparent_button_options,
			'threed_button_options'                      => $settings->btn_threed_button_options,
			'flat_button_options'                        => $settings->btn_flat_button_options,

			/* Colors */
			'bg_color'                                   => $settings->btn_bg_color,
			'bg_hover_color'                             => $settings->btn_bg_hover_color,
			'text_color'                                 => $settings->btn_text_color,
			'text_hover_color'                           => $settings->btn_text_hover_color,
			'hover_attribute'                            => $settings->hover_attribute,

			/* Icon */
			'icon'                                       => $settings->btn_icon,
			'icon_position'                              => $settings->btn_icon_position,

			/* Structure */
			'width'                                      => $settings->btn_width,
			'custom_width'                               => $settings->btn_custom_width,
			'custom_height'                              => $settings->btn_custom_height,
			'padding_top_bottom'                         => $settings->btn_padding_top_bottom,
			'padding_left_right'                         => $settings->btn_padding_left_right,
			'border_radius'                              => $settings->btn_border_radius,
			'custom_class'                               => $settings->custom_class,
			'align'                                      => '',
			'mob_align'                                  => '',

			/* Typography */

			'font_size'                                  => ( isset( $settings->btn_font_size ) ) ? $settings->btn_font_size : '',

			'button_typo'                                => ( isset( $settings->button_font_typo ) ) ? $settings->button_font_typo : '',
			'button_typo_medium'                         => ( isset( $settings->button_font_typo_medium ) ) ? $settings->button_font_typo_medium : '',
			'button_typo_responsive'                     => ( isset( $settings->button_font_typo_responsive ) ) ? $settings->button_font_typo_responsive : '',
			'button_padding_dimension_top'               => ( isset( $settings->button_padding_dimension_top ) ) ? $settings->button_padding_dimension_top : '',
			'button_padding_dimension_left'              => ( isset( $settings->button_padding_dimension_left ) ) ? $settings->button_padding_dimension_left : '',
			'button_padding_dimension_bottom'            => ( isset( $settings->button_padding_dimension_bottom ) ) ? $settings->button_padding_dimension_bottom : '',
			'button_padding_dimension_right'             => ( isset( $settings->button_padding_dimension_right ) ) ? $settings->button_padding_dimension_right : '',
			'button_padding_dimension_top_medium'        => ( isset( $settings->button_padding_dimension_top_medium ) ) ? $settings->button_padding_dimension_top_medium : '',
			'button_padding_dimension_left_medium'       => ( isset( $settings->button_padding_dimension_left_medium ) ) ? $settings->button_padding_dimension_left_medium : '',
			'button_padding_dimension_bottom_medium'     => ( isset( $settings->button_padding_dimension_bottom_medium ) ) ? $settings->button_padding_dimension_bottom_medium : '',
			'button_padding_dimension_right_medium'      => ( isset( $settings->button_padding_dimension_right_medium ) ) ? $settings->button_padding_dimension_right_medium : '',
			'button_padding_dimension_top_responsive'    => ( isset( $settings->button_padding_dimension_top_responsive ) ) ? $settings->button_padding_dimension_top_responsive : '',
			'button_padding_dimension_left_responsive'   => ( isset( $settings->button_padding_dimension_left_responsive ) ) ? $settings->button_padding_dimension_left_responsive : '',
			'button_padding_dimension_bottom_responsive' => ( isset( $settings->button_padding_dimension_bottom_responsive ) ) ? $settings->button_padding_dimension_bottom_responsive : '',
			'button_padding_dimension_right_responsive'  => ( isset( $settings->button_padding_dimension_right_responsive ) ) ? $settings->button_padding_dimension_right_responsive : '',

			'button_border'                              => ( isset( $settings->button_border ) ) ? $settings->button_border : '',
			'border_hover_color'                         => ( isset( $settings->border_hover_color ) ) ? $settings->border_hover_color : '',
		);
	} else {
		$target   = '';
		$nofollow = '';
		if ( isset( $settings->btn_link_target ) ) {
			$target = $settings->btn_link_target;
		}
		if ( isset( $settings->btn_link_nofollow ) ) {
			$nofollow = $settings->btn_link_nofollow;
			if ( 'yes' === $settings->btn_link_nofollow ) {
				$nofollow = '1';
			}
		}
		$btn_settings = array(

			/* General Section */
			'text'                                       => $settings->btn_text,

			/* Link Section */
			'link'                                       => $settings->btn_link,
			'link_target'                                => $target,
			'link_nofollow'                              => $nofollow,

			/* Style Section */
			'style'                                      => $settings->btn_style,
			'border_size'                                => $settings->btn_border_size,
			'transparent_button_options'                 => $settings->btn_transparent_button_options,
			'threed_button_options'                      => $settings->btn_threed_button_options,
			'flat_button_options'                        => $settings->btn_flat_button_options,

			/* Colors */
			'bg_color'                                   => $settings->btn_bg_color,
			'bg_hover_color'                             => $settings->btn_bg_hover_color,
			'text_color'                                 => $settings->btn_text_color,
			'text_hover_color'                           => $settings->btn_text_hover_color,
			'hover_attribute'                            => $settings->hover_attribute,

			/* Icon */
			'icon'                                       => $settings->btn_icon,
			'icon_position'                              => $settings->btn_icon_position,

			/* Structure */
			'width'                                      => $settings->btn_width,
			'custom_width'                               => $settings->btn_custom_width,
			'custom_height'                              => $settings->btn_custom_height,
			'padding_top_bottom'                         => $settings->btn_padding_top_bottom,
			'padding_left_right'                         => $settings->btn_padding_left_right,
			'border_radius'                              => $settings->btn_border_radius,
			'custom_class'                               => $settings->custom_class,
			'align'                                      => '',
			'mob_align'                                  => '',

			/* Typography */

			'font_size'                                  => ( isset( $settings->btn_font_size ) ) ? $settings->btn_font_size : '',
			'font_size_unit'                             => $settings->btn_font_size_unit,
			'font_size_unit_medium'                      => $settings->btn_font_size_unit_medium,
			'font_size_unit_responsive'                  => $settings->btn_font_size_unit_responsive,
			'line_height'                                => ( isset( $settings->btn_line_height ) ) ? $settings->btn_line_height : '',
			'line_height_unit'                           => $settings->btn_line_height_unit,
			'line_height_unit_medium'                    => $settings->btn_line_height_unit_medium,
			'line_height_unit_responsive'                => $settings->btn_line_height_unit_responsive,
			'font_family'                                => $settings->btn_font_family,
			'transform'                                  => $settings->btn_transform,
			'letter_spacing'                             => $settings->btn_letter_spacing,
			'button_padding_dimension_top'               => ( isset( $settings->button_padding_dimension_top ) ) ? $settings->button_padding_dimension_top : '',
			'button_padding_dimension_left'              => ( isset( $settings->button_padding_dimension_left ) ) ? $settings->button_padding_dimension_left : '',
			'button_padding_dimension_bottom'            => ( isset( $settings->button_padding_dimension_bottom ) ) ? $settings->button_padding_dimension_bottom : '',
			'button_padding_dimension_right'             => ( isset( $settings->button_padding_dimension_right ) ) ? $settings->button_padding_dimension_right : '',
			'button_padding_dimension_top_medium'        => ( isset( $settings->button_padding_dimension_top_medium ) ) ? $settings->button_padding_dimension_top_medium : '',
			'button_padding_dimension_left_medium'       => ( isset( $settings->button_padding_dimension_left_medium ) ) ? $settings->button_padding_dimension_left_medium : '',
			'button_padding_dimension_bottom_medium'     => ( isset( $settings->button_padding_dimension_bottom_medium ) ) ? $settings->button_padding_dimension_bottom_medium : '',
			'button_padding_dimension_right_medium'      => ( isset( $settings->button_padding_dimension_right_medium ) ) ? $settings->button_padding_dimension_right_medium : '',
			'button_padding_dimension_top_responsive'    => ( isset( $settings->button_padding_dimension_top_responsive ) ) ? $settings->button_padding_dimension_top_responsive : '',
			'button_padding_dimension_left_responsive'   => ( isset( $settings->button_padding_dimension_left_responsive ) ) ? $settings->button_padding_dimension_left_responsive : '',
			'button_padding_dimension_bottom_responsive' => ( isset( $settings->button_padding_dimension_bottom_responsive ) ) ? $settings->button_padding_dimension_bottom_responsive : '',
			'button_padding_dimension_right_responsive'  => ( isset( $settings->button_padding_dimension_right_responsive ) ) ? $settings->button_padding_dimension_right_responsive : '',
			'button_border_style'                        => ( isset( $settings->button_border_style ) ) ? $settings->button_border_style : '',
			'button_border_width'                        => ( isset( $settings->button_border_width ) ) ? $settings->button_border_width : '',
			'button_border_radius'                       => ( isset( $settings->button_border_radius ) ) ? $settings->button_border_radius : '',
			'button_border_color'                        => ( isset( $settings->button_border_color ) ) ? $settings->button_border_color : '',

			'border_hover_color'                         => ( isset( $settings->border_hover_color ) ) ? $settings->border_hover_color : '',
		);
	}
	/* CSS Render Function */
	FLBuilder::render_module_css( 'uabb-button', $id, $btn_settings );
	if ( 'gradient' === $settings->btn_style ) {
		if ( isset( $settings->btn_gradient ) ) {
			?>
			.fl-node-<?php echo esc_attr( $id ); ?> .uabb-creative-button-wrap a,
			.fl-node-<?php echo esc_attr( $id ); ?> .uabb-creative-button-wrap a:visited {
				background: <?php echo esc_attr( FLBuilderColor::gradient( $settings->btn_gradient ) ); ?>;
			}
			<?php
		}
	}
}
/* Render Separator */
if ( 'block' === $settings->enable_separator ) {
	FLBuilder::render_module_css(
		'uabb-separator',
		$id,
		array(
			'color'                => $settings->separator_color,
			'height'               => ( '' !== trim( $settings->separator_height ) ) ? $settings->separator_height : '1',
			'width'                => ( '' !== trim( $settings->separator_width ) ) ? $settings->separator_width : '100',
			'alignment'            => ( isset( $settings->separator_alignment ) ) ? $settings->separator_alignment : '',
			'alignment_medium'     => ( isset( $settings->separator_alignment_medium ) ) ? $settings->separator_alignment_medium : '',
			'alignment_responsive' => ( isset( $settings->separator_alignment_responsive ) ) ? $settings->separator_alignment_responsive : '',
			'style'                => $settings->separator_style,
		)
	);
	?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-separator {
		margin-top: <?php echo ( '' !== trim( $settings->separator_margin_top ) ) ? esc_attr( $settings->separator_margin_top ) : '20'; ?>px;
		margin-bottom: <?php echo ( '' !== trim( $settings->separator_margin_bottom ) ) ? esc_attr( $settings->separator_margin_bottom ) : '20'; ?>px;
	}
	<?php
}

/* Icon Image Render */
if ( 'none' !== $settings->image_type ) {

	/* CSS "$settings" Array */
	if ( $version_bb_check ) {
		$imageicon_array = array(

			/* General Section */
			'image_type'              => $settings->image_type,

			/* Icon Basics */
			'icon'                    => $settings->icon,
			'icon_size'               => $settings->icon_size,
			'icon_align'              => '',

			/* Image Basics */
			'photo_source'            => $settings->photo_source,
			'photo'                   => $settings->photo,
			'photo_url'               => $settings->photo_url,
			'img_size'                => $settings->img_size,
			'responsive_img_size'     => $settings->responsive_img_size,
			'img_align'               => '',
			'photo_src'               => ( isset( $settings->photo_src ) ) ? $settings->photo_src : '',

			/* Icon Style */
			'icon_style'              => $settings->icon_style,
			'icon_bg_size'            => $settings->icon_bg_size,
			'icon_border_style'       => $settings->icon_border_style,
			'icon_border_width'       => $settings->icon_border_width,
			'icon_bg_border_radius'   => $settings->icon_bg_border_radius,

			/* Image Style */
			'image_style'             => $settings->image_style,
			'img_bg_size'             => $settings->img_bg_size,
			'img_border_style'        => $settings->img_border_style,
			'img_border_width'        => $settings->img_border_width,
			'img_bg_border_radius'    => $settings->img_bg_border_radius,

			/* Preset Color variable new */
			'icon_color_preset'       => $settings->icon_color_preset,

			/* Icon Colors */
			'icon_color'              => $settings->icon_color,
			'icon_hover_color'        => $settings->icon_hover_color,
			'icon_bg_color'           => $settings->icon_bg_color,
			'icon_bg_hover_color'     => $settings->icon_bg_hover_color,
			'icon_border_color'       => $settings->icon_border_color,
			'icon_border_hover_color' => $settings->icon_border_hover_color,
			'icon_three_d'            => $settings->icon_three_d,

			/* Image Colors */
			'img_bg_color'            => $settings->img_bg_color,
			'img_bg_hover_color'      => $settings->img_bg_hover_color,
			'img_border_color'        => $settings->img_border_color,
			'img_border_hover_color'  => $settings->img_border_hover_color,
		);
	} else {
		$imageicon_array = array(

			/* General Section */
			'image_type'              => $settings->image_type,

			/* Icon Basics */
			'icon'                    => $settings->icon,
			'icon'                    => ( isset( $settings->icon ) && '' !== $settings->icon ) ? $settings->icon : '',
			'icon_size'               => $settings->icon_size,
			'icon_align'              => '',

			/* Image Basics */
			'photo_source'            => $settings->photo_source,
			'photo'                   => $settings->photo,
			'photo_url'               => $settings->photo_url,
			'img_size'                => $settings->img_size,
			'responsive_img_size'     => $settings->responsive_img_size,
			'img_align'               => '',
			'photo_src'               => ( isset( $settings->photo_src ) ) ? $settings->photo_src : '',

			/* Icon Style */
			'icon_style'              => $settings->icon_style,
			'icon_bg_size'            => $settings->icon_bg_size,
			'icon_border_style'       => $settings->icon_border_style,
			'icon_border_width'       => $settings->icon_border_width,
			'icon_bg_border_radius'   => $settings->icon_bg_border_radius,

			/* Image Style */
			'image_style'             => $settings->image_style,
			'img_bg_size'             => $settings->img_bg_size,
			'img_border_style'        => $settings->img_border_style,
			'img_border_width'        => $settings->img_border_width,
			'img_bg_border_radius'    => $settings->img_bg_border_radius,

			/* Preset Color variable new */
			'icon_color_preset'       => $settings->icon_color_preset,

			/* Icon Colors */
			'icon_color'              => $settings->icon_color,
			'icon_hover_color'        => $settings->icon_hover_color,
			'icon_bg_color'           => $settings->icon_bg_color,
			'icon_bg_color_opc'       => $settings->icon_bg_color_opc,
			'icon_bg_hover_color'     => $settings->icon_bg_hover_color,
			'icon_bg_hover_color_opc' => $settings->icon_bg_hover_color_opc,
			'icon_border_color'       => $settings->icon_border_color,
			'icon_border_hover_color' => $settings->icon_border_hover_color,
			'icon_three_d'            => $settings->icon_three_d,

			/* Image Colors */
			'img_bg_color'            => $settings->img_bg_color,
			'img_bg_color_opc'        => $settings->img_bg_color_opc,
			'img_bg_hover_color'      => $settings->img_bg_hover_color,
			'img_bg_hover_color_opc'  => $settings->img_bg_hover_color_opc,
			'img_border_color'        => $settings->img_border_color,
			'img_border_hover_color'  => $settings->img_border_hover_color,
		);
	}

	/* CSS Render Function */
	FLBuilder::render_module_css( 'image-icon', $id, $imageicon_array );
}
?>

<?php if ( 'simple' === $settings->icon_style ) : ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-icon-wrap .uabb-icon i {
		<?php if ( 'above-title' === $settings->img_icon_position || 'below-title' === $settings->img_icon_position ) : ?>
		width: auto;
		<?php endif; ?>
		<?php if ( 'right' === $settings->img_icon_position || 'right-title' === $settings->img_icon_position ) : ?>
		direction: rtl;
		<?php endif; ?>
	}
<?php endif; ?>

<?php
if ( 'none' !== $settings->image_type ) {
	if ( 'above-title' !== $settings->img_icon_position && 'below-title' !== $settings->img_icon_position ) {
		if ( 'center' === $settings->align_items ) {
			?>
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-imgicon-wrap {
	vertical-align: middle;
}
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-content {
	vertical-align: middle;
}
			<?php
		} else {
			?>
.fl-node-<?php echo esc_attr( $id ); ?> .infobox-icon-left-title .uabb-imgicon-wrap,
.fl-node-<?php echo esc_attr( $id ); ?> .infobox-icon-right-title .uabb-imgicon-wrap,
.fl-node-<?php echo esc_attr( $id ); ?> .infobox-photo-left-title .uabb-imgicon-wrap,
.fl-node-<?php echo esc_attr( $id ); ?> .infobox-photo-right-title .uabb-imgicon-wrap {
	vertical-align: top;
}
			<?php
		}
	}
}
?>

/* Image icon Margin 0 */
<?php if ( '' === $settings->title && '' === $settings->text ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-imgicon-wrap {
		margin: 0;
	}
<?php } ?>

/* Border Properties */
<?php if ( 'none' !== $settings->uabb_border_type || 'yes' === $settings->enable_box_shadow ) : ?>
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			border-style: <?php echo esc_attr( $settings->uabb_border_type ); ?>;

			<?php if ( '' !== $settings->uabb_border_color ) : ?>
				border-color: <?php echo esc_attr( $settings->uabb_border_color ); ?>;
			<?php endif; ?>

			border-radius: <?php echo $settings->border_radius ? esc_attr( $settings->border_radius ) : 0; ?>px;
			border-top-width: <?php echo $settings->uabb_border_top ? esc_attr( $settings->uabb_border_top ) : 0; ?>px;
			border-bottom-width: <?php echo $settings->uabb_border_bottom ? esc_attr( $settings->uabb_border_bottom ) : 0; ?>px;
			border-left-width: <?php echo $settings->uabb_border_left ? esc_attr( $settings->uabb_border_left ) : 0; ?>px;
			border-right-width: <?php echo $settings->uabb_border_right ? esc_attr( $settings->uabb_border_right ) : 0; ?>px;

			<?php if ( $settings->uabb_border_top > 0 || $settings->uabb_border_bottom > 0 || $settings->uabb_border_left > 0 || $settings->uabb_border_right > 0 || 'yes' === $settings->enable_box_shadow ) : ?>

					<?php
					if ( 'yes' === $converted || isset( $settings->info_box_padding_dimension_top ) && isset( $settings->info_box_padding_dimension_bottom ) && isset( $settings->info_box_padding_dimension_left ) && isset( $settings->info_box_padding_dimension_right ) ) {
						if ( isset( $settings->info_box_padding_dimension_top ) ) {
							echo ( '' !== $settings->info_box_padding_dimension_top ) ? 'padding-top:' . esc_attr( $settings->info_box_padding_dimension_top ) . 'px;' : 'padding-top: 20px;';
						}
						if ( isset( $settings->info_box_padding_dimension_bottom ) ) {
							echo ( '' !== $settings->info_box_padding_dimension_bottom ) ? 'padding-bottom:' . esc_attr( $settings->info_box_padding_dimension_bottom ) . 'px;' : 'padding-bottom: 20px;';
						}
						if ( isset( $settings->info_box_padding_dimension_left ) ) {
							echo ( '' !== $settings->info_box_padding_dimension_left ) ? 'padding-left:' . esc_attr( $settings->info_box_padding_dimension_left ) . 'px;' : 'padding-left: 20px;';
						}
						if ( isset( $settings->info_box_padding_dimension_right ) ) {
							echo ( '' !== $settings->info_box_padding_dimension_right ) ? 'padding-right:' . esc_attr( $settings->info_box_padding_dimension_right ) . 'px;' : 'padding-right: 20px;';
						}
					} elseif ( isset( $settings->info_box_padding ) && '' !== $settings->info_box_padding && isset( $settings->info_box_padding_dimension_top ) && '' === $settings->info_box_padding_dimension_top && isset( $settings->info_box_padding_dimension_bottom ) && '' === $settings->info_box_padding_dimension_bottom && isset( $settings->info_box_padding_dimension_left ) && '' === $settings->info_box_padding_dimension_left && isset( $settings->info_box_padding_dimension_right ) && '' === $settings->info_box_padding_dimension_right ) {
						?>
							<?php echo esc_attr( $settings->info_box_padding ); ?>;
					<?php } ?>

			<?php endif; ?>
		}

<?php endif; ?>

/* Background Property */
<?php if ( ! empty( $settings->bg_type ) ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
	<?php if ( 'color' === $settings->bg_type && ! empty( $settings->bg_color ) ) : ?>
			background: <?php echo esc_attr( $settings->bg_color ); ?>;

			<?php
			if ( 'yes' === $converted || isset( $settings->info_box_padding_dimension_top ) && isset( $settings->info_box_padding_dimension_bottom ) && isset( $settings->info_box_padding_dimension_left ) && isset( $settings->info_box_padding_dimension_right ) ) {
				if ( isset( $settings->info_box_padding_dimension_top ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_top ) ? 'padding-top:' . esc_attr( $settings->info_box_padding_dimension_top ) . 'px;' : '';
				}
				if ( isset( $settings->info_box_padding_dimension_bottom ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_bottom ) ? 'padding-bottom:' . esc_attr( $settings->info_box_padding_dimension_bottom ) . 'px;' : '';
				}
				if ( isset( $settings->info_box_padding_dimension_left ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_left ) ? 'padding-left:' . esc_attr( $settings->info_box_padding_dimension_left ) . 'px;' : '';
				}
				if ( isset( $settings->info_box_padding_dimension_right ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_right ) ? 'padding-right:' . esc_attr( $settings->info_box_padding_dimension_right ) . 'px;' : '';
				}
			} elseif ( isset( $settings->info_box_padding ) && '' !== $settings->info_box_padding && isset( $settings->info_box_padding_dimension_top ) && ( '' === $settings->info_box_padding_dimension_top || '0' === $settings->info_box_padding_dimension_top ) && isset( $settings->info_box_padding_dimension_bottom ) && ( '' === $settings->info_box_padding_dimension_bottom || '0' === $settings->info_box_padding_dimension_bottom ) && isset( $settings->info_box_padding_dimension_left ) && ( '' === $settings->info_box_padding_dimension_left || '0' === $settings->info_box_padding_dimension_left ) && isset( $settings->info_box_padding_dimension_right ) && ( '' === $settings->info_box_padding_dimension_right || '0' === $settings->info_box_padding_dimension_right ) ) {
				?>
					<?php echo esc_attr( $settings->info_box_padding ); ?>;
			<?php } ?>

	<?php elseif ( 'gradient' === $settings->bg_type ) : ?>
		<?php if ( '' !== $settings->bg_gradient['color_one'] && '' !== $settings->bg_gradient['color_two'] ) : ?>

			<?php
			if ( 'yes' === $converted || isset( $settings->info_box_padding_dimension_top ) && isset( $settings->info_box_padding_dimension_bottom ) && isset( $settings->info_box_padding_dimension_left ) && isset( $settings->info_box_padding_dimension_right ) ) {
				if ( isset( $settings->info_box_padding_dimension_top ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_top ) ? 'padding-top:' . esc_attr( $settings->info_box_padding_dimension_top ) . 'px;' : 'padding-top: 20px;';
				}
				if ( isset( $settings->info_box_padding_dimension_bottom ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_bottom ) ? 'padding-bottom:' . esc_attr( $settings->info_box_padding_dimension_bottom ) . 'px;' : 'padding-bottom: 20px;';
				}
				if ( isset( $settings->info_box_padding_dimension_left ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_left ) ? 'padding-left:' . esc_attr( $settings->info_box_padding_dimension_left ) . 'px;' : 'padding-left: 20px;';
				}
				if ( isset( $settings->info_box_padding_dimension_right ) ) {
					echo ( '' !== $settings->info_box_padding_dimension_right ) ? 'padding-right:' . esc_attr( $settings->info_box_padding_dimension_right ) . 'px;' : 'padding-right: 20px;';
				}
			} elseif ( isset( $settings->info_box_padding ) && '' !== $settings->info_box_padding && isset( $settings->info_box_padding_dimension_top ) && ( '' === $settings->info_box_padding_dimension_top || '0' === $settings->info_box_padding_dimension_top ) && isset( $settings->info_box_padding_dimension_bottom ) && ( '' === $settings->info_box_padding_dimension_bottom || '0' === $settings->info_box_padding_dimension_bottom ) && isset( $settings->info_box_padding_dimension_left ) && ( '' === $settings->info_box_padding_dimension_left || '0' === $settings->info_box_padding_dimension_left ) && isset( $settings->info_box_padding_dimension_right ) && ( '' === $settings->info_box_padding_dimension_right || '0' === $settings->info_box_padding_dimension_right ) ) {
				?>
					<?php echo esc_attr( $settings->info_box_padding ); ?>;
			<?php } ?>

		<?php endif; ?>
		<?php UABB_Helper::uabb_gradient_css( $settings->bg_gradient ); ?>
	<?php endif; ?>
	}
	<?php
}
if ( isset( $settings->enable_box_shadow ) && 'yes' === $settings->enable_box_shadow ) {
	$box_shadow_color = ( false === strpos( $settings->info_shadow_color, 'rgb' ) ) ? '#' . $settings->info_shadow_color : $settings->info_shadow_color;
	?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
		-webkit-box-shadow: <?php echo esc_attr( $settings->info_shadow_color_hor ); ?>px <?php echo esc_attr( $settings->info_shadow_color_ver ); ?>px <?php echo esc_attr( $settings->info_shadow_color_blur ); ?>px <?php echo esc_attr( $settings->info_shadow_color_spr ); ?>px <?php echo esc_attr( $box_shadow_color ); ?>;
		-moz-box-shadow: <?php echo esc_attr( $settings->info_shadow_color_hor ); ?>px <?php echo esc_attr( $settings->info_shadow_color_ver ); ?>px <?php echo esc_attr( $settings->info_shadow_color_blur ); ?>px <?php echo esc_attr( $settings->info_shadow_color_spr ); ?>px <?php echo esc_attr( $box_shadow_color ); ?>;
		-o-box-shadow: <?php echo esc_attr( $settings->info_shadow_color_hor ); ?>px <?php echo esc_attr( $settings->info_shadow_color_ver ); ?>px <?php echo esc_attr( $settings->info_shadow_color_blur ); ?>px <?php echo esc_attr( $settings->info_shadow_color_spr ); ?>px <?php echo esc_attr( $box_shadow_color ); ?>;
		box-shadow: <?php echo esc_attr( $settings->info_shadow_color_hor ); ?>px <?php echo esc_attr( $settings->info_shadow_color_ver ); ?>px <?php echo esc_attr( $settings->info_shadow_color_blur ); ?>px <?php echo esc_attr( $settings->info_shadow_color_spr ); ?>px <?php echo esc_attr( $box_shadow_color ); ?>;
		}
	<?php
}
if ( isset( $settings->bg_color_hover ) && '' !== $settings->bg_color_hover ) {
	?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox:hover {
		background:<?php echo esc_attr( $settings->bg_color_hover ); ?>;
	}
<?php } ?>
/* Align */
.fl-node-<?php echo esc_attr( $id ); ?> .infobox-<?php echo esc_attr( $settings->align ); ?>,
.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox .uabb-separator {
	text-align: <?php echo esc_attr( $settings->align ); ?>;
}

/* Minimum Height and Vertical Alignment */
<?php
if ( 'custom' === $settings->min_height_switch && '' !== $settings->min_height ) {
	?>
		.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {

			min-height: <?php echo esc_attr( $settings->min_height ); ?>px;
			display: flex;
			align-items: <?php echo esc_attr( $settings->vertical_align ); ?>;
		}

		.fl-node-<?php echo esc_attr( $id ); ?> .infobox-<?php echo esc_attr( $settings->align ); ?> {
			justify-content:
			<?php echo esc_attr( ( 'center' === $settings->align ) ? 'center' : ( ( 'left' === $settings->align ) ? 'flex-start' : 'flex-end' ) ); ?>;
		}
<?php } ?>


/* Heading Margin Properties */
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title {
	margin-top: <?php echo esc_attr( $settings->heading_margin_top ); ?>px;
	margin-bottom: <?php echo ( '' !== $settings->heading_margin_bottom ) ? esc_attr( $settings->heading_margin_bottom ) : '10'; ?>px;
}

/* Prefix Margin Properties */
<?php if ( '' !== $settings->prefix_margin_top ) { ?>
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix {
	margin-top: <?php echo esc_attr( $settings->prefix_margin_top ); ?>px;
}
<?php } ?>

/* Heading Color */
<?php if ( ! empty( $settings->title_color ) ) : ?>
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title,
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title span a,
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title * {
	color: <?php echo esc_attr( $settings->title_color ); ?>
}
<?php endif; ?>

<?php if ( ! empty( $settings->title_color_hover ) ) : ?>
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title:hover,
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title span a:hover,
.fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title *:hover,
.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title,
.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title span a,
.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title * {
	color: <?php echo esc_attr( $settings->title_color_hover ); ?>
}
<?php endif; ?>

.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text {
	margin-top: <?php echo ( '' !== trim( $settings->content_margin_top ) ) ? esc_attr( $settings->content_margin_top ) : '0'; ?>px;
	margin-bottom: <?php echo ( '' !== trim( $settings->content_margin_bottom ) ) ? esc_attr( $settings->content_margin_bottom ) : '0'; ?>px;
}

/* Description Color */

.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text {
	color:
	<?php echo esc_attr( uabb_theme_text_color( $settings->subhead_color ) ); ?>;
}
<?php if ( isset( $settings->subhead_color_hover ) && '' !== $settings->subhead_color_hover ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text:hover,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-text-editor{
		color: <?php echo ( '' !== $settings->subhead_color_hover ) ? esc_attr( $settings->subhead_color_hover ) : ''; ?>;
	}
<?php } ?>

/* Icon Margin */
<?php if ( 'icon' === $settings->image_type || 'photo' === $settings->image_type ) { ?>
	<?php
	if ( 'left-title' === $settings->img_icon_position || 'left' === $settings->img_icon_position ) {
		?>
	.fl-node-<?php echo esc_attr( $id ); ?> .infobox-left .uabb-imgicon-wrap {
		margin-right: <?php echo ( '' !== $settings->icon_spacing ) ? esc_attr( $settings->icon_spacing ) : '20'; ?>px;
	}
		<?php
	}
	if ( 'right-title' === $settings->img_icon_position || 'right' === $settings->img_icon_position ) {
		?>
	.fl-node-<?php echo esc_attr( $id ); ?> .infobox-right .uabb-imgicon-wrap {
		margin-left: <?php echo ( '' !== $settings->icon_spacing ) ? esc_attr( $settings->icon_spacing ) : '20'; ?>px;
	}
	<?php } ?>
<?php } ?>

/* Icon Margin */
<?php if ( 'icon' === $settings->image_type ) { ?>
	<?php
	$pos = $settings->img_icon_position;
	if ( 'above-title' === $pos || 'below-title' === $pos || 'left' === $pos || 'right' === $pos ) {
		?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-imgicon-wrap {
		margin-top: <?php echo ( '' !== $settings->img_icon_margin_top ) ? esc_attr( $settings->img_icon_margin_top ) : '5'; ?>px;
		margin-bottom: <?php echo ( '' !== $settings->img_icon_margin_bottom ) ? esc_attr( $settings->img_icon_margin_bottom ) : '0'; ?>px;
	}
	<?php } ?>
<?php } ?>
/* Image Margin */
<?php if ( 'photo' === $settings->image_type ) { ?>
	<?php
	$pos = $settings->img_icon_position;
	if ( 'above-title' === $pos || 'below-title' === $pos || 'left' === $pos || 'right' === $pos ) {
		?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-imgicon-wrap {
		margin-top: <?php echo ( '' !== $settings->img_icon_margin_top ) ? esc_attr( $settings->img_icon_margin_top ) : '5'; ?>px;
		margin-bottom: <?php echo ( '' !== $settings->img_icon_margin_bottom ) ? esc_attr( $settings->img_icon_margin_bottom ) : '0'; ?>px;
	}
	<?php } ?>
<?php } ?>


<?php if ( 'button' === $settings->cta_type ) { ?>
/* Button Margin */
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-button {
	margin-top: <?php echo ( '' !== trim( $settings->btn_margin_top ) ) ? esc_attr( $settings->btn_margin_top ) : '10'; ?>px;
	margin-bottom: <?php echo ( '' !== trim( $settings->btn_margin_bottom ) ) ? esc_attr( $settings->btn_margin_bottom ) : '0'; ?>px;
}
<?php } ?>

<?php if ( 'link' === $settings->cta_type ) { ?>
/* Link Text Margin */
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-cta-link {
	margin-top: <?php echo ( '' !== trim( $settings->link_margin_top ) ) ? esc_attr( $settings->link_margin_top ) : '0'; ?>px;
	margin-bottom: <?php echo ( '' !== trim( $settings->link_margin_bottom ) ) ? esc_attr( $settings->link_margin_bottom ) : '0'; ?>px;

	<?php if ( '' !== $settings->link_margin_top || '' !== $settings->link_margin_bottom ) { ?>
	display:block;
	<?php } ?>
}
<?php } ?>

/* Link Color */
<?php if ( ! empty( $settings->link_color ) ) : ?>
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> a,
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> a *,
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> a:visited {
	color:
	<?php echo esc_attr( uabb_theme_text_color( $settings->link_color ) ); ?>;
}
<?php endif; ?>
<?php if ( ! empty( $settings->link_color_hover ) ) : ?>
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> a:hover,
.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> a *:hover{
	color:
	<?php echo esc_attr( uabb_theme_text_color( $settings->link_color_hover ) ); ?>;
}
<?php endif; ?>

/* Typography Options for Title */
<?php if ( ! $version_bb_check ) { ?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title,
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title a {

		<?php if ( 'Default' !== $settings->title_font_family['family'] ) : ?>
			<?php UABB_Helper::uabb_font_css( $settings->title_font_family ); ?>
		<?php endif; ?>

		<?php if ( 'yes' === $converted || isset( $settings->title_font_size_unit ) && '' !== $settings->title_font_size_unit ) { ?>
			font-size: <?php echo esc_attr( $settings->title_font_size_unit ); ?>px;
			<?php if ( '' === $settings->title_line_height_unit && '' !== $settings->title_font_size_unit ) { ?>
				line-height: <?php echo esc_attr( $settings->title_font_size_unit + 2 ); ?>px;
			<?php } ?>
		<?php } elseif ( isset( $settings->title_font_size_unit ) && '' === $settings->title_font_size_unit && isset( $settings->title_font_size['desktop'] ) && '' !== $settings->title_font_size['desktop'] ) { ?>
			font-size: <?php echo esc_attr( $settings->title_font_size['desktop'] ); ?>px;
			line-height: <?php echo esc_attr( $settings->title_font_size['desktop'] + 2 ); ?>px;
		<?php } ?>

		<?php if ( isset( $settings->title_font_size['desktop'] ) && '' === $settings->title_font_size['desktop'] && isset( $settings->title_line_height['desktop'] ) && '' !== $settings->title_line_height['desktop'] && '' === $settings->title_line_height_unit ) { ?>
			line-height: <?php echo esc_attr( $settings->title_line_height['desktop'] ); ?>px;
		<?php } ?>

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

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

		<?php if ( '' !== $settings->title_letter_spacing ) : ?>
			letter-spacing: <?php echo esc_attr( $settings->title_letter_spacing ); ?>px;
		<?php endif; ?>
	}
	<?php
} else {
	if ( class_exists( 'FLBuilderCSS' ) ) {
		FLBuilderCSS::typography_field_rule(
			array(
				'settings'     => $settings,
				'setting_name' => 'title_font_typo',
				'selector'     => ".fl-node-$id .uabb-infobox-title",
			)
		);
	}
}
?>

/* Typography Options for Description */
<?php if ( ! $version_bb_check ) { ?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text {

		<?php if ( 'Default' !== $settings->subhead_font_family['family'] ) : ?>
			<?php UABB_Helper::uabb_font_css( $settings->subhead_font_family ); ?>
		<?php endif; ?>

		<?php if ( 'yes' === $converted || isset( $settings->subhead_font_size_unit ) && '' !== $settings->subhead_font_size_unit ) { ?>
			font-size: <?php echo esc_attr( $settings->subhead_font_size_unit ); ?>px;
			<?php if ( '' === $settings->subhead_line_height_unit && '' !== $settings->subhead_font_size_unit ) { ?>
				line-height: <?php echo esc_attr( $settings->subhead_font_size_unit ) + 2; ?>px;
			<?php } ?>
		<?php } elseif ( isset( $settings->subhead_font_size_unit ) && '' === $settings->subhead_font_size_unit && isset( $settings->subhead_font_size['desktop'] ) && '' !== $settings->subhead_font_size['desktop'] ) { ?>
			font-size: <?php echo esc_attr( $settings->subhead_font_size['desktop'] ); ?>px;
			line-height: <?php echo esc_attr( $settings->subhead_font_size['desktop'] + 2 ); ?>px;
		<?php } ?>

		<?php if ( isset( $settings->subhead_font_size['desktop'] ) && '' === $settings->subhead_font_size['desktop'] && isset( $settings->subhead_line_height['desktop'] ) && '' !== $settings->subhead_line_height['desktop'] && '' === $settings->subhead_line_height_unit ) { ?>
			line-height: <?php echo esc_attr( $settings->subhead_line_height['desktop'] ); ?>px;
		<?php } ?>

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

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

		<?php if ( '' !== $settings->subhead_letter_spacing ) : ?>
			letter-spacing: <?php echo esc_attr( $settings->subhead_letter_spacing ); ?>px;
		<?php endif; ?>
	}
	<?php
} else {
	if ( class_exists( 'FLBuilderCSS' ) ) {
		FLBuilderCSS::typography_field_rule(
			array(
				'settings'     => $settings,
				'setting_name' => 'desc_font_typo',
				'selector'     => ".fl-node-$id .uabb-infobox-text",
			)
		);
	}
}
?>

.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix {
	<?php if ( '' !== $settings->prefix_color ) : ?>
		color: <?php echo esc_attr( $settings->prefix_color ); ?>;
	<?php endif; ?>
}

/* Typography Options for Prefix */
<?php if ( ! $version_bb_check ) { ?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix {

		<?php if ( 'Default' !== $settings->prefix_font_family['family'] ) : ?>
			<?php UABB_Helper::uabb_font_css( $settings->prefix_font_family ); ?>
		<?php endif; ?>

		<?php if ( 'yes' === $converted || isset( $settings->prefix_font_size_unit ) && '' !== $settings->prefix_font_size_unit ) { ?>
			font-size: <?php echo esc_attr( $settings->prefix_font_size_unit ); ?>px;
			<?php if ( '' === $settings->prefix_line_height_unit && '' !== $settings->prefix_font_size_unit ) { ?>
				line-height: <?php echo esc_attr( $settings->prefix_font_size_unit ) + 2; ?>px;
			<?php } ?>
		<?php } elseif ( isset( $settings->prefix_font_size_unit ) && '' === $settings->prefix_font_size_unit && isset( $settings->prefix_font_size['desktop'] ) && '' !== $settings->prefix_font_size['desktop'] ) { ?>
			font-size: <?php echo esc_attr( $settings->prefix_font_size['desktop'] ); ?>px;
			line-height: <?php echo esc_attr( $settings->prefix_font_size['desktop'] + 2 ); ?>px;
		<?php } ?>

		<?php if ( isset( $settings->prefix_font_size['desktop'] ) && '' === $settings->prefix_font_size['desktop'] && isset( $settings->prefix_line_height['desktop'] ) && '' !== $settings->prefix_line_height['desktop'] && '' === $settings->prefix_line_height_unit ) { ?>
			line-height: <?php echo esc_attr( $settings->prefix_line_height['desktop'] ); ?>px;
		<?php } ?>

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

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

		<?php if ( '' !== $settings->prefix_letter_spacing ) : ?>
			letter-spacing: <?php echo esc_attr( $settings->prefix_letter_spacing ); ?>px;
		<?php endif; ?>
	}
	<?php
} else {
	if ( class_exists( 'FLBuilderCSS' ) ) {
		FLBuilderCSS::typography_field_rule(
			array(
				'settings'     => $settings,
				'setting_name' => 'prefix_font_typo',
				'selector'     => ".fl-node-$id .uabb-infobox-title-prefix",
			)
		);
	}
}
?>

<?php if ( isset( $settings->prefix_color_hover ) && '' !== $settings->prefix_color_hover ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-infobox-title-prefix,
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix:hover{
	color:<?php echo esc_attr( $settings->prefix_color_hover ); ?>;
}
<?php } ?>

/* Typography Options for Link Text */
<?php if ( ! $version_bb_check ) { ?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-cta-link {
		<?php if ( 'Default' !== $settings->link_font_family['family'] ) : ?>
			<?php UABB_Helper::uabb_font_css( $settings->link_font_family ); ?>
		<?php endif; ?>

		<?php if ( 'yes' === $converted || isset( $settings->link_font_size_unit ) && '' !== $settings->link_font_size_unit ) { ?>
			font-size: <?php echo esc_attr( $settings->link_font_size_unit ); ?>px;
			<?php if ( '' === $settings->link_line_height_unit && '' !== $settings->link_font_size_unit ) { ?>
				line-height: <?php echo esc_attr( $settings->link_font_size_unit ) + 2; ?>px;
			<?php } ?>
		<?php } elseif ( isset( $settings->link_font_size_unit ) && '' === $settings->link_font_size_unit && isset( $settings->link_font_size['desktop'] ) && '' !== $settings->link_font_size['desktop'] ) { ?>
			font-size: <?php echo esc_attr( $settings->link_font_size['desktop'] ); ?>px;
			line-height: <?php echo esc_attr( $settings->link_font_size['desktop'] + 2 ); ?>px;
		<?php } ?>

		<?php if ( isset( $settings->link_font_size['desktop'] ) && '' === $settings->link_font_size['desktop'] && isset( $settings->link_line_height['desktop'] ) && '' !== $settings->link_line_height['desktop'] && '' === $settings->link_line_height_unit ) { ?>
			line-height: <?php echo esc_attr( $settings->link_line_height['desktop'] ); ?>px;
		<?php } ?>

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

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

		<?php if ( '' !== $settings->link_letter_spacing ) : ?>
			letter-spacing: <?php echo esc_attr( $settings->link_letter_spacing ); ?>px;
		<?php endif; ?>
	}
	<?php
} else {
	if ( class_exists( 'FLBuilderCSS' ) ) {
		FLBuilderCSS::typography_field_rule(
			array(
				'settings'     => $settings,
				'setting_name' => 'cta_link_font_typo',
				'selector'     => ".fl-node-$id .uabb-infobox-cta-link",
			)
		);
	}
}
?>

/* Module Link */
<?php if ( 'module' === $settings->cta_type && ! empty( $settings->link ) ) { ?>
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
		position: relative;
	}
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap i,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap i:before,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap i,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap i:before {
		color : <?php echo esc_attr( $settings->icon_hover_color ); ?>;
	}
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap i,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap i {
		background-color: <?php echo esc_attr( $settings->icon_bg_hover_color ); ?>;

		<?php
		if ( $settings->icon_three_d && ! empty( $settings->icon_bg_hover_color ) ) : // 3D Styles

			$bg_hover_color      = ( ! empty( $settings->icon_bg_hover_color ) ) ? uabb_parse_color_to_hex( $settings->icon_bg_hover_color ) : '';
			$bg_hover_grad_start = '#' . FLBuilderColor::adjust_brightness( $bg_hover_color, 40, 'lighten' );
			$border_hover_color  = '#' . FLBuilderColor::adjust_brightness( $bg_hover_color, 20, 'darken' );
			?>

		background: -moz-linear-gradient(top,  <?php echo esc_attr( $bg_hover_grad_start ); ?> 0%, <?php echo esc_attr( $settings->icon_bg_hover_color ); ?> 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,<?php echo esc_attr( $bg_hover_grad_start ); ?>), color-stop(100%,<?php echo esc_attr( $settings->icon_bg_hover_color ); ?>)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  <?php echo esc_attr( $bg_hover_grad_start ); ?> 0%,<?php echo esc_attr( $settings->icon_bg_hover_color ); ?> 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  <?php echo esc_attr( $bg_hover_grad_start ); ?> 0%,<?php echo esc_attr( $settings->icon_bg_hover_color ); ?> 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  <?php echo esc_attr( $bg_hover_grad_start ); ?> 0%,<?php echo esc_attr( $settings->icon_bg_hover_color ); ?> 100%); /* IE10+ */
		background: linear-gradient(to bottom,  <?php echo esc_attr( $bg_hover_grad_start ); ?> 0%,<?php echo esc_attr( $settings->icon_bg_hover_color ); ?> 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?php echo esc_attr( $bg_hover_grad_start ); ?>', endColorstr='<?php echo esc_attr( $settings->icon_bg_hover_color ); ?>',GradientType=0 ); /* IE6-9 */
			<?php if ( 'circle' === $settings->icon_style || 'square' === $settings->icon_style ) : ?>
			border: 1px solid <?php echo esc_attr( $border_hover_color ); ?>;
		<?php endif; ?>
		<?php endif; ?>

		<?php if ( 'custom' === $settings->icon_style && 'none' !== $settings->icon_border_style ) : ?>
			<?php if ( ! empty( $settings->icon_border_color ) ) : ?>
				border-color: <?php echo esc_attr( $settings->icon_border_hover_color ); ?>;
			<?php endif; ?>
		<?php endif; ?>
	}

	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap img,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap img:before,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap img,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap img:before {
		background-color: <?php echo esc_attr( $settings->img_bg_hover_color ); ?>;
	}
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-infobox-content .uabb-imgicon-wrap .uabb-image-content,
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-module-link:hover ~ .uabb-imgicon-wrap .uabb-image-content {
		<?php if ( ! empty( $settings->img_border_hover_color ) ) : ?>
			border-color: <?php echo esc_attr( $settings->img_border_hover_color ); ?>;
		<?php endif; ?>
	}
<?php } ?>


/* Calculation Width */
<?php
		$class     = '';
		$pos       = '';
		$cal_width = '';
if ( 'icon' === $settings->image_type ) {
	$class = 'infobox-icon-' . $settings->img_icon_position;
	$pos   = $settings->img_icon_position;
	if ( 'left' === $pos || 'right' === $pos || 'left-title' === $pos || 'right-title' === $pos ) {
		$cal_width = $settings->icon_size;
		if ( 'left' === $pos || 'right' === $pos || 'left-title' === $pos || 'right-title' === $pos ) {
			$cal_width = $settings->icon_size;
		}
		if ( 'simple' !== $settings->icon_style ) {
			$cal_width = $settings->icon_size * 2;
			if ( 'custom' === $settings->icon_style ) {
				$cal_width = $settings->icon_size + intval( $settings->icon_bg_size );
				if ( 'none' !== $settings->icon_border_style ) {
					$cal_width = $cal_width + ( intval( $settings->icon_border_width ) * 2 );
				}
			}
		}
		$cal_width = $cal_width + 20;
	}
} elseif ( 'photo' === $settings->image_type ) {
	$class = 'infobox-photo-' . $settings->img_icon_position;
	$pos   = $settings->img_icon_position;
	if ( 'left' === $pos || 'right' === $pos || 'left-title' === $pos || 'right-title' === $pos ) {
		$cal_width = $settings->img_size;
		if ( 'custom' === $settings->image_style ) {
			$cal_width = $cal_width + intval( $settings->img_bg_size ) * 2;
			if ( 'none' !== $settings->img_border_style ) {
				$cal_width = $cal_width + ( intval( $settings->img_border_width ) * 2 );
			}
		}
		$cal_width = $cal_width + 20;
	}
}
if ( 'none' !== $settings->image_type ) {
	if ( 'left-title' === $settings->img_icon_position || 'left' === $settings->img_icon_position || 'right-title' === $settings->img_icon_position || 'right' === $settings->img_icon_position ) {
		$cal_width = $cal_width + intval( $settings->icon_spacing );
	}
}
?>

/* Left Right Title Image */
<?php if ( 'left' === $pos || 'right' === $pos ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
		text-align: <?php echo esc_attr( $pos ); ?>;
	}
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .<?php echo esc_attr( $class ); ?> .uabb-infobox-content{
		width: calc(100% - <?php echo esc_attr( $cal_width ); ?>px);
	}
<?php } elseif ( 'left-title' === $pos || 'right-title' === $pos ) { ?>
	.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
		text-align: <?php echo ( 'left-title' === $pos ) ? 'left' : 'right'; ?>;
	}
	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .<?php echo esc_attr( $class ); ?> .uabb-infobox-title-wrap {
		width: calc(100% - <?php echo esc_attr( $cal_width ); ?>px);
		display: inline-block;
	}
<?php } ?>

/* Responsive CSS */
<?php if ( $global_settings->responsive_enabled ) { ?>

	<?php
	if ( 'none' !== $settings->uabb_border_type || 'none' !== $settings->bg_type ) {
		if ( 'yes' === $settings->medium_border ) :
			?>
			<?php echo '@media (min-width: ' . esc_attr( $global_settings->responsive_breakpoint ) . 'px) and (max-width: ' . esc_attr( $global_settings->medium_breakpoint ) . 'px) { '; ?>

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			border: none;
				<?php echo ( 'none' !== $settings->bg_type ) ? '' : 'padding: 0;'; ?>
		}
	}
			<?php
		endif;
	}
	?>

	<?php echo '@media (max-width: ' . esc_attr( $global_settings->medium_breakpoint ) . 'px) { '; ?>

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			<?php
			if ( isset( $settings->info_box_padding_dimension_top_medium ) ) {
				echo ( '' !== $settings->info_box_padding_dimension_top_medium ) ? 'padding-top:' . esc_attr( $settings->info_box_padding_dimension_top_medium ) . 'px;' : '';
			}
			if ( isset( $settings->info_box_padding_dimension_bottom_medium ) ) {
				echo ( '' !== $settings->info_box_padding_dimension_bottom_medium ) ? 'padding-bottom:' . esc_attr( $settings->info_box_padding_dimension_bottom_medium ) . 'px;' : '';
			}
			if ( isset( $settings->info_box_padding_dimension_left_medium ) ) {
				echo ( '' !== $settings->info_box_padding_dimension_left_medium ) ? 'padding-left:' . esc_attr( $settings->info_box_padding_dimension_left_medium ) . 'px;' : ';';
			}
			if ( isset( $settings->info_box_padding_dimension_right_medium ) ) {
				echo ( '' !== $settings->info_box_padding_dimension_right_medium ) ? 'padding-right:' . esc_attr( $settings->info_box_padding_dimension_right_medium ) . 'px;' : '';
			}
			if ( 'custom' === $settings->min_height_switch && '' !== $settings->min_height_medium ) {
				echo 'min-height:' . esc_attr( $settings->min_height_medium ) . 'px;';
			}
			?>
		}
	<?php if ( ! $version_bb_check ) { ?>
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title,
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title a {

			<?php if ( 'yes' === $converted || isset( $settings->title_font_size_unit_medium ) && '' !== $settings->title_font_size_unit_medium ) { ?>
				font-size: <?php echo esc_attr( $settings->title_font_size_unit_medium ); ?>px;
				<?php if ( '' === $settings->title_line_height_unit_medium && '' !== $settings->title_font_size_unit_medium ) { ?>
					line-height: <?php $settings->title_font_size_unit_medium + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->title_font_size_unit_medium ) && '' === $settings->title_font_size_unit_medium && isset( $settings->title_font_size['medium'] ) && '' !== $settings->title_font_size['medium'] ) { ?>
				font-size: <?php echo esc_attr( $settings->title_font_size['medium'] ); ?>px;
				line-height: <?php $settings->title_font_size['medium'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->title_font_size['medium'] ) && '' === $settings->title_font_size['medium'] && isset( $settings->title_line_height['medium'] ) && '' !== $settings->title_line_height['medium'] && '' === $settings->title_line_height_unit && '' === $settings->title_line_height_unit_medium ) { ?>
				line-height: <?php echo esc_attr( $settings->title_line_height['medium'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text {

			<?php if ( 'yes' === $converted || isset( $settings->subhead_font_size_unit_medium ) && '' !== $settings->subhead_font_size_unit_medium ) { ?>
				font-size: <?php echo esc_attr( $settings->subhead_font_size_unit_medium ); ?>px;
				<?php if ( '' === $settings->subhead_line_height_unit_medium && '' !== $settings->subhead_font_size_unit_medium ) { ?>
					line-height: <?php $settings->subhead_font_size_unit_medium + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->subhead_font_size_unit_medium ) && '' === $settings->subhead_font_size_unit_medium && isset( $settings->subhead_font_size['medium'] ) && '' !== $settings->subhead_font_size['medium'] ) { ?>
				font-size: <?php echo esc_attr( $settings->subhead_font_size['medium'] ); ?>px;
				line-height: <?php $settings->subhead_font_size['medium'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->subhead_font_size['medium'] ) && '' === $settings->subhead_font_size['medium'] && isset( $settings->subhead_line_height['medium'] ) && '' !== $settings->subhead_line_height['medium'] && '' === $settings->subhead_line_height_unit && '' === $settings->subhead_line_height_unit_medium ) { ?>
				line-height: <?php echo esc_attr( $settings->subhead_line_height['medium'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix {

			<?php if ( 'yes' === $converted || isset( $settings->prefix_font_size_unit_medium ) && '' !== $settings->prefix_font_size_unit_medium ) { ?>
				font-size: <?php echo esc_attr( $settings->prefix_font_size_unit_medium ); ?>px;
				<?php if ( '' === $settings->prefix_line_height_unit_medium && '' !== $settings->prefix_font_size_unit_medium ) { ?>
					line-height: <?php $settings->prefix_font_size_unit_medium + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->prefix_font_size_unit_medium ) && '' === $settings->prefix_font_size_unit_medium && isset( $settings->prefix_font_size['medium'] ) && '' !== $settings->prefix_font_size['medium'] ) { ?>
				font-size: <?php echo esc_attr( $settings->prefix_font_size['medium'] ); ?>px;
				line-height: <?php $settings->prefix_font_size['medium'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->prefix_font_size['medium'] ) && '' === $settings->prefix_font_size['medium'] && isset( $settings->prefix_line_height['medium'] ) && '' !== $settings->prefix_line_height['medium'] && '' === $settings->prefix_line_height_unit && '' === $settings->prefix_line_height_unit_medium ) { ?>
				line-height: <?php echo esc_attr( $settings->prefix_line_height['medium'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-cta-link {

			<?php if ( 'yes' === $converted || isset( $settings->link_font_size_unit_medium ) && '' !== $settings->link_font_size_unit_medium ) { ?>
				font-size: <?php echo esc_attr( $settings->link_font_size_unit_medium ); ?>px;
				<?php if ( '' === $settings->link_line_height_unit_medium && '' !== $settings->link_font_size_unit_medium ) { ?>
					line-height: <?php $settings->link_font_size_unit_medium + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->link_font_size_unit_medium ) && '' === $settings->link_font_size_unit_medium && isset( $settings->link_font_size['medium'] ) && '' !== $settings->link_font_size['medium'] ) { ?>
				font-size: <?php echo esc_attr( $settings->link_font_size['medium'] ); ?>px;
				line-height: <?php $settings->link_font_size['medium'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->link_font_size['medium'] ) && '' === $settings->link_font_size['medium'] && isset( $settings->link_line_height['medium'] ) && '' !== $settings->link_line_height['medium'] && '' === $settings->link_line_height_unit && '' === $settings->link_line_height_unit_medium ) { ?>
				line-height: <?php echo esc_attr( $settings->link_line_height['medium'] ); ?>px;
			<?php } ?>

			<?php if ( 'yes' === $converted || isset( $settings->link_line_height_unit_medium ) && '' !== $settings->link_line_height_unit_medium ) { ?>
				line-height: <?php echo esc_attr( $settings->link_line_height_unit_medium ); ?>em;
			<?php } elseif ( isset( $settings->link_line_height_unit_medium ) && '' === $settings->link_line_height_unit_medium && isset( $settings->link_line_height['medium'] ) && '' !== $settings->link_line_height['medium'] ) { ?>
				line-height: <?php echo esc_attr( $settings->link_line_height['medium'] ); ?>px;
			<?php } ?>
		}
		<?php if ( 'custom' === $settings->min_height_switch && '' !== $settings->min_height_medium ) { ?>
			.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
				min-height: <?php echo esc_attr( $settings->min_height_medium ); ?>px;
			}
			<?php
		}
	}
	?>
}

	<?php echo '@media (max-width: ' . esc_attr( $global_settings->responsive_breakpoint ) . 'px) { '; ?>

	.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
		<?php
		if ( isset( $settings->info_box_padding_dimension_top_responsive ) ) {
			echo ( '' !== $settings->info_box_padding_dimension_top_responsive ) ? 'padding-top:' . esc_attr( $settings->info_box_padding_dimension_top_responsive ) . 'px;' : '';
		}
		if ( isset( $settings->info_box_padding_dimension_bottom_responsive ) ) {
			echo ( '' !== $settings->info_box_padding_dimension_bottom_responsive ) ? 'padding-bottom:' . esc_attr( $settings->info_box_padding_dimension_bottom_responsive ) . 'px;' : '';
		}
		if ( isset( $settings->info_box_padding_dimension_left_responsive ) ) {
			echo ( '' !== $settings->info_box_padding_dimension_left_responsive ) ? 'padding-left:' . esc_attr( $settings->info_box_padding_dimension_left_responsive ) . 'px;' : ';';
		}
		if ( isset( $settings->info_box_padding_dimension_right_responsive ) ) {
			echo ( '' !== $settings->info_box_padding_dimension_right_responsive ) ? 'padding-right:' . esc_attr( $settings->info_box_padding_dimension_right_responsive ) . 'px;' : '';
		}
		if ( 'custom' === $settings->min_height_switch && '' !== $settings->min_height_responsive ) {
				echo 'min-height:' . esc_attr( $settings->min_height_responsive ) . 'px;';
		}
		?>
	}

	<?php
	if ( 'none' !== $settings->uabb_border_type || 'none' !== $settings->bg_type ) {
		if ( 'yes' === $settings->responsive_border ) :
			?>
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			border: none;
			<?php echo ( 'none' !== $settings->bg_type ) ? '' : 'padding: 0;'; ?>
		}
			<?php
		endif;
	}


	if ( 'left' === $settings->img_icon_position || 'right' === $settings->img_icon_position ) {
		if ( 'stack' === $settings->mobile_view ) {
			?>
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-left-right-wrap .uabb-imgicon-wrap {
			padding: 0;
			margin-bottom: 20px;
		}

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox .uabb-infobox-left-right-wrap .uabb-infobox-content,
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox .uabb-infobox-left-right-wrap .uabb-imgicon-wrap {
			display: block;
			width: 100%;
			text-align: center;
		}

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-reverse-order .uabb-infobox-left-right-wrap,
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-reverse-order .uabb-infobox-left-right-wrap {
			display: inline-flex;
			flex-direction: column-reverse;
		}

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox.infobox-left .uabb-imgicon-wrap,
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox.infobox-right .uabb-imgicon-wrap {
			margin-left: 0;
			margin-right: 0;
		}
			<?php
		}
	}
	?>


	.fl-node-<?php echo esc_attr( $id ); ?> .infobox-responsive-<?php echo esc_attr( $settings->mobile_align ); ?> {
		text-align: <?php echo esc_attr( $settings->mobile_align ); ?>;
	}

	<?php if ( ! $version_bb_check ) { ?>
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title,
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> <?php echo esc_attr( $settings->title_tag_selection ); ?>.uabb-infobox-title a {

			<?php if ( 'yes' === $converted || isset( $settings->title_font_size_unit_responsive ) && '' !== $settings->title_font_size_unit_responsive ) { ?>
				font-size: <?php echo esc_attr( $settings->title_font_size_unit_responsive ); ?>px;
				<?php if ( '' === $settings->title_line_height_unit_responsive && '' !== $settings->title_font_size_unit_responsive ) { ?>
					line-height: <?php $settings->title_font_size_unit_responsive + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->title_font_size_unit_responsive ) && '' === $settings->title_font_size_unit_responsive && isset( $settings->title_font_size['small'] ) && '' !== $settings->title_font_size['small'] ) { ?>
				font-size: <?php echo esc_attr( $settings->title_font_size['small'] ); ?>px;
				line-height: <?php $settings->title_font_size['small'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->title_font_size['small'] ) && '' === $settings->title_font_size['small'] && isset( $settings->title_line_height['small'] ) && '' !== $settings->title_line_height['small'] && '' === $settings->title_line_height_unit && '' === $settings->title_line_height_unit_medium && '' === $settings->title_line_height_unit_responsive ) { ?>
				line-height: <?php echo esc_attr( $settings->title_line_height['small'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-title-prefix {

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

			<?php if ( isset( $settings->prefix_font_size['small'] ) && '' === $settings->prefix_font_size['small'] && isset( $settings->prefix_line_height['small'] ) && '' !== $settings->prefix_line_height['small'] && '' === $settings->prefix_line_height_unit && '' === $settings->prefix_line_height_unit_medium && '' === $settings->prefix_line_height_unit_responsive ) { ?>
				line-height: <?php echo esc_attr( $settings->prefix_line_height['small'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?>	.uabb-infobox-cta-link {

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

			<?php if ( isset( $settings->link_font_size['small'] ) && '' === $settings->link_font_size['small'] && isset( $settings->link_line_height['small'] ) && '' !== $settings->link_line_height['small'] && '' === $settings->link_line_height_unit && '' === $settings->link_line_height_unit_medium && '' === $settings->link_line_height_unit_responsive ) { ?>
				line-height: <?php echo esc_attr( $settings->link_line_height['small'] ); ?>px;
			<?php } ?>

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

		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox-text {

			<?php if ( 'yes' === $converted || isset( $settings->subhead_font_size_unit_responsive ) && '' !== $settings->subhead_font_size_unit_responsive ) { ?>
				font-size: <?php echo esc_attr( $settings->subhead_font_size_unit_responsive ); ?>px;
				<?php if ( '' === $settings->subhead_line_height_unit_responsive && '' !== $settings->subhead_font_size_unit_responsive ) { ?>
					line-height: <?php $settings->subhead_font_size_unit_responsive + 2; ?>px;
				<?php } ?>
			<?php } elseif ( isset( $settings->subhead_font_size_unit_responsive ) && '' === $settings->subhead_font_size_unit_responsive && isset( $settings->subhead_font_size['small'] ) && '' !== $settings->subhead_font_size['small'] ) { ?>
				font-size: <?php echo esc_attr( $settings->subhead_font_size['small'] ); ?>px;
				line-height: <?php $settings->subhead_font_size['small'] + 2; ?>px;
			<?php } ?>

			<?php if ( isset( $settings->subhead_font_size['small'] ) && '' === $settings->subhead_font_size['small'] && isset( $settings->subhead_line_height['small'] ) && '' !== $settings->subhead_line_height['small'] && '' === $settings->subhead_line_height_unit && '' === $settings->subhead_line_height_unit_medium && '' === $settings->subhead_line_height_unit_responsive ) { ?>
				line-height: <?php echo esc_attr( $settings->subhead_line_height['small'] ); ?>px;
			<?php } ?>

			<?php if ( 'yes' === $converted || isset( $settings->subhead_line_height_unit_responsive ) && '' !== $settings->subhead_line_height_unit_responsive ) { ?>
				line-height: <?php echo esc_attr( $settings->subhead_line_height_unit_responsive ); ?>em;
			<?php } elseif ( isset( $settings->subhead_line_height_unit_responsive ) && '' === $settings->subhead_line_height_unit_responsive && isset( $settings->subhead_line_height['small'] ) && '' !== $settings->subhead_line_height['small'] ) { ?>
				line-height: <?php echo esc_attr( $settings->subhead_line_height['small'] ); ?>px;
			<?php } ?>
		}
		<?php if ( 'custom' === $settings->min_height_switch && '' !== $settings->min_height_responsive ) { ?>
			.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
				min-height: <?php echo esc_attr( $settings->min_height_responsive ); ?>px;
			}
			<?php
		}
	}
	?>

	<?php
	if ( 'photo' === $settings->image_type && ! empty( $settings->responsive_img_size ) ) {
		$class = 'infobox-photo-' . $settings->img_icon_position;
		$pos   = $settings->img_icon_position;
		if ( 'left' === $pos || 'right' === $pos || 'left-title' === $pos || 'right-title' === $pos ) {
			$cal_width = $settings->responsive_img_size;
			if ( 'custom' === $settings->image_style ) {
				$cal_width = $cal_width + intval( $settings->img_bg_size ) * 2;
				if ( 'none' !== $settings->img_border_style ) {
					$cal_width = $cal_width + ( intval( $settings->img_border_width ) * 2 );
				}
			}
			$cal_width = $cal_width + 25;
		}
	}
	?>

	/* Left Right Title Image */
	<?php if ( 'left' === $pos || 'right' === $pos ) { ?>
		.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			text-align: <?php echo esc_attr( $pos ); ?>;
		}
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .<?php echo esc_attr( $class ); ?> .uabb-infobox-content{
			width: calc(100% - <?php echo esc_attr( $cal_width ); ?>px);
		}
	<?php } elseif ( 'left-title' === $pos || 'right-title' === $pos ) { ?>
		.fl-node-<?php echo esc_attr( $id ); ?> .uabb-infobox {
			text-align: <?php echo ( 'left-title' === $pos ) ? 'left' : 'right'; ?>;
		}
		.fl-builder-content .fl-node-<?php echo esc_attr( $id ); ?> .<?php echo esc_attr( $class ); ?> .uabb-infobox-title-wrap {
			width: calc(100% - <?php echo esc_attr( $cal_width ); ?>px);
			display: inline-block;
		}
	<?php } ?>
}
<?php } ?>
