@charset "utf-8";

/* BOX MEDIA */
	.boxmedia {
		display: grid;
		grid-gap: var(--margin-pad);
		grid-template-columns: minmax(0, 1fr);
		}
	.boxmedia-holder {
		min-width: 0;
		width: 100%;
		}
	.boxmedia-info > .boxmedia-holder {
		padding-inline: var(--margin-pad);
		}
	.boxmedia-item {
		display: grid;
		grid-gap: var(--margin-block);
		width: 100%;
		}
	@media (max-width: 59.99em) {
		.boxmedia.boxmedia-margin-both > .boxmedia-item.boxmedia-inline:not(.boxmedia-mobile-full):first-child,
		.boxmedia.boxmedia-margin-before > .boxmedia-item.boxmedia-inline:not(.boxmedia-mobile-full):first-child {
			padding-top: var(--margin-normal);
			}
		.boxmedia.boxmedia-margin-both > .boxmedia-item:last-child,
		.boxmedia.boxmedia-margin-after > .boxmedia-item:last-child {
			padding-bottom: var(--margin-normal);
			}
		.boxmedia-item.boxmedia-mobile-inline > .boxmedia-image > .boxmedia-holder {
			padding-inline: var(--margin-pad);
			}
	}
	@media (min-width: 60em) {
		.boxmedia.boxmedia-margin-both,
		.boxmedia.boxmedia-margin-before {
			padding-top: var(--margin-normal);
			}
		.boxmedia.boxmedia-margin-both,
		.boxmedia.boxmedia-margin-after {
			padding-bottom: var(--margin-normal);
			}
		.boxmedia.boxmedia-item-margin-none,
		.boxmedia.boxmedia-item-margin-overlap.boxmedia-alternate-left,
		.boxmedia.boxmedia-item-margin-overlap.boxmedia-alternate-right {
			grid-gap: 0;
			}
		.boxmedia.boxmedia-item-margin-add {
			grid-gap: var(--margin-pad);
			}
		.boxmedia-info > .boxmedia-holder {
			padding-inline: 0;
			}
		.boxmedia-item {
			grid-gap: var(--margin-normal);
			grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		.boxmedia-item.boxmedia-top {
			align-items: flex-start;
			}
		.boxmedia-item.boxmedia-top .container-alt:first-child > .header:first-child {
			padding-top: 2rem;
			}
		.boxmedia-item.boxmedia-middle {
			align-items: center;
			}
		.boxmedia-item.boxmedia-bottom {
			align-items: flex-end;
			}
		.boxmedia-left .boxmedia-item > .boxmedia-image,
		.boxmedia-right .boxmedia-item > .boxmedia-info,
		.boxmedia-alternate-left .boxmedia-item:nth-child(odd) > .boxmedia-image,
		.boxmedia-alternate-left .boxmedia-item:nth-child(even) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(odd) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(even) > .boxmedia-image {
			order: 1;
			}
		.boxmedia-left .boxmedia-item > .boxmedia-info,
		.boxmedia-right .boxmedia-item > .boxmedia-image,
		.boxmedia-alternate-left .boxmedia-item:nth-child(odd) > .boxmedia-info,
		.boxmedia-alternate-left .boxmedia-item:nth-child(even) > .boxmedia-image,
		.boxmedia-alternate-right .boxmedia-item:nth-child(odd) > .boxmedia-image,
		.boxmedia-alternate-right .boxmedia-item:nth-child(even) > .boxmedia-info {
			order: 2;
			}
		.boxmedia-item-margin-none > .boxmedia-item > .boxmedia-info > .boxmedia-holder {
			margin-bottom: var(--margin-block);
			margin-top: var(--margin-block);
			}
		.boxmedia-left .boxmedia-item.boxmedia-inline > .boxmedia-image,
		.boxmedia-right .boxmedia-item > .boxmedia-info,
		.boxmedia-alternate-left .boxmedia-item:nth-child(odd).boxmedia-inline > .boxmedia-image,
		.boxmedia-alternate-left .boxmedia-item:nth-child(even) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(odd) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(even).boxmedia-inline > .boxmedia-image {
			padding-left: var(--margin-pad);
			}
		.boxmedia-left .boxmedia-item > .boxmedia-info,
		.boxmedia-right .boxmedia-item.boxmedia-inline > .boxmedia-image,
		.boxmedia-alternate-left .boxmedia-item:nth-child(odd) > .boxmedia-info,
		.boxmedia-alternate-left .boxmedia-item:nth-child(even).boxmedia-inline > .boxmedia-image,
		.boxmedia-alternate-right .boxmedia-item:nth-child(odd).boxmedia-inline > .boxmedia-image,
		.boxmedia-alternate-right .boxmedia-item:nth-child(even) > .boxmedia-info {
			padding-right: var(--margin-pad);
			}
		.boxmedia-inline .boxmedia-image > .boxmedia-holder,
		.boxmedia-inline .boxmedia-info > .boxmedia-holder,
		.boxmedia-full .boxmedia-info > .boxmedia-holder {
			max-width: calc(64rem - (var(--margin-pad) / 2));
			}
		.boxmedia-left .boxmedia-item.boxmedia-inline > .boxmedia-image,
		.boxmedia-right .boxmedia-item > .boxmedia-info,
		.boxmedia-alternate-left .boxmedia-item:nth-child(odd).boxmedia-inline > .boxmedia-image,
		.boxmedia-alternate-left .boxmedia-item:nth-child(even) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(odd) > .boxmedia-info,
		.boxmedia-alternate-right .boxmedia-item:nth-child(even).boxmedia-inline > .boxmedia-image {
			align-items: flex-start;
			display: flex;
			justify-content: flex-end;
			}
		.boxmedia-alternate-left.boxmedia-item-margin-overlap .boxmedia-item:nth-child(odd) > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-right.boxmedia-item-margin-overlap .boxmedia-item:nth-child(odd) > .boxmedia-info > .boxmedia-holder {
			padding-bottom: calc(var(--margin-normal) + var(--margin-block));
			}
		.boxmedia-alternate-left.boxmedia-item-margin-overlap .boxmedia-item:nth-child(even) > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-right.boxmedia-item-margin-overlap .boxmedia-item:nth-child(even) > .boxmedia-info > .boxmedia-holder {
			padding-top: var(--margin-block);
			}
		.boxmedia-alternate-left.boxmedia-item-margin-overlap .boxmedia-item:nth-child(even) > .boxmedia-image > .boxmedia-holder,
		.boxmedia-alternate-right.boxmedia-item-margin-overlap .boxmedia-item:nth-child(even) > .boxmedia-image > .boxmedia-holder {
			margin-top: calc(var(--margin-normal) * -1);
			}
		.boxmedia-alternate-left.boxmedia-item-margin-overlap .boxmedia-item:nth-child(odd):not(:first-child),
		.boxmedia-alternate-right.boxmedia-item-margin-overlap .boxmedia-item:nth-child(odd):not(:first-child) {
			padding-top: var(--margin-pad);
			}
		.boxmedia-item.boxmedia-sticky .boxmedia-holder {
			position: sticky;
			top: var(--sticky-top);
			transition: top 250ms ease-out;
			}
	}
	@media (min-width: 80em) {
		.boxmedia-left .boxmedia-item.boxmedia-slim > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-left .boxmedia-item.boxmedia-slim:nth-child(odd) > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-right .boxmedia-item.boxmedia-slim:nth-child(even) > .boxmedia-info > .boxmedia-holder {
			padding-right: var(--margin-pad);
			}
		.boxmedia-right .boxmedia-item.boxmedia-slim > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-right .boxmedia-item.boxmedia-slim:nth-child(odd) > .boxmedia-info > .boxmedia-holder,
		.boxmedia-alternate-left .boxmedia-item.boxmedia-slim:nth-child(even) > .boxmedia-info > .boxmedia-holder {
			padding-left: var(--margin-pad);
			}
	}