/*************************************
WordPress Specifics
**************************************/
.alignleft,
.alignright {
	display: inline-block;
}

.alignleft {
	float: left;
	margin: 0 20px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 20px;
}

.alignnone {
	margin: 5px 15px 15px 0;
}

.aligncenter {
	display: block;
	margin: 15px auto;
	text-align: center;
}

.wp-block-image {
	margin: 24px 0;
}

.wp-block-image.is-style-rounded {
	img {
		border-radius: 50%;
	}
}

.wp-caption {
	max-width: 100%;
	font-size: 1.2rem;
	text-align: center;

	img {
		max-width: 100%;
	}
}

.wp-block-columns {
	display: flex;
	gap: 6px;
	margin: 24px 0;
}

body #wpadminbar {
	--body-font-color: var(--color-white);

	@include media-max(783px) {
		position: fixed !important;
	}
}

.wp-block-embed__wrapper {
	position: relative;
	&::before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	iframe {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
}