/*  this will not be required as it will be part of the mail page css   */

/**  h2 { margin-bottom: 1em; } **/


.passage-audio { height: 2em; }
#passage-audio { width: 100%; max-height: 2em; }

/* important for the readable contnet in the article  */
#passage-text { 
	-moz-column-count:1; /* Firefox */ 
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;}

#passage-text.speaking {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.autofocus-current-word,
.playback-rate { font-size: smaller; }
.autofocus-current-word label,
.playback-rate label { font-weight: bold; }

.word-reader { font-size: smaller; }
.word-reader label { font-weight: bold; }

q {
    quotes: "‘" "’" "“" "”" ;  
	/*	quotes: '\2018' '\2019' '\201C' '\201D' ;*/
}

.section-heading { display: none; }
.passage p { line-height: 1.4em;  }
.verse-start { line-height: 0; }
.initialized span[data-begin]:focus,
.initialized span[data-begin]:hover {
    background-color: #FFCC00;
    box-shadow: 0px 0px 4px #FFCC00;
	
	
}
.initialized span[data-begin].speaking {
    background-color: #FFCC00;
    box-shadow: 0px 0px 4px #FFCC00;
	
}
.initialized span[data-begin] {
    cursor: pointer;
	
}
.error { color: red; }