article.concordance h2, article.concordance h3.subtitle {
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
}

article.interlinears section:last-of-type {
    margin-top: 0;
}

article.interlinears ul.columns {
    columns: 4;
    max-width: none;
}

article.interlinears ul.chapterList {
    margin-left: 5rem;
    margin-bottom: 2rem;
}

article.interlinears ul.chapterList li.current a:link, article.interlinears ul.chapterList li.current a:visited {
    background-color: rgb(255, 204, 0);
    color: black;
    cursor: default;
    text-shadow: none;
}

article.interlinears ul.verseList {
    grid-template-columns: repeat(auto-fill, minmax(5rem, 2fr));
    margin-top: 0;
}



article.interlinears div.verse {
    padding: 2rem 2rem 0 0;
    margin: 0 0 0 0;
    max-width: none;
    display: grid;
    grid-template-columns: 6rem 1fr;
    align-items: start;
    min-height: 96px;
}

article.interlinears div.verse:nth-of-type(odd) {
    background-color: rgb(247, 245, 243);
}

article.interlinears div.verse:last-of-type {
    border-bottom: 1px solid rgb(223, 218, 218);
}

article.interlinears div.verse:target {
    background-color: rgb(255, 249, 223);
}

article.interlinears div.verse h4 {
    margin: 0 0 0 0;
    padding: 0 0.5rem 0 0;
    font-size: 1.5rem;
    text-align: right;
    border-radius: 0 0.5rem 0.5rem 0;
}

article.interlinears div.verse p.interlinearAltVerseNumber {
    font-size: 0.9rem;
    font-weight: 700;
    margin: -0.2rem 0 0 0;
    padding: 0 0.5rem 0 0;
    text-align: right;
    opacity: 0.5;
}

article.interlinears div.verse ul li.interlinearTraditionalNumbers {
    font-size: 0.8rem;
    margin: 0 0 0 1rem;
    padding: 0 0 1rem 0;
    font-style: italic;
    height: auto;
    width: 100%;
}

article.interlinears div.verse ul li.interlinearTraditionalNumbers a {
    font-size: 0.8rem;
}

article.interlinears div.verse ul li.verseNotPresent {
    font-size: 1rem;
    margin: -0.2rem 0 0 1rem;
    padding: 0 0 1rem 0;
    height: auto;
    width: 100%;
    opacity: 0.5;
}

article.interlinears div.verse ul li.interlinearTraditionalNumbers:hover, article.interlinears div.verse ul li.verseNotPresent:hover {
    background-color: transparent;
    cursor: text;
}

article.interlinears div.verse .verse-meta {
    text-align: right;
}

article.interlinears div.verse:target h4 {
    background-color: rgb(255, 240, 180);
}

/* Added to force clear :target background due to browser quirk */
article.interlinears div.verse h4.no-highlight-background {
    background-color: transparent !important;
}

article.interlinears div.verse > ul {
    margin: 0.2rem 0;
    grid-column: 2;
}

article.interlinears div.verse ul li {
    display: inline-block;
    font-family: 'Fira Code', monospace;
    letter-spacing: 0.01rem;
    vertical-align: top;
    padding: 0.7rem 1rem;
    margin: -1rem -1rem 1rem 0;
    font-weight: 500;
    cursor: pointer;
	height: 90px;
	border-radius: 0.5rem;
}

article.interlinears div.verse > ul > li:hover {
	background-color:rgb(227, 232, 235);
}

article.interlinears div.verse ul li a, article.interlinears div.verse ul li ul li:first-of-type {
    font-size: 1rem;
}

article.interlinears div.verse ul li ul {
    display: block;
    padding: 0;
    margin: -0.2rem 0 0 0;
}

article.interlinears div.verse ul li ul li:first-of-type {
    color: grey;
    font-style: normal;
    font-family: 'Fira Code', monospace;
    font-weight: 500;
    margin-top: 0;
}

article.interlinears div.verse ul li ul li {
    display: block;
    color: green;
    font-family: "Source Serif 4", serif;
    padding: 0;
    margin: 0.5rem 0 0 0;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
	height: auto;
}

article.interlinears div.verse ul li ul li em {
    display: inline-block;
    text-align: center;
    font-style: normal;
    width: 1rem;
    transform: scaleX(0.9);
    transform-origin: left;
    font-weight: 500;
}

article.interlinears div.verse ul li em {
    display: inline-block;
    text-align: left;
    font-style: normal;
    width: 1rem;
    transform: scaleX(1.75);
    transform-origin: left;
    font-weight: 400;
}

article.interlinears div.verse ul li.opened {
    background-color:rgb(255, 240, 180);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

article.interlinears u, article.interlinears u em {
    font-style: normal;
    font-weight: 500;
    text-decoration: overline;
}


/* Asides */

aside.word {
	display: none;
    background-color:rgb(255, 240, 180);
	border-radius: 0.5rem;
	padding: 0.5rem 1rem 1rem 1rem;
	width: 380px;
	max-height: 320px;
	overflow-y: auto;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

aside.word::-webkit-scrollbar {
    width: 10px;
}

aside.word::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);
}

aside.word::-webkit-scrollbar-track {
    background: rgb(255, 249, 224);
}

aside.word * {
	margin: 0;
	padding: 0;
}

aside.word h5 {
    font-family: monospace;
}

aside.word h5 em {
    font-style: normal;
}

aside.word p {
    margin-bottom: 0.25rem;
}

aside.word table {
	width: 100%;
	margin: 0 0 0.2rem 0;
	border: 0;
}

aside.word table * {
	border-color: black;
	font-size: 0.8rem;
}

aside.word table th {
	border-bottom: 1px solid black;
}

aside.word table th, aside.word table tr, aside.word table td {
	color: black;
	text-shadow: none;
	padding: 0.2rem 0.3rem;
	background-color: transparent;
}

aside.word table thead {
	display: none;
}

aside.word table tr td:nth-of-type(1) {
	width: 100px;
	font-weight: 500;
	padding-left: 0;
}

aside.word p.root, aside.word p.strongs {
	float: right;
	clear: right;
	display: block;
}

aside.word h6 {
	margin: 0.8rem 0 0.3rem 0;
}

aside.word h5:nth-of-type(2) {
	opacity: 0.5;
}

button.interlinear-copy {
    display: block;
    box-shadow: none;
    border: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.2;
    cursor: pointer;
    padding: 0;
    margin: 0.2rem 0 0 4.5rem;
    transition: opacity 0.15s linear;
}

button.interlinear-copy:hover {
    opacity: 1;
}