/**
 * @author alisch berlec hoenow <info@alischberlechoenow.de>
 * @version 1.0
 *
 * Eug View: ABC
 */

#abc {
	position: relative;
	z-index: 110;
	
	padding: 0 var( --outside-horizontal-spacing ) var( --outside-vertical-spacing );
	background: var( --background-color );
	min-height: calc( var( --window-height, 100vh ) - var( --header-height, 0px ) + var( --header-spacing, 0px ) );
}

#abc.is-transitioning {
	position: fixed;
	width: 100%;
	top: var( --header-height, 0px );
}

#abc.is-closed {
	top: 100vh;
}



#abc__title {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: sticky;

	padding: var( --header-spacing ) 0;
	background: var( --background-color );
	z-index: 100;
	
	top: calc( var( --header-height, 0px ) - var( --header-spacing, 0px ) );
	margin-top: calc( var( --header-spacing, 0px ) * -1 );
}



/* ------------------------- */
@media ( min-width: 700px ) and ( max-width: 1000px ) {

	#abc__meta {
		margin-top: calc( var( --images-height, 0px ) - var( --texts-height, 0px ) );
	}
}



/* ------------------------- */
@media ( min-width: 700px ) {

	#abc__texts {}

		#abc__texts .image {
			display: none;
		}



	#abc__images {}

		#abc__images .image {
			margin-bottom: var( --vertical-spacing );
		}
}



/* ------------------------- */
@media ( max-width: 999px ) {

	#abc-wrap {
		overflow: hidden;
	}

		#abc-wrap > grid-row {
			margin-bottom: calc( var( --block-spacing ) * -1 );
		}

	#abc__texts,
	#abc__images,
	#abc__meta {
		margin-bottom: var( --block-spacing );
	}
}

@media ( min-width: 1000px ) {
	#abc__meta {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: sticky;

		top: calc( var( --header-height, 0px ) + var( --title-height, 0px ) -  var( --header-spacing ) );
	}
}