/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ==========================================================================
   AFP – diagonal-cut corner utility
   Add the class "afp-cut-corner" to any WPBakery row/column (Design Options
   tab -> "Extra class name") to slice its top-right corner off at an angle,
   like the AFP Membership panel over a background photo.

   The box keeps straight left/bottom/most-of-top edges; the top-right
   corner is replaced by one diagonal line running from most of the way
   across the top edge down to the full right edge partway down the box.
   Tweak the two custom properties to move the diagonal:
     --afp-cut-x : how far along the TOP edge the diagonal starts
                   (bigger = starts further right = smaller cut)
     --afp-cut-y : how far down the RIGHT edge the diagonal ends
                   (bigger = diagonal reaches lower = steeper, bigger cut)
   ========================================================================== */
.afp-cut-corner {
	--afp-cut-x: 80%;
	--afp-cut-y: 65%;
	clip-path: polygon(
		0 0,
		var(--afp-cut-x) 0,
		100% var(--afp-cut-y),
		100% 100%,
		0 100%
	);
}

/* Same cut, mirrored onto the top-LEFT corner instead — for a box that
   sits on the right side of its background image. */
.afp-cut-corner-left {
	--afp-cut-x: 20%;
	--afp-cut-y: 65%;
	clip-path: polygon(
		var(--afp-cut-x) 0,
		100% 0,
		100% 100%,
		0 100%,
		0 var(--afp-cut-y)
	);
}