/* general HTML styling */
html{
  scroll-behavior:smooth
}

/* || Main styling || */
/* navigation bar styling */

.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;
}

#epimath-logo {
  height: 35px;
  /* width: 52px; */
}

#website-nav > ul > li.nav-item.dropdown.text-right > a{
  background-color: #171a1c;
  border: none;
}

 .nav-link:hover{
  background-color: #05080a;
  border: none;
}

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

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

}

/* sidebar */
.sidenavbar{
  background-color: #e8e8e8;
  padding: 0;
}
.sidenav{
  width: 100%;
  padding: 0;
}
.sidenav-item{
  width: 100%;
}
.sidenav-item .active{
  background-color: lightgray !important;
}

.sidenav-link{
  padding: 10px !important;
  color: black !important;
}

.sidenav-link:hover{
  background-color: gray !important;
}

/* general CSS */
h2{
  font-size: 14pt;
}
/* || INDEX.html || */
/* r modules */
.modulerow{
  padding: 5px 0px 10px 0px;
  border-bottom: 1px solid lightgray;
}
.module{
  padding: 0;
}
.rmodule{
  width: 100%;
}
.modulelabel-col{
  padding: 0px;
}
.moduletype{
  font-weight: bold;
}

/* general */
.summaries{
  padding-top: 10px;
}
#sourceName{
  padding-top: 5px;
}
/* || media rules || */
@media (max-width: 576px){
  
  .leftsections, .rightsections{
    padding: 0px;
  }
}

/* @media screen and (max-width: 624px) {
    #website-nav {padding-left: 64px;}
} */
@media (max-width: 500px) {
  .navbar-title {
      display: none !important;
  }
}