/*---------------------------------------------------------
 3. Elements (_elements.scss)
-------------------------------------------------------- */
h1 {
	@include rem('font-size', $heading-size-1);
}

h2 {
	@include rem('font-size', $heading-size-2);
}

h3 {
	@include rem('font-size', $heading-size-3);
}

h4 {
	@include rem('font-size', $heading-size-4);
}

h5 {
	@include rem('font-size', $heading-size-5);
}

h6 {
	@include rem('font-size', $heading-size-6);
}

h1,
h2,
h3,
h4,
h5,
h6,
.button,
.stag-button,
input[type='submit'],
input[type='reset'],
.button-secondary {
	font-weight: normal;
	font-weight: 700;
}

blockquote {
	clear: both;
	color: #bdbdbd;
	padding-left: 1em;
	padding-right: 1em;
	p {
		@include for(medium-screens) {
			@include rem('font-size', 24px);
		}
		// @include rem('word-spacing', -1px);
		@include rem('font-size', 20px);
	}
	cite {
		color: $detail-lightgray;
		@include rem('margin-bottom', $base);
		@include rem('font-size', 17px); //reset
	}
}

.entry-content .wp-block-pullquote:not(.alignleft):not(.alignright) {
	margin-top: 30px;
	margin-bottom: 30px;
}

q {
	&:before {
		content: '\201C';
	}
	&:after {
		content: '\201D';
	}
}
tt,
kbd,
pre,
code,
samp {
	font-family: $mono;
	color: $detail-washedgray;
	border: $rule;
	@include rem('padding', 1px 3px);
	@include rem('word-spacing', -1px);
}
pre {
	overflow: auto;
	white-space: pre-wrap;
	@include rem('padding', $base);
	@include rem('margin-bottom', $base);
}
del,
strike {
	color: $detail-lightgray;
}
abbr,
acronym,
dfn {
	cursor: help;
	border-bottom: $rule;
	a & {
		border-bottom: 0; //reset
	}
}
details {
	summary {
		font-weight: 700;
		@include rem('margin-bottom', $base);
	}
	:focus {
		outline: none;
	}
}
mark {
	background-color: #fff9c0;
}
ins {
	text-decoration: none; //reset
}
small {
	font-size: 0.75em;
}
big {
	font-size: 1.25em;
}
sub,
sup {
	@include for(medium-screens) {
		font-size: 68.75%; //11px
	}
	font-size: 75%; //12px
}
address {
	font-style: normal; //reset
	font-weight: 700;
}

hr:not(.stag-divider):not(.is-style-dots),
.stag-divider--plain {
	height: 1px;
	border: 1px solid #333;
	max-width: 370px;
	margin: $base * 2.5 auto;
	position: relative;
	overflow: visible;

	&::before {
		content: '\f02e';
		font-family: 'Font Awesome 5 Free';
		position: absolute;
		top: 50%;
		width: 70px;
		left: 50%;
		right: 50%;
		margin-left: -35px;
		text-align: center;
		@include transform(translateY(-50%));
	}
}
/*---------------------------------------------------------
 Definition lists (_elements.scss)
-------------------------------------------------------- */
dl {
	dt {
		margin-bottom: 0; //reset
	}
	dd {
		@include rem('margin-left', 40px);
	}
}
/*---------------------------------------------------------
 Tables (_elements.scss)
-------------------------------------------------------- */
table {
	width: 100%;
	border: none;
	margin-bottom: 70px;
	text-align: left;
	@include rem('font-size', 14px);
	@extend %break-word;
	caption {
		@include rem('margin-bottom', $base);
	}
	th,
	td {
		border: none;
		padding: 15px 0;
		border-bottom: 2px solid #e6e4e4;
		&[valign='top'] {
			vertical-align: top;
		}
		&[valign='bottom'] {
			vertical-align: bottom;
		}
	}
	a {
		display: inline-block;
		margin-bottom: 5px;
	}

	tr {
		&:first-child th {
			padding-bottom: 25px;
		}
		th {
			text-align: left;
			text-transform: uppercase;
			letter-spacing: 3px;
			font-size: 13px;
			padding: 15px 15px 15px 0;
		}
		td {
			font-size: 18px;
			line-height: 1.6;
		}
		th:first-child,
		td:first-child {
			text-align: left;
		}
		th:last-child,
		td:last-child {
			text-align: right;
		}
	}
}
.wp-block-table td,
.wp-block-table th {
	padding: 0.5em;
}

.button-secondary {
	background: transparent;
	display: inline-block;
	color: #333;
	border: 2px solid #333;
	line-height: 1;
	@include rem('padding', 14px 20px);
}

.block-button,
#infinite-handle {
	max-width: 970px;
	margin: 50px auto;
	background: #f6f6f6;
	letter-spacing: 3px;
	color: #494949;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	@include transition(all 200ms);
	span {
		background: transparent;
		color: #000;
		padding: 0;
		display: block;
		@include rem('font-size', 18px);
	}
	a {
		color: inherit;
	}
	&:hover {
		background: #000;
		color: white;
		span {
			color: inherit;
		}
	}

	@include media(max-width $content-width + 1) {
		margin: {
			left: $base;
			right: $base;
		}
	}
}

#infinite-handle {
	padding: 0;
	a {
		display: block;
		padding: 25px;
		line-height: 1;
		border: 0;
	}
}

.infinite-loader {
	margin: 50px auto;
	.spinner {
		margin: 0 auto;
		left: 0 !important;
	}
}

.stag-button--stroke {
	border-width: 2px;
	color: inherit;
}

.sticky,
.gallery-caption,
.bypostauthor {
	color: inherit;
}
