.spire-cta-blokk{
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
	.spire-cta-blokk-inner{
		display: block;
		overflow: hidden;
		color: black;
	}
	
.spire-cta-blokk-txt-wrap{
	padding: 1rem 0 0 0;
	
}
	.spire-cta-blokk-inner:hover .spire-cta-blokk-txt-wrap{
		color: black;
	}


h3.spire-cta-blokk-title:first-child,
h3.spire-cta-blokk-title,
.editor-styles-wrapper .block-editor-block-list__layout h3.spire-cta-blokk-title{
	/* margin-top: 1em; */
	font-weight: 400;
}

.spire-cta-blokk-txt{
	margin-bottom: 1.5rem;
}
.spire-cta-blokk-read-more{
	text-decoration: underline;
	font-size: 18px;
	display: flex;
	align-items: center;
	/* border: 1px solid red; */
}
.spire-cta-blokk-read-more > *{
	
}

		.spire-cta-blokk-read-more .txt{
			color: black;
		}
			.spire-cta-blokk-read-more:hover .txt{
				color: var(--global-palette-highlight);;
			}

		.spire-cta-blokk-link-icon{
			display: inline-flex;
			align-items: center;
			margin-left: 6px;
			width: 20px;
			height: 20px;
		}
		.spire-cta-blokk-link-icon{
			transition: transform .4s ease ;
			transform: translateX(0) scale(1);
		}
	
		.spire-cta-blokk-read-more:hover .spire-cta-blokk-link-icon{
			transform: translateX(8px) scale(1.2);
		}

		.spire-cta-blokk-link-icon svg{width: 20px;height: 20px;}
			.spire-cta-blokk-read-more:hover polygon{
				fill: var(--global-palette-highlight);
			}


.editor-styles-wrapper .spire-cta-blokk-inner{}


.spire-cta-blokk-img-wrap{
	overflow: hidden;
	display: flex;
	align-items: stretch;
}
	.spire-cta-blokk-img-wrap-inner{
		position: relative; 
		/* display: flex; */
		flex-basis: 100%;
		align-items: center;
	}
		.spire-cta-blokk-img-link{
			display: block;
			overflow: hidden;
			
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
		}
		

		.spire-cta-blokk-img-wrap img{
			transition: transform .5s ease-out;
			transform-origin: center;
			display: block;
			width: 100%;
			-o-object-fit: cover;
			object-fit: cover;
		}
			.spire-cta-blokk-img-wrap .spire-cta-blokk-img-link:hover img{
				transform: scale(1.03);
			}




@media (min-width: 768px){
	.spire-cta-blokk{
		margin-top: 70px;
		margin-bottom: 70px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.spire-cta-blokk:not(.big) .spire-cta-blokk-inner{
		display: flex;
	}
	.right.spire-cta-blokk:not(.big) .spire-cta-blokk-inner{
		flex-direction: row-reverse;
	}
	.spire-cta-blokk:not(.big) .spire-cta-blokk-img-wrap,
	.spire-cta-blokk:not(.big) .spire-cta-blokk-txt-wrap{
		flex: 0 0 50%;
	}
	.spire-cta-blokk:not(.big) .spire-cta-blokk-txt-wrap{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 40px;
		padding-top: 0;
	}
}
@media (min-width: 1024px){
	h3.spire-cta-blokk-title,
	h3.spire-cta-blokk-title:first-child,
	.editor-styles-wrapper .block-editor-block-list__layout h3.spire-cta-blokk-title{
		margin-top: 0;
		font-size: 48px;
	}
	.spire-cta-blokk-txt-wrap{
		font-size: 24px;
	}
}



/*Large*/
@media (min-width: 768px){
	.spire-cta-blokk.big .spire-cta-blokk-inner{
		
	}
	.right.spire-cta-blokk.big .spire-cta-blokk-inner{
		flex-direction: row-reverse;
	}
	.spire-cta-blokk.big .spire-cta-blokk-title-wrap,
	.spire-cta-blokk.big .spire-cta-blokk-txt-wrap{
		flex: 0 0 50%;
	}
	.spire-cta-blokk.big .spire-cta-blokk-txt-wrap{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 60px 0 0 0;
	}
	.spire-cta-blokk.big .spire-cta-blokk-title-wrap{
		margin-top: -4px;
		padding-right: 30px;
	}
	
}
@media (min-width: 1024px){
	.spire-cta-blokk.big .spire-cta-blokk-title-wrap{
		margin-top: -10px;
	}
}