/* Saber Rastikerdar's Sahel font */
@import url(https://cdn.rawgit.com/rastikerdar/sahel-font/v1.0.0-alpha9/dist/font-face.css);
@import url(https://cdn.rawgit.com/rastikerdar/vazir-font/v16.1.0/dist/font-face.css);
/* Palette from 
https://coolors.co/app/000000-14213d-fca311-e5e5e5-ffffff 
$brand-color:      #fca311;
$anti-color:       #e5e5e5;
$text-color:       #000000;
$background-color: #ffffff;
$header-color:     #14213d;
*/
/* Palett source:
https://coolors.co/app/2b2d42-8d99ae-edf2f4-ef233c-d90429 */
/* original one was edf2f4 */
/**
 * Reset some basic elements
 */
@import url(default.css);
@import url(custom.css);
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font-family: "Vazir", Arial, sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  color: #2b2d42;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure {
  margin-bottom: 15px; }

/**
 * Images
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

/**
 * Links
 */
a {
  color: #d90429;
  text-decoration: none; }
  a:visited {
    color: #8e031b; }
  a:hover {
    color: #2b2d42;
    text-decoration: underline; }

/**
 * Blockquotes
 */
blockquote {
  color: gray;
  border-left: 4px solid #e6e6e6;
  padding-left: 15px;
  font-size: 16px;
  /* 18px;*/
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  /* background-color: #eef; */ }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(800px - (30px * 2));
  max-width: calc(800px - (30px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }
  @media screen and (max-width: 800px) {
    .wrapper {
      max-width: -webkit-calc(800px - (30px));
      max-width: calc(800px - (30px));
      padding-right: 15px;
      padding-left: 15px; } }

/**
 * Clearfix
 */
.wrapper:after, .footer-col-wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon > svg path {
    fill: gray; }

/* Reset */
/* Source: http://stackoverflow.com/a/21652935/157216 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

/* Essentials */
.container {
  display: table; }

.content {
  display: table-row;
  height: 100%; }

.content-body {
  display: table-cell; }

/* Aestetics */
.container {
  width: 100%;
  height: 100%; }

.header, .footer {
  padding: 10px 20px;
  background: #f7f7f7; }

.content-body {
  padding: 20px;
  background: #e7e7e7; }

/**
 * Site header
 */
.site-header {
  border-top: 5px solid #404040;
  border-bottom: 1px solid #e6e6e6;
  min-height: 56px;
  position: relative;
  background-color: floralwhite; }

.site-title {
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left; }
  .site-title, .site-title:visited {
    color: #404040; }

.site-nav {
  float: right;
  line-height: 56px; }
  .site-nav .menu-icon {
    display: none; }
  .site-nav .page-link {
    color: #2b2d42;
    line-height: normal; }
    .site-nav .page-link:not(:first-child) {
      margin-left: 20px; }
  @media screen and (max-width: 600px) {
    .site-nav {
      position: absolute;
      top: 9px;
      right: 30px;
      background-color: #ffffff;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      text-align: right; }
      .site-nav .menu-icon {
        display: block;
        float: right;
        width: 36px;
        height: 26px;
        line-height: 0;
        padding-top: 10px;
        text-align: center; }
        .site-nav .menu-icon > svg {
          width: 18px;
          height: 15px; }
          .site-nav .menu-icon > svg path {
            fill: #404040; }
      .site-nav .trigger {
        clear: both;
        display: none; }
      .site-nav:hover .trigger {
        display: block;
        padding-bottom: 5px; }
      .site-nav .page-link {
        display: block;
        padding: 5px 10px; } }

/**
 * Site footer
 */
.site-footer {
  border-top: 1px solid #e6e6e6;
  padding: 30px 0;
  background-color: floralwhite; }

.footer-heading {
  font-size: 18px;
  margin-bottom: 15px; }

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0; }

.footer-col-wrapper {
  font-size: 15px;
  color: gray;
  margin-left: -15px; }

.footer-col {
  float: left;
  margin-bottom: 15px;
  padding-left: 15px; }

.footer-col-1 {
  width: -webkit-calc(35% - (30px / 2));
  width: calc(35% - (30px / 2)); }

.footer-col-2 {
  width: -webkit-calc(20% - (30px / 2));
  width: calc(20% - (30px / 2)); }

.footer-col-3 {
  width: -webkit-calc(45% - (30px / 2));
  width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) {
  .footer-col-1,
  .footer-col-2 {
    width: -webkit-calc(50% - (30px / 2));
    width: calc(50% - (30px / 2)); }

  .footer-col-3 {
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
/**
 * Page content
 */
.page-content {
  padding: 30px 0; }

.page-heading {
  font-size: 20px; }

.post-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }

.post-meta {
  font-size: 14px;
  color: gray; }

.post-link {
  display: block;
  font-size: 24px;
  font-weight: bold; }

/**
 * Posts
 */
.post-header {
  margin-bottom: 30px; }

.post-title {
  letter-spacing: -1px;
  line-height: 1; }
  @media screen and (max-width: 800px) {
    .post-title {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h1 {
    font-size: 34px; }
    @media screen and (max-width: 800px) {
      .post-content h1 {
        font-size: 32px; } }
  .post-content h2 {
    font-size: 30px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 25px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

/* My styles */
.circle {
  border-radius: 50%;
  width: 100px; }

#gravatar {
  margin-top: 50px; }

table, td, th {
  border: 1px dotted; }

.image-caption {
  text-align: center;
  color: gray;
  margin-top: 10px; }

.post-content, .page-content {
  text-align: justify;
  text-justify: kashida; }

@media print {
  /* your print styles go here */
  .site-header, .site-footer {
    display: none; }

  #disqus_thread {
    display: none; }

  body {
    background-image: none; }

  h1 {
    font-size: 18pt; }

  h2 {
    font-size: 16pt;
    color: #000; } }
ul, ol {
  margin-right: 30px; }

ol {
  list-style-type: persian; }

a {
  color: #2b2d42; }

a:hover {
  text-decoration: none;
  color: #d90429; }

a:visited {
  color: #750216; }

h1, h2:not(.footer-heading), h3, h4, h5, h6 {
  color: #a00c1e; }

/* Style for glyphs in quotation marks, courtesy of EnigmaRM http://stackoverflow.com/a/16326442/157216 */
blockquote {
  border-left: none;
  padding-right: 15px;
  padding-left: 0;
  font-size: large;
  /* x-large */
  margin: 0.25em 0;
  padding: 0.35em;
  line-height: 1.45;
  position: relative;
  background-color: #f8f8f8; }

blockquote p {
  border-right: 4px solid #d90429;
  padding-right: 15px; }

pre {
  overflow-x: auto; }

/* To adapt different screen sizes, mostly for code blocks */
@media screen and (max-width: 240px) {
  pre {
    width: 200px; }

  li .list-meta-col {
    display: none; } }
@media screen and (max-width: 540px) {
  li .list-meta-col {
    display: none; } }
@media screen and (min-width: 240px) and (max-width: 280px) {
  pre {
    width: 240px; } }
/*Including Apple iPhone 5 */
@media screen and (min-width: 280px) and (max-width: 320px) {
  pre {
    width: 260px; } }
/*Including Apple iPhone 5 */
@media screen and (min-width: 321px) and (max-width: 360px) {
  pre {
    width: 300px; } }
@media screen and (min-width: 361px) and (max-width: 400px) {
  pre {
    width: 340px; } }
/* Nexus 4 */
@media screen and (min-width: 384px) and (max-width: 384px) {
  pre {
    width: 330px; } }
@media screen and (min-width: 401px) and (max-width: 540px) {
  pre {
    width: 365px; } }
@media screen and (min-width: 541px) and (max-width: 640px) {
  pre {
    width: 500px; } }
@media screen and (min-width: 641px) and (max-width: 768px) {
  pre {
    width: 600px; } }
/* iPad */
@media screen and (min-width: 768px) and (max-width: 768px) {
  pre {
    width: 705px; } }
/* Apple iPhone 6 */
@media screen and (min-width: 375px) and (max-width: 375px) {
  pre {
    width: 323px; } }
/* Apple iPhone 6 Plus */
@media screen and (min-width: 414px) and (max-width: 414px) {
  pre {
    width: 363px; } }
.site-header, .site-footer {
  background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #282828;
  background-size: 16px 16px; }

.site-title {
  float: right; }

.site-nav {
  float: left; }
  @media screen and (max-width: 600px) {
    .site-nav {
      right: -webkit-calc(88% - (30px / 2));
      right: calc(88% - (30px / 2)); } }

.footer-col {
  float: right; }

/* Correcting direction for code blocks */
.code, .highlighter-coderay, .highlight {
  direction: ltr; }

.post-title, a.post-link {
  color: #a70320; }

/* Center page titles */
.post-title {
  text-align: center;
  font-weight: bold;
  font-size: 2em; }

.footnotes {
  font-size: small; }

/* To center images */
.center, .post-meta {
  text-align: center; }

/* Dotted bottom border for links */
.post-content p a:hover {
  border-bottom: 1px dotted;
  color: #d90429; }

.post-content a {
  border-bottom: 1px dotted;
  color: #a70320; }

.site-footer {
  padding-bottom: 0px; }

/* Contrast for header and footer */
.site-header, .site-footer {
  border-top: none;
  color: white; }

.site-header {
  border-bottom: none; }

/* Overwrite colors for header and footer */
.site-title, .site-title:visited {
  color: white; }

.site-title a, .site-footer a {
  color: white; }

/* Fix incorrect video sizes in post content (which messes the gradient lines */
.post-content iframe {
  width: 100%; }

.border {
  border-style: dotted;
  border-radius: 10px;
  border-color: #d90429; }

.post-image {
  text-align: center; }
  .post-image img {
    width: 50%;
    display: inline; }

.list-meta-col {
  display: inline-block;
  width: 160px;
  text-align: right; }

#post-list {
  list-style: none; }

#post-list a {
  color: #2b2d42; }

#post-list a:hover {
  color: #d90429; }

/* For license text */
#license {
  font-size: small; }

@media screen and (max-width: 600px) {
  #forkme {
    display: none; } }

/* Tag cloud sets. Numbers demonstrate repeat frequency for each tag */
#post-tags {
  vertical-align: middle; }
  #post-tags > i {
    background-image: url("http://qq.mhbateni.com/assets/img/noun_4018.png");
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    background-repeat: no-repeat;
    background-size: 15px 15px; }
  #post-tags > a {
    vertical-align: middle; }

#tag-cloud [class^=set-] {
  color: #2b2d42; }
  #tag-cloud [class^=set-]:hover {
    color: #d90429; }

.set-1 {
  font-size: 0.7em; }

.set-2 {
  font-size: 0.8em; }

.set-3 {
  font-size: 0.9em; }

.set-4 {
  font-size: 1.0em; }

.set-5 {
  font-size: 1.1em; }

.set-6 {
  font-size: 1.2em; }

.set-7 {
  font-size: 1.3em; }

.set-8 {
  font-size: 1.4em; }

.set-9 {
  font-size: 1.5em; }

.set-10 {
  font-size: 1.6em; }

@counter-style abjad {
  system: additive;
  range: 1 1000;
  additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6A9", 10 "\649", 9 "\637", 8 "\62D", 7 "\632", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\62C", 2 "\628", 1 "\627\644\641"; }
@counter-style abjad-persian {
  system: additive;
  range: 1 1000;
  additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6AF", 10 "\649", 9 "\637", 8 "\62D", 7 "\698", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\686", 2 "\67E", 1 "\627\644\641";
  suffix: ". "; }