/* ----------------------------------------------------------------------
	Counters
-------------------------------------------------------------------------*/
// DELETE VARIABLES
// Counters
.counter {
	margin-bottom: $spacer;

	span {
		font-size: 50px;
		line-height: 40px;
	}

	&.small {
		>span {
			font-size: 32px !important;
		}
	}

	&.medium {
		>span {
			font-size: 50px !important;
		}
	}

	&.large {
		>span {
			font-size: 62px !important;
		}
	}
}

.icon-box {
	&.fancy {
		>.counter span {
			margin: 0 12px 10px 56px;
		}

		&.medium {
			>.counter span {
				margin: 0 12px 10px 80px;
			}
		}
	}

	&.effect {
		&:not(.center) {
			>.counter span {
				margin: 0 12px 10px 82px;
			}
		}

		&.large:not(.center) {
			>.counter span {
				margin: 0 12px 10px 107px;
			}
		}

		&.medium:not(.center) {
			>.counter span {
				margin: 0 12px 10px 82px
			}
		}

		&.small:not(.center) {
			>.counter span {
				margin: 0 12px 10px 58px;
				font-size: 32px !important;
			}
		}
	}
}