.light-con, .light-el, .light-btn, .light-svg, .light-txt, .light-btn {
	--light-direction: to bottom;
}

.light-con > .uncol,
.light-con > .uncol > .uncoltable,
.light-el,
.light-btn,
.light-txt,
.blur-con > .uncol
.light-btn {
	position: relative;
}
.light-con:not(.overlay-blur) > .uncol > .uncoltable {
	z-index: 2;
}

.light-con.border-radius-lg	> .uncol:before,
.light-el.border-radius-lg:before {
	border-radius: var(--border-radius-lg);
}
.light-btn:before, .light-btn.border-radius-sm:before {
	border-radius: var(--border-radius-sm);
}
.light-btn.border-radius-lg:before {
	border-radius: var(--border-radius-lg);
}

.light-top-right {
	--light-direction: to bottom left;
}
.light-right {
	--light-direction: to left;
}
.light-bottom-right {
	--light-direction: to top left;
}
.light-bottom {
	--light-direction: to top;
}
.light-bottom-left {
	--light-direction: to top right;
}
.light-left {
	--light-direction: to right;
}
.light-top-left {
	--light-direction: to bottom right;
}

.light-con > .uncol:before, .light-el {
	background: linear-gradient(var(--light-direction), rgba(var(--light-blue), .4), rgba(var(--light-blue), 0));
}
.theme-light .light-con > .uncol:before, .theme-light .light-el {
	background: linear-gradient(var(--light-direction), rgba(var(--light-blue), .15), rgba(var(--light-blue), 0));
}

.light-con > .uncol:before,
.light-el:before,
.light-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1.5px solid rgb(var(--light-blue));
	z-index: 3;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(var(--light-direction), black, transparent);
	mask-image: linear-gradient(var(--light-direction), black, transparent, transparent);
}
.theme-light .light-con > .uncol:before, .theme-light .light-el:before {
	mask-image: linear-gradient(var(--light-direction), rgba(0, 0, 0, 0.4), transparent, transparent);
}
.light-con.light-all > .uncol:before {
	background: none;
	border: 1.5px solid rgba(var(--light-blue), .3);
	z-index: 3;
	pointer-events: none;
}
.light-con.light-all-border > .uncol:before, .light-btn.btn-primary:before {
	background: linear-gradient(var(--light-direction), rgba(var(--light-blue), .3), rgba(var(--light-blue), 0));
	-webkit-mask-image: linear-gradient(var(--light-direction), #fffa, #fff3);
	mask-image: linear-gradient(var(--light-direction), #fffa, #fff3);
}

.light-btn.btn-secondary-dark:before {
	background: linear-gradient(var(--light-direction), rgba(var(--light-blue), .25), rgba(var(--light-blue), 0));
}
.light-btn.btn-secondary:before {
	background: linear-gradient(var(--light-direction), rgba(var(--light-blue), .25), rgba(var(--light-blue), 0));
}
.light-btn.btn-secondary-dark:before, .light-btn.btn-secondary:before {
	-webkit-mask-image: linear-gradient(var(--light-direction), #fffa, #fff3);
	mask-image: linear-gradient(var(--light-direction), #fffa, #fff3);
}

.light-txt span {
	background: linear-gradient(var(--light-direction), rgb(var(--light-blue)), #405D7D);
	background-clip: text;
	color: transparent !important;
	text-stroke: 2px solid white;
}
.light-svg-txt text {
	fill: linear-gradient(to bottom, red, green);
}
.light-con.light-all > .uncol:before {
	-webkit-mask-image: unset;
	mask-image: unset;
}

.blur-con > .uncol {
	backdrop-filter: blur(8px);
}



.overlay-blur > .uncol:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(var(--light-direction), #0008, #0000);
	backdrop-filter: blur(9px);
	-webkit-mask-image: linear-gradient(var(--light-direction), black, black, transparent, transparent, transparent);
	mask-image: linear-gradient(var(--light-direction), black, black, transparent, transparent, transparent);
	z-index: 0;
}


.border-radius-none, .border-radius-none-con > .uncol, picture.border-radius-none img, .post-content picture[class*="wp-image-"].border-radius-none img {
	border-radius: 0;
}
.border-radius-sm {
    border-radius: var(--border-radius-sm);
    
}

.border-radius-lg,
.border-radius-lg > .uncol > .uncoltable > .uncell,
.border-radius-lg > .uncol > .uncoltable > .uncell > .column-background,
.border-radius-lg > .uncol:after,
.border-radius-lg > .uncol {
    border-radius: var(--border-radius-lg);
}

.box-shadow-none, .box-shadow-none-con > .uncol, picture.box-shadow-none img {
	box-shadow: none !important;
}
.box-shadow-lg, .box-shadow-lg-con > .uncol {
	box-shadow: var(--box-shadow-lg);
}
.box-shadow-light, .box-shadow-light-con > .uncol {
	box-shadow: var(--box-shadow-light);
}
.box-shadow-mid, .box-shadow-mid-con > .uncol {
	box-shadow: var(--box-shadow-mid);
}
.box-shadow-sm-light {
	box-shadow: var(--box-shadow-sm-light);
}

@media (max-width: 995px) {
	.t-light-top {
		--light-direction: to bottom;
	}
	.t-light-top-right {
		--light-direction: to bottom left;
	}
	.t-light-right {
		--light-direction: to left;
	}
	.t-light-bottom-right {
		--light-direction: to top left;
	}
	.t-light-bottom {
		--light-direction: to top;
	}
	.t-light-bottom-left {
		--light-direction: to top right;
	}
	.t-light-left {
		--light-direction: to right;
	}
	.t-light-top-left {
		--light-direction: to bottom right;
	}
}

@media (max-width: 568px) {
	.m-light-top {
		--light-direction: to bottom;
	}
	.m-light-top-right {
		--light-direction: to bottom left;
	}
	.m-light-right {
		--light-direction: to left;
	}
	.m-light-bottom-right {
		--light-direction: to top left;
	}
	.m-light-bottom {
		--light-direction: to top;
	}
	.m-light-bottom-left {
		--light-direction: to top right;
	}
	.m-light-left {
		--light-direction: to right;
	}
	.m-light-top-left {
		--light-direction: to bottom right;
	}
}