/**
     * Render the shortcode
     * @param  array $args     Shortcode paramters
     * @param  string $content Content between shortcode
     * @return string          HTML output
     */
    function render($args, $content = '')
    {
        $defaults = Magee_Core::set_shortcode_defaults(array('id' => '', 'class' => '', 'style' => 'border', 'color' => '', 'border_color' => '', 'text_align' => '', 'font_weight' => '400', 'font_size' => '36px', 'margin_top' => '', 'margin_bottom' => '', 'border_width' => '5px'), $args);
        extract($defaults);
        self::$args = $defaults;
        $uniqid = uniqid('heading-');
        $class .= ' ' . $uniqid;
        $html = '<style type="text/css">
		                          
                                    .' . $uniqid . '.magee-heading{
                                        font-size:' . $font_size . ';
                                        font-weight:' . $font_weight . ';
                                        margin-top:' . $margin_top . ';
                                        margin-bottom:' . $margin_bottom . ';
                                        color: ' . $color . ';
                                        border-color: ' . $border_color . ';
                                        text-align: ' . $text_align . ';
                                    }
                                    .' . $uniqid . '.heading-border .heading-inner {
                                        border-width: ' . $border_width . ';
                                    }
								.' . $uniqid . '.heading-doubleline .heading-inner:before,
								.' . $uniqid . '.heading-doubleline .heading-inner:after {
									    border-color: ' . $border_color . ';
									    border-width: ' . $border_width . ';
									}
                                </style>';
        $html .= '<h1 class="magee-heading heading-' . $style . ' ' . $class . '" id="' . $id . '"><span class="heading-inner">' . do_shortcode(Magee_Core::fix_shortcodes($content)) . '</span></h1>';
        return $html;
    }
        /**
         * Render the shortcode
         * @param  array $args     Shortcode paramters
         * @param  string $content Content between shortcode
         * @return string          HTML output
         */
        function render($args, $content = '')
        {
            $defaults = Magee_Core::set_shortcode_defaults(array('id' => '', 'class' => '', 'style' => 'none', 'color' => '', 'border_color' => '', 'text_align' => '', 'font_weight' => '400', 'font_size' => '36px', 'margin_top' => '', 'margin_bottom' => '', 'border_width' => '5px', 'responsive_text' => ''), $args);
            extract($defaults);
            self::$args = $defaults;
            $uniqid = uniqid('heading-');
            $class .= ' ' . $uniqid;
            if (is_numeric($font_size)) {
                $font_size = $font_size . 'px';
            }
            if (is_numeric($font_weight)) {
                $font_weight = $font_weight . 'px';
            }
            if (is_numeric($margin_top)) {
                $margin_top = $margin_top . 'px';
            }
            if (is_numeric($margin_bottom)) {
                $margin_bottom = $margin_bottom . 'px';
            }
            if (is_numeric($border_width)) {
                $border_width = $border_width . 'px';
            }
            $html = '<style type="text/css">
		                          
                                    .' . $uniqid . '.magee-heading{
                                        font-size:' . $font_size . ';
                                        font-weight:' . $font_weight . ';
                                        margin-top:' . $margin_top . ';
                                        margin-bottom:' . $margin_bottom . ';
                                        color: ' . $color . ';
                                        border-color: ' . $border_color . ';
                                        text-align: ' . $text_align . ';
                                    }
                                    .' . $uniqid . '.heading-border .heading-inner {
                                        border-width: ' . $border_width . ';
                                    }
								.' . $uniqid . '.heading-doubleline .heading-inner:before,
								.' . $uniqid . '.heading-doubleline .heading-inner:after {
									    border-color: ' . $border_color . ';
									    border-width: ' . $border_width . ';
									}
                                </style>';
            if ($responsive_text == 'yes') {
                $html .= '<script>';
                $html .= 'jQuery(function($) {  
		          if($("#magee-sc-form-preview").length>0){
				  
				     $("#magee-sc-form-preview").ready(function(){
					      if($("#magee-sc-form-preview").contents().find("body").width() <1200){	
						  newPercentage = (($("#magee-sc-form-preview").contents().find("body").width() / 1200) * 100) + "%";
						  $("#magee-sc-form-preview").contents().find(".' . $uniqid . ' .heading-inner").css({"font-size": newPercentage});
						  }	
					 });
				     $("#preview",window.parent.document).resize(function (){
					      
						  if($("#magee-sc-form-preview").contents().find("body").width() <1200){
						  newPercentage = (($("#magee-sc-form-preview").contents().find("body").width() / 1200) * 100) + "%";
						  $("#magee-sc-form-preview").contents().find(".' . $uniqid . ' .heading-inner").css({"font-size": newPercentage});
						  }else{
						  $("#magee-sc-form-preview").contents().find(".' . $uniqid . ' .heading-inner").css({"font-size": "' . $font_size . '"});
						  }
					  });     
				  }else{
				      $(document).ready(function () {	
						  if($(window).width() <1200){	
						  newPercentage = (($(window).width() / 1200) * 100) + "%";
						  $(".' . $uniqid . ' .heading-inner").css({"font-size": newPercentage});
						  }	
					  });			
					  $(window).on("resize", function (){
						  if($(window).width() <1200){
						  newPercentage = (($(window).width() / 1200) * 100) + "%";
						  $(".' . $uniqid . ' .heading-inner").css({"font-size": newPercentage});
						  }else{
						  $(".' . $uniqid . ' .heading-inner").css({"font-size": "' . $font_size . '"});
						  }
					  });   
				  
				  
				  }    	
					  
		         });
		     </script>';
            }
            if ($style == 'none') {
                $html .= '<h1 class="magee-heading  ' . esc_attr($class) . '" id="' . $id . '"><span class="heading-inner">' . do_shortcode(Magee_Core::fix_shortcodes($content)) . '</span></h1>';
            } else {
                $html .= '<h1 class="magee-heading heading-' . $style . ' ' . esc_attr($class) . '" id="' . $id . '"><span class="heading-inner">' . do_shortcode(Magee_Core::fix_shortcodes($content)) . '</span></h1>';
            }
            return $html;
        }