@use '../global' as *;

// WordPress Specific Styles
.sticky {
	display: block;
}

.bypostauthor {
	display: block;
}

/* Alignments
--------------------------------------------- */
%mobile-align-fix {
	@include mq('lg', '<') {
		display: block;
		margin-inline: auto;
		margin-bottom: 1.5em;
	}

}
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	@extend %mobile-align-fix;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	@extend %mobile-align-fix;
}

.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em;
}

.alignwide {
	max-width: none;
	width: 100%;
}

:where(.l-content-sidebar--no-sidebar) {
	.alignwide {
		@include mq('lg', '>='){
			width: calc(100% + 120px);
			margin-inline: -60px;
		}
	}
	.alignfull {
		max-width: none;
		width: 100vw;
		margin-inline: calc(-50vw + 50%);
	}
}

:where(.l-content-sidebar--full-width) {
	.alignwide {
		max-width: var(--container-width);
		margin-inline: auto;
	}
}


// WordPress Block Styles.
:where(.wp-block-button>.wp-block-button__link) {
	&:hover {
		color: #fff;
		opacity: .8;
	}
}

.wp-block-button.is-style-outline>.wp-block-button__link {
	&:hover {
		color: currentColor;
	}
}


.wp-block-file__button {
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	background-color: #32373c;
	color: #fff;
	&:hover {
		color: #fff;
		opacity: .8;
	}
}

.wp-block-table {
	td,th {
		text-align: start;
		border-color: var(--table-border-color, currentColor);
	}
}

.wp-block-group::after {
	display:table;
	clear:both;
	content: '';
}

.page-links {
	clear: both;
	margin: 1.5em 0;
}