/* Connectors CSS -- Contact Rob O'Connell if you need to change this style sheet. 
Please do NOT change this stylesheet. */

/* /////////////////////// flex connectors //////////////////////// */

div.flexconnectors {
	margin:1rem 0 1rem 45px;
	font-size:1.1rem;}
div.flexcontainer {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:flex-start;
	gap:0 0; /* row-gap column gap */}
div.flexbracket {
	justify-content:flex-start;
	align-items:flex-start;
	gap:0 1rem; /* row-gap column gap */
	border-left:2px solid #444;
	height:100%; /* Or use percentages/flex-grow to stretch */
	margin:1rem 0;
	padding:0 0 0 1rem;}

div.topbar {
	border-top:2px solid #444;
	width:1.5rem;
	margin-left:-1rem;
	float:left;}
div.bottombar {
	border-bottom:2px solid #444;
	width:1.5rem;
	margin-top:1rem;
	margin-left:-1rem;
	float:left;}

div.toptier, div.midtier, div.bottomtier {
	display:flex;
	flex-flow:row nowrap;}
div.toptier {
	margin-top:-0.75rem;}
div.midtier {
	padding-top:1.5rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	margin-left:1.5rem;}
div.bottomtier {
	margin-bottom:-3.5rem;
	padding-top:1.5rem;}

div.tierapposition {
	display:inline-block;
	vertical-align:top;
	margin-top:0.25rem;
	margin-bottom:0.25rem;
	width:inherit;
	/* margin-bottom:-3.5rem; */
	/* padding-top:2rem; */}

div.siglum {
	float:left;
	margin-left:1.5rem;
	vertical-align:baseline;}

div.toptier div.tierapposition, 
div.midtier div.tierapposition {
	margin-top:0;
	/* padding-top:1rem; */
}

span.blocktext {
	display:inline-block;
	/* margin-left:1.5rem; */
	vertical-align:baseline;}

span.citation {
	display:inline-block;
	/* margin-left:1.5rem; */
	vertical-align:baseline;
	break-after:always;}

div.blockhebrew, 
div.blockhebrewplus, 
div.blockhebrewplusfactor, 
div.blockhebrewplusfactorlast {
	font-size:1.4rem;
	line-height:1;
	display:inline-block;
	font-family:"SBL Hebrew";}
div.blockhebrew {
	/* margin-left:4rem; */
	margin-left:1.5rem;
	vertical-align:baseline;}
div.blockhebrewplus {
	/* margin-left:5.2rem; */
	margin-left:1.5rem;
	vertical-align:baseline;}

div.break-row {
	flex-basis:100%;
	height:0;}