/* =cookbooks */
.block-cookbooks {

}

.block-cookbooks p {
	margin: 0;
}

.block-cookbooks__title {
	font-size: var(--wp--preset--font-size--jumbo);
	text-align: center;
}

.block-cookbooks .block-cookbooks__items {
	display: grid;
}

.block-cookbooks .block-cookbooks__item {
	position: relative;
	background-color: white;
	box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.10);
	color: #212121;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	border-radius: 6px;
}

.block-cookbooks .block-cookbooks__item-image-container {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.block-cookbooks .block-cookbooks__item-image-container::before {
	content: '';
	display: block;
	background: var(--wp--preset--color--primary);
	border-radius: 50%;
}

.block-cookbooks .block-cookbooks__item:nth-child(odd) .block-cookbooks__item-image-container img {
	transform: rotate(10deg);
}
.block-cookbooks .block-cookbooks__item:nth-child(even) .block-cookbooks__item-image-container img {
	transform: rotate(-10deg);
}

.block-cookbooks .block-cookbooks__item-image-container img {
	width: 164px;
	height: 205px;
	position: absolute;
	top:0;
}

.block-cookbooks .block-cookbooks__item-title {
	font-size: var(--wp--preset--font-size--huge);
	font-family: var(--wp--preset--font-family--playfair-display);
	font-weight: 800;
	margin-bottom: 16px;
	line-height: var(--wp--custom--line-height--tiny);
}

.block-cookbooks .block-cookbooks__item-content {
	flex-grow: 1;
}

.block-cookbooks .block-cookbooks__item-content > *:last-child {
	margin-bottom: 0;
}

.block-cookbooks .wp-block-buttons {
	margin-top: 28px;
}

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

	.block-cookbooks__title {
		margin-bottom: 112px;
	}

	.block-cookbooks .block-cookbooks__items {
		grid-template-columns: repeat( 1, minmax(0, 1fr) );
		row-gap: 106px;
	}

	.block-cookbooks .block-cookbooks__item {
		padding: 162px 18px 36px;
	}

	.block-cookbooks .block-cookbooks__item-image-container {
		width: 200px;
		height: 205px;
		top: -69px;
	}
	.block-cookbooks .block-cookbooks__item-image-container::before {
		width: 200px;
		height: 205px;
	}

	.block-cookbooks .block-cookbooks__item-image-container img {
		width: 164px;
		height: 205px;
		left: 18px;
	}

}

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

	.block-cookbooks__title {
		margin-bottom: 120px;
	}

	.block-cookbooks .block-cookbooks__items {
		/* grid-template-columns: repeat( 2, minmax(0, 1fr) ); - removed so can center when only one cookbook */
		display: flex;
		column-gap: 32px;
		row-gap: 120px;
		justify-content: center;
	}

	.block-cookbooks .block-cookbooks__item {
		padding: 274px 24px 34px;
		max-width: calc( var(--wp--custom--layout--page) / 2 );
	}

	.block-cookbooks .block-cookbooks__item-image-container {
		width: 298px;
		height: 306px;
		top: -63px;
	}

	.block-cookbooks .block-cookbooks__item-image-container::before {
		width: 298px;
		height: 306px;
	}

	.block-cookbooks .block-cookbooks__item-image-container img {
		width: 245px;
		height: 306px;
		left: 26px;
	}

}
