/*font styling for the body*/

#table_of_contents {
    position: relative;
}

body {
    font-family: Arial, sans-serif;
     }
	 
/* CSS for hiding song content initially */
  .song {
    display: none;
  }
  
/* Display the content when a song is selected */
.song-displayed .song {
    display: block;
}
  
/* Styling for the divider */
.section-divider {
border-top: 2px solid #cccccc; /* Adjust the color and thickness as needed */
background-color: #f9f9f9;
}

/* Additional styling for sections */
.section {
position: relative;
background-color: #f9f9f9;
padding:3vw 0

}

.song {
  margin-left: 1vw;
}

.song_title {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 0; /* Remove top margin */  
}

.lyrics {
  margin-left: 1vw; /* Adjust indentation as needed */
}

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #f1f1f1;
	padding: 10px 0;
	text-align: center;
}
/* Define the default font size for links in the footer */
#footer a {
	font-size: 20px; /* Adjust as needed */
	margin: 0 25px; /* Adjust margin to control spacing */
}

/* Media query for screens smaller than TKpx (typical mobile devices) */
@media screen and (max-width: 1024px) 
{
#footer a {
	font-size: 20px; /* Increase font size for smaller screens */	
	}
}

body {
  background-color: #f9f9f9; /* Set the background color to light gray */
}

.citation {
    font-size: 9pt;
    font-weight: bold;
}

nav {
  color: #fff;
  padding: 10px;
}

nav ul {
  list-style-type: none; /* Remove default bullet points */
  margin: 0;
  padding: 0;
}

nav ul li {
  margin-right: 20px;
}

nav ul li a {
  text-decoration: underline;
}

/* Adjust the margin and padding of the h2 element */
.section h2 {
    margin-top: 0; /* Remove top margin */