html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	border-radius: $border__radius;
}

q {
	display: block;
	@include font-size(1.75);
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0;
	font-style: italic;
	letter-spacing: -1px;
	word-spacing: 2px;
	quotes: "\201c" "\201d";
	@include media-breakpoint-up(md) {
		margin-top: 1.5em;
		margin-bottom: .7em;
	}
	@include media-breakpoint-up(lg) {
		margin-top: 2.3em;
		margin-bottom: 1.7em;
	}
	&::before {
		content: open-quote;
	}
	&::after {
		content: close-quote;
	}
	cite {
		padding-left: 5px;
		opacity: .6;
	}
}

blockquote p {
	font-style: italic;
}

blockquote {
	position: relative;
	margin: 0 0 1.3em;
	padding: 0 0 0 23px;
	@include font-size(1.313);
	letter-spacing: -1px;
	word-spacing: 2px;
	border-left: 4px solid;
	word-break: break-word;
	p {
		display: inline;
		margin: 0;
		& + p {
			margin-top: 1em;
		}
	}
	cite {
		&:before {
			content: "\2013";
			display: inline-block;
			margin-left: 18px;
		}
	}
}

hr {
	background-color: $color__background-hr;
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}

.align-self-center {
	align-self: center;
}

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
@import "lists";

/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
@import "tables";

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
@import "page-preloader";

/*--------------------------------------------------------------
## ToTop button
--------------------------------------------------------------*/
@import "totop-button";