/* NOTE: 
    This file is the source for the CSS used in styling ChordPro to HTML for both Chord Sheet Editor and SongSelect V. 
    The source comes from a file located in the AWS S3 bucket:  songselect.ccli.com/CSS.
    A version number is tagged onto the end of the file name, such as:
        - ChordSheet_v2.css

    If you want to test with a local CSS, first make sure this file matches the latest version in the S3 bucket. If not, then update this from the S3 file.
    You then need to modify the web.config ChordSheetCSS key value to the path to this file.
    When you are done making changes, place this file in S3 with a new version number, and modify web.config to point to that new S3 file.
    When adding a file to S3, you must set it to public before the web site can use it.
*/


.cproSongHeader {
    background-color: #ffffff;
    border: none;
    font-size: 1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    overflow: visible;
}

.cproTitleLine {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.2;
}

.cproTitle {
    font-size: 1.7em;
    font-weight: bold;
}

.cproSubTitle {
    font-size: 1.2em;
    font-weight: bold;
}

.cproSongKeyWrapper {
    font-weight: bold;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: nowrap;
}

.cproSongKeyChangeWrapper {
	color:#000000;
    background-color: transparent;
    border: none;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    float: right;
}

.cproSongKey {
	color:#000000;
    background-color: transparent;
    border: none;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}

.cproAuthorLine {
    font-size: .8em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cproAuthors {
    padding-right: 15px;
}

.cproAuthor2Line {
    font-size: .8em;
    display: block;
    font-style: italic;
}

.cproTempoTimeWrapper {
    white-space: nowrap;
}

.cproSongBody {
    background-color: #ffffff;  
    border: none;
    font-size: 1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    overflow: visible;
}

/* important stops unintended page break for print */
div#ChordSheetViewerContainer pre {
    -moz-page-break-inside: auto;
    page-break-inside: auto;
}

.cproSongSection {
    padding:0px;
   /* border: 2px solid red;  */
    display: block;  
    -moz-page-break-inside: avoid;  
    page-break-inside: avoid;    
}

.cproSongLine {
    /*padding-left: 1em; */
    display: inline-block;
    /*border: 2px solid blue;*/
    display: block;
}

.lyricsOnly {
    line-height: 1;
}

.chordWrapper {
    display:inline-block;
    position: relative;
    vertical-align: bottom;
}

.cproSongLine .chordWrapper .chord {

    background-color: transparent;
    border: none;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    white-space: nowrap;
    padding: 0;
    float: left;
}

.chordsOnly .chordWrapper .chord {
    float: none;
}

.chordsOnly .chordWrapper .chordLyrics {
    float: none;
}

.chordLyrics {
    float: left;
    clear: both;
    font-size: 10px;
}

.cproComment {
    font-style: ;
    line-height: 2;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.cproDirectionWrapper {
    display:inline-block;
    position: relative;
    vertical-align: bottom;
}

.cproDirection {
    color: #000000;
    background-color: transparent;
    border: none;
    position: relative;
    font-weight:normal;
    font-style: italic;
    font-family:Arial, Helvetica, sans-serif;
    white-space: nowrap;
    padding: 0;
    float: left;
}

h1 {
    font-size: 2em;
    font-weight: bold;
}

pre {
    margin: 0 0 0;
}


/* ChordPro Footer
  ------------------------------ */
.copyright-info {
    font-family: Arial, sans-serif;
    font-size: .75em;
    text-align: center;
    margin: 0;
    margin-bottom: 0;
    padding: 4em 0 0 0;
}

.copyright-info p,ul {
    margin: 0;
    line-height: 1.3;
    padding: 0;
}

.songnumber {
}

.copyright {
    line-height: 1.3;
    list-style-type: none;
}

ul.copyright li
{
    list-style-type: none;
    display: inline;
}

ul.copyright li:before {
content: " | ";
}

ul.copyright li:first-child:before {
content: none;
}

.disclaimer {
}

.licenseno {
}


/* ChordPro Div Classes
  ------------------------------ */
#ChordSheetViewerContainer {
    position: relative;
    overflow: hidden;
    padding-bottom: 90%;
    margin-bottom: 1.5em;
    border: 1px solid #e6e6e6;
    padding: 1.5rem 1rem 1rem 2rem;
    max-width: 900px;
}

#ChordSheetViewerContainer iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

}

@media print { 
    #ChordSheetViewerContainer {
        border: none;
    }

    a[href]:after {
        content: none !important;
    }
    a {
        text-decoration: none;
        pointer-events: none;
        cursor: default;
        color: #000000;
    }
} 

/* Override all font size, margin, and padding with pt units for print */

@media print {

    .cproSongHeader {
        font-size: 12pt !important;
    }

    .cproTitle {
        font-size: 20.25pt !important;
    }

    .cproAuthorLine {
        font-size: 9.75pt !important;
    }

    .cproAuthors {
        padding-right: 11.25pt !important;
    }

    .cproSongBody {
        font-size: 12pt !important;
    }

    .copyright-info {
        font-size: 9pt !important;
    }

    .copyright {
        font-size: 9pt !important;
    }

    .cproSongLine {
        padding-left: 24pt !important;
    }

    h1 {
        font-size: 24pt !important;
    }

    .copyright-info {
        font-size: 9pt !important;
        padding: 36pt 0 0 0 !important;
    }

    #ChordSheetViewerContainer.copyright-info {
        font-size: 9pt !important;
    }

    #ChordSheetViewerContainer a {
        font-size: 9pt !important;
    }

    body  
    { 
        padding: 0 0 0 0 !important;
    } 

    #ChordSheetViewerContainer {
        font-size: 12pt !important;
        padding: 16pt 30pt 12pt 24pt !important;
    }
}

@page  
{ 
    size: auto;   
    margin: 10mm 0 10mm 5mm;
}

/* Overwrite footer copyright class in songselect*/
#ChordSheetViewerContainer > div > ul.copyright {
    font-size: inherit;
}

#ChordSheetViewerContainer a {
    font-size: inherit;
}