/* CSS for iPad Pro - Width 1024px */ /*CSS Normalize*/ body { margin: 0; } h1, h2, h3, h4, p, blockquote, figure { margin: 0; padding: 0; } article, section, 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; -epub-hyphens: none; hyphens: none; } a { text-decoration: none; color: inherit; transition: .3s; } img { width: 100%; height: auto; border: 0; } /* end normalize */ /* Font Inclusion */ @font-face { font-family: "SouvenirStd-Light"; src:url("../fonts/SouvenirStd-Light.otf") ; } @font-face { font-family: "SouvenirStd-Demi"; src:url("../fonts/SouvenirStd-Demi.otf") ; } /* end Font Inclusion */ /* Miscellaneous Formatting */ 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; } /* end Miscellaneous Formatting */ /* Copyright Styles */ div.copyrightart { display: block; color: #000; background-color: #FFF; margin: 0 auto 0 auto; width: 100%; } div.group1 { display: block; color: #000; background-color: #FFF; margin: 150px auto 50px auto; } div.group2 { display: block; color: #000; background-color: #FFF; margin: 150px auto 50px auto; } div.group3 { display: block; color: #000; background-color: #FFF; margin: 12px auto 12px auto; width: 35%; text-align: center; /*centers for MOBI*/ } div.group4 { display: block; color: #000; background-color: #FFF; margin: 12px auto 12px auto; } p.photorights { display: block; color: #000; background-color: #FFF; 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: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .5em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.hladdress { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .3em; line-height: 1.1; 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: #FFF; 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: #000; background-color: #FFF; 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; } /* end Copyright section */ /* Internal TOC Styles */ h1.toc_head { display: block; color: #000; background-color: #FFF; margin: 0 0 40px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: 1em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0; font-weight: bold; font-style: normal; text-transform: uppercase; } p.toc_entry { display: block; color: #000; background-color: #FFF; margin: 0 0 15px 25px; padding: 0 0 0 0; font-family: sans-serif; font-size: .75em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* end Internal TOC Styles */ /* Songtitle, Credits and Rights */ h3.songpretitle, h1.songtitle { page-break-before: always; } h3.songpretitle + h1.songtitle { page-break-before: avoid; } h1.songtitle + h1.songtitle { page-break-before: avoid; } h1.songtitle { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: "SouvenirStd-Demi", Times, serif; font-size: 1.15em; line-height: 1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h3.songsubtitle { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: "SouvenirStd-Demi", Times, serif; font-size: .5em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.songtitle + h4.credit { margin: 10px 40px 0 0; } h3.songsubtitle + h4.credit { margin: 10px 40px 0 0; } h4.credit { display: block; color: #000; background-color: #FFF; margin: 0 40px 0 0; padding: 0 0 0 0; font-family: "SouvenirStd-Light", Times, serif; font-size: .45em; line-height: 1.1; text-align: right; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.rights { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: "SouvenirStd-Light", Times, serif; font-size: .3em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.body { display: block; color: #000; background-color: #FFF; margin: 0 0 10px 0; padding: 0 0 0 0; font-family: "SouvenirStd-Light", Times, serif; font-size: .6em; 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: #FFF; margin: 0 0 10px 30px; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; 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: #FFF; margin: 0 0 10px 35px; /*More Left margin needed for Numbered list indention*/ padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; 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: #FFF; 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; } /* end Songtitles, Credits and Rights */ /* Musical Engraving Styles */ div.music1 { margin: 0 auto 5px auto; width: 90%; } div.music { margin: 0 auto 0 auto; width: 95%; } div.music100 { margin: 10px auto 10px auto; width: 100%; } div.music95 { margin: 10px auto 10px auto; width: 95%; } div.music90 { margin: 10px auto 10px auto; width: 90%; } div.music85 { margin: 10px auto 10px auto; width: 85%; } /* end Musical Engraving Styles */ /* Notation Legend Styles & Back Cover */ div.backcover { margin: 0 auto 0 auto; width: 100%; } /* end Notation Legend Styles & Back Cover */ /* End CSS for iPad Pro - Width 1024px */ /* CSS for ONLY 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 ONLY 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; } }