OwlCyberSecurity - MANAGER

Edit File: VC_icon-box.php

<?php
/**
 *
 * Icon Box VC element by INSIGNIA
 *
 */

/*Icon Box Element*/

add_action( 'vc_before_init', 'VC_icon_box' );

function VC_icon_box() {

vc_map (

array(
      "name" => __( "Icon Box", "emerson" ),
      "base" => "insignia_icon_box",
      "class" => "",
      "category" => __( "Insignia", "emerson"),
        "class" => "font-awesome",
	"icon" => "fa fa-check-circle-o",
       
      "params" => array(
      
      array(
            "type" => "dropdown",
            "class" => "",
              "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Select Layouts", "emerson" ),
            "param_name" => "layout_style",
            "group" => "General",
              "description" => __( "Select Icon Box layout you would like to use", "emerson" ),
             "value"       => array(
       
        'Select Layout'   => 'first',
         'Top Icon Basic'   => 'ins-top-icon-basic',
          'Top Icon Outline'   => 'ins-icon-box-icon-circle-outline',
        'Top Icon Background'   => 'ins-icon-box-icon-circle-background',
        'Aligned Left Basic'   => 'ins-icon-box-align-left-basic',
        'Aligned Left Outline'   => 'ins-icon-box-align-left-circle-outline',
        'Aligned Left Bcakground'   => 'ins-icon-box-align-left-circle-background',
        'Aligned Right Basic'   => 'ins-icon-box-align-right-basic',
        'Aligned Right Outline'   => 'ins-icon-box-align-right-circle-outline',
        'Aligned Right Background'   => 'ins-icon-box-align-right-circle-background',
        'Icon Near The Title' => 'ins-icon-box-icon-near-title'

),
      "std"         => '',
         
         ),
          array(
            "type" => "dropdown",
            "class" => "",
              "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Icon Alignment", "emerson" ),
            "param_name" => "icon_align",
            "group" => "General",
              "description" => __( "Specify alignment of the big icon.", "emerson" ),
             "value"       => array(
         'Select' => 'select',
        'Left'   => 'text-left',
         'Right'   => 'text-right',
          'Center'   => 'text-center'

array(
              							"type" => "iconpicker",
              							"heading" => esc_html__( "Icon", "citta" ),
              							"param_name" => "icon_iconsmind",
              								"group" => "General",
                            "settings" => array(
                        				"type" => "iconsmind",
                        				"iconsPerPage" => 50,
                        		),
              						
              							"description" => esc_html__( "Select icon from library.", "citta" ),
            						),

array(
            "type" => "dropdown",
            "class" => "",
              "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Icon Size", "emerson" ),
            "param_name" => "icon_size",
            "group" => "General",
              "description" => __( "Specify size of the icon.", "emerson" ),
             "value"       => array(
         'Select' => 'select',
        'Small'   => 'icon-small',
         'Medium'   => 'icon-medium',
 	'Large'   => 'icon-large',

),
      "std"         => 'icon-medium',
        'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic')
			),   
           
         ),
			
               
          array(
            "type" => "textfield",
            "class" => "",
             
            "heading" => __( "Title", "emerson" ),
            "param_name" => "icon_title",
            "group" => "General",
             "description" => __( "The title of your icon box.", "emerson" ),
            "value" => 'Icon Box Title'

array(
            "type" => "textarea",
            "class" => "",
             
            "heading" => __( "Text Content", "emerson" ),
            "param_name" => "icon_text",
            "group" => "General",
             "description" => __( "Description text of the icon box.", "emerson" ),
             "value" => 'Icon Box text content, feel free to change it!'

array(
                  "type"        => "checkbox",
                  "param_name" => "btn_check",
                  "class" => "",
                   "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
                    "group" => "General",
                     'save_always' => true,
                    "value"         => array('Enable Button'   => '1' ),
                   
                    
						
                ),
      array(
            "type" => "textfield",
            "class" => "",
             
            "heading" => __( "Button Text", "emerson" ),
            "param_name" => "btn_text",
            "group" => "General",
            "value" => __( "", "emerson" ),
             "description" => __( "Button title of your icon box.", "emerson" ),
             'dependency' => array(
						'element' => 'btn_check',
						'value' => array('1')
						
                ),
            
         ),
  array(
            "type" => "textfield",
            "class" => "",
             
            "heading" => __( "Button Link", "emerson" ),
            "param_name" => "btn_link",
            "group" => "General",
            "value" => __( "", "emerson" ),
             "description" => __( "Optional icon link.", "emerson" ),
             'dependency' => array(
						'element' => 'btn_check',
						'value' => array('1')
						
                ),
            
         ),

array(
            "type" => "textfield",
            "class" => "",
             
            "heading" => __( "Icon Border Radius", "emerson" ),
            "param_name" => "border_radius",
            "group" => "General",
            "value" => __( "", "emerson" ),
             "description" => __( "Enter Icon Border Radius. (Example:5px)", "emerson" ),
            'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background', 'ins-icon-box-align-left-circle-outline', 'ins-icon-box-align-left-circle-background', 'ins-icon-box-align-right-circle-outline', 'ins-icon-box-align-right-circle-background'),      
         ),
            
         ),

array(
                  "type"        => "checkbox",
                  "param_name" => "box_shadow",
                  "class" => "",
                   "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
                    "group" => "General",
                    "heading" => esc_html__( "Enable Box Shadow?", "emerson" ),

"value" => array(
			esc_html__( "Yes", "emerson" ) => "ins-icon-box-shadow",
			),      
			'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic' ,'ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background')
			),   
                    
						
                ),
                
   array(
                  "type"        => "checkbox",
                  "param_name" => "hover_box_shadow",
                  "class" => "",
                   "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
                    "group" => "General",
                    "heading" => esc_html__( "On Hover Box Shadow?", "emerson" ),

"value" => array(
			esc_html__( "Yes", "emerson" ) => "ins-icon-hover-box-shadow",
			),      
			'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic' ,'ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background')
			),   
                    
						
                ),

array(
			"type" => "dropdown",
			"class" => "hidden-label",
			"value" => array(
				esc_html__( "Select Separator", "emerson" ) => 'select',
				esc_html__( "Enable", "emerson" ) => 'enable',
				esc_html__( "Disable", "emerson" ) => 'disable' 
			),
			"heading" => esc_html__( "Separator?", "emerson" ),
            "group" => "General",

"description" => esc_html__( 'Set below the title Separator', "emerson" ),
			"param_name" => "separator" ,
                     
                           'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic' ,'ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background')
			),   
           
        
		),
		
		
                        array(
                            "type" => "dropdown",
                            "class" => "",
                            "heading" => esc_html__("CSS Animation", "keydesign"),
                            "group" => "General",
                            "param_name" => "css_animation",
                            "value" => array(
                                "No"              => "no_animation",
                                "Fade In"         => "ins-animated fadeIn",
                                "Fade In Down"    => "ins-animated fadeInDown",
                                "Fade In Left"    => "ins-animated fadeInLeft",
                                "Fade In Right"   => "ins-animated fadeInRight",
                                "Fade In Up"      => "ins-animated fadeInUp",
                                "Zoom In"         => "ins-animated zoomIn",
                            ),
                            "description" => esc_html__("Select type of animation for element to be animated when it enters the browsers viewport (Note: works only in modern browsers).", "keydesign"),
                        ),

array(
                            "type" => "dropdown",
                            "class" => "",
                            "heading" => esc_html__("Animation Delay", "keydesign"),
                            "group" => "General",
                            "param_name" => "ib_animation_delay",
                            "value" => array(
                                "0 ms"              => "",
                                "200 ms"            => "200",
                                "400 ms"            => "400",
                                "600 ms"            => "600",
                                "800 ms"            => "800",
                                "1 s"            => "1000",
                            ),
                            "dependency" =>	array(
                                "element" => "css_animation",
                                "value" => array("ins-animated fadeIn", "ins-animated fadeInDown", "ins-animated fadeInLeft", "ins-animated fadeInRight", "ins-animated fadeInUp", "ins-animated zoomIn")
                            ),
                            "description" => esc_html__("Enter animation delay in ms", "keydesign")
                        ),

array(
            "type" => "textfield",
            "class" => "",
             
            "heading" => __( "Extra Class Name", "emerson" ),
            "param_name" => "extra_class",
            "group" => "General",
            "value" => __( "", "emerson" ),
             "description" => __( "Style particular content element differently - add a class name and refer to it in custom CSS.", "emerson" ),
            
         ),

array(
            "type" => "dropdown",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Title Font Size", "emerson" ),
            "param_name" => "title_font",
            "group" => "Advanced",
              "description" => __( "Select title font size.", "emerson" ),
             "value"       => array(
       
       'Select' => '',
        'Theme Default'   => 'text-large',
        'Extra Small'   => 'text-extra-small',
        'Small'   => 'text-small',
        'Medium'   => 'text-medium',        
        'Large'   => 'text-large',
        'Extra Large'   => 'text-extra-large'

),
      "std"         => '',
       'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic' ,'ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background', 'ins-icon-box-align-left-circle-outline', 'ins-icon-box-align-left-circle-background', 'ins-icon-box-align-left-basic', 'ins-icon-box-align-right-basic', 'ins-icon-box-align-right-circle-outline', 'ins-icon-box-align-right-circle-background'),      
         ),
         
         ),
         
           array(
            "type" => "dropdown",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
             "heading" => __( "Text Font Size", "emerson" ),
            "param_name" => "text_font",
            "group" => "Advanced",
              "description" => __( "Select text font size.", "emerson" ),
             "value"       => array(
       
       'Select' => '',
        'Extra Small'   => 'text-extra-small',
        'Small'   => 'text-small',
        'Medium'   => 'text-medium',        
        'Large'   => 'text-large',
        'Extra Large'   => 'text-extra-large'

array(
			"type" => "dropdown",
			 "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",

"heading" => esc_html__( "Title Font-weight", "emerson" ),
			"param_name" => "title_font_weight",
                        "group" => "Advanced",
                        "description" => esc_html__( "Select Title font-weight.", "emerson" ),
                        "value"       => array(
			esc_html__( 'Theme defaults', 'citta' ) => 'default',
			esc_html__( '100', 'citta' ) => 'font-weight-100',
			esc_html__( '200', 'citta' ) => 'font-weight-200',
			esc_html__( '300', 'citta' ) => 'font-weight-300',
			esc_html__( '400', 'citta' ) => 'font-weight-400',
			esc_html__( '500', 'citta' ) => 'font-weight-500',
			esc_html__( '600', 'citta' ) => 'font-weight-600',
			esc_html__( '700', 'citta' ) => 'font-weight-700',
			esc_html__( '900', 'citta' ) => 'font-weight-900'
			),
                         
		),
         
      array(
			"type" => "dropdown",
			 "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",

"heading" => esc_html__( "Text Font-weight", "emerson" ),
			"param_name" => "text_font_weight",
                        "group" => "Advanced",
                        "description" => esc_html__( "Select sun sub-heading font-weight.", "emerson" ),
                        "value" => array(
			esc_html__( 'Theme defaults', 'citta' ) => 'default',
			esc_html__( '100', 'citta' ) => 'font-weight-100',
			esc_html__( '200', 'citta' ) => 'font-weight-200',
			esc_html__( '300', 'citta' ) => 'font-weight-300',
			esc_html__( '400', 'citta' ) => 'font-weight-400',
			esc_html__( '500', 'citta' ) => 'font-weight-500',
			esc_html__( '600', 'citta' ) => 'font-weight-600',
			esc_html__( '700', 'citta' ) => 'font-weight-700',
			esc_html__( '900', 'citta' ) => 'font-weight-900'
			),
                         
		),

array(
            "type" => "dropdown",
            "class" => "",
              "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Title letter-spacing", "emerson" ),
            "param_name" => "title_letter_spacing",
              "group" => "Advanced",
              "description" => __( "Specify letter-spacing of the title", "emerson" ),
             "value"       => array(
         'Select' => 'select',
        'No-letter-spacing' => 'no-letter-spacing',
        '0.5' => 'letter-spacing-05',
         '1' => 'letter-spacing-1',
        '2'   => 'letter-spacing-2',
         '3'   => 'letter-spacing-3',
         '4'   =>'letter-spacing-4',
 	'5'   => 'letter-spacing-5',
 	'6'   => 'letter-spacing-6',
 	'7'   => 'letter-spacing-7',
 	'8'   => 'letter-spacing-8',
 	'9'   => 'letter-spacing-9',
 	'10'   => 'letter-spacing-10'

),
      "std"         => 'no-letter-spacing',
       
           
         ),

array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Icon Color", "emerson" ),
            "param_name" => "icon_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a color for your icon box.", "emerson" ),
              
               						
                ),
       
      array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Title Custom Color", "emerson" ),
            "param_name" => "title_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a custom title color.", "emerson" ),
              
               						
                ),
                
           
   array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Text Custom Color", "emerson" ),
            "param_name" => "text_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a custom text color.", "emerson" ),
              
               						
                ),
                
      array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Icon Background Color", "emerson" ),
            "param_name" => "icon_bg_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a custom icon background color.", "emerson" ),
              'dependency' => array(
						'element' => 'layout_style',
						'value' => array('ins-icon-box-icon-circle-background','ins-icon-box-align-left-circle-background', 'ins-icon-box-align-right-circle-background')
						
                ),
               						
                ),
          
            array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Icon Outline Color", "emerson" ),
            "param_name" => "icon_outline_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a custom icon outline color.", "emerson" ),
              'dependency' => array(
						'element' => 'layout_style',
						'value' => array('ins-icon-box-icon-circle-outline','ins-icon-box-align-left-circle-outline', 'ins-icon-box-align-right-circle-outline' )
						
                ),
               						
                ),

array(
            "type" => "colorpicker",
            "class" => "",
            "edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
            "heading" => __( "Button Custom Color", "emerson" ),
            "param_name" => "btn_color",
            "group" => "Advanced",
            "value" => __( "", "emerson" ),
              "description" => __( " Choose a custom button color.", "emerson" ),
                'dependency' => array(
						'element' => 'btn_check',
						'value' => array('1')
						
                ),
                
                ),

array(
			"type" => "colorpicker",
			"class" => "hidden-label",
			"edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
			"heading" => esc_html__( "Separator Color", "emerson" ),
			"param_name" => "separator_color",
			"value" => __( "#343434", "emerson" ),
			'description' => esc_html__( 'Select the separator border color.', 'citta' ),
			'group' => esc_html__( "Advanced", "emerson" ),
                           'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-top-icon-basic' ,'ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background')
			),   
           
          
		),
		
		 array(
			"type" => "colorpicker",
			"class" => "hidden-label",
			"edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
			"heading" => esc_html__( "Icon hover color", "emerson" ),
			"param_name" => "icon_hover_color",
			"value" => __( "", "emerson" ),
			'description' => esc_html__( 'Select Icon hover color.', 'citta' ),
			'group' => esc_html__( "Advanced", "emerson" ),
          
		),   
		
        array(
			"type" => "colorpicker",
			"class" => "hidden-label",
			"edit_field_class" => "vc_col-xs-6 vc_edit_form_elements vc_column-with-padding vc_column",
			"heading" => esc_html__( "Icon Background hover color", "emerson" ),
			"param_name" => "icon_bg_hover_color",
			"value" => __( "", "emerson" ),
			'description' => esc_html__( 'Select Icon Background hover color.', 'citta' ),
			'group' => esc_html__( "Advanced", "emerson" ),
                           'dependency' => array(
				'element' =>'layout_style',
				'value' => array('ins-icon-box-icon-circle-outline', 'ins-icon-box-icon-circle-background', 'ins-icon-box-align-right-circle-background', 'ins-icon-box-align-left-circle-background', 'ins-icon-box-align-right-circle-outline', 'ins-icon-box-align-left-circle-outline')
			),   
           
          
		),   
     
     
        array(
            'type' => 'css_editor',
            'heading' => __( 'Css', 'citta' ),
            'param_name' => 'css',
            'group' => __( 'Design options', 'citta' ),
        ),

) ));
}

add_shortcode( 'insignia_icon_box', 'insignia_icon_box_shortcode' );
function insignia_icon_box_shortcode( $atts,$content) {

extract( shortcode_atts( array(
 
 	
      
     'layout_style' => '',
      'extra_class'=>'',
       'css'=> '',
        'icon_iconsmind'=> '', 
        'icon_align'=> '',
        'icon_title'=> esc_html__( 'Icon Box Title', "emerson" ),
        'icon_text'=> esc_html__( 'Icon Box text content, feel free to change it!', "emerson" ),
        'btn_check' => '',        
        'btn_text' => '',        
        'btn_link' => '',
        'icon_size' => 'icon-medium',
        'icon_color' => '',
        'text_color' => '',
        'title_color' => '',
        'title_font' => '',
         'text_font' => '',
         'icon_bg_color' => '',
         'icon_outline_color' => '',
         'btn_color' => '',
         'border_radius' => '',
         'box_shadow'=> '',
         'hover_box_shadow' => '',
          'text_font_weight' =>'',
          'title_font_weight' =>'',
         "separator" => '',
 	    "separator_color" => '#343434',
        'title_letter_spacing' => 'no-letter-spacing',
        'icon_hover_color' => '',
        'icon_bg_hover_color' => '',
        'css_animation'  => '',
        'ib_animation_delay'=> ''

), $atts ) );

global $layout_style1,$extra_class1,$css1,$icon_iconsmind1,$icon_align1,$icon_text1,$icon_title1,$btn_check1,$btn_text1,$btn_link1,$icon_size1,$icon_color1,$icon_color1,$text_color1,$title_color1,$title_font1,$text_font1,$icon_bg_color1,$icon_outline_color1,$btn_color1,$border_radius1,$box_shadow1,$hover_box_shadow1,$text_font_weight1,$title_font_weight1,$separator1,$separator_color1,$title_letter_spacing1,$css_animation1,$ib_animation_delay1;

$layout_style1= ${'layout_style'};
$extra_class1=${'extra_class'};
$icon_iconsmind1=${'icon_iconsmind'};
$icon_align1=${'icon_align'};
$icon_title1=${'icon_title'};
$icon_text1=${'icon_text'};
$btn_check1=${'btn_check'};
$btn_text1=${'btn_text'};
$btn_link1=${'btn_link'};
$icon_size1=${'icon_size'};
$text_color1=${'text_color'};
$title_color1=${'title_color'};
$icon_color1=${'icon_color'};
$title_font1=${'title_font'};
$text_font1=${'text_font'};
$icon_bg_color1=${'icon_bg_color'};
$icon_outline_color1=${'icon_outline_color'};
$btn_color1=${'btn_color'};
$border_radius1=${'border_radius'};
$box_shadow1=${'box_shadow'};
$hover_box_shadow1=${'hover_box_shadow'};
$title_font_weight1=${'title_font_weight'};
$text_font_weight1=${'text_font_weight'};
$separator1=${'separator'};
$separator_color1=${'separator_color'};
$title_letter_spacing1=${'title_letter_spacing'};
$icon_hover_color1=${'icon_hover_color'};
$icon_bg_hover_color1=${'icon_bg_hover_color'};
$css_animation1=${'css_animation'};
$ib_animation_delay1=${'ib_animation_delay'};

$css1=apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $atts );

//CSS Animation
            if ($css_animation1 == "no_animation") {
                $css_animation1 = "";
            }

$animation_delay = "";

// Animation delay
            if ($ib_animation_delay1) {
                $animation_delay = 'data-animation-delay='.$ib_animation_delay1;
            }

if(empty($title_font1)){
   $title_font1= 'text-large';
}

$uniqid = uniqid('ins-icon-');
$icon_css = '';

if($icon_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-icon i, #' . $uniqid . ' .ins-float-icon-inner i, #' . $uniqid . ' .ins-float-right-icon-inner i {color: '.$icon_color1.';}';

if($title_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-title, #' . $uniqid . ' .ins-float-icon-box-title {color: '.$title_color1.';}';

if($text_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-text, #' . $uniqid . ' .ins-float-icon-box-text {color: '.$text_color1.';}';

if($icon_bg_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-icon-circle-background, #' . $uniqid . '.ins-icon-box-align-left-circle-background .ins-float-icon-inner, #' . $uniqid . '.ins-icon-box-align-right-circle-background .ins-float-right-icon-inner {background: '.$icon_bg_color1.';}';

if($icon_outline_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-icon-circle-outline, #' . $uniqid . '.ins-icon-box-align-left-circle-outline .ins-float-icon-inner, #' . $uniqid . '.ins-icon-box-align-right-circle-outline .ins-float-right-icon-inner {border-color: '.$icon_outline_color1.';}';

if($btn_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-image-box-btn {color: '.$btn_color1.';}';

if($btn_color1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-btn-wrap:hover:after {background-color: '.$btn_color1.';}';

if($icon_hover_color1!= '')
$icon_css .= '#' . $uniqid .'.ins-icon-wrapper:hover i,  #' . $uniqid .'.ins-icon-box-align-left-circle-outline:hover .link-icon,  #' . $uniqid .'.ins-icon-box-align-left-circle-background:hover .link-icon,  #' . $uniqid .'.ins-icon-box-align-right-circle-outline:hover .link-icon,  #' . $uniqid .'.ins-icon-box-align-right-circle-background:hover .link-icon, #' . $uniqid .'.ins-float-icon-wrapper:hover .ins-float-icon-inner i, #' . $uniqid .'.ins-float-icon-wrapper:hover .ins-float-right-icon-inner i {color: '.$icon_hover_color1.';}';

if($icon_bg_hover_color1!= '')
$icon_css .= '#' . $uniqid . '.ins-icon-wrapper:hover .ins-icon-box-icon-circle-outline, #' . $uniqid .'.ins-icon-wrapper:hover .ins-icon-box-icon-circle-background,  #' . $uniqid .'.ins-icon-box-align-left-circle-outline:hover .ins-float-icon-inner,  #' . $uniqid .'.ins-icon-box-align-left-circle-background:hover .ins-float-icon-inner,  #' . $uniqid . '.ins-icon-box-align-right-circle-outline:hover .ins-float-right-icon-inner,  #' . $uniqid . '.ins-icon-box-align-right-circle-background:hover .ins-float-right-icon-inner {background: '.$icon_bg_hover_color1.';}';

if($icon_bg_hover_color1!= '')
$icon_css .= '#' . $uniqid .'.ins-icon-wrapper:hover .ins-icon-box-icon-circle-outline,  #' . $uniqid .'.ins-icon-box-align-left-circle-outline:hover .ins-float-icon-inner, #' . $uniqid .'.ins-icon-box-align-right-circle-outline:hover .ins-float-icon-inner {border-color: '.$icon_bg_hover_color1.';}';

if($border_radius1 != '')
$icon_css .= '#' . $uniqid . ' .ins-icon-box-icon-circle-background, #' . $uniqid . ' .ins-icon-box-icon-circle-outline, #' . $uniqid . '.ins-icon-box-align-left-circle-outline .ins-float-icon-inner, #' . $uniqid . '.ins-icon-box-align-left-circle-background .ins-float-icon-inner, #' . $uniqid . '.ins-icon-box-align-right-circle-outline .ins-float-right-icon-inner, #' . $uniqid . '.ins-icon-box-align-right-circle-background .ins-float-right-icon-inner  {border-radius: '.$border_radius1.';}';

if($layout_style1== "ins-icon-box-align-left-basic" || $layout_style1== "ins-icon-box-align-left-circle-outline" || $layout_style1== "ins-icon-box-align-left-circle-background"){

if($layout_style1== "ins-icon-box-align-left-basic"){
		$align_icon_size = "icon-medium";
	}elseif($layout_style1== "ins-icon-box-align-left-circle-outline" || $layout_style1== "ins-icon-box-align-left-circle-background"){
		$align_icon_size = "icon-small";
	}

$return="<div id='".$uniqid."' class='ins-float-icon-wrapper margin-20px-bottom ".$layout_style1." ".$extra_class1." ".$css1." ".$css_animation1."' ".$animation_delay.">";
$return.="<div class='ins-float-icon-inner position-relative'>";

$return.="<i class='link-icon text-medium-gray ".$align_icon_size." ".$icon_iconsmind1."'></i>";
$return.="</div>";

$return.="<div class='ins-float-icon-box-content'>";
if(!empty($icon_title1)) {
$return.="<div class='ins-float-icon-box-title text-extra-dark-gray margin-5px-bottom title-font ".$title_font_weight1." ".$title_font1." ".$title_letter_spacing1."'>".$icon_title1."</div>";
}

if(!empty($icon_text1)) {
$return.="<div class='last-paragraph-no-margin'>";
$return.="<p class='ins-float-icon-box-text ".$text_font1." ".$text_font_weight1."'>".$icon_text1."</p>";
$return.="</div>";
}
if(!empty($btn_text1)) {
$return.="<div class='ins-icon-box-btn-wrap margin-25px-top'>";
$return.="<a class='ins-image-box-btn title-font pc' href='".$btn_link1."'>";
$return.=$btn_text1;
$return.="</a>";
$return.="</div>";
}

$return.="</div>";
$return.="</div>";

$return.=	'<script type="text/javascript">
		(function(jQuery) {';

if($icon_css != '') {
					$return.= 'jQuery("head").append("<style>'.$icon_css.'</style>")';
						}

$return.=	'
					})(jQuery);
						</script>';

return $return;

}elseif($layout_style1== "ins-icon-box-align-right-basic" || $layout_style1== "ins-icon-box-align-right-circle-outline" || $layout_style1== "ins-icon-box-align-right-circle-background"){

if($layout_style1== "ins-icon-box-align-right-basic"){
		$align_icon_size = "icon-medium";
	}elseif($layout_style1== "ins-icon-box-align-right-circle-outline" || $layout_style1== "ins-icon-box-align-right-circle-background"){
		$align_icon_size = "icon-small";
	}

$return.="<i class='link-icon text-medium-gray ".$align_icon_size." ".$icon_iconsmind1."'></i>";
$return.="</div>";

$return.="</div>";
$return.="</div>";

$return.=	'<script type="text/javascript">
		(function(jQuery) {';

if($icon_css != '') {
					$return.= 'jQuery("head").append("<style>'.$icon_css.'</style>")';
						}

$return.=	'
					})(jQuery);
						</script>';

return $return;

}elseif($layout_style1== "ins-icon-box-icon-near-title") {

$return="<div id='".$uniqid."' class='ins-icon-wrapper last-paragraph-no-margin margin-20px-bottom ".$extra_class1." ".$css1." ".$icon_align1." ".$css_animation1."' ".$animation_delay.">";
$return.="<div class='ins-icon-box-icon margin-15px-bottom ".$layout_style1."'>";
$return.="<i class='icon-box-icon ".$icon_iconsmind1."'></i>";

if(!empty($icon_title1)) {
$return.="<p class='ins-icon-box-title title-font ".$title_font_weight1." ".$title_letter_spacing1."'>".$icon_title1."</p>";
}

$return.="</div>";
$return.="<div class='ins-icon-box-content'>";

if(!empty($icon_text1)) {
$return.="<p class='ins-icon-box-text ".$text_font1." ".$text_font_weight1."'>".$icon_text1."</p>";
}
if(!empty($btn_text1)) {
$return.="<div class='ins-icon-box-btn-wrap margin-25px-top'>";
$return.="<a class='ins-image-box-btn title-font pc' href='".$btn_link1."'>";
$return.=$btn_text1;
$return.="</a>";
$return.="</div>";
}
$return.="</div>";
$return.="</div>";

$return.=	'<script type="text/javascript">
		(function(jQuery) {';

if($icon_css != '') {
					$return.= 'jQuery("head").append("<style>'.$icon_css.'</style>")';
						}

$return.=	'
					})(jQuery);
						</script>';

return $return;

}else{
    
    	if($layout_style1== "ins-icon-box-icon-circle-outline" || $layout_style1== "ins-icon-box-icon-circle-background"){
		$icon_size1 = "";
	}

$return="<div id='".$uniqid."' class='ins-icon-wrapper last-paragraph-no-margin margin-20px-bottom ".$extra_class1." ".$css1." ".$icon_align1." ".$box_shadow1." ".$hover_box_shadow1." ".$css_animation1."' ".$animation_delay.">";
$return.="<div class='ins-icon-box-icon margin-20px-bottom ".$layout_style1." ".$icon_size1."'>";
$return.="<i class='".$icon_iconsmind1."'></i>";
$return.="</div>";
$return.="<div class='ins-icon-box-content'>";
if(!empty($icon_title1)) {
$return.="<div class='ins-icon-box-title title-font margin-15px-bottom sm-margin-5px-bottom ".$title_font1." ".$title_font_weight1." ".$title_letter_spacing1."'>".$icon_title1."</div>";
}
if ( $separator1 == 'enable' ) {
	$return .= '<div style="background-color: '. $separator_color1 .'" class="inv-icon-box-separator"></div>';
	}
if(!empty($icon_text1)) {
$return.="<p class='ins-icon-box-text ".$text_font1." ".$text_font_weight1."'>".$icon_text1."</p>";
}
if(!empty($btn_text1)) {
$return.="<div class='ins-icon-box-btn-wrap margin-25px-top'>";
$return.="<a class='ins-image-box-btn title-font pc' href='".$btn_link1."'>";
$return.=$btn_text1;
$return.="</a>";
$return.="</div>";
}
$return.="</div>";
$return.="</div>";

$return.=	'<script type="text/javascript">
		(function(jQuery) {';

if($icon_css != '') {
					$return.= 'jQuery("head").append("<style>'.$icon_css.'</style>")';
						}

$return.=	'
					})(jQuery);
						</script>';

return $return;

}
}