/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: var(--dark);
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 1em;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h6 {
	color: var(--dark--200);
	font-size: 1em;
	font-weight: 400;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h1 {
	&.big {
		font-size: 4.2em;
		line-height: 54px;
	}
	&.small {
		font-size: 2.2em;
		line-height: 42px;
		font-weight: 600;
	}
	&.short {
		margin-bottom: 15px;
	}
}

h2.short {
	margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin-top: 44px;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
	color: var(--dark);
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	color: var(--light);
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* Heading */
.heading {
	&.heading-border {
		margin-bottom: 25px;
		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			padding: 0;
		}
	}

	&.heading-bottom-border {
		h1 {
			border-bottom: 5px solid #eaeaea;
			padding-bottom: 10px;
		}
		h2, h3 {
			border-bottom: 2px solid #eaeaea;
			padding-bottom: 10px;
		}
		h4, h5, h6 {
			border-bottom: 1px solid #eaeaea;
			padding-bottom: 5px;
		}
	}

	&.heading-bottom-double-border {
		h1, h2, h3 {
			border-bottom: 3px double #eaeaea;
			padding-bottom: 10px;
		}
		h4, h5, h6 {
			border-bottom: 3px double #eaeaea;
			padding-bottom: 5px;
		}
	}

	&.heading-middle-border {
		position: relative;
		&:before {
			border-top: 1px solid #eaeaea;
			content: "";
			height: 0;
			left: auto;
			position: absolute;
			right: 0;
			top: 50%;
			width: 100%;
		}
		h1, h2, h3, h4, h5, h6 {
			position: relative;
			background: var(--light);
			display: inline-block;
		}
		h1 {
			padding-right: 15px;
		}
		h2, h3 {
			padding-right: 10px;
		}
		h4, h5, h6 {
			padding-right: 5px;
		}
	}

	&.heading-middle-border-reverse {
		text-align: right;
		h1, h2, h3, h4, h5, h6 {
			padding-right: 0;
		}
		h1 {
			padding-left: 15px;
		}
		h2, h3 {
			padding-left: 10px;
		}
		h4, h5, h6 {
			padding-left: 5px;
		}
	}

	&.heading-middle-border-center {
		text-align: center;
		h1 {
			padding-left: 15px;
			padding-right: 15px;
		}
		h2, h3 {
			padding-left: 10px;
			padding-right: 10px;
		}
		h4, h5, h6 {
			padding-left: 5px;
			padding-right: 5px;
		}
	}

	&.heading-border-xs {
		&:before {
			border-top-width: 1px;
		}
	}

	&.heading-border-sm {
		&:before {
			border-top-width: 2px;
		}
	}

	&.heading-border-lg {
		&:before {
			border-top-width: 3px;
		}
	}

	&.heading-border-xl {
		&:before {
			border-top-width: 5px;
		}
	}
}

/* Modal Titles */
.modal-header h3 {
	color: var(--dark--200);
	text-transform: none;
}

// Responsive
@media (max-width: 575px) {

	h2 {
		line-height: 40px;
	}

}

@media (max-width: 767px) {

	h1.big {
		font-size: 3.2em;
		line-height: 42px;
	}

}