.block-about.has-background:not(.alignfull),
.editor-styles-wrapper .block-about.has-background:not(.alignfull) {
	padding: 0;
}

.block-about .block-about__content {
	position: relative;
	background: var(--wp--preset--color--background);
}

.block-about__content > figure:first-child {
	/* we'll assume the first image is a badge that needs to stick out the top */
	margin-top: calc(-45px + calc( -1 * var(--cwp-block-about-content-padding) ) );
}

.block-about__content .wp-block-separator {
	/* for the small line */
	max-width: 100px;
	margin-block: 16px !important;
	margin-inline: auto;
}

.block-about .social-links svg {
	fill: var(--wp--preset--color--primary);
}

@media only screen and (max-width: 767px) {
	.block-about {
		--cwp-block-about-content-padding: 16px;
	}

	.block-about.block-about:not(.alignfull) .block-about__inner {
		padding-bottom: 40px;
	}

	.block-about__image {
		height: auto;
	}

	.block-about.alignfull .block-about__image {
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
		max-width: 100vw;
	}

	.block-about__content {
		margin-top: -40px;
		padding: var(--cwp-block-about-content-padding);
	}

	.block-about.block-about:not(.alignfull) .block-about__content {
		margin-inline: var(--wp--custom--layout--padding);
		border-bottom: 1px solid transparent;
	}

}

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

	.block-about:not(.block-area-sidebar .block-about) {
		--cwp-block-about-content-padding: 24px;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__inner {
		display: grid;
		grid-template-columns: 1.17fr 1fr;
	}

	.block-about:not(.block-area-sidebar .block-about).alignfull .block-about__inner {
		max-width: 928px;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__image {
		position: relative;
		height: 100%;
		width: 100%;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__image img,
	.block-about:not(.block-area-sidebar .block-about) .block-about__image img[style] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		aspect-ratio: auto !important;
		object-fit: cover;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__content {
		padding: var(--cwp-block-about-content-padding);
		margin-block: 24px;
		margin-left: -80px;
	}

	.block-about:not(.block-area-sidebar .block-about):not(.alignfull) .block-about__content {
		margin-right: 24px;
	}

}

/* Sidebar */
.block-area-sidebar .block-about {
	--cwp-block-about-content-padding: 16px;
}

.block-area-sidebar .block-about.block-about:not(.alignfull) .block-about__inner {
	padding-bottom: 20px;
}

.block-area-sidebar .block-about__content {
	margin-top: -40px;
	padding: var(--cwp-block-about-content-padding);
}

.block-area-sidebar .block-about.block-about:not(.alignfull) .block-about__content {
	margin-inline: var(--wp--custom--layout--padding);
	border-bottom: 1px solid transparent;
}