/*!********************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/view.css ***!
  \********************************************************************************************************************************************************************************/


.dekode-image-with-ctas__container,
.dekode-images-with-ctas > .block-editor-block-list__layout{
	display:flex;
	flex-direction:column;
	gap:30px;
}

@media (min-width: 783px){

.dekode-image-with-ctas__container,
.dekode-images-with-ctas > .block-editor-block-list__layout{
		display:grid;
		grid-template:repeat(3, 300px) / repeat(2, 1fr);
		height:930px;
}
	}

:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-image-with-cta__overlay{
		display:none;
	}

:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item{
		position:relative;
		height:300px;
	}

@media (min-width: 783px){

:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item{
			height:auto;
	}

			:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item):nth-of-type(1){ grid-area:1 / 1 / 3 / 2; }
			:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item):nth-of-type(2){ grid-area:1 / 2 / 2 / 3; }
			:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item):nth-of-type(3){ grid-area:3 / 1 / 4 / 2; }
			:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__item):nth-of-type(4){ grid-area:2 / 2 / 4 / 3; }
		}

:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__image{
		height:100%;
		width:100%;
	}

:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__image) .t2-editor-media-suite-viewer__figure,:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__image) .t2-editor-media-suite-placeholder,:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__image) img{
			height:100%;
			width:100%;
		}

:is(:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-images-with-ctas__image) img{
			-o-object-fit:cover;
			   object-fit:cover;
		}

:is(.dekode-image-with-ctas__container,.dekode-images-with-ctas > .block-editor-block-list__layout) .dekode-image-with-cta__content{
		position:absolute;
		bottom:34px;
		width:100%;
		text-align:center;
		z-index:2;
	}

@media (min-width: 783px){

.dekode-images-with-ctas.has-3-columns > .block-editor-block-list__layout,
.dekode-images-with-ctas.has-3-columns .dekode-image-with-ctas__container{
		grid-template:repeat(2, 300px) / repeat(2, 1fr);
		height:630px;
}
	}

@media (min-width: 783px){
			:is(:is(.dekode-images-with-ctas.has-3-columns > .block-editor-block-list__layout,.dekode-images-with-ctas.has-3-columns .dekode-image-with-ctas__container) .dekode-images-with-ctas__item):nth-of-type(3){ grid-area:2 / 2 / 3 / 2; }
		}

@media (max-width: 600px){
	.show-for-small{
		display:none !important;
	}
}

@media (max-width: 782px){
	.show-for-medium{
		display:none !important;
	}
}

@media (max-width: 960px){
	.show-for-large{
		display:none !important;
	}
}

@media (max-width: 1280px){
	.show-for-wide{
		display:none !important;
	}
}

@media (max-width: 1440px){
	.show-for-huge{
		display:none !important;
	}
}


/*# sourceMappingURL=view.css.map*/