team.php — ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor 4.0.2

elementskit-lite / widgets / team / team.php

elementskit-lite / widgets / team Last commit date

parts 4 years ago team-handler.php 3 years ago team.php 2 weeks ago

team.php

2606 lines

1	<?php
2	namespace Elementor;
3
4	use \Elementor\ElementsKit_Widget_Team_Handler as Handler;
5	use \ElementsKit_Lite\Modules\Controls\Controls_Manager as ElementsKit_Controls_Manager;
6
7	if ( ! defined( 'ABSPATH' ) ) exit;
8
9
10	class ElementsKit_Widget_Team extends Widget_Base {
11	use \ElementsKit_Lite\Widgets\Widget_Notice;
12
13	public $base;
14
15	public function __construct( $data = [], $args = null ) {
16	parent::__construct( $data, $args );
17	}
18	public function get_style_depends() {
19	return ['magnific-popup', 'ekit-team'];
20	}
21
22	public function get_script_depends() {
23	return ['ekit-team', 'magnific-popup'];
24	}
25
26
27	public function get_name() {
28	return Handler::get_name();
29	}
30
31	public function get_title() {
32	return Handler::get_title();
33	}
34
35	public function get_icon() {
36	return Handler::get_icon();
37	}
38
39	public function get_categories() {
40	return Handler::get_categories();
41	}
42
43	public function get_keywords() {
44	return Handler::get_keywords();
45	}
46
47	public function get_help_url() {
48	return 'https://wpmet.com/doc/team-2/';
49	}
50	protected function is_dynamic_content(): bool {
51	return false;
52	}
53	protected function register_controls() {
54
55	// Team Content
56	$this->start_controls_section(
57	'ekit_team_content', [
58	'label' => esc_html__( 'Team Member Content', 'elementskit-lite' ),
59	]
60	);
61
62	$this->add_control(
63	'ekit_team_style',
64	[
65	'label' =>esc_html__( 'Style', 'elementskit-lite' ),
66	'type' => Controls_Manager::SELECT,
67	'default' => 'default',
68	'options' => [
69	'default' => esc_html__( 'Default', 'elementskit-lite' ),
70	'overlay' => esc_html__( 'Overlay', 'elementskit-lite' ),
71	'centered_style' => esc_html__( 'Centered ', 'elementskit-lite' ),
72	'hover_info' => esc_html__( 'Hover on social', 'elementskit-lite' ),
73	'overlay_details' => esc_html__( 'Overlay with details', 'elementskit-lite' ),
74	'centered_style_details' => esc_html__( 'Centered with details ', 'elementskit-lite' ),
75	'long_height_hover' => esc_html__( 'Long height with hover ', 'elementskit-lite' ),
76	'long_height_details' => esc_html__( 'Long height with details ', 'elementskit-lite' ),
77	'long_height_details_hover' => esc_html__( 'Long height with details & hover', 'elementskit-lite' ),
78	'overlay_circle' => esc_html__( 'Overlay with circle shape', 'elementskit-lite' ),
79	'overlay_circle_hover' => esc_html__( 'Overlay with circle shape & hover', 'elementskit-lite' ),
80	],
81	]
82	);
83
84	$this->add_control(
85	'ekit_team_image',
86	[
87	'label' => esc_html__( 'Choose Member Image', 'elementskit-lite' ),
88	'type' => Controls_Manager::MEDIA,
89	'dynamic' => [
90	'active' => true,
91	],
92	'default' => [
93	'url' => Utils::get_placeholder_image_src(),
94	'id' => -1
95	],
96	]
97	);
98
99	$this->add_group_control(
100	Group_Control_Image_Size::get_type(),
101	[
102	'name' => 'ekit_team_thumbnail',
103	'default' => 'large',
104	]
105	);
106
107	$this->add_control(
108	'ekit_team_name',
109	[
110	'label' => esc_html__( 'Member Name', 'elementskit-lite' ),
111	'type' => Controls_Manager::TEXT,
112	'dynamic' => [
113	'active' => true,
114	],
115	'default' => esc_html__( 'Jane Doe', 'elementskit-lite' ),
116	'placeholder' => esc_html__( 'Member Name', 'elementskit-lite' ),
117	]
118	);
119
120	$this->add_control(
121	'ekit_team_name_size',
122	[
123	'label' => esc_html__( 'Member Name HTML Tag', 'elementskit-lite' ),
124	'type' => Controls_Manager::SELECT,
125	'options' => [
126	'h1' => 'H1',
127	'h2' => 'H2',
128	'h3' => 'H3',
129	'h4' => 'H4',
130	'h5' => 'H5',
131	'h6' => 'H6',
132	'div' => 'div',
133	'span' => 'span',
134	'p' => 'p',
135	],
136	'default' => 'h2',
137	]
138	);
139
140	$this->add_control(
141	'ekit_team_position',
142	[
143	'label' => esc_html__( 'Member Position', 'elementskit-lite' ),
144	'type' => Controls_Manager::TEXT,
145	'dynamic' => [
146	'active' => true,
147	],
148	'default' => esc_html__( 'Designer', 'elementskit-lite' ),
149	'placeholder' => esc_html__( 'Member Position', 'elementskit-lite' ),
150
151	]
152	);
153
154	// Show Icon
155	$this->add_control(
156	'ekit_team_toggle_icon',
157	[
158	'label' => esc_html__( 'Show Icon', 'elementskit-lite' ),
159	'type' => Controls_Manager::SWITCHER,
160	'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
161	'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
162	'return_value' => 'yes',
163	'default' => 'no',
164	'condition' => [
165	'ekit_team_style' => 'default',
166	],
167	]
168	);
169	$this->add_control(
170	'ekit_team_top_icons',
171	[
172	'label' => esc_html__( 'Icon', 'elementskit-lite' ),
173	'type' => Controls_Manager::ICONS,
174	'fa4compatibility' => 'ekit_team_top_icon',
175	'default' => [
176	'value' => 'icon icon-team1',
177	'library' => 'ekiticons',
178	],
179	'condition' => [
180	'ekit_team_style' => 'default',
181	'ekit_team_toggle_icon' => 'yes',
182	],
183	]
184	);
185
186	// Show Description
187	$this->add_control(
188	'ekit_team_show_short_description',
189	[
190	'label' => esc_html__( 'Show Description', 'elementskit-lite' ),
191	'type' => Controls_Manager::SWITCHER,
192	'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
193	'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
194	'return_value' => 'yes',
195	'default' => 'no',
196	]
197	);
198	$this->add_control(
199	'ekit_team_short_description',
200	[
201	'label' => esc_html__( 'About Member', 'elementskit-lite' ),
202	'type' => Controls_Manager::TEXTAREA,
203	'dynamic' => [
204	'active' => true,
205	],
206	'default' => esc_html__( 'A small river named Duden flows by their place and supplies it with the necessary', 'elementskit-lite' ),
207	'placeholder' => esc_html__( 'About Member', 'elementskit-lite' ),
208	'condition' => [
209	'ekit_team_show_short_description' => 'yes'
210	],
211
212	]
213	);
214
215	$this->end_controls_section();
216
217
218	// Team Social section
219
220	$this->start_controls_section(
221	'ekit_team_section_social', [
222	'label' => esc_html__( 'Social Profiles', 'elementskit-lite' ),
223	]
224	);
225
226	$this->add_control(
227	'ekit_team_socail_enable',
228	[
229	'label' => esc_html__( 'Display Social Profiles?', 'elementskit-lite' ),
230	'type' => Controls_Manager::SWITCHER,
231	'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
232	'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
233	'return_value' => 'yes',
234	'default' => 'yes',
235	]
236	);
237
238	$popup_selector = '.team-popup-id-{{ID}}';
239	$social = new Repeater();
240
241	$social->add_control(
242	'ekit_team_icons',
243	[
244	'label' => esc_html__( 'Icon', 'elementskit-lite' ),
245	'label_block' => true,
246	'type' => Controls_Manager::ICONS,
247	'fa4compatibility' => 'ekit_team_icon',
248	'default' => [
249	'value' => 'icon icon-facebook',
250	'library' => 'ekiticons',
251	],
252	]
253	);
254
255	$social->add_control(
256	'ekit_team_label',
257	[
258	'label' => esc_html__( 'Label', 'elementskit-lite' ),
259	'type' => Controls_Manager::TEXT,
260	'dynamic' => [
261	'active' => true,
262	],
263	'default' => 'Facebook',
264	]
265	);
266
267	$social->add_control(
268	'ekit_team_link',
269	[
270	'label' => esc_html__( 'Link', 'elementskit-lite' ),
271	'type' => Controls_Manager::URL,
272	'dynamic' => [
273	'active' => true,
274	],
275	'default' => [
276	'url' => 'https://facebook.com',
277	],
278	]
279	);
280	// start tab for content
281	$social->start_controls_tabs(
282	'ekit_team_socialmedia_tabs'
283	);
284
285	// start normal tab
286	$social->start_controls_tab(
287	'ekit_team_socialmedia_normal',
288	[
289	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
290	]
291	);
292
293	// set social icon color
294	$social->add_control(
295	'ekit_team_socialmedia_icon_color',
296	[
297	'label' =>esc_html__( 'Color', 'elementskit-lite' ),
298	'type' => Controls_Manager::COLOR,
299	'default' => '#FFFFFF',
300	'selectors' => [
301	'{{WRAPPER}} {{CURRENT_ITEM}} > a' => 'color: {{VALUE}}; fill: {{VALUE}};',
302	$popup_selector . ' {{CURRENT_ITEM}} > a' => 'color: {{VALUE}}; fill: {{VALUE}};',
303	],
304	]
305	);
306
307	// set social icon background color
308	$social->add_control(
309	'ekit_team_socialmedia_icon_bg_color',
310	[
311	'label' =>esc_html__( 'Background Color', 'elementskit-lite' ),
312	'type' => Controls_Manager::COLOR,
313	'default' => '#a1a1a1',
314	'selectors' => [
315	'{{WRAPPER}} {{CURRENT_ITEM}} > a' => 'background-color: {{VALUE}};',
316	$popup_selector . ' {{CURRENT_ITEM}} > a' => 'background-color: {{VALUE}};',
317	],
318	]
319	);
320
321	$social->add_group_control(
322	Group_Control_Border::get_type(),
323	[
324	'name' => 'ekit_team_socialmedia_border',
325	'label' => esc_html__( 'Border', 'elementskit-lite' ),
326	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a,'. $popup_selector . ' {{CURRENT_ITEM}} > a',
327	]
328	);
329
330	$social->add_group_control(
331	Group_Control_Text_Shadow::get_type(),
332	[
333	'name' => 'ekit_team_socialmedia_icon_normal_text_shadow',
334	'label' => esc_html__( 'Text Shadow', 'elementskit-lite' ),
335	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a,' . $popup_selector . ' {{CURRENT_ITEM}} > a',
336	]
337	);
338
339	$social->add_group_control(
340	Group_Control_Box_Shadow::get_type(), [
341	'name' => 'ekit_team_socialmedai_list_box_shadow',
342	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a,' . $popup_selector . ' {{CURRENT_ITEM}} > a',
343	]
344	);
345
346	$social->end_controls_tab();
347	// end normal tab
348
349	//start hover tab
350	$social->start_controls_tab(
351	'ekit_team_socialmedia_hover',
352	[
353	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
354	]
355	);
356
357	// set social icon color
358	$social->add_control(
359	'ekit_team_socialmedia_icon_hover_color',
360	[
361	'label' =>esc_html__( 'Color', 'elementskit-lite' ),
362	'type' => Controls_Manager::COLOR,
363	'selectors' => [
364	'{{WRAPPER}} {{CURRENT_ITEM}} > a:hover' => 'color: {{VALUE}}; fill: {{VALUE}};',
365	$popup_selector . ' {{CURRENT_ITEM}} > a:hover' => 'color: {{VALUE}}; fill: {{VALUE}};',
366	],
367	]
368	);
369
370	// set social icon background color
371	$social->add_control(
372	'ekit_team_socialmedia_icon_hover_bg_color',
373	[
374	'label' =>esc_html__( 'Background Color', 'elementskit-lite' ),
375	'type' => Controls_Manager::COLOR,
376	'default' => '#3b5998',
377	'selectors' => [
378	'{{WRAPPER}} {{CURRENT_ITEM}} > a:hover' => 'background-color: {{VALUE}};',
379	$popup_selector . ' {{CURRENT_ITEM}} > a:hover' => 'background-color: {{VALUE}};',
380	],
381	]
382	);
383
384	$social->add_group_control(
385	Group_Control_Border::get_type(),
386	[
387	'name' => 'ekit_team_socialmedia_border_hover',
388	'label' => esc_html__( 'Border', 'elementskit-lite' ),
389	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a:hover,' . $popup_selector . ' {{CURRENT_ITEM}} > a:hover',
390	]
391	);
392
393	$social->add_group_control(
394	Group_Control_Text_Shadow::get_type(),
395	[
396	'name' => 'ekit_team_socialmedia_icon_hover_text_shadow',
397	'label' => esc_html__( 'Text Shadow', 'elementskit-lite' ),
398	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a:hover,' . $popup_selector . ' {{CURRENT_ITEM}} > a:hover',
399	]
400	);
401
402	$social->add_group_control(
403	Group_Control_Box_Shadow::get_type(), [
404	'name' => 'ekit_team_socialmedai_list_box_shadow_hover',
405	'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} > a:hover,' . $popup_selector . ' {{CURRENT_ITEM}} > a:hover',
406	]
407	);
408
409	$social->end_controls_tab();
410	//end hover tab
411
412	$social->end_controls_tabs();
413
414	$this->add_control(
415	'ekit_team_social_icons',
416	[
417	'label' => esc_html__('Add Icon', 'elementskit-lite'),
418	'type' => Controls_Manager::REPEATER,
419	'fields' => $social->get_controls(),
420	'default' => [
421	[
422	'ekit_team_label' => esc_html__('Facebook', 'elementskit-lite'),
423	'ekit_team_icons' => [
424	'value' => 'icon icon-facebook',
425	'library' => 'ekiticons',
426	],
427	'ekit_team_socialmedia_icon_hover_bg_color' => '#3b5998',
428	],
429	[
430	'ekit_team_label' => esc_html__('Twitter', 'elementskit-lite'),
431	'ekit_team_icons' => [
432	'value' => 'icon icon-twitter',
433	'library' => 'ekiticons',
434	],
435	'ekit_team_socialmedia_icon_hover_bg_color' => '#1da1f2',
436	],
437	[
438	'ekit_team_label' => esc_html__('Pinterest', 'elementskit-lite'),
439	'ekit_team_icons' => [
440	'value' => 'icon icon-pinterest',
441	'library' => 'ekiticons',
442	],
443	'ekit_team_socialmedia_icon_hover_bg_color' => '#e60023',
444	],
445	],
446	'title_field' => '{{{ ekit_team_label }}}',
447	'condition' => [
448	'ekit_team_socail_enable' => 'yes'
449	]
450	]
451	);
452
453	$this->end_controls_section();
454
455	$this->start_controls_section(
456	'ekit_team_popup_details',
457	[
458	'label' => esc_html__( 'Pop Up Details', 'elementskit-lite' ),
459	'tab' => Controls_Manager::TAB_CONTENT,
460	]
461	);
462
463	$this->add_control(
464	'ekit_team_chose_popup',
465	[
466	'label' => esc_html__( 'Show Popup', 'elementskit-lite' ),
467	'type' => Controls_Manager::SWITCHER,
468	'default' => 'yes',
469	]
470	);
471
472	$this->add_control(
473	'ekit_team_description',
474	[
475	'label' => esc_html__( 'About Member', 'elementskit-lite' ),
476	'type' => Controls_Manager::TEXTAREA,
477	'dynamic' => [
478	'active' => true,
479	],
480	'default' => esc_html__( 'A small river named Duden flows by their place and supplies it with the necessary', 'elementskit-lite' ),
481	'placeholder' => esc_html__( 'About Member', 'elementskit-lite' ),
482	'condition' => [
483	'ekit_team_chose_popup' => 'yes'
484	],
485
486	]
487	);
488	$this->add_control(
489	'ekit_team_phone',
490	[
491	'label' => esc_html__( 'Phone', 'elementskit-lite' ),
492	'type' => Controls_Manager::TEXT,
493	'dynamic' => [
494	'active' => true,
495	],
496	'default' => '+1 (859) 254-6589',
497	'placeholder' => esc_html__( 'Phone Number', 'elementskit-lite' ),
498	'condition' => [
499	'ekit_team_chose_popup' => 'yes'
500	],
501
502	]
503	);
504	$this->add_control(
505	'ekit_team_email',
506	[
507	'label' => esc_html__( 'Email', 'elementskit-lite' ),
508	'type' => Controls_Manager::TEXT,
509	'dynamic' => [
510	'active' => true,
511	],
512	'default' => 'info@example.com',
513	'placeholder' => esc_html__( 'Email Address', 'elementskit-lite' ),
514	'condition' => [
515	'ekit_team_chose_popup' => 'yes'
516	],
517
518	]
519	);
520
521	// Close icon change option
522	$this->add_control(
523	'ekit_team_close_icon_changes',
524	[
525	'label' => esc_html__( 'Close Icon', 'elementskit-lite' ),
526	'type' => Controls_Manager::ICONS,
527	'fa4compatibility' => 'ekit_team_close_icon_change',
528	'default' => [
529	'value' => 'fas fa-times',
530	'library' => 'fa-solid',
531	],
532	'label_block' => true,
533	'condition' => [
534	'ekit_team_chose_popup' => 'yes'
535	],
536	'separator' => 'before',
537	]
538	);
539
540	$this->add_control(
541	'ekit_team_close_icon_alignment',
542	[
543	'label' => esc_html__( 'Close Icon Alignment', 'elementskit-lite' ),
544	'type' => Controls_Manager::CHOOSE,
545	'options' => [
546	'left' => [
547	'title' => esc_html__( 'Left', 'elementskit-lite' ),
548	'icon' => 'eicon-text-align-left',
549	],
550	'right' => [
551	'title' => esc_html__( 'Right', 'elementskit-lite' ),
552	'icon' => 'eicon-text-align-right',
553	],
554	],
555	'selectors' => [
556	'{{WRAPPER}} .ekit-team-modal-close' => '{{VALUE}}: 10px;',
557	],
558	'default' => 'right',
559	'condition' => [
560	'ekit_team_chose_popup' => 'yes'
561	],
562	]
563	);
564
565	$this->end_controls_section();
566
567	// start style section here
568
569	// Team content section style start
570	$this->start_controls_section(
571	'ekit_team_content_style', [
572	'label' => esc_html__( 'Content', 'elementskit-lite' ),
573	'tab' => Controls_Manager::TAB_STYLE,
574	]
575	);
576
577
578
579	$this->start_controls_tabs(
580	'ekit_team_background_tabs'
581	);
582	// start normal tab
583	$this->start_controls_tab(
584	'ekit_team_content_normal',
585	[
586	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
587	]
588	);
589
590	$this->add_group_control(
591	Group_Control_Background::get_type(),
592	[
593	'name' => 'ekit_team_background_content_normal',
594	'label' => esc_html__( 'Background', 'elementskit-lite' ),
595	'types' => [ 'classic', 'gradient', 'video' ],
596	'selector' => '{{WRAPPER}} .profile-card, {{WRAPPER}} .profile-image-card',
597	]
598	);
599	$this->add_group_control(
600	Group_Control_Box_Shadow::get_type(), [
601	'name' => 'ekit_team_content_box_shadow',
602	'selector' => '{{WRAPPER}} .profile-card, {{WRAPPER}} .profile-image-card',
603	]
604	);
605	$this->end_controls_tab();
606
607	$this->start_controls_tab(
608	'ekit_team_content_hover',
609	[
610	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
611	]
612	);
613
614
615	$this->add_group_control(
616	Group_Control_Background::get_type(),
617	[
618	'name' => 'ekit_team_background_content_hover',
619	'label' => esc_html__( 'Background', 'elementskit-lite' ),
620	'types' => [ 'classic', 'gradient' ],
621	'selector' => '{{WRAPPER}} .profile-card:hover, {{WRAPPER}} .profile-image-card:hover, {{WRAPPER}} .profile-card::before, {{WRAPPER}} .profile-image-card::before, {{WRAPPER}} div .profile-card .profile-body::before, {{WRAPPER}} .image-card-v3 .profile-image-card:after',
622	]
623	);
624
625	$this->add_group_control(
626	Group_Control_Box_Shadow::get_type(), [
627	'name' => 'ekit_team_content_box_shadow_hover_group',
628	'selector' => '{{WRAPPER}} .profile-card:hover, {{WRAPPER}} .profile-image-card:hover',
629	]
630	);
631
632	$this->add_control(
633	'team_hover_animation',
634	[
635	'label' => esc_html__( 'Hover Animation', 'elementskit-lite' ),
636	'type' => Controls_Manager::HOVER_ANIMATION,
637	]
638	);
639
640	$this->add_responsive_control(
641	'overlay_height',
642	[
643	'label' => esc_html__('Overlay Height', 'elementskit-lite'),
644	'type' => Controls_Manager::SLIDER,
645	'size_units' => ['%', 'px'],
646	'range' => [
647	'%' => [
648	'min' => 0,
649	'max' => 100
650	],
651	'px' => [
652	'min' => 0,
653	'max' => 500,
654	'step' => 5
655	]
656	],
657	'default' => [
658	'unit' => '%',
659	],
660	'selectors' => [
661	'{{WRAPPER}} .ekit-team-style-long_height_hover:after' => 'height: {{SIZE}}{{UNIT}};',
662	],
663	'condition' => [
664	'ekit_team_style' => 'long_height_hover',
665	],
666	]
667	);
668
669	$this->end_controls_tab();
670	$this->end_controls_tabs();
671
672	$this->add_control(
673	'content_tabs_after',
674	[
675	'type' => Controls_Manager::DIVIDER,
676	]
677	);
678
679	// contentmax height
680	$this->add_responsive_control(
681	'ekit_team_content_max_weight',
682	[
683	'label' => esc_html__( 'Max Height', 'elementskit-lite' ),
684	'type' => Controls_Manager::SLIDER,
685	'size_units' => [ 'px', '%' ],
686	'range' => [
687	'px' => [
688	'min' => 0,
689	'max' => 1000,
690	'step' => 1,
691	],
692	'%' => [
693	'min' => 0,
694	'max' => 100,
695	],
696	],
697	'default' => [
698	'unit' => 'px',
699	'size' => 380,
700	],
701	'selectors' => [
702	'{{WRAPPER}} .profile-square-v .profile-card' => 'max-height: {{SIZE}}{{UNIT}};',
703	],
704	'condition' => [
705	'ekit_team_style' => 'hover_info'
706	]
707	]
708	);
709
710	// Text aliment
711
712	$this->add_control(
713	'ekit_team_content_text_align',
714	[
715	'label' => esc_html__( 'Alignment', 'elementskit-lite' ),
716	'type' => Controls_Manager::CHOOSE,
717	'options' => [
718	'text-left' => [
719	'title' => esc_html__( 'Left', 'elementskit-lite' ),
720	'icon' => 'eicon-text-align-left',
721	],
722	'text-center' => [
723	'title' => esc_html__( 'Center', 'elementskit-lite' ),
724	'icon' => 'eicon-text-align-center',
725	],
726	'text-right' => [
727	'title' => esc_html__( 'Right', 'elementskit-lite' ),
728	'icon' => 'eicon-text-align-right',
729	],
730	],
731	'default' => 'text-center',
732	'toggle' => true,
733	]
734	);
735
736	$this->add_responsive_control(
737	'ekit_team_content_padding',
738	[
739	'label' =>esc_html__( 'Padding', 'elementskit-lite' ),
740	'type' => Controls_Manager::DIMENSIONS,
741	'size_units' => [ 'px', 'em', '%' ],
742	'selectors' => [
743	'{{WRAPPER}} .profile-card, {{WRAPPER}} .profile-image-card' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
744	],
745	]
746	);
747
748	$this->add_responsive_control(
749	'ekit_team_content_inner_padding',
750	[
751	'label' =>esc_html__( 'Content Padding', 'elementskit-lite' ),
752	'type' => Controls_Manager::DIMENSIONS,
753	'size_units' => [ 'px', 'em', '%' ],
754	'selectors' => [
755	'{{WRAPPER}} .profile-body' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
756	'{{WRAPPER}} .ekit-wid-con .profile-square-v .profile-card .profile-body' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
757	],
758	]
759	);
760
761	$this->add_group_control(
762	Group_Control_Border::get_type(),
763	[
764	'name' => 'ekit_team_content_border_color_group',
765	'label' => esc_html__( 'Border', 'elementskit-lite' ),
766	'selector' => '{{WRAPPER}} .profile-card, {{WRAPPER}} .profile-image-card',
767	]
768	);
769
770	$this->add_responsive_control(
771	'ekit_team_content_border_radius',
772	[
773	'label' =>esc_html__( 'Border Radius', 'elementskit-lite' ),
774	'type' => Controls_Manager::DIMENSIONS,
775	'size_units' => [ 'px', '%' ],
776	'default' => [
777	'top' => '',
778	'right' => '',
779	'bottom' => '' ,
780	'left' => '',
781	],
782	'selectors' => [
783	'{{WRAPPER}} .profile-card, {{WRAPPER}} .profile-image-card' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
784	],
785	]
786	);
787
788
789	$this->add_control(
790	'ekit_team_content_overly_color_heading',
791	[
792	'label' => esc_html__( 'Hover Overy Color', 'elementskit-lite' ),
793	'type' => Controls_Manager::HEADING,
794	'separator' => 'before',
795	'condition' => [
796	'ekit_team_style' => 'overlay_details'
797	]
798	]
799	);
800
801	$this->add_group_control(
802	Group_Control_Background::get_type(),
803	[
804	'name' => 'ekit_team_content_overly_color',
805	'label' => esc_html__( 'Background', 'elementskit-lite' ),
806	'types' => [ 'gradient'],
807	'selector' => '{{WRAPPER}} .image-card-v2 .profile-image-card::before',
808	'condition' => [
809	'ekit_team_style' => 'overlay_details'
810	]
811	]
812	);
813
814	$this->add_control(
815	'ekit_team_remove_gutters',
816	[
817	'label' => esc_html__( 'Remove Gutter?', 'elementskit-lite' ),
818	'type' => Controls_Manager::SWITCHER,
819	'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
820	'label_off' => esc_html__( 'Yes', 'elementskit-lite' ),
821	'return_value' => 'yes',
822	'default' => '',
823	]
824	);
825
826
827
828	$this->end_controls_section();
829	// team content section style end
830
831	// Image Styles section
832	$this->start_controls_section(
833	'ekit_team_image_style', [
834	'label' => esc_html__( 'Image', 'elementskit-lite' ),
835	'tab' => Controls_Manager::TAB_STYLE,
836	]
837	);
838
839	$this->add_responsive_control(
840	'ekit_team_image_weight',
841	[
842	'label' => esc_html__( 'Image Size', 'elementskit-lite' ),
843	'type' => Controls_Manager::SLIDER,
844	'size_units' => [ 'px', '%', 'em' ],
845	'range' => [
846	'px' => [
847	'min' => 10,
848	'max' => 300,
849	],
850	'%' => [
851	'min' => 10,
852	'max' => 100,
853	],
854	],
855	'selectors' => [
856	'{{WRAPPER}} .ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-header' => 'padding-top: {{SIZE}}{{UNIT}};',
857	'{{WRAPPER}} .profile-header > img, {{WRAPPER}} .profile-image-card img, {{WRAPPER}} .profile-image-card, {{WRAPPER}} .profile-header ' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};'
858	],
859	'default' => [
860	'unit' => '%'
861	]
862	]
863	);
864
865	$this->add_responsive_control(
866	'ekit_team_image_border_radius',
867	[
868	'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
869	'type' => Controls_Manager::SLIDER,
870	'size_units' => [ 'px', '%', 'em' ],
871	'range' => [
872	'px' => [
873	'min' => 0,
874	'max' => 100,
875	],
876	'%' => [
877	'min' => 0,
878	'max' => 100,
879	],
880	],
881	'selectors' => [
882	'{{WRAPPER}} .profile-header > img, {{WRAPPER}} .profile-image-card img, {{WRAPPER}} .ekit-team-style-overlay_circle, {{WRAPPER}} .ekit-team-style-overlay_circle_hover' => 'border-radius: {{SIZE}}{{UNIT}};'
883	],
884	'condition' => [
885	'ekit_team_style' => [
886	'overlay', 'overlay_details', 'long_height_hover', 'overlay_circle', 'overlay_circle_hover'
887	]
888	]
889	]
890	);
891
892	$this->add_responsive_control(
893	'ekit_team_image_height',
894	[
895	'label' => esc_html__('Height', 'elementskit-lite'),
896	'type' => Controls_Manager::SLIDER,
897	'size_units' => ['px', 'em'],
898	'range' => [
899	'px' => [
900	'min' => 1,
901	'max' => 500,
902	],
903	],
904	'condition' => [
905	'team_style!' => 'overlay',
906	],
907	'selectors' => [
908	'{{WRAPPER}} .profile-card .profile-header' => 'height: {{SIZE}}{{UNIT}};',
909	],
910	]
911	);
912
913	$this->add_responsive_control(
914	'ekit_team_image_height_margin_bottom',
915	[
916	'label' => esc_html__( 'Margin', 'elementskit-lite' ),
917	'type' => Controls_Manager::DIMENSIONS,
918	'size_units' => [ 'px', '%', 'em' ],
919	'selectors' => [
920	'{{WRAPPER}} .profile-card .profile-header' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
921	],
922	'condition' => [
923	'ekit_team_style' => [
924	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
925	],
926	],
927	]
928	);
929
930
931
932	$this->add_responsive_control(
933	'ekit_team_image_width',
934	[
935	'label' => esc_html__('Width', 'elementskit-lite'),
936	'type' => Controls_Manager::SLIDER,
937	'size_units' => ['px', 'em', '%'],
938	'range' => [
939	'px' => [
940	'min' => 1,
941	'max' => 500,
942	],
943	],
944	'condition' => [
945	'team_style!' => 'overlay',
946	],
947	'selectors' => [
948	'{{WRAPPER}} .profile-card .profile-header' => 'width: {{SIZE}}{{UNIT}};',
949	],
950	]
951	);
952
953	$this->add_group_control(
954	Group_Control_Box_Shadow::get_type(), [
955	'name' => 'ekit_team_image_shadow',
956	'selector' => '{{WRAPPER}} .profile-card .profile-header',
957	'condition' => [
958	'ekit_team_style' => [
959	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
960	]
961	]
962	]
963	);
964
965	$this->add_group_control(
966	Group_Control_Box_Shadow::get_type(), [
967	'name' => 'modal_img_shadow',
968	'label' => esc_html__('Box Shadow (Popup)', 'elementskit-lite'),
969	'selector' => '{{WRAPPER}} .ekit-team-modal-img > img',
970	'condition' => [
971	'ekit_team_chose_popup' => 'yes',
972	'ekit_team_style' => [
973	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
974	]
975	],
976	]
977	);
978
979	$this->add_group_control(
980	Group_Control_Border::get_type(),
981	[
982	'name' => 'ekit_team_image_border',
983	'label' => esc_html__( 'Border', 'elementskit-lite' ),
984	'selector' => '{{WRAPPER}} .profile-card .profile-header',
985	'condition' => [
986	'ekit_team_style' => [
987	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
988	]
989	],
990	]
991	);
992
993	$this->add_responsive_control(
994	'ekit_team_image_radius',
995	[
996	'label' => esc_html__( 'Border radius', 'elementskit-lite' ),
997	'type' => Controls_Manager::DIMENSIONS,
998	'size_units' => [ 'px', '%', 'em' ],
999	'selectors' => [
1000	'{{WRAPPER}} .ekit-team-img.profile-header > img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1001	],
1002	'default' => [
1003	'top' => '50',
1004	'right' => '50',
1005	'left' => '50',
1006	'bottom' => '50',
1007	'unit' => '%',
1008	],
1009	'condition' => [
1010	'ekit_team_style' => [
1011	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
1012	]
1013	]
1014	]
1015	);
1016
1017	$this->add_group_control(
1018	Group_Control_Background::get_type(),
1019	[
1020	'name' => 'ekit_team_image_background',
1021	'label' => esc_html__( 'Background', 'elementskit-lite' ),
1022	'types' => [ 'classic', 'gradient' ],
1023	'selector' => '{{WRAPPER}} .profile-card .profile-header',
1024	'condition' => [
1025	'ekit_team_style' => [
1026	'default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover'
1027	]
1028	],
1029	]
1030	);
1031
1032	$this->add_control(
1033	'ekit_team_default_img_overlay_h',
1034	[
1035	'label' => esc_html__( 'Overlay', 'elementskit-lite' ),
1036	'type' => \Elementor\Controls_Manager::HEADING,
1037	'separator' => 'before',
1038	'condition' => [
1039	'ekit_team_style' => 'default',
1040	],
1041	]
1042	);
1043	$this->add_group_control(
1044	Group_Control_Background::get_type(),
1045	[
1046	'name' => 'ekit_team_default_img_overlay',
1047	'label' => esc_html__( 'Overlay', 'elementskit-lite' ),
1048	'types' => [ 'classic', 'gradient' ],
1049	'selector' => '{{WRAPPER}} .profile-header:before',
1050	'condition' => [
1051	'ekit_team_style' => 'default',
1052	],
1053	]
1054	);
1055
1056	$this->end_controls_section();
1057
1058
1059	// Icon Styles
1060	$this->start_controls_section(
1061	'ekit_team_top_icon_style',
1062	[
1063	'label' => esc_html__( 'Icon', 'elementskit-lite' ),
1064	'tab' => Controls_Manager::TAB_STYLE,
1065	'condition' => [
1066	'ekit_team_style' => 'default',
1067	'ekit_team_toggle_icon' => 'yes',
1068	],
1069	]
1070	);
1071
1072	$this->add_responsive_control(
1073	'ekit_team_top_icon_align',
1074	[
1075	'label' => esc_html__( 'Alignment', 'elementskit-lite' ),
1076	'type' => Controls_Manager::CHOOSE,
1077	'options' => [
1078	'start' => [
1079	'title' => esc_html__( 'Left', 'elementskit-lite' ),
1080	'icon' => 'eicon-text-align-left',
1081	],
1082	'center' => [
1083	'title' => esc_html__( 'Right', 'elementskit-lite' ),
1084	'icon' => 'eicon-text-align-right',
1085	],
1086	'end' => [
1087	'title' => esc_html__( 'Right', 'elementskit-lite' ),
1088	'icon' => 'eicon-text-align-right',
1089	],
1090	],
1091	'toggle' => true,
1092	]
1093	);
1094
1095	$this->add_responsive_control(
1096	'ekit_team_top_icon_margin',
1097	[
1098	'label' => esc_html__( 'Margin', 'elementskit-lite' ),
1099	'type' => \Elementor\Controls_Manager::DIMENSIONS,
1100	'size_units' => [ 'px', '%' ],
1101	'selectors' => [
1102	'{{WRAPPER}} .profile-icon > i, {{WRAPPER}} .profile-icon > svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1103	],
1104	]
1105	);
1106
1107	$this->add_responsive_control(
1108	'ekit_team_top_icon_padding',
1109	[
1110	'label' => esc_html__( 'Padding', 'elementskit-lite' ),
1111	'type' => \Elementor\Controls_Manager::DIMENSIONS,
1112	'size_units' => [ 'px', '%' ],
1113	'selectors' => [
1114	'{{WRAPPER}} .profile-icon > i, {{WRAPPER}} .profile-icon > svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1115	],
1116	]
1117	);
1118
1119	$this->add_responsive_control(
1120	'ekit_team_top_icon_border_radius',
1121	[
1122	'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
1123	'type' => Controls_Manager::DIMENSIONS,
1124	'size_units' => [ 'px', '%' ],
1125	'selectors' => [
1126	'{{WRAPPER}} .profile-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1127	],
1128	'default' => [
1129	'top' => '50',
1130	'left' => '50',
1131	'right' => '50',
1132	'bottom'=> '50',
1133	'unit' => '%'
1134	],
1135	]
1136	);
1137
1138	$this->add_group_control(
1139	Group_Control_Box_Shadow::get_type(),
1140	[
1141	'name' => 'ekit_team_top_icon_shadow',
1142	'selector' => '{{WRAPPER}} .profile-icon > i, {{WRAPPER}} .profile-icon > svg',
1143	]
1144	);
1145
1146	$this->add_responsive_control(
1147	'ekit_team_top_icon_fsize',
1148	[
1149	'label' => esc_html__( 'Font Size', 'elementskit-lite' ),
1150	'type' => Controls_Manager::SLIDER,
1151	'range' => [
1152	'px' => [
1153	'min' => 6,
1154	'max' => 300,
1155	],
1156	],
1157	'default' => [
1158	'size' => 22,
1159	'unit' => 'px',
1160	],
1161	'selectors' => [
1162	'{{WRAPPER}} .profile-icon' => 'font-size: {{SIZE}}{{UNIT}};',
1163	],
1164	]
1165	);
1166
1167	$this->add_control(
1168	'ekit_team_top_icon_hw',
1169	[
1170	'label' => esc_html__( 'Use Height Width', 'elementskit-lite' ),
1171	'description' => esc_html__('For svg icon, We don\'t need this. We will use font size and padding for adjusting size.', 'elementskit-lite'),
1172	'type' => Controls_Manager::SWITCHER,
1173	'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
1174	'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
1175	'return_value' => 'yes',
1176	'default' => 'yes',
1177	]
1178	);
1179
1180	$this->add_responsive_control(
1181	'ekit_team_top_icon_width',
1182	[
1183	'label' => esc_html__( 'Width', 'elementskit-lite' ),
1184	'type' => Controls_Manager::SLIDER,
1185	'size_units' => [ 'px', '%' ],
1186	'range' => [
1187	'px' => [
1188	'min' => 0,
1189	'max' => 200,
1190	],
1191	],
1192	'default' => [
1193	'size' => 60,
1194	'unit' => 'px',
1195	],
1196	'selectors' => [
1197	'{{WRAPPER}} .profile-icon' => 'width: {{SIZE}}{{UNIT}};',
1198	],
1199	'condition' => [
1200	'ekit_team_top_icon_hw' => 'yes'
1201	],
1202	]
1203	);
1204
1205	$this->add_responsive_control(
1206	'ekit_team_top_icon_height',
1207	[
1208	'label' => esc_html__( 'Height', 'elementskit-lite' ),
1209	'type' => Controls_Manager::SLIDER,
1210	'size_units' => [ 'px', '%' ],
1211	'range' => [
1212	'px' => [
1213	'min' => 0,
1214	'max' => 200,
1215	],
1216	],
1217	'default' => [
1218	'size' => 60,
1219	'unit' => 'px',
1220	],
1221	'selectors' => [
1222	'{{WRAPPER}} .profile-icon' => 'height: {{SIZE}}{{UNIT}};',
1223	],
1224	'condition' => [
1225	'ekit_team_top_icon_hw' => 'yes'
1226	],
1227	]
1228	);
1229
1230	$this->start_controls_tabs( 'top_icon_colors' );
1231	$this->start_controls_tab(
1232	'ekit_team_top_icon_colors_normal',
1233	[
1234	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1235	]
1236	);
1237	$this->add_control(
1238	'ekit_team_top_icon_n_color',
1239	[
1240	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1241	'type' => Controls_Manager::COLOR,
1242	'default' => '#fff',
1243	'selectors' => [
1244	'{{WRAPPER}} .profile-icon > i' => 'color: {{VALUE}};',
1245	'{{WRAPPER}} .profile-icon > svg' => 'fill: {{VALUE}};',
1246	],
1247	]
1248	);
1249	$this->add_control(
1250	'ekit_team_top_icon_n_bgcolor',
1251	[
1252	'label' => esc_html__( 'Background Color', 'elementskit-lite' ),
1253	'type' => Controls_Manager::COLOR,
1254	'default' => '#fc0467',
1255	'selectors' => [
1256	'{{WRAPPER}} .profile-icon' => 'background-color: {{VALUE}};',
1257	],
1258	]
1259	);
1260	$this->add_group_control(
1261	Group_Control_Border::get_type(),
1262	[
1263	'name' => 'ekit_team_top_icon_n_border',
1264	'label' => esc_html__( 'Border', 'elementskit-lite' ),
1265	'selector' => '{{WRAPPER}} .profile-icon',
1266	]
1267	);
1268	$this->end_controls_tab();
1269
1270	$this->start_controls_tab(
1271	'ekit_team_top_icon_colors_hover',
1272	[
1273	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1274	]
1275	);
1276	$this->add_control(
1277	'ekit_team_top_icon_h_color',
1278	[
1279	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1280	'type' => Controls_Manager::COLOR,
1281	'default' => '',
1282	'selectors' => [
1283	'{{WRAPPER}} .profile-icon > i:hover' => 'color: {{VALUE}};',
1284	'{{WRAPPER}} .profile-icon > svg:hover' => 'fill: {{VALUE}};',
1285	],
1286	]
1287	);
1288	$this->add_control(
1289	'ekit_team_top_icon_h_bgcolor',
1290	[
1291	'label' => esc_html__( 'Background Color', 'elementskit-lite' ),
1292	'type' => Controls_Manager::COLOR,
1293	'default' => '',
1294	'selectors' => [
1295	'{{WRAPPER}} .profile-icon > i:hover, {{WRAPPER}} .profile-icon > svg:hover' => 'background-color: {{VALUE}};',
1296	],
1297	]
1298	);
1299	$this->add_group_control(
1300	Group_Control_Border::get_type(),
1301	[
1302	'name' => 'ekit_team_top_icon_h_border',
1303	'label' => esc_html__( 'Border', 'elementskit-lite' ),
1304	'selector' => '{{WRAPPER}} .profile-icon > i:hover, {{WRAPPER}} .profile-icon > svg:hover',
1305	]
1306	);
1307	$this->end_controls_tab();
1308	$this->end_controls_tabs();
1309
1310	$this->end_controls_section();
1311
1312
1313	// Name Styles
1314	$this->start_controls_section(
1315	'ekit_team_name_style', [
1316	'label' => esc_html__( 'Name', 'elementskit-lite' ),
1317	'tab' => Controls_Manager::TAB_STYLE,
1318	]
1319	);
1320
1321	$this->add_group_control(
1322	Group_Control_Typography::get_type(), [
1323	'name' => 'ekit_team_name_typography',
1324	'selector' => '{{WRAPPER}} .profile-body .profile-title',
1325	]
1326	);
1327
1328	$this->start_controls_tabs(
1329	'ekit_team_name_tabs'
1330	);
1331
1332	$this->start_controls_tab(
1333	'ekit_team_name_normal',
1334	[
1335	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1336	]
1337	);
1338
1339	$this->add_control(
1340	'ekit_team_name_color',
1341	[
1342	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1343	'type' => Controls_Manager::COLOR,
1344	'selectors' => [
1345	'{{WRAPPER}} .profile-body .profile-title' => 'color: {{VALUE}};'
1346	],
1347	]
1348	);
1349	$this->end_controls_tab();
1350
1351	$this->start_controls_tab(
1352	'ekit_team_name_hover',
1353	[
1354	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1355	]
1356	);
1357
1358	$this->add_control(
1359	'ekit_team_name_hover_color',
1360	[
1361	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1362	'type' => Controls_Manager::COLOR,
1363	'selectors' => [
1364	'{{WRAPPER}} .profile-body:hover .profile-title' => 'color: {{VALUE}};',
1365	'{{WRAPPER}} .profile-card:hover .profile-title' => 'color: {{VALUE}} !important',
1366	],
1367	]
1368	);
1369
1370	$this->end_controls_tab();
1371
1372	$this->end_controls_tabs();
1373
1374	$this->add_responsive_control(
1375	'ekit_team_name_margin',
1376	[
1377	'label' => esc_html__('Margin Bottom', 'elementskit-lite'),
1378	'type' => Controls_Manager::SLIDER,
1379	'size_units' => ['px', 'em'],
1380	'separator' => 'before',
1381	'selectors' => [
1382	'{{WRAPPER}} .profile-body .profile-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1383	],
1384	]
1385	);
1386
1387	$this->end_controls_section();
1388
1389
1390	// Position Styles
1391	$this->start_controls_section(
1392	'ekit_team_position_style', [
1393	'label' => esc_html__( 'Position', 'elementskit-lite' ),
1394	'tab' => Controls_Manager::TAB_STYLE,
1395	]
1396	);
1397
1398	$this->add_group_control(
1399	Group_Control_Typography::get_type(), [
1400	'name' => 'ekit_team_position_typography',
1401	'selector' => '{{WRAPPER}} .profile-body .profile-designation',
1402	]
1403	);
1404
1405	$this->start_controls_tabs(
1406	'ekit_team_position_tabs'
1407	);
1408
1409	$this->start_controls_tab(
1410	'ekit_team_position_normal',
1411	[
1412	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1413	]
1414	);
1415
1416	$this->add_control(
1417	'ekit_team_position_color',
1418	[
1419	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1420	'type' => Controls_Manager::COLOR,
1421	'selectors' => [
1422	'{{WRAPPER}} .profile-body .profile-designation' => 'color: {{VALUE}};'
1423	],
1424	]
1425	);
1426
1427	$this->end_controls_tab();
1428
1429	$this->start_controls_tab(
1430	'ekit_team_position_hover',
1431	[
1432	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1433	]
1434	);
1435
1436	$this->add_control(
1437	'ekit_team_position_hover_color',
1438	[
1439	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1440	'type' => Controls_Manager::COLOR,
1441	'selectors' => [
1442	'{{WRAPPER}} .profile-card:hover .profile-body .profile-designation,
1443	{{WRAPPER}} .profile-body .profile-designation:hover' => 'color: {{VALUE}};'
1444	],
1445	]
1446	);
1447
1448	$this->add_group_control(
1449	Group_Control_Text_Shadow::get_type(), [
1450	'name' => 'ekit_team_position_hover_shadow',
1451	'selector' => '{{WRAPPER}} .profile-card:hover .profile-body .profile-designation,
1452	{{WRAPPER}} .profile-body .profile-designation:hover',
1453	]
1454	);
1455
1456	$this->end_controls_tab();
1457
1458	$this->end_controls_tabs();
1459
1460	$this->add_responsive_control(
1461	'ekit_team_position_margin_bottom',
1462	[
1463	'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1464	'type' => Controls_Manager::SLIDER,
1465	'size_units' => [ 'px', '%' ],
1466	'range' => [
1467	'px' => [
1468	'min' => 0,
1469	'max' => 150,
1470	'step' => 1,
1471	],
1472	'%' => [
1473	'min' => 0,
1474	'max' => 100,
1475	],
1476	],
1477
1478	'selectors' => [
1479	'{{WRAPPER}} .profile-body .profile-designation' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1480	],
1481	'separator' => 'before',
1482	]
1483	);
1484
1485	$this->end_controls_section();
1486
1487	// Position Styles
1488	$this->start_controls_section(
1489	'ekit_team_text_content_style_tab', [
1490	'label' => esc_html__( 'Description', 'elementskit-lite' ),
1491	'tab' => Controls_Manager::TAB_STYLE,
1492	]
1493	);
1494
1495	$this->add_group_control(
1496	Group_Control_Typography::get_type(), [
1497	'name' => 'ekit_team_text_content_typography',
1498	'selector' => '{{WRAPPER}} .profile-body .profile-content',
1499	]
1500	);
1501
1502	$this->start_controls_tabs(
1503	'ekit_team_text_content_tabs'
1504	);
1505
1506	$this->start_controls_tab(
1507	'ekit_team_text_content_normal',
1508	[
1509	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1510	]
1511	);
1512
1513	$this->add_control(
1514	'ekit_team_text_content_color',
1515	[
1516	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1517	'type' => Controls_Manager::COLOR,
1518	'selectors' => [
1519	'{{WRAPPER}} .profile-body .profile-content' => 'color: {{VALUE}};'
1520	],
1521	]
1522	);
1523
1524	$this->end_controls_tab();
1525
1526	$this->start_controls_tab(
1527	'ekit_team_text_content_hover',
1528	[
1529	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1530	]
1531	);
1532
1533	$this->add_control(
1534	'ekit_team_text_content_hover_color',
1535	[
1536	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1537	'type' => Controls_Manager::COLOR,
1538	'selectors' => [
1539	'{{WRAPPER}} .profile-card:hover .profile-body .profile-content' => 'color: {{VALUE}};',
1540	'{{WRAPPER}} .profile-image-card:hover .profile-body .profile-content' => 'color: {{VALUE}};',
1541	],
1542	]
1543	);
1544
1545	$this->end_controls_tab();
1546
1547	$this->end_controls_tabs();
1548
1549	$this->add_responsive_control(
1550	'ekit_team_text_content_margin_bottom',
1551	[
1552	'label' => esc_html__( 'Margin', 'elementskit-lite' ),
1553	'type' => Controls_Manager::DIMENSIONS,
1554	'size_units' => [ 'px', '%', 'em' ],
1555	'selectors' => [
1556	'{{WRAPPER}} .profile-body .profile-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1557	],
1558	'separator' => 'before',
1559	]
1560	);
1561
1562
1563	$this->end_controls_section();
1564
1565
1566	// Social Styles
1567	$this->start_controls_section(
1568	'ekit_team_social_style', [
1569	'label' => esc_html__( 'Social Profiles', 'elementskit-lite' ),
1570	'tab' => Controls_Manager::TAB_STYLE,
1571	'condition' => [
1572	'ekit_team_socail_enable' => 'yes'
1573	]
1574	]
1575	);
1576
1577	// Alignment
1578	$this->add_responsive_control(
1579	'ekit_socialmedai_list_item_align',
1580	[
1581	'label' => esc_html__( 'Alignment', 'elementskit-lite' ),
1582	'type' => Controls_Manager::CHOOSE,
1583	'options' => [
1584	'left' => [
1585	'title' => esc_html__( 'Left', 'elementskit-lite' ),
1586	'icon' => 'eicon-text-align-left',
1587	],
1588	'center' => [
1589	'title' => esc_html__( 'Center', 'elementskit-lite' ),
1590	'icon' => 'eicon-text-align-center',
1591	],
1592	'right' => [
1593	'title' => esc_html__( 'Right', 'elementskit-lite' ),
1594	'icon' => 'eicon-text-align-right',
1595	],
1596	],
1597	'default' => 'center',
1598	'toggle' => true,
1599	'selectors' => [
1600	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'text-align: {{VALUE}};',
1601	$popup_selector . ' .ekit-team-social-list > li > a' => 'text-align: {{VALUE}};',
1602	],
1603	]
1604	);
1605
1606	// Display design
1607	$this->add_responsive_control(
1608	'ekit_socialmedai_list_display',
1609	[
1610	'label' => esc_html__( 'Display', 'elementskit-lite' ),
1611	'type' => Controls_Manager::SELECT,
1612	'default' => 'inline-block',
1613	'options' => [
1614	'inline-block' => esc_html__( 'Inline Block', 'elementskit-lite' ),
1615	'block' => esc_html__( 'Block', 'elementskit-lite' ),
1616	],
1617	'selectors' => [
1618	'{{WRAPPER}} .ekit-team-social-list > li' => 'display: {{VALUE}};',
1619	$popup_selector . ' .ekit-team-social-list > li' => 'display: {{VALUE}};',
1620	],
1621	]
1622	);
1623
1624	// border radius
1625	$this->add_responsive_control(
1626	'ekit_socialmedai_list_border_radius',
1627	[
1628	'label' => esc_html__( 'Border radius', 'elementskit-lite' ),
1629	'type' => Controls_Manager::DIMENSIONS,
1630	'size_units' => [ 'px', '%', 'em' ],
1631	'default' => [
1632	'top' => '50',
1633	'right' => '50',
1634	'bottom' => '50' ,
1635	'left' => '50',
1636	'unit' => '%',
1637	],
1638	'selectors' => [
1639	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1640	$popup_selector . ' .ekit-team-social-list > li > a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1641	],
1642	]
1643	);
1644
1645	// Padding style
1646
1647	$this->add_responsive_control(
1648	'ekit_socialmedai_list_container_padding',
1649	[
1650	'label' => esc_html__('Container Padding', 'elementskit-lite'),
1651	'type' => Controls_Manager::DIMENSIONS,
1652	'size_units' => ['px', 'em'],
1653	'selectors' => [
1654	'{{WRAPPER}} .ekit-team-social-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1655	$popup_selector . ' .ekit-team-social-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1656	],
1657	]
1658	);
1659
1660	$this->add_responsive_control(
1661	'ekit_socialmedai_list_padding',
1662	[
1663	'label' => esc_html__('Padding', 'elementskit-lite'),
1664	'type' => Controls_Manager::DIMENSIONS,
1665	'size_units' => ['px', 'em'],
1666	'selectors' => [
1667	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1668	$popup_selector . ' .ekit-team-social-list > li > a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1669	],
1670	]
1671	);
1672
1673	// margin style
1674
1675	$this->add_responsive_control(
1676	'ekit_socialmedai_list_margin',
1677	[
1678	'label' => esc_html__('Margin', 'elementskit-lite'),
1679	'type' => Controls_Manager::DIMENSIONS,
1680	'size_units' => ['px', 'em'],
1681	'selectors' => [
1682	'{{WRAPPER}} .ekit-team-social-list > li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1683	$popup_selector .' .ekit-team-social-list > li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1684	],
1685	]
1686	);
1687
1688	$this->add_responsive_control(
1689	'ekit_socialmedai_list_icon_size',
1690	[
1691	'label' => esc_html__( 'Icon Size', 'elementskit-lite' ),
1692	'type' => Controls_Manager::SLIDER,
1693	'size_units' => [ 'px', '%' ],
1694	'range' => [
1695	'px' => [
1696	'min' => 1,
1697	'max' => 100,
1698	'step' => 5,
1699	],
1700	'%' => [
1701	'min' => 1,
1702	'max' => 100,
1703	],
1704	],
1705	'selectors' => [
1706	'{{WRAPPER}} .ekit-team-social-list > li > a :is(i, svg)' => 'font-size: {{SIZE}}{{UNIT}};',
1707	$popup_selector .' .ekit-team-social-list > li > a :is(i, svg)' => 'font-size: {{SIZE}}{{UNIT}};',
1708	$popup_selector .' .ekit-team-social-list > li > a svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
1709	],
1710	]
1711	);
1712
1713	$this->add_group_control(
1714	Group_Control_Typography::get_type(),
1715	[
1716	'name' => 'ekit_socialmedai_list_typography',
1717	'label' => esc_html__( 'Typography', 'elementskit-lite' ),
1718	'selector' => '{{WRAPPER}} .ekit-team-social-list > li > a,'. $popup_selector . ' .ekit-team-social-list > li > a',
1719	]
1720	);
1721
1722	$this->add_control(
1723	'ekit_socialmedai_list_style_use_height_and_width',
1724	[
1725	'label' => esc_html__( 'Use Height Width', 'elementskit-lite' ),
1726	'type' => Controls_Manager::SWITCHER,
1727	'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
1728	'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
1729	'return_value' => 'yes',
1730	'default' => 'no',
1731	]
1732	);
1733
1734	$this->add_responsive_control(
1735	'ekit_socialmedai_list_width',
1736	[
1737	'label' => esc_html__( 'Width', 'elementskit-lite' ),
1738	'type' => Controls_Manager::SLIDER,
1739	'size_units' => [ 'px', '%' ],
1740	'range' => [
1741	'px' => [
1742	'min' => 0,
1743	'max' => 200,
1744	'step' => 1,
1745	],
1746	'%' => [
1747	'min' => 0,
1748	'max' => 100,
1749	],
1750	],
1751	'default' => [
1752	'unit' => 'px',
1753	'size' => 30,
1754	],
1755	'selectors' => [
1756	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'width: {{SIZE}}{{UNIT}};',
1757	$popup_selector .' .ekit-team-social-list > li > a' => 'width: {{SIZE}}{{UNIT}};',
1758	],
1759	'condition' => [
1760	'ekit_socialmedai_list_style_use_height_and_width' => 'yes'
1761	]
1762	]
1763	);
1764
1765	$this->add_responsive_control(
1766	'ekit_socialmedai_list_height',
1767	[
1768	'label' => esc_html__( 'Height', 'elementskit-lite' ),
1769	'type' => Controls_Manager::SLIDER,
1770	'size_units' => [ 'px', '%' ],
1771	'range' => [
1772	'px' => [
1773	'min' => 0,
1774	'max' => 200,
1775	'step' => 1,
1776	],
1777	'%' => [
1778	'min' => 0,
1779	'max' => 100,
1780	],
1781	],
1782	'default' => [
1783	'unit' => 'px',
1784	'size' => 30,
1785	],
1786	'selectors' => [
1787	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'height: {{SIZE}}{{UNIT}};',
1788	$popup_selector .' .ekit-team-social-list > li > a' => 'height: {{SIZE}}{{UNIT}};',
1789	],
1790	'condition' => [
1791	'ekit_socialmedai_list_style_use_height_and_width' => 'yes'
1792	]
1793	]
1794	);
1795
1796	$this->add_responsive_control(
1797	'ekit_socialmedai_list_line_height',
1798	[
1799	'label' => esc_html__( 'Line Height', 'elementskit-lite' ),
1800	'type' => Controls_Manager::SLIDER,
1801	'size_units' => [ 'px', '%' ],
1802	'range' => [
1803	'px' => [
1804	'min' => 0,
1805	'max' => 200,
1806	'step' => 1,
1807	],
1808	'%' => [
1809	'min' => 0,
1810	'max' => 100,
1811	],
1812	],
1813	'default' => [
1814	'unit' => 'px',
1815	'size' => 30,
1816	],
1817	'selectors' => [
1818	'{{WRAPPER}} .ekit-team-social-list > li > a' => 'line-height: {{SIZE}}{{UNIT}};',
1819	$popup_selector .' .ekit-team-social-list > li > a' => 'line-height: {{SIZE}}{{UNIT}};',
1820	],
1821	'condition' => [
1822	'ekit_socialmedai_list_style_use_height_and_width' => 'yes'
1823	]
1824	]
1825	);
1826
1827	$this->end_controls_section();
1828
1829
1830	// Overlay Styles
1831	$this->start_controls_section(
1832	'ekit_team_overlay_style', [
1833	'label' => esc_html__( 'Overlay', 'elementskit-lite' ),
1834	'tab' => Controls_Manager::TAB_STYLE,
1835	'condition' => [
1836	'team_style' => 'overlay',
1837	],
1838	]
1839	);
1840
1841	$this->add_group_control(
1842	Group_Control_Background::get_type(),
1843	[
1844	'name' => 'ekit_team_background_overlay',
1845	'label' => esc_html__( 'Background', 'elementskit-lite' ),
1846	'types' => [ 'gradient' ],
1847	'selector' => '{{WRAPPER}} .profile-image-card:before',
1848	]
1849	);
1850
1851	$this->end_controls_section();
1852
1853
1854	// Modal Styles start here
1855	$this->start_controls_section(
1856	'ekit_team_modal_style', [
1857	'label' => esc_html__( 'Modal Controls', 'elementskit-lite' ),
1858	'tab' => Controls_Manager::TAB_STYLE,
1859	'condition' => [
1860	'ekit_team_chose_popup' => 'yes'
1861	]
1862	]
1863	);
1864
1865
1866	$this->add_control(
1867	'ekit_team_modal_heading',
1868	[
1869	'label' => esc_html__( 'Modal', 'elementskit-lite' ),
1870	'type' => Controls_Manager::HEADING,
1871	'separator' => 'before',
1872	]
1873	);
1874
1875	$this->add_group_control(
1876	Group_Control_Background::get_type(),
1877	[
1878	'name' => 'ekit_team_modal_background',
1879	'label' => esc_html__( 'Background', 'elementskit-lite' ),
1880	'types' => [ 'classic', 'gradient' ],
1881	'selector' => '{{WRAPPER}} .elementskit-team-popup .modal-content, ' . $popup_selector . '.elementskit-team-popup .modal-content',
1882	]
1883	);
1884
1885	$this->add_control(
1886	'ekit_team_modal_name_heading',
1887	[
1888	'label' => esc_html__( 'Name', 'elementskit-lite' ),
1889	'type' => Controls_Manager::HEADING,
1890	'separator' => 'before',
1891	]
1892	);
1893
1894	$this->add_control(
1895	'ekit_team_modal_name_color',
1896	[
1897	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1898	'type' => Controls_Manager::COLOR,
1899	'selectors' => [
1900	'{{WRAPPER}} .ekit-team-modal-title' => 'color: {{VALUE}};',
1901	$popup_selector . ' .ekit-team-modal-title' => 'color: {{VALUE}};',
1902	],
1903	]
1904	);
1905
1906	$this->add_group_control(
1907	Group_Control_Typography::get_type(), [
1908	'name' => 'ekit_team_modal_name_typography',
1909	'selector' => '{{WRAPPER}} .ekit-team-modal-title,' . $popup_selector . ' .ekit-team-modal-title',
1910	]
1911	);
1912
1913	$this->add_responsive_control(
1914	'ekit_team_modal_name_margin_bottom',
1915	[
1916	'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1917	'type' => Controls_Manager::SLIDER,
1918	'size_units' => [ 'px', '%' ],
1919	'range' => [
1920	'px' => [
1921	'min' => 0,
1922	'max' => 150,
1923	'step' => 1,
1924	],
1925	'%' => [
1926	'min' => 0,
1927	'max' => 100,
1928	],
1929	],
1930	'selectors' => [
1931	'{{WRAPPER}} .ekit-team-modal-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1932	$popup_selector . ' .ekit-team-modal-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1933	],
1934	]
1935	);
1936
1937	$this->add_control(
1938	'ekit_team_modal_position_heading',
1939	[
1940	'label' => esc_html__( 'Position', 'elementskit-lite' ),
1941	'type' => Controls_Manager::HEADING,
1942	'separator' => 'before',
1943	]
1944	);
1945
1946	$this->add_control(
1947	'ekit_team_modal_position_color',
1948	[
1949	'label' => esc_html__( 'Color', 'elementskit-lite' ),
1950	'type' => Controls_Manager::COLOR,
1951	'selectors' => [
1952	'{{WRAPPER}} .ekit-team-modal-position' => 'color: {{VALUE}};',
1953	$popup_selector . ' .ekit-team-modal-position' => 'color: {{VALUE}};'
1954	],
1955	]
1956	);
1957
1958	$this->add_group_control(
1959	Group_Control_Typography::get_type(), [
1960	'name' => 'ekit_team_modal_position_typography',
1961	'selector' => '{{WRAPPER}} .ekit-team-modal-position,' . $popup_selector . ' .ekit-team-modal-position',
1962	]
1963	);
1964
1965	$this->add_responsive_control(
1966	'ekit_team_modal_position_margin_bottom',
1967	[
1968	'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1969	'type' => Controls_Manager::SLIDER,
1970	'size_units' => [ 'px', '%' ],
1971	'range' => [
1972	'px' => [
1973	'min' => 0,
1974	'max' => 150,
1975	'step' => 1,
1976	],
1977	'%' => [
1978	'min' => 0,
1979	'max' => 100,
1980	],
1981	],
1982	'selectors' => [
1983	'{{WRAPPER}} .ekit-team-modal-position' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1984	$popup_selector . ' .ekit-team-modal-position' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1985	],
1986	]
1987	);
1988
1989	// Modal Description
1990	$this->add_control(
1991	'modal_desc',
1992	[
1993	'label' => esc_html__('Description', 'elementskit-lite'),
1994	'type' => Controls_Manager::HEADING,
1995	'separator' => 'before',
1996	]
1997	);
1998
1999	// Modal Description - Color
2000	$this->add_control(
2001	'modal_desc_color',
2002	[
2003	'label' => esc_html__('Color', 'elementskit-lite'),
2004	'type' => Controls_Manager::COLOR,
2005	'selectors' => [
2006	'{{WRAPPER}} .ekit-team-modal-content' => 'color: {{VALUE}};',
2007	$popup_selector . ' .ekit-team-modal-content' => 'color: {{VALUE}};',
2008	]
2009	]
2010	);
2011
2012	// Modal Description - Typography
2013	$this->add_group_control(
2014	Group_Control_Typography::get_type(), [
2015	'name' => 'modal_desc_font',
2016	'selector' => '{{WRAPPER}} .ekit-team-modal-content,'. $popup_selector . ' .ekit-team-modal-content',
2017	]
2018	);
2019
2020	// Modal Description - Margin Bottom
2021	$this->add_responsive_control(
2022	'modal_desc_margin_bottom',
2023	[
2024	'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
2025	'type' => Controls_Manager::SLIDER,
2026	'size_units' => [ 'px', '%' ],
2027	'range' => [
2028	'px' => [
2029	'min' => 0,
2030	'max' => 150,
2031	'step' => 1,
2032	],
2033	'%' => [
2034	'min' => 0,
2035	'max' => 100,
2036	],
2037	],
2038	'selectors' => [
2039	'{{WRAPPER}} .ekit-team-modal-content' => 'margin-bottom: {{SIZE}}{{UNIT}};',
2040	$popup_selector .' .ekit-team-modal-content' => 'margin-bottom: {{SIZE}}{{UNIT}};',
2041	],
2042	]
2043	);
2044
2045	$this->add_control(
2046	'more_options',
2047	[
2048	'label' => esc_html__( 'Phone and Email', 'elementskit-lite' ),
2049	'type' => Controls_Manager::HEADING,
2050	'separator' => 'before',
2051	]
2052	);
2053
2054
2055	$this->add_group_control(
2056	Group_Control_Typography::get_type(), [
2057	'name' => 'ekit_team_info_typography',
2058	'selector' => '{{WRAPPER}} .ekit-team-modal-list,'. $popup_selector . ' .ekit-team-modal-list',
2059	]
2060	);
2061
2062	$this->add_control(
2063	'ekit_team_info_color',
2064	[
2065	'label' => esc_html__( 'Color', 'elementskit-lite' ),
2066	'type' => Controls_Manager::COLOR,
2067	'selectors' => [
2068	'{{WRAPPER}} .ekit-team-modal-list' => 'color: {{VALUE}};',
2069	$popup_selector . ' .ekit-team-modal-list' => 'color: {{VALUE}};'
2070	],
2071	]
2072	);
2073
2074	$this->add_control(
2075	'ekit_team_info_hover_color',
2076	[
2077	'label' => esc_html__( 'Color Hover', 'elementskit-lite' ),
2078	'type' => Controls_Manager::COLOR,
2079	'selectors' => [
2080	'{{WRAPPER}} .ekit-team-modal-list a:hover' => 'color: {{VALUE}};',
2081	$popup_selector . ' .ekit-team-modal-list a:hover' => 'color: {{VALUE}};'
2082	],
2083	]
2084	);
2085
2086	$this->end_controls_section();
2087
2088	$this->start_controls_section(
2089	'ekit_team_close_icon',
2090	[
2091	'label' => esc_html__( 'Close Icon', 'elementskit-lite' ),
2092	'tab' => Controls_Manager::TAB_STYLE,
2093	'condition' => [
2094	'ekit_team_chose_popup' => 'yes'
2095	]
2096	]
2097	);
2098
2099	$this->start_controls_tabs( 'ekit_icon_box_icon_colors' );
2100
2101	$this->start_controls_tab(
2102	'ekit_team_icon_colors_normal',
2103	[
2104	'label' => esc_html__( 'Normal', 'elementskit-lite' ),
2105	]
2106	);
2107
2108	$this->add_control(
2109	'ekit_team_icon_primary_color',
2110	[
2111	'label' => esc_html__( 'Icon Color', 'elementskit-lite' ),
2112	'type' => Controls_Manager::COLOR,
2113	'default' => '#656565',
2114	'selectors' => [
2115	'{{WRAPPER}} .ekit-team-modal-close' => 'color: {{VALUE}};',
2116	'{{WRAPPER}} .ekit-team-modal-close svg' => 'fill: {{VALUE}};',
2117	$popup_selector . ' .ekit-team-modal-close' => 'color: {{VALUE}};',
2118	$popup_selector . ' .ekit-team-modal-close svg' => 'fill: {{VALUE}};',
2119	],
2120	]
2121	);
2122
2123	$this->add_control(
2124	'ekit_team_icon_secondary_color_normal',
2125	[
2126	'label' => esc_html__( 'Icon BG Color', 'elementskit-lite' ),
2127	'type' => Controls_Manager::COLOR,
2128	'default' => '',
2129	'selectors' => [
2130	'{{WRAPPER}} .ekit-team-modal-close' => 'background-color: {{VALUE}};',
2131	$popup_selector . ' .ekit-team-modal-close' => 'background-color: {{VALUE}};',
2132	],
2133	]
2134	);
2135
2136	$this->add_group_control(
2137	Group_Control_Border::get_type(),
2138	[
2139	'name' => 'ekit_team_border',
2140	'label' => esc_html__( 'Border', 'elementskit-lite' ),
2141	'selector' => '{{WRAPPER}} .ekit-team-modal-close,' . $popup_selector .' .ekit-team-modal-close',
2142	]
2143	);
2144
2145
2146
2147	$this->add_responsive_control(
2148	'ekit_team_icon_border_radius',
2149	[
2150	'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
2151	'type' => Controls_Manager::DIMENSIONS,
2152	'size_units' => [ 'px', '%' ],
2153	'selectors' => [
2154	'{{WRAPPER}} .ekit-team-modal-close' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2155	$popup_selector . ' .ekit-team-modal-close' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2156	],
2157	]
2158	);
2159	$this->add_group_control(
2160	Group_Control_Box_Shadow::get_type(),
2161	[
2162	'name' => 'ekit_icon_icon_box_shadow_normal_group',
2163	'selector' => '{{WRAPPER}} .ekit-team-modal-close,' . $popup_selector . ' .ekit-team-modal-close',
2164	]
2165	);
2166	$this->end_controls_tab();
2167
2168	$this->start_controls_tab(
2169	'ekit_team_icon_colors_hover',
2170	[
2171	'label' => esc_html__( 'Hover', 'elementskit-lite' ),
2172	]
2173	);
2174
2175	$this->add_control(
2176	'ekit_team_hover_primary_color',
2177	[
2178	'label' => esc_html__( 'Icon Color (Hover)', 'elementskit-lite' ),
2179	'type' => Controls_Manager::COLOR,
2180	'default' => '',
2181	'selectors' => [
2182	'{{WRAPPER}} .ekit-team-modal-close:hover' => 'color: {{VALUE}};',
2183	'{{WRAPPER}} .ekit-team-modal-close:hover svg' => 'fill: {{VALUE}};',
2184	$popup_selector . ' .ekit-team-modal-close:hover' => 'color: {{VALUE}};',
2185	$popup_selector . ' .ekit-team-modal-close:hover svg' => 'fill: {{VALUE}};',
2186	],
2187	]
2188	);
2189
2190	$this->add_control(
2191	'ekit_team_hover_background_color',
2192	[
2193	'label' => esc_html__( 'Icon BG Color (Hover)', 'elementskit-lite' ),
2194	'type' => Controls_Manager::COLOR,
2195	'default' => '',
2196	'selectors' => [
2197	'{{WRAPPER}} .ekit-team-modal-close:hover' => 'background-color: {{VALUE}};',
2198	$popup_selector . ' .ekit-team-modal-close:hover' => 'background-color: {{VALUE}};',
2199	],
2200	]
2201	);
2202
2203	$this->add_group_control(
2204	Group_Control_Border::get_type(),
2205	[
2206	'name' => 'ekit_team_border_icon_group',
2207	'label' => esc_html__( 'Border', 'elementskit-lite' ),
2208	'selector' => '{{WRAPPER}} .ekit-team-modal-close:hover,' . $popup_selector . ' .ekit-team-modal-close:hover',
2209	]
2210	);
2211
2212	$this->add_responsive_control(
2213	'ekit_icon_box_icons_hover_border_radius',
2214	[
2215	'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
2216	'type' => Controls_Manager::DIMENSIONS,
2217	'size_units' => [ 'px', '%' ],
2218	'selectors' => [
2219	'{{WRAPPER}} .ekit-team-modal-close:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2220	$popup_selector . ' .ekit-team-modal-close:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2221	],
2222	]
2223	);
2224	$this->add_group_control(
2225	Group_Control_Box_Shadow::get_type(),
2226	[
2227	'name' => 'ekit_team_shadow_group',
2228	'selector' => '{{WRAPPER}} .ekit-team-modal-close:hover,' . $popup_selector . ' .ekit-team-modal-close:hover',
2229	]
2230	);
2231	$this->end_controls_tab();
2232
2233	$this->end_controls_tabs();
2234	$this->add_responsive_control(
2235	'ekit_team_close_icon_size',
2236	[
2237	'label' => esc_html__( 'Font Size', 'elementskit-lite' ),
2238	'type' => Controls_Manager::SLIDER,
2239	'range' => [
2240	'px' => [
2241	'min' => 6,
2242	'max' => 300,
2243	],
2244	],
2245	'selectors' => [
2246	'{{WRAPPER}} .ekit-team-modal-close' => 'font-size: {{SIZE}}{{UNIT}};',
2247	'{{WRAPPER}} .ekit-team-modal-close svg' => 'max-width: {{SIZE}}{{UNIT}};',
2248	$popup_selector .' .ekit-team-modal-close' => 'font-size: {{SIZE}}{{UNIT}};',
2249	$popup_selector .' .ekit-team-modal-close svg' => 'max-width: {{SIZE}}{{UNIT}};',
2250	],
2251	'separator' => 'before',
2252	]
2253	);
2254
2255	$this->add_responsive_control(
2256	'ekit_team_close_icon_padding',
2257	[
2258	'label' => esc_html__( 'Padding', 'elementskit-lite' ),
2259	'type' => Controls_Manager::DIMENSIONS,
2260	'size_units' => [ 'px', '%', 'em' ],
2261	'selectors' => [
2262	'{{WRAPPER}} .ekit-team-modal-close' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2263	$popup_selector . ' .ekit-team-modal-close' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2264	],
2265	]
2266	);
2267
2268	$this->add_responsive_control(
2269	'ekit_team_close_icon_enable_height_width',
2270	[
2271	'label' => esc_html__( 'Use Height Width', 'elementskit-lite' ),
2272	'type' => Controls_Manager::SWITCHER,
2273	'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
2274	'label_off' => esc_html__( 'No', 'elementskit-lite' ),
2275	'return_value' => 'yes',
2276	'default' => '',
2277	]
2278	);
2279
2280	$this->add_responsive_control(
2281	'ekit_team_close_icon_width',
2282	[
2283	'label' => esc_html__( 'Width', 'elementskit-lite' ),
2284	'type' => Controls_Manager::SLIDER,
2285	'range' => [
2286	'px' => [
2287	'min' => 10,
2288	'max' => 200,
2289	],
2290	],
2291	'selectors' => [
2292	'{{WRAPPER}} .ekit-team-modal-close' => 'width: {{SIZE}}{{UNIT}};',
2293	$popup_selector . ' .ekit-team-modal-close' => 'width: {{SIZE}}{{UNIT}};',
2294	],
2295	'condition' => [
2296	'ekit_team_close_icon_enable_height_width' => 'yes',
2297	],
2298	]
2299	);
2300
2301	$this->add_responsive_control(
2302	'ekit_team_close_icon_height',
2303	[
2304	'label' => esc_html__( 'Height', 'elementskit-lite' ),
2305	'type' => Controls_Manager::SLIDER,
2306	'range' => [
2307	'px' => [
2308	'min' => 10,
2309	'max' => 200,
2310	],
2311	],
2312	'selectors' => [
2313	'{{WRAPPER}} .ekit-team-modal-close' => 'height: {{SIZE}}{{UNIT}};',
2314	$popup_selector . ' .ekit-team-modal-close' => 'height: {{SIZE}}{{UNIT}};',
2315	],
2316	'condition' => [
2317	'ekit_team_close_icon_enable_height_width' => 'yes',
2318	],
2319	]
2320	);
2321
2322	$this->add_responsive_control(
2323	'ekit_team_close_icon_line_height',
2324	[
2325	'label' => esc_html__( 'Line Height', 'elementskit-lite' ),
2326	'type' => Controls_Manager::SLIDER,
2327	'range' => [
2328	'px' => [
2329	'min' => 10,
2330	'max' => 200,
2331	],
2332	],
2333	'selectors' => [
2334	'{{WRAPPER}} .ekit-team-modal-close' => 'line-height: {{SIZE}}{{UNIT}};',
2335	$popup_selector . ' .ekit-team-modal-close' => 'line-height: {{SIZE}}{{UNIT}};',
2336	],
2337	'condition' => [
2338	'ekit_team_close_icon_enable_height_width' => 'yes',
2339	],
2340
2341	]
2342	);
2343
2344	$this->add_responsive_control(
2345	'ekit_team_close_icon_vertical_align',
2346	[
2347	'label' => esc_html__( 'Vertical Position ', 'elementskit-lite' ),
2348	'type' => Controls_Manager::SLIDER,
2349	'range' => [
2350	'px' => [
2351	'min' => -200,
2352	'max' => 200,
2353	],
2354	],
2355	'selectors' => [
2356	'{{WRAPPER}} .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon' => ' -webkit-transform: translateY({{SIZE}}{{UNIT}}); -ms-transform: translateY({{SIZE}}{{UNIT}}); transform: translateY({{SIZE}}{{UNIT}});',
2357	$popup_selector .' .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon' => ' -webkit-transform: translateY({{SIZE}}{{UNIT}}); -ms-transform: translateY({{SIZE}}{{UNIT}}); transform: translateY({{SIZE}}{{UNIT}});',
2358	],
2359	'condition' => [
2360	'ekit_icon_box_icon_position!' => 'top'
2361	]
2362
2363	]
2364	);
2365
2366	$this->end_controls_section();
2367
2368	$this->insert_pro_message();
2369	}
2370
2371	protected function render( ) {
2372	echo '<div class="ekit-wid-con">';
2373	$this->render_raw();
2374	echo '</div>';
2375	}
2376
2377	protected function render_raw( ) {
2378	$settings = $this->get_settings_for_display();
2379	extract($settings);
2380
2381	// Member name HTML tag
2382	$ekit_team_name_tag = Utils::validate_html_tag( ! empty( $settings['ekit_team_name_size'] ) ? $settings['ekit_team_name_size'] : 'h2' );
2383
2384	// Image sectionn
2385	$image_html = '';
2386	if ( !empty($ekit_team_image['url']) ) {
2387	$this->add_render_attribute('image', 'src', $ekit_team_image['url']);
2388	$this->add_render_attribute('image', 'alt', Control_Media::get_image_alt($ekit_team_image));
2389	$this->add_render_attribute('image', 'title', Control_Media::get_image_title($ekit_team_image));
2390
2391	$image_html = Group_Control_Image_Size::get_attachment_image_html($settings, 'ekit_team_thumbnail', 'ekit_team_image');
2392	}
2393
2394	$this->add_render_attribute(
2395	'profile_card',
2396	[
2397	'class' => 'profile-card elementor-animation-'. $team_hover_animation .' ' . $ekit_team_content_text_align . ' ekit-team-style-'.$ekit_team_style,
2398	]
2399	);
2400
2401	// Social List
2402	if ( $ekit_team_socail_enable === 'yes' ) {
2403	foreach ($ekit_team_social_icons as $icon) {
2404	// List Item
2405	$this->add_render_attribute( 'social_item_' . $icon['_id'], 'class', 'elementor-repeater-item-' . $icon[ '_id' ] );
2406
2407	// Link
2408	$this->add_link_attributes( 'social_link_' . $icon['_id'], $icon['ekit_team_link'] );
2409	$this->add_render_attribute( 'social_link_' . $icon['_id'], 'aria-label', $icon['ekit_team_label'] );
2410	}
2411	}
2412
2413	if ( in_array($ekit_team_style, array('default', 'centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover')) ):
2414	?>
2415	<?php if($ekit_team_style == 'centered_style'): ?> <div class="profile-square-v"> <?php endif; ?>
2416	<?php if($ekit_team_style == 'centered_style_details'): ?> <div class="profile-square-v square-v5 no_gutters"> <?php endif; ?>
2417	<?php if($ekit_team_style == 'long_height_details'): ?> <div class="profile-square-v square-v6 no_gutters"> <?php endif; ?>
2418	<?php if($ekit_team_style == 'long_height_details_hover'): ?> <div class="profile-square-v square-v6 square-v6-v2 no_gutters"><?php endif; ?>
2419
2420	<div <?php echo $this->get_render_attribute_string('profile_card'); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Already escaped by elementor ?>>
2421	<?php if ($settings['ekit_team_chose_popup'] == 'yes') : ?>
2422	<a aria-label="<?php echo esc_attr( sprintf( __( 'View %s profile', 'elementskit-lite' ), $ekit_team_name ) ); ?>" href="javascript:void(0)" data-mfp-src="#ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" class="ekit-team-popup">
2423	<?php endif; ?>
2424
2425	<div class="profile-header ekit-team-img <?php echo esc_attr($ekit_team_style == 'default' ? 'ekit-img-overlay ekit-team-img-block' : ''); ?>" <?php if ( (isset($settings['ekit_team_chose_popup']) ? $ekit_team_chose_popup : 'no') == 'yes') :?> data-toggle="modal" data-target="ekit_team_modal_#<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" <?php endif; ?>>
2426	<?php echo wp_kses($image_html, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2427	</div><!-- .profile-header END -->
2428	<?php if ($settings['ekit_team_chose_popup'] == 'yes') : ?>
2429	</a>
2430	<?php endif; ?>
2431
2432
2433	<div class="profile-body">
2434	<?php if ( 'default' == $ekit_team_style && 'yes' == $ekit_team_toggle_icon && !empty( $ekit_team_top_icons ) ): ?>
2435	<div class="profile-icon<?php echo esc_attr($ekit_team_top_icon_align) ? ' icon-align-'.esc_attr($ekit_team_top_icon_align) : ''; ?>">
2436
2437	<?php
2438	// new icon
2439	$migrated = isset( $settings['__fa4_migrated']['ekit_team_top_icons'] );
2440	// Check if its a new widget without previously selected icon using the old Icon control
2441	$is_new = empty( $settings['ekit_team_top_icon'] );
2442	if ( $is_new \|\| $migrated ) {
2443	// new icon
2444	Icons_Manager::render_icon( $settings['ekit_team_top_icons'], [ 'aria-hidden' => 'true' ] );
2445	} else {
2446	?>
2447	<i class="<?php echo esc_attr($settings['ekit_team_top_icon']); ?>" aria-hidden="true"></i>
2448	<?php
2449	}
2450	?>
2451	</div>
2452	<?php endif; ?>
2453
2454	<<?php echo esc_attr( $ekit_team_name_tag ); ?> class="profile-title">
2455	<?php if ($settings['ekit_team_chose_popup'] == 'yes') : ?>
2456	<a aria-label="<?php echo esc_attr( sprintf( __( 'View %s profile', 'elementskit-lite' ), $ekit_team_name ) ); ?>" href="javascript:void(0)" data-mfp-src="#ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" class="ekit-team-popup">
2457	<?php echo esc_html( $ekit_team_name ); ?>
2458	</a>
2459	<?php else: ?>
2460	<?php echo esc_html( $ekit_team_name ); ?>
2461	<?php endif; ?>
2462	</<?php echo esc_attr( $ekit_team_name_tag ); ?>>
2463	<p class="profile-designation"><?php echo esc_html( $ekit_team_position ); ?></p>
2464	<?php if($ekit_team_show_short_description == 'yes' && $ekit_team_short_description != ''): ?>
2465	<p class="profile-content"><?php echo wp_kses($ekit_team_short_description, \ElementsKit_Lite\Utils::get_kses_array()); ?></p>
2466	<?php endif;?>
2467	</div><!-- .profile-body END -->
2468
2469	<?php if(isset($ekit_team_socail_enable) && $ekit_team_socail_enable == 'yes'){?>
2470	<div class="profile-footer">
2471	<?php require Handler::get_dir() . 'parts/social-list.php'; ?>
2472	</div>
2473	<?php
2474	}
2475	?>
2476	</div>
2477	<?php if(in_array($ekit_team_style, array('centered_style', 'centered_style_details', 'long_height_details', 'long_height_details_hover')) ): ?> </div> <?php endif; ?>
2478	<?php endif; ?>
2479
2480	<?php if ( in_array($ekit_team_style, array('overlay', 'overlay_details', 'long_height_hover', 'overlay_circle', 'overlay_circle_hover')) ): ?>
2481	<?php if($ekit_team_style == 'overlay_details'): ?> <div class="image-card-v2"> <?php endif; ?>
2482	<?php if($ekit_team_style == 'long_height_hover'): ?> <div class="<?php echo esc_attr($settings['ekit_team_remove_gutters'] == 'yes' ? '' : 'small-gutters'); ?> image-card-v3"> <?php endif; ?>
2483	<?php if($ekit_team_style == 'overlay_circle'): ?> <div class="style-circle ekit-team-img-fit"> <?php endif; ?>
2484	<?php if($ekit_team_style == 'overlay_circle_hover'): ?> <div class="image-card-v2 style-circle"> <?php endif; ?>
2485	<div class="profile-image-card elementor-animation-<?php echo esc_attr($team_hover_animation) ?> ekit-team-img ekit-team-style-<?php echo esc_attr($ekit_team_style); ?> <?php if(isset($ekit_team_content_text_align)) { echo esc_attr($ekit_team_content_text_align);} ?>">
2486
2487	<?php if($ekit_team_style == 'long_height_hover'){ ?>
2488	<?php echo wp_kses($image_html, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2489	<?php
2490	$modalClass = 'team-sidebar_'.$ekit_team_style.'';
2491	}else{
2492	$modalClass = 'team-modal_'.$ekit_team_style.'';
2493	?>
2494	<?php echo wp_kses($image_html, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2495	<?php }?>
2496	<div class="hover-area">
2497	<div class="profile-body">
2498	<<?php echo esc_attr( $ekit_team_name_tag ); ?> class="profile-title">
2499	<?php if ($settings['ekit_team_chose_popup'] == 'yes') : ?>
2500	<a aria-label="<?php echo esc_attr( sprintf( __( 'View %s profile', 'elementskit-lite' ), $ekit_team_name ) ); ?>" href="javascript:void(0)" data-mfp-src="#ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" class="ekit-team-popup">
2501	<?php echo esc_html( $ekit_team_name ); ?>
2502	</a>
2503	<?php else: ?>
2504	<?php echo esc_html( $ekit_team_name ); ?>
2505	<?php endif; ?>
2506	</<?php echo esc_attr( $ekit_team_name_tag ); ?>>
2507	<p class="profile-designation"><?php echo esc_html( $ekit_team_position ); ?></p>
2508	<?php if($ekit_team_show_short_description == 'yes' && $ekit_team_short_description != ''): ?>
2509	<p class="profile-content"><?php echo wp_kses($ekit_team_short_description, \ElementsKit_Lite\Utils::get_kses_array()); ?></p>
2510	<?php endif;?>
2511	</div>
2512	<?php if(isset($ekit_team_socail_enable) && $ekit_team_socail_enable == 'yes'){?>
2513	<div class="profile-footer">
2514	<?php require Handler::get_dir() . 'parts/social-list.php'; ?>
2515	</div>
2516	<?php
2517	}
2518	?>
2519	</div>
2520	</div>
2521	<?php if(in_array($ekit_team_style, array('overlay_details', 'long_height_hover' , 'overlay_circle', 'overlay_circle_hover')) ): ?> </div> <?php endif; ?>
2522
2523	<?php
2524	endif;
2525	if ( 'hover_info' == $ekit_team_style ):
2526	?>
2527
2528	<div class="profile-square-v square-v4 elementor-animation-<?php echo esc_attr($team_hover_animation) ?> ekit-team-style-<?php echo esc_attr($ekit_team_style); ?>">
2529	<div class="profile-card <?php if(isset($ekit_team_content_text_align)) { echo esc_attr($ekit_team_content_text_align);} ?>">
2530	<div class="profile-header ekit-team-img" <?php if ($settings['ekit_team_chose_popup'] == 'yes') :?> data-toggle="modal" data-target="#ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" <?php endif; ?>>
2531	<?php echo wp_kses($image_html, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2532	</div><!-- .profile-header END -->
2533	<div class="profile-body">
2534	<<?php echo esc_attr( $ekit_team_name_tag ); ?> class="profile-title">
2535	<?php if ($settings['ekit_team_chose_popup'] == 'yes') : ?>
2536	<a aria-label="<?php echo esc_attr( sprintf( __( 'View %s profile', 'elementskit-lite' ), $ekit_team_name ) ); ?>" href="javascript:void(0)" data-mfp-src="#ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" class="ekit-team-popup">
2537	<?php echo esc_html( $ekit_team_name ); ?>
2538	</a>
2539	<?php else: ?>
2540	<?php echo esc_html( $ekit_team_name ); ?>
2541	<?php endif; ?>
2542	</<?php echo esc_attr( $ekit_team_name_tag ); ?>>
2543	<p class="profile-designation"><?php echo esc_html( $ekit_team_position ); ?></p>
2544	<?php if($ekit_team_show_short_description == 'yes' && $ekit_team_short_description != ''): ?>
2545	<p class="profile-content"><?php echo wp_kses($ekit_team_short_description, \ElementsKit_Lite\Utils::get_kses_array()); ?></p>
2546	<?php endif;?>
2547	<?php
2548	if ( isset($ekit_team_socail_enable) && $ekit_team_socail_enable == 'yes' ) {
2549	require Handler::get_dir() . 'parts/social-list.php';
2550	}
2551	?>
2552	</div>
2553	</div>
2554	</div>
2555	<?php endif; ?>
2556
2557	<?php if ( $ekit_team_chose_popup == 'yes' ): ?>
2558	<div class="zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-<?php echo esc_attr($this->get_id()) ;?>" id="ekit_team_modal_<?php echo esc_attr($this->get_id() . '_' . get_the_ID()); ?>" tabindex="-1" role="dialog" aria-modal="true">
2559	<div class="modal-dialog modal-dialog-centered" role="document">
2560	<div class="modal-content">
2561	<button type="button" class="ekit-team-modal-close">
2562	<?php Icons_Manager::render_icon( $ekit_team_close_icon_changes, ['aria-hidden' => 'true'] ); ?>
2563	</button>
2564
2565	<div class="modal-body">
2566	<?php if ( !empty($image_html) ) { ?>
2567	<div class="ekit-team-modal-img">
2568	<?php echo wp_kses($image_html, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2569	</div>
2570	<?php } ?>
2571
2572	<div class="ekit-team-modal-info<?php echo !empty($image_html) ? ' has-img' : ''; ?>">
2573	<<?php echo esc_attr( $ekit_team_name_tag ); ?> class="ekit-team-modal-title"><?php echo esc_html( $ekit_team_name ); ?></<?php echo esc_attr( $ekit_team_name_tag ); ?>>
2574	<p class="ekit-team-modal-position"><?php echo esc_html( $ekit_team_position ); ?></p>
2575
2576	<div class="ekit-team-modal-content">
2577	<?php echo wp_kses($ekit_team_description, \ElementsKit_Lite\Utils::get_kses_array()); ?>
2578	</div>
2579
2580	<?php if ( $ekit_team_phone \|\| $ekit_team_email ) { ?>
2581	<ul class="ekit-team-modal-list">
2582	<?php if ( $ekit_team_phone ): ?>
2583	<li><strong><?php esc_html_e( 'Phone', 'elementskit-lite' ); ?>:</strong><a href="tel:<?php echo esc_attr( $ekit_team_phone ); ?>"><?php echo esc_html( $ekit_team_phone ); ?></a></li>
2584	<?php endif; ?>
2585
2586	<?php if ( $ekit_team_email ): ?>
2587	<li><strong><?php esc_html_e( 'Email', 'elementskit-lite' ); ?>:</strong><a href="mailto:<?php echo esc_attr( $ekit_team_email ); ?>"><?php echo esc_html( $ekit_team_email ); ?></a></li>
2588	<?php endif; ?>
2589	</ul>
2590	<?php } ?>
2591
2592	<?php
2593	if ( isset($ekit_team_socail_enable) && $ekit_team_socail_enable == 'yes' ) {
2594	require Handler::get_dir() . 'parts/social-list.php';
2595	}
2596	?>
2597	</div>
2598	</div>
2599	</div>
2600	</div>
2601	</div>
2602	<?php endif; ?>
2603	<?php
2604	}
2605	}
2606