Your IP : 216.73.216.95

Current Path : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/elementor/widgets/
Upload File :
Current File : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/elementor/widgets/_icon.scss

.maxcoach-icon-wrap {
	line-height: 0;
}

.maxcoach-icon-view {
	display: inline-block;
	font-size: 60px;
}

.maxcoach-icon {
	display: inline-flex;
	align-items: center;
	text-align: center;
	font-size: 60px;
	line-height: 1;
	transition: all 0.3s;
	color: #818a91;
	width: 1em;
	height: 1em;

	.icon {
		@extend %NormalTransition;
	}

	i,
	svg {
		display: block;
	}

	i {
		background: inherit;
	}

	/*svg {
		width: 1em;
		height: 1em;
	}*/

	svg.svg-defs-gradient {
		position: absolute !important;
		width: 0 !important;
		height: 0 !important;
	}
}

.svg-defs-gradient {
	.stop-a,
	.stop-b {
		@extend %NormalTransition;
	}
}

.maxcoach-solid-icon {
	svg {
		*[stroke^="#"],
		*[stroke^="url(#"] {
			stroke: currentColor;
		}

		*[fill^="#"],
		*[fill^="url(#"] {
			fill: currentColor;
		}
	}
}

// Fix Font Awesome Duotone not working with gradient color.
.maxcoach-gradient-icon {
	.fad {
		&:before,
		&:after {
			background: inherit;
		}
	}
}

.maxcoach-icon-view.second {
	display: none !important;
}

.maxcoach-view-stacked {
	.maxcoach-icon-view {
		padding: .5em;
		background-color: #111;
	}

	.maxcoach-icon-view-inner {
		position: relative;
		width: 1em;
		height: 1em;

		.maxcoach-icon {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
		}
	}
}

.maxcoach-view-bubble {
	.maxcoach-icon-wrap {
		position: relative;
		display: inline-block;
		padding-bottom: 21px;
	}

	.maxcoach-icon-view {
		border-radius: 50%;
		background-image: linear-gradient(-225deg, rgba(241, 212, 211, .17) 15%, rgba(223, 169, 168, .17) 85%);

		&.first {
			padding: .84em;
		}

		&.second {
			display: inline-block !important;
			padding: .28em;
			position: relative;
			bottom: 21px;
			margin-left: 22px;
		}

		.icon {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0;
		}
	}
}

.maxcoach-shape-circle {
	.maxcoach-icon-view {
		border-radius: 50%;
	}
}