/* CSS Normalize/RESET */ body { margin: 0; } html5-block-elements { display: block; } article, aside, figure, figcaption, footer, header, main, nav, section { display: block; } block-elements { margin: 0; padding: 0; font-size: 1em; line-height: inherit; text-indent: 0; font-style: normal; font-weight: normal; } epub3-toc-list { list-style: none !important; } epub3-landmarks-pagelist { display: none; } inline-elements { font-size: inherit; vertical-align: baseline; font-style: inherit; font-weight: inherit; color: inherit; text-decoration: none; } /* CSS Normalize/RESET */ /* Font Inclusion */ /*@font-face { font-family: "HalfSteps-Regular"; src:url("../fonts/HalfSteps-Regular.otf") ; }*/ /* Font Inclusion */ /* Miscellaneous Formatting */ section.break { page-break-after: always; } div.clear { clear: both; } div.break { page-break-after: always; } div.keep { display: inline-block; } .bold { font-family: inherit; font-style: normal; font-weight: bold; } .italic { font-family: inherit; font-style: italic; font-weight: normal; } .bolditalic { font-family: inherit; font-style: italic; font-weight: bold; } span.superscript { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 70%; vertical-align: super; } span.sharp { font-family: "HalfSteps-Regular"; font-size: inherit; } span.flat { font-family: "HalfSteps-Regular"; font-size: inherit; } span.natural { font-family: "HalfSteps-Regular"; font-size: inherit; } span.time { font-family: "Time-Regular"; font-size: inherit; } span.notes{ font-family: "Notes-Regular"; font-size: inherit; } /* Miscellaneous Formatting */ /* Copyright Section */ div.copyrightart { display: flex; flex: 1 1 auto; flex-wrap: nowrap; flex-direction: column; align-items: center; margin: 0 auto; justify-content: space-around; object-fit: contain; text-align: center; /*centers for MOBI*/ } div.copyrightart > img { object-fit: contain; width: 80vw !important; margin: 0 auto; } div.group1 { display: block; color: #000; background-color: inherit; margin: 150px auto 50px auto; } div.group2 { display: block; color: #000; background-color: inherit; margin: 150px auto 50px auto; } div.group3 { display: flex; flex: 1 1 auto; flex-wrap: nowrap; flex-direction: column; align-items: center; margin: 12px auto; justify-content: space-around; text-align: center; /*centers for MOBI*/ } div.group3 img { flex: 1; object-fit: contain; width: 35%; margin: 0 auto 0 auto; } div.group4 { display: block; color: #000; background-color: inherit; margin: 12px auto 12px auto; } div.audioart { display: block; color: #000; background-color: #FFF; margin: 30px auto 5px auto; width: 17%; text-align: center; /*centers for MOBI*/ } h1.mylibaccess { display: block; color: #000; background-color: #FFF; margin: 0 0 20px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } h1.mylibaccess2 { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } h1.mylibaccess3 { display: block; color: #1a849b; background-color: #FFF; margin: 4px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.mylibaccess4 { display: block; color: #000; background-color: #FFF; margin: 20px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.photorights { display: block; color: #000; background-color: inherit; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.isbn { display: block; color: #000; background-color: inherit; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.copyright { display: block; color: #000; background-color: inherit; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .35em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.website { display: block; color: #0000ff; background-color: inherit; margin: 2px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .4em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } section.address-container { display: -webkit-flex; display: -ms-flexbox; display: -epub-flexbox; display: -ibooks-flexbox; display: flex; -ms-flex-direction: row; -moz-flex-direction: row; -epub-flex-direction: row; -ibooks-flex-direction: row; flex-direction: row; flex-wrap: wrap; text-align: center; margin: 25px auto 0 auto; } div.location { box-sizing: border-box; justify-content: space-around; color: #000; background-color: inherit; margin: 10px auto 0 auto; } p.address { display: block; color: #000; background-color: inherit; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .35em; line-height: 1.3; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* Copyright Section */ /* Internal TOC Section */ h1.toc_head { display: block; color: #000; background-color: inherit; margin: 0 0 30px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: 1em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0; font-weight: bold; font-style: normal; text-transform: uppercase; } p.toc_entry { display: block; color: #000; background-color: inherit; margin: 0 0 15px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .75em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* Internal TOC Section */ /* Songbook - Titles, Credits and Rights */ .song-start { display: flex; flex-direction: column; flex-wrap: nowrap; height: 99vh; /*width: 100vw;*/ } .header-container { display: block; margin: 0 auto 5px auto; } .footer-container { display: block; margin: 10px auto 0 auto; } h3.songpretitle { display: block; color: #000; background-color: inherit; margin: 0 auto 0 auto; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.songtitle { display: block; color: #000; background-color: inherit; margin: 0 auto 0 auto; padding: 3px 0 3px 0; font-family: "Optima-Regular", Arial, serif; font-size: 1.2em; line-height: 1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: uppercase; } h3.songsubtitle { display: block; color: #000; background-color: inherit; margin: 0 auto 0 auto; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } .credit-container { display: flex; flex-direction: row; justify-content: flex-end; margin: 0 auto 10px auto; } h4.credit { display: block; color: #000; background-color: inherit; margin: 0 auto 0 auto; padding: 0 0 0 0; font-family: "Optima-Regular", Arial, serif; font-size: .55em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } h4.credit2 { display: block; color: #000; background-color: inherit; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } .rights { display: block; color: #000; background-color: inherit; margin: 0 auto 0 auto; padding: 0 0 0 0; font-family: "Optima-Regular", Arial, serif; font-size: .3em !important; line-height: 1.2 !important; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } .textcenter { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; height: 99vh; /*width: 100vw;*/ } /* Songbook - Titles, Credits and Rights */ /* Songbook Remaining - Body, Lists & Tables */ p.body { display: block; color: #000; background-color: inherit; margin: 0 0 10px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } ul { display: block; list-style-type: disc; color: #000; background-color: inherit; margin: 0 0 10px 30px; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } ol { display: block; list-style-type: decimal; color: #000; background-color: inherit; margin: 0 0 10px 35px; /*More Left margin needed for Numbered list indention*/ padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } li { display: list-item; list-style-type: inherit; color: #000; background-color: inherit; margin: 0 0 5px 0; /*More Left margin needed for Numbered list indention*/ padding: 0 0 0 0; font-family: inherit; font-size: inherit; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } .tftable { display: table; width: 100%; border-collapse: collapse; border-style: solid; border-color: #000; border-width: 1px; margin: 25px auto 25px auto; padding: 0 0 0 0; } tr { display: table-row; border-collapse: collapse; border-style: solid; border-color: #000; border-width: 2px; padding: 0 0 0 0; } th { display: table-cell; color: #000; background-color: inherit; padding: 5px 0 5px 0; border-style: solid; border-color: #000; border-width: 2px; vertical-align: top; font-family: sans-serif; font-size: .6em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } td { display: table-cell; color: #000; background-color: inherit; padding: 5px 0 5px 0; border-style: solid; border-color: #000; border-width: 2px; vertical-align: top; font-family: sans-serif; font-size: .6em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* Songbook Remaining - Body, Lists & Tables */ /* Music Notation Section */ .music1 { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; flex: 1 1 auto; /*align-items: center;*/ object-fit: contain; } .music1 > img { object-fit: contain; height: 83vh; min-height: 99%; } .music { display: flex; flex-direction: column; flex-wrap: nowrap; flex: 1 1 auto; justify-content: flex-start; align-items: center; object-fit: contain; } .music > img { /*object-fit: contain;*/ height: 95vh; margin: 0 auto; } .legend > img { width: 100vw; margin: 15px auto 0 auto; } img { /*object-fit: contain;*/ width: 100%; margin: 0 auto; } div.music3 { margin: 5px auto 5px auto; width: 90%; } /* Music Notation Section */ /* Notation Legend & Back Cover Section */ h1.legend { display: block; color: #000; background-color: inherit; margin: 0 auto 2px auto; padding: 0 0 0 0; font-family: sans-serif; font-size: 1em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: uppercase; } h3.legend2 { display: block; color: #000; background-color: inherit; margin: 0 auto 2px auto; padding: 0 0 0 0; font-family: sans-serif; font-size: .85em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } div.cover, div.backcover { margin: 0 auto 0 auto; text-align: center; height: 100%; } /* Notation Legend & Back Cover Section */ /* CSS for iPad Pro - Width 1024px */ @media only screen and (max-device-width : 1024px) and (min-device-width : 769px) and (-webkit-min-device-pixel-ratio: 2) { div.breakpro { page-break-before: always; } } /* CSS for iPad Air 2-3 - Width 768px */ @media only screen and (max-device-width : 768px) and (-webkit-min-device-pixel-ratio: 2) { div.breaksmall { page-break-before: always; } }