@import "fontawesome/font-awesome";
@import "shared/superfish";
@import "css3-mixins.scss";
@import "public/layout";
//@import "public/articles";
@import "qi_grids";
@import "popover";


img{
  max-width:100%;
  
}
body{
  padding:0;
  margin:0;
  
  font-family:"freight-text-pro", serif;
  font-weight:500;
  font-size:17px;
  line-height:1.6em;
  
}




h1,h2,h3,h4{
  font-weight:600;
  font-family:"jaf-bernino-sans", sans-serif;
  a{
    color:#1e1e1e;
    
  }
}

h1{
  font-size:2em;
  
}

h2{
  font-size:1.5em;
  
}

h3{
  font-size:1.2em;
  
}

a{
  
  text-decoration:none;
  color:#17b;
  &:hover{
    
    color:rgba(58,155,235,1);
  }
  
}




.read{
  
  text-align:left;
}

.right{
  float:right;
  
}

article{
  .category{
    font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
    a{
      color:inherit;
    
    }
    
  }
  .coms{
    font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
    a{
      color:inherit;
    
    }
  }
  time{
    font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
  
  }
}
.sidebar_title{
  font-weight:normal;
  border-bottom:1px solid #858585;
  color:#858585;
  font-size:1em;
  
}

.comment{
  .header{
    margin-top:0;
    font-size:14px;
    font-family:"jaf-bernino-sans", sans-serif;
  }
  aside{
    float:left;
    img{
      width:50px;
      height:50px;
      border-radius:50%;
    }
  }
  .comment_body{
    margin-left:60px;
    background:rgba(250,250,250,1);
    padding:20px;
    margin-bottom:20px;
  }
  blockquote{
    margin:0;
    margin-top:1em;
    padding:0;
    
  }
  
}

.child_comments{
  padding-left:60px;
  
}

.comment_form{
  padding:10px;
  background: rgba(250,250,250,1);
  margin-bottom:20px;
  
}
.share_in_social{
  text-align:center;
  margin:1em;
  margin-top:2em;
  border-top:1px solid rgba(250,250,250,1);
  border-bottom:1px solid rgba(250,250,250,1);
  padding:10px;
  
}
.btn{
  font-family:"jaf-bernino-sans", sans-serif;
  font-size:1em;
  padding:8px 15px;
  border-radius:5px;
  border:0;
  color:black;
  background:transparent;
  cursor:pointer;
  
}

.input_text, textarea{
  font-family:"jaf-bernino-sans", sans-serif;
  font-size:0.9em;
  padding:8px 15px;
  border-radius:5px;
  border:0;
  color:black;
  background:white;
  border:1px solid rgba(131,131,131,1);
  
  
}
.btn-primary{
  
  background:rgba(64,138,199,1);
  color:white;
  &:hover{
    background:#357ebd;;
    
    
  }
  
  
}

.infos{
  margin-top:0;
  font-size:14px;
  margin-bottom:1.5em;
  color:#8D8D8D;
  
}