/* Sunspire Icons — used by the Elementor icon picker / editor preview (<i class="ss-icon ss-icon-*">).
   The front end prints inline SVG instead. */
.ss-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask: var(--ss-icon) center / contain no-repeat;
	mask: var(--ss-icon) center / contain no-repeat;
}

.ss-icon-facebook { --ss-icon: url(../icons/facebook.svg); }
.ss-icon-instagram { --ss-icon: url(../icons/instagram.svg); }
.ss-icon-linkedin { --ss-icon: url(../icons/linkedin.svg); }
.ss-icon-back-to-top { --ss-icon: url(../icons/back-to-top.svg); }
.ss-icon-chevron-down { --ss-icon: url(../icons/chevron-down.svg); }
.ss-icon-menu { --ss-icon: url(../icons/menu.svg); }
.ss-icon-close { --ss-icon: url(../icons/close.svg); }
.ss-icon-arrow-double-right { --ss-icon: url(../icons/arrow-double-right.svg); }
.ss-icon-arrow-double-right-24 { --ss-icon: url(../icons/arrow-double-right-24.svg); }
.ss-icon-arrow-double-left { --ss-icon: url(../icons/arrow-double-left.svg); }
.ss-icon-arrow-right { --ss-icon: url(../icons/arrow-right.svg); }
.ss-icon-star { --ss-icon: url(../icons/star.svg); }
.ss-icon-quote { --ss-icon: url(../icons/quote.svg); }
.ss-icon-google { --ss-icon: url(../icons/google.svg); }
.ss-icon-feat-personalized { --ss-icon: url(../icons/feat-personalized.svg); }
.ss-icon-feat-financing { --ss-icon: url(../icons/feat-financing.svg); }
.ss-icon-feat-equipment { --ss-icon: url(../icons/feat-equipment.svg); }
.ss-icon-feat-installation { --ss-icon: url(../icons/feat-installation.svg); }
.ss-icon-feat-roofing { --ss-icon: url(../icons/feat-roofing.svg); }
.ss-icon-feat-guidance { --ss-icon: url(../icons/feat-guidance.svg); }
.ss-icon-feat-customer { --ss-icon: url(../icons/feat-customer.svg); }
.ss-icon-feat-monitoring { --ss-icon: url(../icons/feat-monitoring.svg); }
