.media-text-block.columns {
	position: relative;
	margin-top: 0 !important;

	.container {

		--media-gap: 100px;

		align-items: center;
		display: grid;
		column-gap: var(--media-gap);
		grid-template-columns: repeat( 2, calc( 50% - (var(--media-gap) / 2) ) );
	
		@media screen and (max-width: 1188px) {
			column-gap: calc( var(--media-gap) / 2 );
		}
	
		@media screen and (max-width: 992px) {
			grid-template-columns: 1fr;
			padding-left: 0;
			padding-right: 0;
			row-gap: calc( var(--media-gap) / 2 );
			.media {
				margin-top: calc((var(--padding) * 2) * -1) !important;
				gap: calc( var(--media-gap) / 3 );
			}
			> .content {
				padding-left: var(--padding);
				padding-right: var(--padding);
			}
		}
	}

}


/* Layouts */
.media-text-block.columns .column.left {
	order: 1;
}
.media-text-block.columns .column.right {
	order: 2;
}


.media-text-block {

	& .media {
		position: relative;

		img {
			aspect-ratio: 1 / 1;
			border-radius: 3px;
			box-shadow: 0px 0 15px rgba(0,0,0,0.4);
			height: auto;
			object-fit: cover;
			object-position: center;
			width: 100%;
		}

		@media screen and (max-height: 720px) and (orientation: landscape) {
			height: 100%;
			max-height: 80svh;
			width: auto;
			aspect-ratio: auto;
			img {
				aspect-ratio: auto;
				height: 100%;
			}
		}

		@media screen and (max-width: 662px) {
			> img {
				border-radius: 0;
			}
		}

		&.has-slider {

			@media screen and (max-height: 720px) and (orientation: landscape) {
				aspect-ratio: auto;
			}

			&::after {
				display: none;
			}

			@media screen and (min-width: 993px) {
				margin: 0 -20px;
				max-width: calc(100% + 40px) !important;
			}

			.slide {
				padding: 20px;
				position: relative;
				@media screen and (max-height: 720px) and (orientation: landscape){
					height: 80svh;
					width: auto;
					aspect-ratio: 1/1;
				}
				&::after {
					top: 50px;
					left: 50px;
					width: calc(100% - 100px);
					height: calc(100% - 100px);
					@media screen and (max-width: 992px) {
						top: 35px;
						left: 35px;
						width: calc(100% - 70px);
						height: calc(100% - 70px);
					}
				}
			}
			
		}

		&.hide_on_mobile {
			@media screen and (max-width: 992px) {
				display: none;
			}
		}

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

			order: 2;
			&.has-slider {
				.slick-list {
					margin: 0;
					margin-top: 40px;
					max-width: calc(100% + 20px) !important;
				}
			}


			margin-left: calc(50% - 50svw) !important;
			margin-right: calc(50% - 50svw) !important;
			max-width: 10dsvw !important;
			width: 10dsvw !important;

			&::after {
				top: 15px;
				left: 15px;
				width: calc(100% - 30px);
				height: calc(100% - 30px);
			}

		}

		@media screen and (max-width: 700px) {
			&.has-slider {
				max-width: calc(100% + 60px) !important;
				.slick-list {
					margin: 40px 10px 0;
					/* max-width: calc(100% + 60px) !important; */
				}
			}
		}

	}


	& .content {

		@media screen and (max-width: 992px) {
			order: 1;
		}

		&.align-content-center {
			text-align: center;
			* {
				margin-left: auto;
				margin-right: auto;
			} 
			h2::after {
				left: 50%;
				transform: translateX(-50%);
			}
			.wp-block-buttons {
				display: flex;
				justify-content: center;
			}
		}
		&.align-content-end {
			text-align: right;
			h2::after {
				left: auto;
				right: 0;
			}
			.wp-block-buttons {
				display: flex;
				justify-content: end;
			}
		}

		padding: 0;

	}

}


/* Button group */
.media-text-block	.button-group {
	margin-top: 40px;
}