.block-about {
}

.block-about.cwp-large,
.block-about.cwp-large.has-background {
	padding: 0;
}

.wp-block.has-background[data-type="cwp/about"] {
    padding: 0;
}

.block-about .block-about__content {
	margin-top: 0;
}

.block-about__content {
	position: relative;
	background: var(--wp--preset--color--backdrop);
	border: var(--wp--custom--border-width--small) solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--border-radius--tiny);
}

.block-about__content:before {
	display: block;
	content: '';
	position: absolute;
	background: transparent url(https://lilluna.com/wp-content/themes/lilluna-2023/assets/icons/color/ll-heart-rotated-left.svg) no-repeat center;
	z-index: 99;
}

.block-about .block-about__content p.is-style-subheading + p.is-style-heading {
	margin-top: 4px;
}

.block-about ul.social-links {
	justify-content: center;
}

@media only screen and (max-width: 600px) {
	.block-about .block-about__image {
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
	}

	.block-about .block-about__content {
		padding: var(--wp--custom--layout--block-gap);
		margin-top: calc( -1 * var(--wp--custom--layout--padding) );
	}

	.block-about__content:before {
		width: 41px;
		height: 41px;
		top: 10px;
		left: -12px;
	}
}

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


	.block-about__inner {
		display: flex;
	}

	.block-about__inner > * {
		flex-basis: 0;
		flex-grow: 1;
	}

	.block-about__image {
		position: relative;
	}

	.block-about__image img {
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit: cover;
	}

	figure.block-about__image > .components-resizable-box__container {
		height: 100% !important;
		width: 100% !important;
	}

	.block-about .block-about__content {
		padding: 24px;
		align-self: center;
		margin-top: 0;
	}

	.editor-styles-wrapper .block-about .block-about__content {
		margin-top: 0; /* override editor top margin */
	}

	.block-about__content:before {
		width: 86px;
		height: 86px;
		top: 19px;
		left: -37px;
	}

}

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


	.block-about .block-about__inner,
	.editor-styles-wrapper .block-about .block-about__inner {
		display: grid;
		grid-template-areas: "stack";
		align-items: center;
	}

	.block-about .block-about__image,
	.editor-styles-wrapper .block-about .block-about__image {
		grid-area: stack;
		align-self: stretch;
		width: 67.5%; /* 810 in designs */
	}

	.block-about__image figure,
	.block-about__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: static;
	}

	.block-about__content {
		grid-area: stack;
		width: 36.5%; /* 438px in designs */
		margin-left: 63.5%;/* 762px in designs */
	}


}

/* Sidebar Styles */
.block-area-sidebar .block-about .block-about__inner {
	display: block;
}

.block-area-sidebar .block-about .block-about__image {
	width: auto;
	margin-left: calc( -1 * var(--wp--custom--layout--padding) );
	margin-right: calc( -1 * var(--wp--custom--layout--padding) );
}

.block-area-sidebar .block-about .block-about__image img {
	width: auto;
	height: auto;
	object-fit: initial;
}

.block-area-sidebar .block-about .block-about__content {
	padding: var(--wp--custom--layout--block-gap);
	margin-top: calc( -1 * var(--wp--custom--layout--padding) );
	width: auto;
	margin-left: 0;
}

.block-area-sidebar .block-about__content:before {
	width: 41px;
	height: 41px;
	top: 10px;
	left: -12px;
}