body {
    margin-left: 2%;
}
.hidden {
    display: none;
}
h5 {
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    margin-bottom: 0;
    font-weight: bold;
    font-size: inherit;
}

#song-detail {
    font-size: 3.2vmin
}

#songs-playlist-detail {
    font-size: 3.2vw
}

.comment, .capo {
    font-size: 2vw
}

.paragraph {
    padding-top: 0.5em;
}

.chorus {
    border-left: 2px solid;
    padding-left: 5px;
}

sup {
    font-size: 80%;
    font-weight: bold;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -1em;    
    width: 0.5em;
    margin-right: -0.5em;
    display: inline-block;  
}

.hideChords .chord {
    display: none;
}

.chord {
    /* margin-right: 0.15em; */
    color: #00b;
}
.chord .suffix {
    font-size: 70%;
}

.playlist-song-detail {
    margin-top: 2em;
}

small {
    font-size: 50%;
}

.line.hints {
    color: #a00;
}

.line.hints.hidden {
    display: none;
}
.tempo {
    font-size: 70%;
    font-style: italic;
}
#tabs .nav-item:hover span.text {
    color: red;
}
#tab-list .search {
    margin-left: 30px;
}
#tab-list .search:hover span.oi {
    color: red;
}
#tab-list .filters {
    margin-left: 30px;
}
#tab-list .filters:hover span.oi {
    color: red;
}

#songs-playlist-buttons {
    margin-top: 20px;
    text-align: center;  
}


.presentationMode .chord-sup,
.presentationMode .capo,
.presentationMode #songs-playlist-detail .btn,
.presentationMode #song-detail .btn,
.presentationMode .comment,
.presentationMode .tempo
{
    display: none;
}

.presentationMode .chorus {
    border-left-style: none;
}

.presentationMode #songs-playlist-detail .song-title {
    color: #555;
    text-align: center;
    border-bottom: 0px;
    margin-bottom: 100px;
}

.presentationMode .playlist-song-detail,
.presentationMode #song-detail {
    text-align: center;
    font-weight: bold;
    page-break-after: always;
    padding-bottom: 400px;
    padding-top: 200px;
}

html.presentationMode {
    scroll-behavior: smooth;
}

html.presentationMode body {
    color: white;
    background-color: black;    
    scrollbar-width: none; 
}
.presentationMode #songs-playlist .list-group-item {    
    background-color: black;    
}

html.presentationMode body::-webkit-scrollbar { 
    display: none;
}

.presentationMode #songs-playlist-detail .row.paragraph,
.presentationMode #song-detail .row.paragraph {
    margin-top: 400px;    
    margin-bottom: 400px;    
    page-break-after: always;
}