.block-food-truck {
	border: 2px solid var(--wp--preset--color--foreground);
	position: relative;
}

.block-food-truck__top {
	display: flex;
	gap: 24px;
}

.block-food-truck__bottom {
	display: flex;
}

.block-food-truck .block-food-truck__location--title,
.block-food-truck .block-food-truck__date-and-time--title {
	font-family: var(--wp--custom--typography--interface--font-family);
	font-weight: var(--wp--custom--typography--interface--font-weight);
	letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
	line-height: var(--wp--custom--typography--interface--line-height);
	text-transform: var(--wp--custom--typography--interface--text-transform);

	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--tertiary);
}

.block-food-truck .block-food-truck__location--line-1 {
	font-weight: 700;
}


@media only screen and (max-width: 767px) {
	.block-food-truck.has-background,
	.editor-styles-wrapper .block-food-truck.has-background {
		padding: 16px;
	}

	.block-food-truck__top {
		flex-direction: column;
	}

	.block-food-truck__bottom {
		flex-direction: column;
		margin-top: 24px;
	}

	.block-food-truck__bottom > * {
		border-top: 2px solid var(--wp--preset--color--foreground);
		padding-top: 24px;
	}

	.block-food-truck__bottom .block-food-truck__date-and-time {
		margin-top: 24px;
	}

}


@media only screen and (min-width: 768px) {

	.block-food-truck.has-background,
	.editor-styles-wrapper .block-food-truck.has-background {
		padding: 24px;
	}

	.block-food-truck__top {
		align-items: center;
	}

	.block-food-truck .block-food-truck__image {
		width: 300px;
		flex-shrink: 0;
	}

	.block-food-truck__bottom {
		border-top: 2px solid var(--wp--preset--color--foreground);
		padding-top: 32px;
		margin-top: 24px;
	}

	.block-food-truck__bottom > * {
		flex: 1 1 0;
	}

	.block-food-truck .block-food-truck__location {
		border-right: 1px solid var(--wp--preset--color--foreground);
		padding-right: 40px;
	}

	.block-food-truck .block-food-truck__date-and-time {
		border-left: 1px solid var(--wp--preset--color--foreground);
		padding-left: 40px;
	}

}


@media only screen and (min-width: 992px) {

	.block-food-truck.has-background,
	.editor-styles-wrapper .block-food-truck.has-background {
		padding: 40px 40px 40px 380px;
	}

	.block-food-truck .block-food-truck__image {
		position: absolute;
		left: 40px;
		top: 40px;
	}

	.block-food-truck .block-food-truck__bottom {
		padding-top: 48px;
	}

}