/* || GENERAL HTML STYLING || */
html{
  scroll-behavior:smooth
}

/* || PERSISTENT STYLING || */
/* navigation bar */
.navbar-brand{
  margin: 0px;
  padding: 0px;

}
.navbar-title{
  display: inline;

}

.navbar-brand img{
  display: inline-block;
  height: inherit;
}

.navbar-toggler{
  padding: 0px;
}

.navbar-nav{
  padding-left: 10px;
}

.nav-item{
  height: 100% !important;

}
.nav-tabs {
  border: none;
}

/* row styling */
.row {
  width: inherit;
  padding: 0px;
  margin: 0px;
}

/* adding a top padding to the container */
.container-fluid{
  padding-top: 56px;
  height:100%;

}
 /* removing paddings from parentcol */
.parentcol{
  margin: 0;
  padding: 0;
}

h1{
  font-size: 20px;
}

h2{
  font-size: 18px;
}

h3{
  font-size: 14px;
}

h4{
  font-size: 12px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;

}
.footerp{
  margin: 0px;
}
.footrow{
  margin: 0;
  padding: 0;
}
.footcol{
  margin: 0;
  padding: 0;
}
.footeritems{
  margin: 0;
  padding: 0;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
.footimg{
  width:100%;
}

/* bottom buff parent row */
.parentrow{
  padding-bottom: 10px;
}
/* || ABOUT PAGE || */

h3 > button{
  padding: 5px !important;
  margin: 0 !important;
  font-size: 16px;
  font-weight: bold !important;
  color: black !important;
  text-align: left !important;
}

.card-header{
  padding: 5px;
}

.historyh3{
  margin: 0;
  padding: 0;
}

.aboutsection{
  padding: 10px 0px 10px 0px;
}


/* ||TOC STUFF|| */
nav[data-toggle="toc"] {
  top: 52px;
  /* width: inheri!important; */

}


#toc > ul > li:nth-child(4) > ul{
  width: 100%;
}

#toc > ul > li:nth-child(4) > ul > li > a{
  padding-top: 5px;
  padding-bottom: 5px;
}


#toc > ul > li > a{
  font-size: 11px;
  /* overflow-wrap: break-word; */
}

/* || DISCOGRAPHY PAGE || */
/* discog image */
.discogimage{
  width: 100%;
  border: 1px solid #e8e8e8;
}

/* discog info */
.discoginfo{
  padding: 10px 0px;
}
/* track info */
/* .discandinfo{
  padding-top: 15px;
} */

/* tracklist styling */
.tracklisting{
  padding-left: 15px;
}

/* remove markers for mv list */
.mvlist{
  list-style: none;
}

/* ||SAYOPONY ONLINE PAGE|| */

.twitterlist, .youtubelist{
  list-style: none;
}

.officialaccounts{
  padding: 10px 0px 10px 0px;
}

.imagebuffcol{
  height: 150px;
  background-image: url('../imgs/bottom_filler.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  

}
/* || media rules || */
@media (max-width: 576px){
  
  .discandinfo{
    padding-top: 5px;
  }
  .abtsypnimg{
    width: 100%;
  }
}