<?php

extract( shortcode_atts( array(
			'el_class' => '',
			'color' => '#393836',
			'highlight_color' => '#000',
			'highlight_opacity' => 0.3,
			"size" => 18,
			'font_weight' => 'inherit',
			'margin_bottom' => '20',
			'margin_top' => 0,
			'line_height' => 34,
			"align" => 'left',
			'animation' => '',
			"font_family" => '',
			"font_type" => '',
			'visibility' => ''
		), $atts ) );
$id = Mk_Static_Files::shortcode_id();
$output = '';
$animation_css ='';
$output .= mk_get_fontfamily( "#fancy-title-", $id, $font_family, $font_type );
if ( $animation != '' ) {
	$animation_css = ' mk-animate-element ' . $animation . ' ';
}
global $mk_accent_color, $mk_settings;
$highlight_color = ($highlight_color == $mk_settings['accent-color']) ? $mk_accent_color : $highlight_color;

$bg_color = mk_convert_rgba( $highlight_color, $highlight_opacity );
$output .= '<div style="font-size: '.$size.'px;color: '.$color.';font-weight:'.$font_weight.';margin-top:'.$margin_top.'px;margin-bottom:'.$margin_bottom.'px;" id="fancy-title-'.$id.'" class="mk-fancy-text title-box-'.$align.' '.$animation_css.' '.$el_class.' '.$visibility.'"><span style="background-color:'.$bg_color.'; box-shadow: 8px 0 0 '.$bg_color.', -8px 0 0 '.$bg_color.';line-height:'.$line_height.'px">' . wpb_js_remove_wpautop( strip_tags($content, "<em><i><strong><u><span><small><large><sub><sup><a><del>") ). '</span></div><div class="clearboth"></div>';

echo $output;
