/* Theme Name: Elmo Júnior (Material Design)
Theme URI: https://elmojunior.com/
Author: Elmo Júnior
Author URI: https://elmojunior.com/
Description: Este é o tema padrão do site do Elmo Júnior. Possui um layout baseado no Materialize CSS para tornar a experiência do usuário mais agradável. O site vem acompanhado de características responsivas para se adaptar e facilitar a visualização através de qualquer dispositivo, independente do tamanho de sua tela.
Version: 3.0.1
Tags: elmo junior, pessoal, material design, responsivo
Text Domain: elmojunior
*/

/* Section */
section{
  padding-bottom: 2em;
}

section h1{
  font-size: 1.5rem;
}
section h1 span{
  font-weight: lighter;
}
section h2{
  font-size: 1.5rem;
  font-weight: bold;
}

/* Navbar */
#navbar .brand-logo img{
  width: 2.5ch;
  top: 0.35em;
  border-radius: 3px;
  position: relative;
}
#navbar .brand-logo span{
  font-size: 0.75em;
  line-height: 1em;
  top: 0.2em;
  position: relative;
  display: inline-block;
}
#navbar .brand-logo p{
  margin: 0px;
  font-size: 0.42em;
  line-height: 1em;
}
@media only screen and (max-width : 992px){
  #navbar .container{
    width: auto;
  }
  #navbar .brand-logo{
    margin-left: 4ch;
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 601px){
  #navbar, #navbar .nav-wrapper i, #navbar a.sidenav-trigger, #navbar a.sidenav-trigger i{
    line-height: 63px;
  }
}
@media only screen and (max-width: 600px){
  #navbar .brand-logo img{
    top: 0.2em;
    width: 1.9ch;
  }
  #navbar .brand-logo span{
    top: 0.1em;
    font-size: 0.55em;
  }
}

#navbar ul a i{
  font-size: inherit;
}
#navbar ul a:hover, #navbar ul>.active{
  /* background-color: #e8eaf6; */
  background-color: #f5f5f5;
}

/* breadcrumb */
#breadcrumbs{
  padding-bottom: 2em !important;
}
#breadcrumbs nav, #breadcrumbs nav .nav-wrapper i, #breadcrumbs nav a.sidenav-trigger, #breadcrumbs nav a.sidenav-trigger i{
  line-height: 40px !important;
  height: 40px;
}
.breadcrumb,.breadcrumb::before {
  font-size: 14px;
  color: #bdbdbd;
}
.breadcrumb:last-child{
  color: #9e9e9e;
}