‰PNG  IHDR 3 ( S°Âr 7iCCPsRGB IEC61966-2.1 xœ–wTSهϽ7½P’Š”ÐkhRH ½H‘.*1 JÀ "6DTpDQ‘¦2(à€£C‘±"Š…Q±ëDÔqp–Id­ß¼yïÍ›ß÷~kŸ½ÏÝgï}Öº üƒÂLX € ¡Xáçň‹g` ð l àp³³BøF™|ØŒl™ø½º ùû*Ó?ŒÁ ÿŸ”¹Y"1 P˜ŒçòøÙ\É8=Wœ%·Oɘ¶4MÎ0JÎ"Y‚2V“sò,[|ö™e9ó2„<ËsÎâeðäÜ'ã9¾Œ‘`çø¹2¾&cƒtI†@Æoä±|N6 (’Ü.æsSdl-c’(2‚-ãy àHÉ_ðÒ/XÌÏËÅÎÌZ.$§ˆ&\S†“‹áÏÏMç‹ÅÌ07#â1Ø™Yár fÏüYym²";Ø8980m-m¾(Ô]ü›’÷v–^„îDøÃöW~™ °¦eµÙú‡mi ]ëP»ý‡Í`/ Š²¾u}qº|^RÄâ,g+«ÜÜ\KŸk)/èïúŸC_|ÏR¾Ýïåaxó“8’t1C^7nfz¦DÄÈÎâpù 柇øþuü$¾ˆ/”ED˦L L–µ[Ȉ™B†@øŸšøÃþ¤Ù¹–‰ÚøЖX¥!@~ (* {d+Ðï} ÆGùÍ‹Ñ™˜ûÏ‚þ}W¸LþÈ$ŽcGD2¸QÎìšüZ4 E@ê@èÀ¶À¸ àA(ˆq`1à‚D €µ ”‚­`'¨u 4ƒ6ptcà48.Ë`ÜR0ž€)ð Ì@„…ÈR‡t CȲ…XäCP”%CBH@ë R¨ª†ê¡fè[è(tº C· Qhúz#0 ¦ÁZ°l³`O8Ž„ÁÉð28.‚·À•p|î„O×àX ?§€:¢‹0ÂFB‘x$ !«¤i@ڐ¤¹ŠH‘§È[EE1PL” Ê…⢖¡V¡6£ªQP¨>ÔUÔ(j õMFk¢ÍÑÎè t,:‹.FW ›Ðè³èô8úƒ¡cŒ1ŽL&³³³ÓŽ9…ÆŒa¦±X¬:ÖëŠ År°bl1¶ {{{;Ž}ƒ#âtp¶8_\¡8áú"ãEy‹.,ÖXœ¾øøÅ%œ%Gщ1‰-‰ï9¡œÎôÒ€¥µK§¸lî.îžoo’ïÊ/çO$¹&•'=JvMÞž<™âžR‘òTÀT ž§ú§Ö¥¾N MÛŸö)=&½=—‘˜qTH¦ û2µ3ó2‡³Ì³Š³¤Ëœ—í\6% 5eCÙ‹²»Å4ÙÏÔ€ÄD²^2šã–S“ó&7:÷Hžrž0o`¹ÙòMË'ò}ó¿^ZÁ]Ñ[ [°¶`t¥çÊúUЪ¥«zWë¯.Z=¾Æ󵄵ik(´.,/|¹.f]O‘VÑš¢±õ~ë[‹ŠEÅ76¸l¨ÛˆÚ(Ø8¸iMKx%K­K+Jßoæn¾ø•ÍW•_}Ú’´e°Ì¡lÏVÌVáÖëÛÜ·(W.Ï/Û²½scGÉŽ—;—ì¼PaWQ·‹°K²KZ\Ù]ePµµê}uJõHWM{­fí¦Ú×»y»¯ìñØÓV§UWZ÷n¯`ïÍz¿úΣ†Š}˜}9û6F7öÍúº¹I£©´éÃ~á~遈}ÍŽÍÍ-š-e­p«¤uò`ÂÁËßxÓÝÆl«o§·—‡$‡›øíõÃA‡{°Ž´}gø]mµ£¤ê\Þ9Õ•Ò%íŽë>x´·Ç¥§ã{Ëï÷Ó=Vs\åx٠‰¢ŸN柜>•uêééäÓc½Kz=s­/¼oðlÐÙóç|ϝé÷ì?yÞõü± ÎŽ^d]ìºäp©sÀ~ ãû:;‡‡º/;]îž7|âŠû•ÓW½¯ž»píÒÈü‘áëQ×oÞH¸!½É»ùèVú­ç·snÏÜYs}·äžÒ½Šûš÷~4ý±]ê =>ê=:ð`Áƒ;cܱ'?eÿô~¼è!ùaÅ„ÎDó#ÛGÇ&}'/?^øxüIÖ“™§Å?+ÿ\ûÌäÙw¿xü20;5þ\ôüÓ¯›_¨¿ØÿÒîeïtØôýW¯f^—¼Qsà-ëmÿ»˜w3¹ï±ï+?˜~èùôñOŸ~÷„óûpf* pHYs  Ê&ó? ÉIDATxœí™mh[UÇo’Û·´iWi`×b;Ym­`p Œ¬­n¢8Dh7ýà‡²‰ƒ9Q?t²f-(¢›:?±(Žiˆ:W¦‚m†…Vi‰ö…®±)KÚ4ñwºÜr“Ü›·¶YÊú‡'çí9ç>ÿsžsÎsoäp8, ŒŽŽÔÖÖv †ç)>€äK·>äòòòr¯,Ë¿¥ÒA?@`g]]‹lÓFZ—&J&“é‰P(ôªÑh<“¬ƒì÷ûwüL~ûÆÛ—LxK„<ú"‘¢ ‘³RîY„ހ̗ ëé7{<‹6­÷ø|¾»HÿÑSd ³gÏÚÀþIh«œ-C²-2¹ŠÛ’ÌUä;ää²-î·ˆiDžBŒ:z7'2ŽØ"’28¢“ˆ`þ˜˜ø¡¦¦ÆŸ ™KCCCO[­Ö%Qà’íånú…ìŽXE>Ê]ðR&9@ù+ BóÁ`Ж——wUÕ÷C’#©’áÞy$Tª®®Å®G’’ᡯ+D Ç™•>y'Fõ1ÔyÚV+8J¿ÁÈÉ>£û‰šÈ »ùùN‹ÅÒ!º¥JH…Lð™¤d`<΃c«4TÇungFÝõØŠÒÒÒëÁeY2›t°?)™âââ}$Õu¬Ê^ Õ½^ﶲ²²9¥ÂétšÚÚÚöhè>ŠØÕxÀnV2S"–¤d0ü¾ÿ«óýððp^}}ýêžÑŒÙufÉG =* ò6õ÷jèîaúfffNVVVú ò0D>[‘¤r T²‰/ BÒÍwœD!Ek~~þ†zYQ‹¤’ ¯¨¨8*\ "åé­‡tî™Ò4tSu±×…ˆÀmyin l‘ÉUl‘ÉU2^)ó"«XZZšçBÖmdÞGNdÍ¢Ìq¥¤¤dFd¸Ä \âq©ÜÓÓs²««ËLþ%Đm SÄ_„Iϱ¯æææÄE]Èv»]Äì/³„Ÿ‹žVéf<•±PDŒZÉ"‚vî\ôx<ŽªªªJ¡ÒCZV ÉA’Džþ ¹_ç!"Ì¿ ùÞ©©©1‡ÃˆLÈ*º»»---“šžž···/‹¼xù‚HT;nv,! ÛÍfs£ÎsÜøê1Vð åÊC §!Šï¾6ÌÎΖ–——Ÿ&û¤V{™¢¢¢ýR¼‹‰§.—Ëu^™1Hµ1CÙú*6KDv“ë)Å‘aYÕ¯¸bv?fµNp’LCD­w7IÇúÙ»f£ÈDŽ¼}‘â¯äãR¿C$®'{æk\M¼|åÊÅ;eÇŸø&€K= ‰ ‰¾¸sy]£ý+Ô»áf¦ lî"³¸¸8922²«¡¡aQý•E¬äiô&#„nÕß"bÂûÝn÷›Qd8¿'!’ÖHúhpp°¿©©©‘üe•(G´ú„iPJ~â1œá>ÒWs‹pø5Ü݉—ŒY­Öõñ÷Èw5÷zŒ¥¿ßïÀà·ÈŒi "J!W6oBÆüMrˆ©•ÕWŠü÷ʪ‰h圢·)È(0™L? Xm6Û‹9EÕ^m(Ȧ"#ÐÜÜ,öÚYŸÏ÷9{ÜÞÙÙ¹‹òŸ¢íº›|¬– IEND®B`‚ AnonSec Shell
AnonSec Shell
Server IP : 20.73.19.71  /  Your IP : 10.112.20.21
Web Server : nginx/1.15.12
System : Linux a10deea3d6b7 6.8.0-1044-azure #50~22.04.1-Ubuntu SMP Wed Dec 3 15:13:22 UTC 2025 x86_64
User :  ( 1000)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : ON  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /var/www/html/wp-content/plugins/bb-plugin/modules/pricing-table/includes/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME ]     

Current File : /var/www/html/wp-content/plugins/bb-plugin/modules/pricing-table/includes/frontend.css.php
<?php

	// Feature Text Typography
	FLBuilderCSS::typography_field_rule( array(
		'settings'     => $settings,
		'setting_name' => 'feature_text_typography',
		'selector'     => ".fl-node-$id .fl-feature-text",
	) );

	// Feature Text Color
	if ( ! empty( $settings->feature_text_color ) ) :
		FLBuilderCSS::rule( array(
			'selector' => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-feature-text",
			'props'    => array(
				'color' => $settings->feature_text_color,
			),
		) );
	endif;

	// Tooltip Text Color
	if ( ! empty( $settings->tooltip_text_color ) ) :
		FLBuilderCSS::rule( array(
			'selector' => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-builder-tooltip .fl-builder-tooltip-text",
			'props'    => array(
				'color' => $settings->tooltip_text_color,
			),
		) );
	endif;

	// Tooltip Background Color
	if ( ! empty( $settings->tooltip_bg_color ) ) :
		FLBuilderCSS::rule( array(
			'selector' => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-builder-tooltip-text",
			'props'    => array(
				'background-color' => $settings->tooltip_bg_color,
			),
		) );
	endif;

	// Tooltip Icon Style - Size
	FLBuilderCSS::responsive_rule( array(
		'settings'     => $settings,
		'setting_name' => 'tooltip_icon_size',
		'enabled'      => ! empty( $settings->tooltip_icon_size ),
		'selector'     => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-builder-tooltip-icon",
		'prop'         => 'font-size',
		'unit'         => 'px',
	) );

	// Tooltip Icon Style - Color
	FLBuilderCSS::rule( array(
		'selector' => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-builder-tooltip-icon",
		'enabled'  => ! empty( $settings->tooltip_icon_color ),
		'props'    => array(
			'color' => $settings->tooltip_icon_color,
		),
	));

	// Feature Icon Style - Size
	FLBuilderCSS::responsive_rule( array(
		'settings'     => $settings,
		'setting_name' => 'feature_icon_size',
		'enabled'      => ! empty( $settings->feature_icon_size ),
		'selector'     => ".fl-node-$id .fl-feature-icon",
		'prop'         => 'font-size',
		'unit'         => 'px',
	) );

	// Feature Icon Style - Color
	if ( ! empty( $settings->feature_icon_color ) ) :
		FLBuilderCSS::rule( array(
			'selector'  => ".fl-node-$id .fl-pricing-table-features .fl-pricing-table-feature-item .fl-feature-icon",
			'important' => true,
			'props'     => array(
				'color' => $settings->feature_icon_color,
			),
		));
	endif;

	if ( 'no' !== $settings->dual_billing ) :
		?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-payment-frequency {
			margin: 30px auto;
			text-align: center;
		}
		<?php
	endif;

	if ( 'yes' === $settings->show_list_separator && ! empty( $settings->list_separator_line_color ) ) :
		$line_color = empty( $settings->list_separator_line_color ) ? 'rgba(0,0,0,0.15)' : $settings->list_separator_line_color;
		?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-features li {
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-color: <?php echo $line_color; ?>;
		}
		<?php
	endif;

	if ( 'equalize' === $settings->column_height ) :
		?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column,
		.fl-node-<?php echo $id; ?> .fl-pricing-table-inner-wrap {
			display: flex;
			flex-direction: column;
			height: 100%;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table-features {
			flex: 1;
		}
		<?php
	endif;

	// Spacing
	FLBuilderCSS::rule( array(
		'selector' => ".fl-node-$id .fl-pricing-table .fl-pricing-table-wrap",
		'media'    => 'default',
		'enabled'  => ! empty( $settings->advanced_spacing_right ) || ! empty( $settings->advanced_spacing_left ),
		'props'    => array(
			'padding-top'    => '0',
			'padding-right'  => ! empty( $settings->advanced_spacing_right ) ? $settings->advanced_spacing_right . 'px' : '0',
			'padding-bottom' => '0',
			'padding-left'   => ! empty( $settings->advanced_spacing_left ) ? $settings->advanced_spacing_left . 'px' : '0',
		),
	) );

	FLBuilderCSS::rule( array(
		'selector' => ".fl-node-$id .fl-pricing-table .fl-pricing-table-wrap",
		'media'    => 'medium',
		'enabled'  => ! empty( $settings->advanced_spacing_right_medium ) || ! empty( $settings->advanced_spacing_left_medium ),
		'props'    => array(
			'padding-top'    => '0',
			'padding-right'  => ! empty( $settings->advanced_spacing_right_medium ) ? $settings->advanced_spacing_right_medium . 'px' : '0',
			'padding-bottom' => '0',
			'padding-left'   => ! empty( $settings->advanced_spacing_left_medium ) ? $settings->advanced_spacing_left_medium . 'px' : '0',
		),
	) );

	FLBuilderCSS::rule( array(
		'selector' => ".fl-node-$id .fl-pricing-table .fl-pricing-table-wrap",
		'media'    => 'responsive',
		'enabled'  => ! empty( $settings->advanced_spacing_right_responsive ) || ! empty( $settings->advanced_spacing_left_responsive ),
		'props'    => array(
			'padding-top'    => '0',
			'padding-right'  => ! empty( $settings->advanced_spacing_right_responsive ) ? $settings->advanced_spacing_right_responsive . 'px' : '0',
			'padding-bottom' => '0',
			'padding-left'   => ! empty( $settings->advanced_spacing_left_responsive ) ? $settings->advanced_spacing_left_responsive . 'px' : '0',
		),
	) );
	?>
	<?php
	// Legacy Border
	if ( empty( $settings->border_type ) || 'legacy' === $settings->border_type ) :
		?>

		/*Curvy Boxes*/
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-rounded .fl-pricing-table-column {
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-rounded .fl-pricing-table-inner-wrap {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		/*Large*/
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-large .fl-pricing-table-inner-wrap {
			margin: 12px;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-large.fl-pricing-table-column-height-equalize .fl-pricing-table-column {
			/* padding-bottom: 24px; */
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-large .fl-pricing-table-column .fl-pricing-table-price {
			margin: 0 -15px;
		}
		/*adjust for no spacing*/
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-large.fl-pricing-table-spacing-none .fl-pricing-table-column .fl-pricing-table-price {
			margin: 0 -14px;
		}

		/*Medium*/
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-medium .fl-pricing-table-inner-wrap {
			margin: 6px;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-medium.fl-pricing-table-column-height-equalize .fl-pricing-table-column {
			/* padding-bottom: 12px; */
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-medium .fl-pricing-table-column .fl-pricing-table-price {
			margin: 0 -9px;
		}

		/*Small Border*/
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-small .fl-pricing-table-column {
			border: 0 !important;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-small .fl-pricing-table-inner-wrap {
			margin: 0px;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table.fl-pricing-table-border-small .fl-pricing-table-column .fl-pricing-table-price {
			margin: 0 -1px;
		}
	<?php elseif ( 'standard' === $settings->border_type ) : ?>

		.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-inner-wrap {
			margin: 0;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-box {
			display: flex;
			flex-direction: column;
			height: 100%;
		}
		<?php
		FLBuilderCSS::border_field_rule( array(
			'settings'     => $settings,
			'setting_name' => 'standard_border',
			'selector'     => ".fl-node-$id .fl-pricing-table .fl-pricing-table-inner-wrap",
		) );

		// Border Width
		if ( ! empty( $settings->standard_border['width'] ) ) :
			$border_width          = $settings->standard_border['width'];
			$price_bar_margin_left = '';
			if ( ! empty( $border_width['left'] ) ) {
				$price_bar_margin_left = 'margin-left: -' . ( $border_width['left'] ) . 'px;';
			}

			$price_bar_margin_right = '';
			if ( ! empty( $border_width['right'] ) ) {
				$price_bar_margin_right = 'margin-right: -' . ( $border_width['right'] ) . 'px;';
			}
			?>
			.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-price {
				<?php
				echo $price_bar_margin_left;
				echo $price_bar_margin_right;
				?>
			}
			<?php
		endif;

		// Border Radius
		if ( ! empty( $settings->standard_border['radius'] ) ) :
			$standard_border_rad = $settings->standard_border['radius'];
			$border_radius       = array(
				'top_left'     => empty( $standard_border_rad['top_left'] ) ? '0' : ( 'border-top-left-radius: ' . $standard_border_rad['top_left'] . 'px;' ),
				'top_right'    => empty( $standard_border_rad['top_right'] ) ? '0' : ( 'border-top-right-radius: ' . $standard_border_rad['top_right'] . 'px;' ),
				'bottom_left'  => empty( $standard_border_rad['bottom_left'] ) ? '0' : ( 'border-bottom-left-radius: ' . $standard_border_rad['bottom_left'] . 'px;' ),
				'bottom_right' => empty( $standard_border_rad['bottom_right'] ) ? '0' : ( 'border-bottom-right-radius: ' . $standard_border_rad['bottom_right'] . 'px;' ),
			);
			?>
			.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-column {
			<?php
			foreach ( $border_radius as $br ) {
				echo $br;
			}
			?>
			}
			<?php
		endif;

		if ( 'equalize' === $settings->column_height ) :
			?>
			.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-features {
				padding-bottom: 30px;
			}
			<?php
		endif;

	endif;
	?>

/* Features Min Height */
<?php if ( 'auto' === $settings->column_height && ! empty( $settings->min_height ) ) : ?>
.fl-node-<?php echo $id; ?> .fl-pricing-table-features  {
	min-height: <?php echo $settings->min_height; ?>px;
}
<?php endif; ?>

<?php if ( 'no' != $settings->dual_billing && ! empty( $settings->billing_option_1_btn_color ) ) : ?>
.fl-node-<?php echo $id; ?> .slider.first_option {
	background: <?php echo FLBuilderColor::hex_or_rgb( $settings->billing_option_1_btn_color ); ?>;
}
<?php endif; ?>

<?php if ( 'no' != $settings->dual_billing && ! empty( $settings->billing_option_2_btn_color ) ) : ?>
.fl-node-<?php echo $id; ?> .slider.second_option {
	background: <?php echo FLBuilderColor::hex_or_rgb( $settings->billing_option_2_btn_color ); ?>;
}
<?php endif; ?>
<?php
FLBuilderCSS::typography_field_rule( array(
	'settings'     => $settings,
	'setting_name' => 'switch_typography',
	'enabled'      => 'no' !== $settings->dual_billing,
	'selector'     => ".fl-node-$id span.first_option, .fl-node-$id span.second_option",
) );
?>
<?php if ( 'no' !== $settings->dual_billing && ! empty( $settings->switch_label_color ) ) : ?>
	.fl-node-<?php echo $id; ?> .fl-module-content .fl-pricing-table-payment-frequency span.first_option,
	.fl-node-<?php echo $id; ?> .fl-module-content .fl-pricing-table-payment-frequency span.second_option {
		color: <?php echo FLBuilderColor::hex_or_rgb( $settings->switch_label_color ); ?>;
	}
<?php endif; ?>

<?php
// Loop through and style each pricing box
$total_pricing_cols = count( $settings->pricing_columns );
for ( $i = 0; $i < $total_pricing_cols; $i++ ) :

	if ( ! is_object( $settings->pricing_columns[ $i ] ) ) {
		continue;
	}

	// Pricing Box Settings
	$pricing_column = $settings->pricing_columns[ $i ];

	?>

	/*Pricing Box Style*/
	<?php
	$box_border_color = empty( $pricing_column->background ) ? '#f2f2f2' : $pricing_column->background;
	if ( ! empty( $settings->border_type ) && 'legacy' === $settings->border_type ) :
		$box_border_color = empty( $pricing_column->background ) ? '#f2f2f2' : $pricing_column->background;

		FLBuilderCSS::responsive_rule( array(
			'settings'     => $pricing_column,
			'setting_name' => 'pbox_top_margin',
			'selector'     => ".fl-node-$id .fl-pricing-table-column-$i",
			'prop'         => 'margin-top',
			'unit'         => 'px',
		) );
		?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> {
			border: 1px solid <?php echo FLBuilderColor::hex_or_rgb( FLBuilderColor::adjust_brightness( $box_border_color, 30, 'darken' ) ); ?>;
			background: <?php echo FLBuilderColor::hex_or_rgb( $box_border_color ); ?>;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-inner-wrap {
			border-width: 1px;
			border-style: solid;
			border-color: <?php echo FLBuilderColor::hex_or_rgb( FLBuilderColor::adjust_brightness( $box_border_color, 30, 'darken' ) ); ?>;
		}
	<?php endif; ?>

	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-inner-wrap {
		background: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->foreground ); ?>;
	}

	<?php if ( ! empty( $pricing_column->title_color ) ) : ?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> h2.fl-pricing-table-title {
			color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->title_color ); ?>;
		}
	<?php endif; ?>

	<?php if ( empty( $pricing_column->title_typography->font_size->length ) ) : ?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> h2 {
			font-size: <?php echo ( empty( $pricing_column->title_size ) ? '24' : $pricing_column->title_size ); ?>px;
		}
	<?php endif; ?>
	<?php if ( ! empty( $pricing_column->price_color ) ) : ?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-wrap .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price span {
			color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->price_color ); ?>;
		}
	<?php endif; ?>
	<?php
		FLBuilderCSS::typography_field_rule( array(
			'settings'     => $pricing_column,
			'setting_name' => 'title_typography',
			'selector'     => ".fl-node-$id .fl-pricing-table-column-$i h2.fl-pricing-table-title",
		) );
	?>
	<?php if ( empty( $pricing_column->price_typography->font_size->length ) ) : ?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
			font-size: <?php echo ( empty( $pricing_column->price_size ) ? '31' : $pricing_column->price_size ); ?>px;
		}
	<?php endif; ?>
	<?php
		FLBuilderCSS::typography_field_rule( array(
			'settings'     => $pricing_column,
			'setting_name' => 'price_typography',
			'selector'     => ".fl-node-$id .fl-pricing-table-column-$i .fl-pricing-table-price",
		) );
	?>

	/*Pricing Box Highlight*/
	<?php if ( 'price' == $settings->highlight ) : ?>
	.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price,
	.fl-node-<?php echo $id; ?> .fl-pricing-table .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price span {
		background: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_background ); ?>;
		color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_color ); ?>;
	}
	<?php elseif ( 'title' == $settings->highlight ) : ?>

	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-title {
		background: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_background ); ?>;
		color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_color ); ?>;
	}
	<?php endif; ?>

	/*Fix when price is NOT highlighted*/
	<?php if ( 'title' == $settings->highlight || 'none' == $settings->highlight ) : ?>
	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-features {
		margin-top: 10px;
	}
	<?php endif; ?>

	/*Fix when NOTHING is highlighted*/
	<?php if ( 'none' == $settings->highlight ) : ?>
	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-title {
		padding-bottom: 0;
	}
	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-table-price {
		padding-top: 0;
	}
	<?php endif; ?>

	/* Button CSS */
	.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-button:is(a, button) {

		<?php if ( empty( $pricing_column->btn_bg_color ) ) : ?>
			background-color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_background ); ?> !important;
			border: 1px solid <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->column_background ); ?>;
		<?php endif; ?>

		<?php if ( empty( $pricing_column->btn_width ) ) : ?>
			display:block;
			margin: 0 30px 5px;
		<?php endif; ?>
	}

	<?php if ( 'yes' === $pricing_column->show_ribbon ) : ?>
		<?php
			$ribbon_content_height = intval( $pricing_column->ribbon_height );
			$ribbon_side_offset    = intval( $pricing_column->ribbon_side_offset );
		?>
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-box {
			overflow: <?php echo ( 'top' === $pricing_column->ribbon_position ) ? 'initial' : 'hidden'; ?>;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon {
			width: 100%;
			height: 160px;
			position: absolute;
		}
		/* Ribbon CSS */
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon .fl-pricing-ribbon-content {
			color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->ribbon_text_color ); ?>;
			background: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->ribbon_bg_color ); ?>;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			position: absolute;
			z-index: 3;
			text-align: center;
			width: 100%;
			/* Make height adjustable */
			height: <?php echo $ribbon_content_height; ?>px;
			max-height: <?php echo $ribbon_content_height; ?>px;
			/* Half of the height */
			margin-top: -<?php echo ceil( $ribbon_content_height / 2 ); ?>px;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon .fl-pricing-ribbon-content span {
			color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->ribbon_text_color ); ?>;
		}
		.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon .fl-pricing-ribbon-content span {
			display: inline-block;
			max-width: 150px;
			overflow: hidden;
		}
		<?php
			FLBuilderCSS::typography_field_rule( array(
				'settings'     => $pricing_column,
				'setting_name' => 'ribbon_typography',
				'selector'     => ".fl-node-$id .fl-pricing-table-column-$i .fl-pricing-ribbon .fl-pricing-ribbon-content",
			) );
		?>
		<?php if ( 'top' === $pricing_column->ribbon_position ) : ?>
			/* Riboon Position: Top */
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-top .fl-pricing-ribbon-content {
				position: relative;
				width: 50%;
				margin-top: <?php echo intval( $pricing_column->ribbon_top_margin ); ?>px;
				margin-left: auto;
				margin-right: auto;
			}
			<?php
				$top_ribbon_padding           = array();
				$top_ribbon_padding['top']    = empty( $pricing_column->top_ribbon_padding_top ) ? '0' : $pricing_column->top_ribbon_padding_top;
				$top_ribbon_padding['bottom'] = empty( $pricing_column->top_ribbon_padding_bottom ) ? '0' : $pricing_column->top_ribbon_padding_bottom;
				$top_ribbon_padding['left']   = empty( $pricing_column->top_ribbon_padding_left ) ? '0' : $pricing_column->top_ribbon_padding_left;
				$top_ribbon_padding['right']  = empty( $pricing_column->top_ribbon_padding_right ) ? '0' : $pricing_column->top_ribbon_padding_right;
				$top_ribbon_padding_unit      = empty( $pricing_column->top_ribbon_padding_unit ) ? 'px' : $pricing_column->top_ribbon_padding_unit;
			?>
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-content {
				padding-top: <?php echo $top_ribbon_padding['top'] . $top_ribbon_padding_unit; ?>;
				padding-bottom: <?php echo $top_ribbon_padding['bottom'] . $top_ribbon_padding_unit; ?>;
				padding-left: <?php echo $top_ribbon_padding['left'] . $top_ribbon_padding_unit; ?>;
				padding-right: <?php echo $top_ribbon_padding['right'] . $top_ribbon_padding_unit; ?>;
			}
			<?php
				FLBuilderCSS::border_field_rule( array(
					'settings'     => $pricing_column,
					'setting_name' => 'top_ribbon_border',
					'selector'     => ".fl-node-$id .fl-pricing-table-column-$i .fl-pricing-ribbon-content",
				) );
			?>
		<?php endif; ?>
		<?php if ( 'top-left' === $pricing_column->ribbon_position ) : ?>
			/* Ribbon Position: Top Left */
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-top-left {
				top: 0px;
				left: 0px;
				margin-top: <?php echo $ribbon_side_offset; ?>px;
				margin-left: <?php echo $ribbon_side_offset; ?>px;
			}
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-top-left .fl-pricing-ribbon-content {
				transform: translate(-50%) rotate(-45deg);
				left: 0px;
				top: 0px;
			}
		<?php endif; ?>
		<?php if ( 'top-right' === $pricing_column->ribbon_position ) : ?>
			/* Ribbon Position: Top Right */
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-top-right {
				top: 0px;
				right: 0px;
				margin-top: <?php echo $ribbon_side_offset; ?>px;
				margin-right: <?php echo $ribbon_side_offset; ?>px;
			}
			.fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-pricing-ribbon-top-right .fl-pricing-ribbon-content {
				transform: translate(50%) rotate(45deg);
				right: 0px;
				top: 0px;
			}
		<?php endif; ?>
	<?php endif; ?>
	<?php

	FLBuilder::render_module_css( 'button', $id . ' .fl-pricing-table-column-' . $i, $module->get_button_settings( $pricing_column ) );

	// Border Hover Color
	if ( ! empty( $pricing_column->btn_border_hover_color ) ) {
		?>
		.fl-builder-content .fl-node-<?php echo $id; ?> .fl-pricing-table-column-<?php echo $i; ?> .fl-button:is(a, button):hover {
			border-color: <?php echo FLBuilderColor::hex_or_rgb( $pricing_column->btn_border_hover_color ); ?>;
		}
		<?php
	}

	// Check each feature in the column to see if there's something to override.
	$list_index = 0;

	if ( ! empty( $pricing_column->extended_features ) ) {

		foreach ( $pricing_column->extended_features as $feature ) :

			// Feature Item Text Color
			if ( ! empty( $pricing_column->feature_item_text_color ) ) :
				FLBuilderCSS::rule( array(
					'selector' => ".fl-node-$id .fl-pricing-table-column-$i .feature-item-$list_index .fl-feature-text",
					'props'    => array(
						'color' => $pricing_column->feature_item_text_color,
					),
				) );
			endif;

			// Feature Item Icon Color
			$feature_item_icon_color = ! empty( $feature->icon_color ) ? $feature->icon_color : '';
			if ( empty( $feature_item_icon_color ) && ! empty( $pricing_column->feature_item_icon_color ) ) {
				$feature_item_icon_color = $pricing_column->feature_item_icon_color;
			}
			FLBuilderCSS::rule( array(
				'selector' => ".fl-node-$id .fl-pricing-table-column-$i .feature-item-$list_index .fl-feature-icon",
				'props'    => array(
					'color' => $feature_item_icon_color,
				),
			));

			// Feature Item Tooltip Icon Color
			if ( ! empty( $pricing_column->pbox_tooltip_icon_color ) ) :
				FLBuilderCSS::rule( array(
					'selector' => ".fl-node-$id .fl-pricing-table-column-$i .feature-item-$list_index .fl-builder-tooltip-icon",
					'props'    => array(
						'color' => $pricing_column->pbox_tooltip_icon_color,
					),
				));
			endif;

			// Tooltip Text Color
			if ( ! empty( $pricing_column->tooltip_text_color ) ) :
				FLBuilderCSS::rule( array(
					'selector' => ".fl-node-$id .fl-pricing-table-column-$i .feature-item-$list_index .fl-builder-tooltip .fl-builder-tooltip-text",
					'props'    => array(
						'color' => $pricing_column->tooltip_text_color,
					),
				) );
			endif;

			// Tooltip Background Color
			if ( ! empty( $pricing_column->tooltip_bg_color ) ) :
				FLBuilderCSS::rule( array(
					'selector' => ".fl-node-$id .fl-pricing-table-column-$i .feature-item-$list_index .fl-builder-tooltip-text",
					'props'    => array(
						'background-color' => $pricing_column->tooltip_bg_color,
					),
				) );
			endif;

			$list_index++;

		endforeach;

	}

	?>

<?php endfor; ?>

Anon7 - 2022
AnonSec Team