.page::elm
	{
		id: page;
	}

.page > *
	{
	}

/*
.page > *:is( [data-expanded="true"]:not( [data-span~="span-1" ] ) ) > * > *
	{
		max-height: calc( var( --body-height ) - var( --filler-height ) );
		overflow: auto;
	}

*/

[cs-span~="posting-columns"] > * > *
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

.block-column.content
	{
		padding: 20px 0px 20px 20px;
	}



/*** SLIDESHOW ***/

.page .block-slideshow
	{
		position: sticky !important;
		top: 20px;
		margin: auto 0px;
		x-transition: margin 0.35s ease-in-out;
	}


.page > *:is( [data-expanded="true"]:not( [data-span~="span-1" ] ) ) .block-slideshow,
.page > *:is( [data-expand-disabled="true"]:not( [data-span~="span-1" ] ) ) .block-slideshow
	{
		--clamp-height: max( var( --slideshow-height ), min( var( --page-height ), var( --body-height ) - var( --filler-height ) ) );
		--center-offset: calc( var( --clamp-height ) / 2 - var( --slideshow-height ) / 2 );
		margin-top: var( --center-offset );
	}


.page > *:is( [data-span~="span-1"] ) .owl-carousel img
	{
		min-height: initial !important;
		max-height: calc( var( --body-height ) - var( --filler-height ) );
	}



/*** BLOCK ***/



.page .block-content
	{
		transition: max-width 0.35s ease-in-out;
		display: flex;
		flex-direction: column;
		position: relative;
		margin: auto 0px auto auto;
		max-width: 550px;

	}

.page .block-content-page
	{
		position: relative;
		flex-grow: 1;
		padding: 20px;
	}

.page .block-embedcode::slotted( iframe )
	{
		width: 100%;
		min-width: 100%;
	}

.page .description-text:is( :not( :empty ) )
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}



/*** WRAP (SPAN-1) ***/


.page > *:is( [data-span~="span-1"] ) .block-column.slideshow
	{
		order: -1;
		z-index: 0;
	}

.page > *:is( [data-span~="span-1"] ) .block-column.content
	{
		z-index: 10;
		margin-top: calc( -0.5 * var( --slideshow-height ) );
	}
	
	


