/*CSS Normalize*/ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; font-size: 1em; } h1, h2, h3, h4, p, blockquote, figure, ol, ul { margin: 0; padding: 0; } li { /*display: block;*/ } h1, h2, h3, h4 { font-size: inherit; } a { text-decoration: none; color: inherit; -webkit-transition: .3s; transition: .3s; } img { width: 100%; height: auto; border: 0; } /* end normalize */ /* Font Inclusion */ @font-face { font-family: "HalfSteps-Regular"; src:url("../fonts/HalfSteps-Regular.otf") ; } /* end Font Inclusion */ /* Miscellaneous */ article, div, h1, h2, h3, h4, h5, h6, p, span, ol, ul, li { font-family: sans-serif; /* Set Font Type Across Body */ font-weight: normal; font-style: normal; text-transform: none; -webkit-hyphens: none; -epub-hyphens: none; hyphens: none; } div.clear { clear: both; } div.break { page-break-before: always; } div.keep { display: inline-block; } strong { font-style:normal; font-weight:bold; } .bold { font-style: normal; font-weight: bold; } em { font-style: italic; font-weight: normal; } .italic { font-style: italic; font-weight: normal; } .bolditalic { font-style: italic; font-weight: bold; } span.sharp { font-family: "HalfSteps-Regular"; font-size: 120%; } span.flat { font-family: "HalfSteps-Regular"; font-size: 120%; } span.natural { font-family: "HalfSteps-Regular"; font-size: 120%; } span.musicglyph { font-family: "HalfSteps-Regular"; font-size: 120%; } /* end Miscellaneous */ /* Copyright Styles */ div.copyrightart { width: 100%; margin: 0 auto 0 auto; } div.group1 { margin: 100px auto 75px auto; } p.photorights { font-size: .65em; line-height: 1.2; margin: 0 0 0 0; text-align: center; } div.group2 { margin: 75px auto 75px auto; } p.isbn { font-size: .55em; line-height: 1.2; margin: 0 0 0 0; text-align: center; font-weight: normal; } div.hallogo { margin: 0 auto 0 auto; width: 40%; text-align: center; /*centers for MOBI*/ } p.hladdress { margin: 3px 0 0 0; text-align: center; font-size: .45em; line-height: 1.1; -webkit-text-size-adjust: 100%; } div.group3 { margin: 15px 0 15px 0; } p.copyright { margin: 0 0 0 0; text-align: center; font-size: .35em; line-height: 1.1; } p.website { font-size: .4em; margin: 2px 0 0 0; font-weight: bold; text-align: center; } /* end Copyright section */ /* List(s) Controls */ ul, ol { margin: 0 0 0 45px; } /* end List(s) Controls */ /* Logical TOC Styles */ ol.toc { list-style-type: none; } h1.tochead { font-size: 1em; margin: 25px 0 45px 0; font-weight: bold; text-align: center; text-transform: uppercase; } li.toc { font-size: .75em; margin: 15px 0 0 -45px; text-align: center; font-weight: normal; list-style-type: none; text-transform: uppercase; } /* end Logical TOC Styles */ /* Internal TOC Styles */ h1.tochead_int { font-size: 1.15em; margin: 0 0 40px 0; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 5px; } p.toc_int { font-size: .75em; line-height: 1.2; margin: 15px 0 0 0; text-align: center; font-weight: normal; } /* end Internal TOC Styles */ /* Songtitle, Credits and Rights */ h3.songpretitle, h1.songtitle { page-break-before: always; } h3.songpretitle + h1.songtitle { page-break-before: avoid; } h3.songpretitle { font-size: .65em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: bold; } h1.songtitle { font-size: 1.05em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: bold; text-transform: uppercase; } h3.songsubtitle { font-size: .55em; line-height: 1.1; margin: 0 0 5px 0; text-align: center; font-weight: bold; } p.credit { font-size: .4em; line-height: 1.1; margin: 0 10px .25em 0; text-align: right; } p.rights { -webkit-text-size-adjust: 100%; font-size: .45em; line-height: 1.2; margin: 0 0 0 0; text-align: center; font-weight: normal; } p.body { font-size: .75em; line-height: 1.1; margin: 0 0 15px 0; text-align: left; font-weight: normal; } /* end Songtitles, Credits and Rights */ /* Audio & Audio Table Styles */ div.audio { margin: 20px auto 20px 0; } audio.mp3 { margin: 0 7px 0 0; width: 100%; text-align: left; font-size: .45em; -webkit-text-size-adjust: 100%; } /* end Audio & Audio Table Styles */ /* Video Styles */ video { width: 100%; /*Set dimensions here for video width. Percentage works best!*/ height: 100%; /*Set dimensions here for video height. Percentage works best!*/ margin: 10px auto 10px auto; text-align: center; -webkit-text-size-adjust:100%; } /* Video Styles */ /* Musical Engraving Styles */ div.musicfirst { margin: 5px auto 10px auto; width: 95%; } div.music { margin: 0 auto 0 auto; width: 100%; } div.music95 { margin: 0 auto 0 auto; width: 95%; } div.music90 { margin: 0 auto 0 auto; width: 90%; } div.music85 { margin: 0 auto 0 auto; width: 85%; } div.music80 { margin: 0 auto 0 auto; width: 80%; } div.music75 { margin: 0 auto 0 auto; width: 75%; } div.music70 { margin: 0 auto 0 auto; width: 70%; } div.music65 { margin: 0 auto 0 auto; width: 65%; } div.music60 { margin: 0 auto 0 auto; width: 60%; } div.music55 { margin: 0 auto 0 auto; width: 55%; } div.music50 { margin: 0 auto 0 auto; width: 50%; } div.music45 { margin: 0 auto 0 auto; width: 45%; } div.music40 { margin: 0 auto 0 auto; width: 40%; } div.music35 { margin: 0 auto 0 auto; width: 35%; } div.music30 { margin: 0 auto 0 auto; width: 30%; } div.music25 { margin: 0 auto 0 auto; width: 25%; } div.music20 { margin: 0 auto 0 auto; width: 20%; } /* end Musical Engraving Styles */ /* Notation Legend Styles & Back Cover */ h1.legend { page-break-before: always; font-size: 1em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: bold; } h3.legend2 { page-break-before: always; font-size: .85em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: bold; } div.backcover { width: 100%; margin: 0 auto 0 auto; } /* end Notation Legend Styles & Back Cover */ /*FLEXBOX*/ .flex-container { display:-webkit-flex; display: -ms-flexbox; display: -epub-flexbox; display: -ibooks-flexbox; display: flex; padding: 1em auto; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -epub-text-size-adjust: 100%; -ibooks-text-size-adjust: 100%; text-size-adjust: 100%; -ms-flex-direction: row; -moz-flex-direction: row; -epub-flex-direction: row; -ibooks-flex-direction: row; flex-direction: row; } .flex1 { -webkit-flex:1; -ms-flex:1; -epub-flex:1; -ibooks-flex:1; flex:1; text-align: center; } .flex2 { -webkit-flex:1; -ms-flex:1; -epub-flex:1; -ibooks-flex:1; flex:1; text-align: center; } .labell{ font-size: .5em; }