/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

.wp-block-eric-eric-timeline-block {
        width: 100%;
	padding: 2%;
	border-radius: 1em;	
	position: relative;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel .eric-timeline-block {
	box-sizing: border-box;
	width: 45%;
	width: calc(46% - 15px);
	max-width: calc(46% - 15px);
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel .wp-block-eric-eric-entry-block .eric-arrow-top-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel .wp-block-eric-eric-entry-block .eric-arrow-bottom-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel .wp-block-eric-eric-entry-block:nth-child(odd) .eric-arrow-left-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel .wp-block-eric-eric-entry-block:nth-child(even) .eric-arrow-right-block  {
	display: none;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel .wp-block-eric-eric-entry-block:nth-child(even) .eric-timeline-block {
	margin-left: 56% !important;
	margin-left: calc(51% + 15px) !important;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(even) .eric-timeline-block {
	margin-left: unset !important;
}

.wp-block-eric-eric-timeline-block .eric-timeline-line-down {
	position: absolute;
	top: 5.5em;
	left: 49%;
	width: 2%;
	bottom: 10px;
	display: none;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-box,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root {
	overflow-x: scroll;
	overflow-y: hidden;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-outer-container,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-outer-container {
	min-height: 50em;
	max-height: 50em;
	white-space: nowrap;	
/*	display: table; 
	table-layout: auto !important */;  
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-container,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-container {
/*	display: table-row; */
	height: 50em;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
}


.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-block {
	box-sizing: border-box;
	height: 21.5em;
	height: calc(22em - 20px);
	max-height: calc(22em - 20px);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block {
	height: 50em;
	max-height: 50em;
	box-sizing: border-box;
/*	display: table-cell; */
	padding-right: 20px;
	position: relative;
	vertical-align: top;
	top: 0px;
	white-space: normal;
	box-sizing: border-box;
	flex: 1 0 23em;
	flex: 1 0 calc(25em - 15px);
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-container-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-container-block {
	display: flex;
	flex-direction: column;
	flex: 1 0 ;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block:nth-child(even),
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(even) {
	top: 25em;
}

.wp-block-eric-eric-timeline-block .eric-timeline-line-right {
	position: absolute;
	left: 10px;
	top: 49%;
	height: 2%;
	right: 10px;
	display: none;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-header,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-header {
	min-width: 18em;
	flex: none;
	padding-right: 20px;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-timeline-content-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-timeline-content-block {
	overflow-y: hidden;
	flex: 0 1 19.5em;
	flex: 0 1 calc(20em - 15px);
	max-height: 19.0em;
	max-height: calc(20em - 25px);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap; 
	column-gap: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-timeline-content-block .wp-block-image img,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-timeline-content-block .wp-block-image img {
	max-height: 12em;
	max-width: 16em;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-timeline-content-block > *,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-timeline-content-block > * {
	max-width: 20em;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-timeline-content-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-timeline-content-block {
	width: auto;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-arrow-left-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block .eric-arrow-right-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block:nth-child(odd) .eric-arrow-top-block,
.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .wp-block-eric-eric-entry-block:nth-child(even) .eric-arrow-bottom-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-arrow-left-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block .eric-arrow-right-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(odd) .eric-arrow-top-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(even) .eric-arrow-bottom-block  {
	display: none;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(even) .eric-arrow-top-block,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .wp-block-eric-eric-entry-block:nth-child(odd) .eric-arrow-bottom-block  {
	display: block;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-select {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-select > div {
	display: table-row;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox {
	display: none;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-select > div > div {
	display: table-cell;
	height: 1em;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-vertical {
	display: table-cell;
	font-weight: bold;
	background-color: #11f;
	padding: 1em;
	color: white;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-horizontal,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-orientation-select .eric-timeline-orientation-vertical {
	display: table-cell;
	font-weight: normal;
	background-color: #118;
	padding: 1em;
	color: white;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-orientation-select .eric-timeline-orientation-horizontal {
	font-weight: bold;
	background-color: #11f;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-block {
	max-width: none !important;
}

.wp-block-eric-eric-timeline-block .eric-timeline-panel .eric-timeline-line-down,
.wp-block-eric-eric-timeline-block .eric-timeline-panel-right .eric-timeline-line-right,
.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-line-right {
	display: block;
}

.wp-block-eric-eric-timeline-block .eric-timeline-orientation-checkbox:checked ~ .eric-timeline-display-root .eric-timeline-line-down {
	display: none;
}