.contentbanner-layout {
	--cb-bg: #ffffff;
	--cb-heading: var(--pk-color-primary);
	--cb-text: inherit;
	--cb-btn-bg: var(--pk-color-primary);
	--cb-btn-bg-hover: var(--pk-color-secondary);
	--cb-btn-text: #ffffff;
	--cb-btn-text-hover: #ffffff;
}

.contentbanner-layout .pk-row-content {
    align-items: center;
	border-radius: var(--pk-button-radius);
    overflow: clip;
	border: 1px solid #E6E6E6;
	background-color: var(--cb-bg);
}

.contentbanner-layout .pk-row-content {
	padding: 3rem;
	color: var(--cb-text);
	overflow: visible;;
}

.site-3 .contentbanner-layout .pk-row-content{
	transform: rotate(-2deg);
	padding-top: 4rem;
}

.site-3 .contentbanner-layout .text-col > div,
.site-3 .contentbanner-layout .text-col > .pk-heading {
	transform: rotate(2deg);
}

.site-3 .contentbanner-layout .image-col{
	transform: scale(1.2);
	margin-top: 1rem;
	margin-bottom: -3rem;
	margin-right: -3rem;
}

.contentbanner-layout .pk-content > div.pk-text:last-child p:last-child {
	margin-bottom: 0px;
}

.contentbanner-layout .text-col .pk-heading{
	color: var(--cb-heading);
}

.contentbanner-layout .text-col .pk-text {
	color: var(--cb-text);
}

.contentbanner-layout .text-col .pk-button {
	background-color: var(--cb-btn-bg);
	transition: background-color 0.3s ease, color 0.3s ease;
}

.contentbanner-layout .text-col .pk-button::after{
	background-color: var(--cb-btn-text);
}

.contentbanner-layout .text-col .pk-button span {
	color: var(--cb-btn-text);
}

.contentbanner-layout .text-col .pk-button:hover {
	background-color: var(--cb-btn-bg-hover);
}

.contentbanner-layout .text-col .pk-button:hover:after{
	background-color: var(--cb-btn-text-hover);
}

.contentbanner-layout .text-col .pk-button:hover span {
	color: var(--cb-btn-text-hover);
}

.contentbanner-layout .image-col {
	background-size: cover;
    /* align-self: stretch; */
	aspect-ratio: 1;
	background-position: center;
}

.contentbanner-layout.cb-centered .text-col {
	text-align: center;
}

.contentbanner-layout.cb-centered .pk-button-group {
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.contentbanner-layout .text-col {
		padding: var(--pk-site-gutter);
		padding-inline: 0;
	}
	.contentbanner-layout .image-col {
		min-height: 300px;
	}

	.contentbanner-layout .pk-row-content{
		padding: var(--pk-site-gutter);
	}

	.site-3 .contentbanner-layout .pk-row-content{
	transform: rotate(-2deg);
	padding-top: 1rem;
	}

	.site-3 .contentbanner-layout .text-col > div,
	.site-3 .contentbanner-layout .text-col > .pk-heading {
		transform: rotate(2deg);
	}

	.site-3 .contentbanner-layout .image-col{
		transform: scale(1);
		margin-top: 0rem;
		margin-bottom: 0rem;
		margin-right: 0rem;
	}
}