/* Defaults styles */

.wp-block-bbl-post-listing {
	margin-top: var(--wp--custom--layout--block-gap);
    margin-bottom: var(--wp--custom--layout--block-gap);
}
.wp-block-bbl-post-listing.has-background {
	padding-top: var(--space-l-3xl);
	padding-bottom: var(--space-l-3xl);
}
.wp-block-bbl-post-listing.alignfull {
	padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
	padding-top: var(--space-l-3xl);
	padding-bottom: var(--space-l-3xl);
}


.wp-block-bbl-post-listing .post-listing__posts {
	display: grid;
	grid-template-columns: repeat(1	, minmax(0, 1fr));
	gap: calc(var(--wp--custom--layout--block-gap, 30px) * 1.5) var(--wp--custom--layout--block-gap, 30px);
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.wp-block-bbl-post-listing .post-listing__posts.layout-list {
	gap: 0;
}

/* Legal Services */
.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="legal-services"] .post-listing__posts.layout-list {
	gap: 1rem;
}

/* Block header */
.wp-block-bbl-post-listing .post-listing__header {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: var(--space-m-l);
	width: 100%;
}
.wp-block-bbl-post-listing.has-foreground-background-color .post-listing__cta {
	color: var(--wp--preset--color--grey-1);
}

/* Post type: Posts */

.wp-block-bbl-post-listing:not(.has-background) .bbl-post-listing__inner[data-post-type="post"] {
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--theme-1);

}
.wp-block-bbl-post-listing:not(.has-background) .bbl-post-listing__inner[data-post-type="post"] .wp-block-heading,
.wp-block-bbl-post-listing:not(.has-background) .bbl-post-listing__inner[data-post-type="post"] .post-summary__title {
	color: var(--wp--preset--color--theme-1);
}


/* Colour variations */
.wp-block-bbl-post-listing.has-theme-2-background-color .post-summary__title {
	color: var(--wp--preset--color--theme-1);
}

/* Default grid layout styles */
@media only screen and (min-width: 768px) {

	.wp-block-bbl-post-listing .post-summary {
		margin-bottom: 0;
	}

	.wp-block-bbl-post-listing .post-listing__posts.columns-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wp-block-bbl-post-listing .post-listing__posts.columns-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.wp-block-bbl-post-listing .post-listing__posts.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	/* Post Type: Post */
	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"] {
		max-width: var(--wp--style--global--content-size);
		margin-inline: auto;
	}

	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"]:not(.no-header) {
		display: grid;
		grid-template-columns: 1.5fr 3.5fr;
		gap: 0 calc(var(--wp--custom--layout--block-gap, 30px) * 1.5) var(--wp--custom--layout--block-gap, 30px);
	}


	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"]:before,
	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"]:after {
		content: "";
		width: 100vw;
		height: 2px;
		background-color: var(--wp--preset--color--theme-1);
		grid-column: 1/-1;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"] .post-listing__header {
		padding-top: var(--space-m-l);
		padding-right: var(--space-m-l);
	}
	.wp-block-bbl-post-listing .bbl-post-listing__inner[data-post-type="post"] .post-listing__posts.layout-grid {
		border-left: 2px solid var(--wp--preset--color--theme-1);
		gap: 0;
	}

}


/* Editor Styles */
.editor-styles-wrapper .wp-block-bbl-post-listing a {
	pointer-events: none;
}
.editor-styles-wrapper .wp-block-bbl-post-listing article {
	opacity: 1 !important;
	transform: none !important;
}