//vars @import “colors”; @import “fonts”;
//elements @import “header”; @import “main”; @import “footer”;
//reset *{
margin: 0; padding: 0;
}
body{
background: $branco;
}
h1, h2, h3{
font-family: $titulos; text-transform: uppercase; letter-spacing: 2px; color: $primaria;
}
h1, h2{
font-size: 18px;
}
p{
font-family: $textos; color: $secundaria; font-size: 12px; line-height: 1.625;
}
a{
color: $primaria; transition: all .25s linear; text-decoration: none;
}
a:hover{
color: $secundaria;
}
cite{
font-family: $textos; font-style: normal; color: $primaria; margin: 20px 0 0; display: block; font-size: 12px;
}
//class .img-responsive{
width: 100%;
}
.author{
font-family: $especial; color: $primaria; font-weight: bold;
}
.content{
padding-left: 0; padding-right: 0;
}
.fix{
position: fixed; z-index: 999; box-shadow: #000 0 -20px 35px; transition: all .25s linear;
}
@media screen and (max-width: 1280px){
.content{ padding-left: 5%; padding-right: 5%; }
}
@media screen and (max-width: 1020px){
.sidebar{ display: none; } .post-list{ max-width: 700px; margin: 0 auto; } .post-list h1, .post-list cite{ text-align: center; }
}
@media screen and (max-width: 780px){
nav.menu li{ margin: 0 20px; }
}
@media screen and (max-width: 580px){
.categorias{ display: none; } header.topo{ padding: 20px 0; } nav.menu, .filter-drop-spacer, ::-webkit-scrollbar{ display: none; } nav.menu-mobile{ display: block; } .main{ margin: 0 auto; }
}
@media screen and (max-width: 480px){
}