<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#wpm_image_width").on("change", function () {
            var value = jQuery(this).val() + "px"; 
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_img { width :" + value + "; height:" + value + "; margin-top: calc(-" +value + "/ 2 )}; </style>").appendTo("body");
        });
        jQuery("#wpm_image_radius").on("change", function () {
            var value = jQuery(this).val() + "%";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_img { border-radius:" + value + "; -moz-border-radius:" + value + "; -ms-border-radius:" + value + "; -o-border-radius:" + value + "; -webkit-border-radius:" + value + ";} </style>").appendTo("body");
            
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_img img{ border-radius:" + value + "; -moz-border-radius:" + value + "; -ms-border-radius:" + value + "; -o-border-radius:" + value + "; -webkit-border-radius:" + value + ";} </style>").appendTo("body");
        }); 

        jQuery("#wpm_border_top_height, #wpm_border_top_color").on("change", function () {
            var top_height = jQuery('#wpm_border_top_height').val() + "px";
            var top_color = jQuery('#wpm_border_top_color').val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 { border-top:" + top_height + " solid " + top_color + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_border_top_height, #wpm_border_top_hover_color").on("change", function () {
            var after_height = jQuery('#wpm_border_top_height').val() + "px";
            var after_color = jQuery('#wpm_border_top_hover_color').val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33::after { border-top:" + after_height + " solid " + after_color + "; width:" + after_height + "; top:-" + after_height +";} </style>").appendTo("body");
        });

        jQuery("#wpm_border_top_height, #wpm_border_top_hover_color").on("change", function () {
            var before_height = jQuery('#wpm_border_top_height').val() + "px";
            var before_color = jQuery('#wpm_border_top_hover_color').val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33::before { border-top:" + before_height + " solid " + before_color + "; width:" + before_height + "; top:-" + before_height +";} </style>").appendTo("body");
        });

        jQuery("#wpm_box_radius").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_img img { border-radius:" + value + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_image_hover_background").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33:hover { background:" + value + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_member_font_size").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { font-size:" + value + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_member_font_color").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title, .wpm_6310_team_style_33 .wpm_6310_team_style_33_title a { color:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_member_font_hover_color").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33:hover .wpm_6310_team_style_33_title { color:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_member_font_weight").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { font-weight:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_member_text_transform").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { text-transform:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_jquery_heading_font").on("change", function () {
            var value = jQuery(this).val().replace(/\+/g, ' ');
            value = value.split(':');
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { font-family:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_heading_line_height").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33 .wpm_6310_team_style_33_title { line-height:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_name_border_width").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_title:after { width:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_name_border_color").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_title:after { background:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_font_size").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_designation { font-size:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_font_color").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_designation { color:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_font_hover_color").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'> .wpm_6310_team_style_33:hover .wpm_6310_team_style_33_designation { color:" + value + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_designation_font_weight").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_designation { font-weight:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_text_transform").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_designation { text-transform:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_jquery_designation_font").on("change", function () {
            var value = jQuery(this).val().replace(/\+/g, ' ');
            value = value.split(':');
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_designation { font-family:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_line_height").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33_designation { line-height:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#social_from_content").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_designation { padding-bottom:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_social_icon_width").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33 .wpm_6310_team_style_33_social a { width:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_social_icon_height").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33 .wpm_6310_team_style_33_social a { height:" + value + ";line-height:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_social_border_width").on("change", function () {
            var value = jQuery(this).val() + "px !important";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_social a { border-width:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_social_border_radius").on("change", function () {
            var value = jQuery(this).val() + "%";
            jQuery("<style type='text/css'> .wpm_6310_team_style_33 .wpm_6310_team_style_33_social a { border-radius:" + value + "; -moz-border-radius:" + value + "; -webkit-border-radius:" + value + "; -o-border-radius:" + value + "; -ms-border-radius:" + value + "; } </style>").appendTo("body");
        });
        jQuery("#wpm_member_margin_top").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { margin-top:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_member_margin_bottom").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_title { margin-bottom:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_margin_top").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_designation { margin-top:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_designation_margin_bottom").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 .wpm_6310_team_style_33_designation { margin-bottom:" + value + ";} </style>").appendTo("body");
        });
        jQuery("#wpm_social_margin_top").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_social { margin-top:" + value + " !important;} </style>").appendTo("body");
        });
        jQuery("#wpm_social_margin_bottom").on("change", function () {
            var value = jQuery(this).val() + "px";
            jQuery("<style type='text/css'>.wpm_6310_team_style_33_social { margin-bottom:" + value + " !important;} </style>").appendTo("body");
        });
        jQuery("#wpm_box_background").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33 { background:" + value + ";} </style>").appendTo("body");
        });

        jQuery("#wpm_box_hover_background").on("change", function () {
            var value = jQuery(this).val();
            jQuery("<style type='text/css'>.wpm_6310_team_style_33:hover { background:" + value +";} </style>").appendTo("body");  
        });  
        <?php
        if((isset($allStyle[33]) && ($allStyle[33] == '' || $allStyle[33] == 0)) ){
            echo 'jQuery(".social_act_field").hide();';
        }
        ?>
        jQuery('body').on('click', '#wpm_social_activation', function(){
            if (jQuery(this).prop('checked') == true) {
                jQuery(".wpm_6310_team_style_33_social").show();
                jQuery(".social_act_field").show();
            }
            else{
                jQuery(".wpm_6310_team_style_33_social").hide();
                jQuery(".social_act_field").hide();
            }
        });
        jQuery("#wpm_item_align").on("change", function () {
            var value = jQuery(this).val() ;
            jQuery("<style type='text/css'> .wpm_6310_tabs_panel_preview .wpm-6310-row { justify-content:" + value + " !important;} </style>").appendTo("body");
        });
    });
</script>
