
.glass { 
	background: linear-gradient(0deg, rgba(100, 100, 100, 0.5) 0%, rgba(100, 100, 100, 0) 100%);
	-webkit-backdrop-filter: blur(.5rem);
	backdrop-filter: blur(.5rem);
}

.neumorphism  {
	box-shadow: 3px 3px 5px 0 rgba(174, 174, 192, 0.2), -3px -3px 5px 0 rgba(255, 255, 255, 0.7)
}

.glassmorphism  {	
	border: 1px solid rgba(151,151,151, 1);
	opacity: 1;
	background-size: 36.7135416666667%;
	background-image: linear-gradient(224.03492698355262deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.glassmorphism  {
	position: relative;
	overflow: visible;
}

.glassmorphism:before, 
.glassmorphism:after   {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height:100%;	
	border-radius: var(--wp--custom--radius);
}

.glassmorphism:before   {
	z-index: -2;
	background: linear-gradient(135deg, rgba(151,151,151, 0) 75%, rgba(151,151,151, .7) 100%);
	top:1px;
	left: 1px;
}
.glassmorphism:after   {
	z-index: -1;
	background: linear-gradient(315deg, rgba(255,255,255, 0) 75%, rgba(255,255,255, 1) 100%);
	top:-1px;
	left: -1px;
}


.has-xxxx-large-font-size {
	line-height: var(--wp--preset--spacing--80); 	// 76px / 64px
}


.has-xxx-large-font-size {
	line-height: var(--wp--preset--spacing--70); 	// 64px / 56px
}

.has-xx-large-font-size {
	line-height: var(--wp--preset--spacing--50);	// 46px / 40px
}

.has-x-large-font-size {
	line-height: var(--wp--preset--spacing--50);	// 38px / 40px
}

.has-large-font-size {
	line-height: var(--wp--preset--spacing--40);	// 26px / 32px
}

.has-medium-font-size {
	line-height: var(--wp--preset--spacing--40); 	// 21px / 32px
}

.has-small-font-size {
	line-height: var(--wp--preset--spacing--30); 	// 16px / 24px;
}

.has-x-small-font-size {
	line-height: var(--wp--preset--spacing--30);	// 14px / 24px
}







