/*******************************************************************************
	$Author			Jaspalsinh Chauhan (Jsinh)
	$Website		http://www.jsinh.in
	$Last Update	12:10 AM Tuesday, May 12, 2015

	TABLE CONTENTS
	-------------------------------
    01. Color pallete
		02. Globals
		03. Fixes
		04.	Sidebar
		05. Back-To-Top
		06.	Pre-loader
		07.	Side wide header
		08. Main content - Index / Post
		09. Content - Index
		10. Content - Post
		11. Side wide footer
		12. Media Queries

Note:
Dimension Order: Top / Right / Bottom / Left
*******************************************************************************/
/** 01. Color pallete
*******************************************************************************/
/******************************************************************************/
/** 02. Globals
*******************************************************************************/
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.link-white-to-theme-active {
  color: #F2F2F2;
  text-decoration: none;
  transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  text-rendering: optimizeLegibility;
}
.link-white-to-theme-active :hover {
  color: #DF5A48;
  text-decoration: none;
}

.link-theme-active-to-white {
  color: #DF5A48;
  text-decoration: none;
  transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  text-rendering: optimizeLegibility;
}
.link-theme-active-to-white :hover {
  color: #F2F2F2;
  text-decoration: none;
}

.link-theme-active-to-black {
  color: #DF5A48;
  text-decoration: none;
  transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  text-rendering: optimizeLegibility;
}
.link-theme-active-to-black :hover {
  color: #3A4145;
  text-decoration: none;
}

/******************************************************************************/
/** 03. Fixes
*******************************************************************************/
main {
  flex: 1 0 auto;
}

/******************************************************************************/
/** 04.	Sidebar
*******************************************************************************/
.sidebar {
  margin: 20px 10px 20px 10px;
  opacity: 0;
}

/******************************************************************************/
/** 05.	Back to top
*******************************************************************************/
.back-to-top {
  z-index: 100;
  position: fixed;
  bottom: 2.5rem;
  right: 3em;
  display: none;
}

/******************************************************************************/
/** 06.	Pre-loader
*******************************************************************************/
.loader {
  display: block;
  position: fixed;
  z-index: 100;
  top: 18px;
  right: -moz-calc(50%);
  right: -webkit-calc(50%);
  right: 50%;
}

/******************************************************************************/
/** 07.	Side wide header
*******************************************************************************/
.blog-logo {
  width: 45px;
  height: 45px;
  margin: 10px 0 0 20px;
}

.blog-title {
  display: table;
  padding: 0 0 5px 0;
}
.blog-title span {
  display: table-cell;
  vertical-align: middle;
}

.blog-title-text {
  line-height: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
}

.device-menu-link {
  margin: 0 0 0 20px;
}

/******************************************************************************/
/** 08.	Main content - Index / Post
*******************************************************************************/
.content-wrapper {
  margin: 20px 10px 20px 10px;
  opacity: 0;
}

/******************************************************************************/
/** 09.	Content - Index
*******************************************************************************/
.blog-list-item-article {
  padding-top: 0px;
  padding-bottom: 0px;
}

/******************************************************************************/
/** 10.	Content - Post
*******************************************************************************/
.post-title {
  padding-top: 0px;
  padding-bottom: 0px;
}
.post-title h1 {
  font-size: 2em;
  line-height: 2rem;
  margin-top: 10px;
  margin-bottom: 0px;
}

.post-content h1 {
  font-size: 2em;
  line-height: 2rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-content h2 {
  font-size: 1.8em;
  line-height: 2rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-content h3 {
  font-size: 1.6em;
  line-height: 2rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-content h4 {
  font-size: 1.4em;
  line-height: 2rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-content h5 {
  font-size: 1.2em;
  line-height: 2rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.post-content blockquote {
  border-color: #E0E0E0 !important;
}
.post-content ul {
  padding: 0 25px !important;
  list-style-type: inherit !important;
}
.post-content li {
  padding-left: 0px !important;
  list-style-type: inherit !important;
}
.post-content a {
  color: #DF5A48;
  text-decoration: none;
  transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  text-rendering: optimizeLegibility;
}
.post-content a :hover {
  color: #3A4145;
  text-decoration: none;
}
.post-content img {
  max-width: 100%;
}

.author-picture {
  width: 6rem;
  height: 6rem;
}

.author-meta-url {
  font-size: 1.5rem;
}

/******************************************************************************/
/** 11. Side wide footer
*******************************************************************************/
footer.page-footer {
  margin-top: 0px;
  padding-top: 0px;
}

.footer-icon-credits {
  margin-top: 0px;
  padding-bottom: 5px;
  font-size: 1.1rem;
  font-weight: 300;
}
.footer-icon-credits .jekyll-logo {
  height: 3.5rem;
}

.footer-copyright {
  margin-bottom: 0px;
  font-size: 1.1rem;
}

.footer-social-icons {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

.footer-social-links img {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: transform 0.2s ease;
}

.footer-social-links:hover img {
  transform: translateY(-10px);
}

.social {
  margin: 15px 0 0 0;
  text-align: center;
}

.social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.social ul li {
  display: inline-block;
}

/******************************************************************************/
/** 12. Media Queries
*******************************************************************************/
@media screen and (max-width: 600px) {
  .blog-logo {
    display: none;
  }
  .blog-title span {
    display: inline;
  }
}
/* The full size text is 2.1rem but that doesn't work well on mobile... */
@media screen and (max-width: 440px) {
  .blog-title-text {
    font-size: 1.5rem;
  }
}
/******************************************************************************/
/*
  Original file:
  https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_sidebar.scss

  Content adapted for use with this theme
*/
.author__avatar {
  display: table-cell;
  vertical-align: top;
  width: 36px;
  height: 36px;
}
.author__avatar img {
  max-width: 110px;
  border-radius: 50%;
}

.author__urls-wrapper a {
  color: inherit;
  text-decoration: none;
}
.author__urls-wrapper a:hover {
  text-decoration: underline;
}

/*
  Original file:
  https://github.com/mmistakes/so-simple-theme/blob/master/_sass/so-simple/_variables.scss

  Extrcted needed variables
   - Syntax highlighting (base16) colors
   - font family

  Also adjusted borders and inline code coloring.
*/
/* ==========================================================================
   Variables
   ========================================================================== */
/* Syntax highlighting (base16) colors */
/*
  Original file:
  https://github.com/mmistakes/so-simple-theme/blob/master/_sass/so-simple/_syntax-highlighting.scss
*/
/* ==========================================================================
   Syntax highlighting
   ========================================================================== */
/* Inline code block */
code.highlighter-rouge {
  margin: 0;
  padding: 0.2em 0.4em;
  color: #fafafa;
  background-color: #073642;
  font-size: 85%;
  border-radius: 3px;
}

/* Multi-line code blocks */
div.highlighter-rouge,
figure.highlight {
  position: relative;
  margin-bottom: 1em;
  background: #fafafa;
  color: #586e75;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 1.8;
  border-style: solid;
  border-width: thin;
}
div.highlighter-rouge > pre,
div.highlighter-rouge pre.highlight,
figure.highlight > pre,
figure.highlight pre.highlight {
  margin: 0;
  padding: 1em;
}

.highlight table {
  margin-bottom: 0;
  font-size: 1em;
  border: 0;
}
.highlight table td {
  padding: 0;
  width: calc(100% - 1em);
  border: 0;
  /* line numbers*/
  /* code */
}
.highlight table td.gutter {
  padding-right: 1em;
  width: 1em;
  color: #839496;
  border-right: 1px solid #839496;
  text-align: right;
}
.highlight table td.code {
  padding-left: 1em;
}
.highlight table pre {
  margin: 0;
}

.highlight pre {
  width: 100%;
}

.highlight .hll {
  background-color: #eee8d5;
}

.highlight .c {
  /* Comment */
  color: #839496;
}
.highlight .err {
  /* Error */
  color: #dc322f;
}
.highlight .k {
  /* Keyword */
  color: #6c71c4;
}
.highlight .l {
  /* Literal */
  color: #cb4b16;
}
.highlight .n {
  /* Name */
  color: #586e75;
}
.highlight .o {
  /* Operator */
  color: #2aa198;
}
.highlight .p {
  /* Punctuation */
  color: #586e75;
}
.highlight .cm {
  /* Comment.Multiline */
  color: #839496;
}
.highlight .cp {
  /* Comment.Preproc */
  color: #839496;
}
.highlight .c1 {
  /* Comment.Single */
  color: #839496;
}
.highlight .cs {
  /* Comment.Special */
  color: #839496;
}
.highlight .gd {
  /* Generic.Deleted */
  color: #dc322f;
}
.highlight .ge {
  /* Generic.Emph */
  font-style: italic;
}
.highlight .gh {
  /* Generic.Heading */
  color: #586e75;
  font-weight: bold;
}
.highlight .gi {
  /* Generic.Inserted */
  color: #859900;
}
.highlight .gp {
  /* Generic.Prompt */
  color: #839496;
  font-weight: bold;
}
.highlight .gs {
  /* Generic.Strong */
  font-weight: bold;
}
.highlight .gu {
  /* Generic.Subheading */
  color: #2aa198;
  font-weight: bold;
}
.highlight .kc {
  /* Keyword.Constant */
  color: #6c71c4;
}
.highlight .kd {
  /* Keyword.Declaration */
  color: #6c71c4;
}
.highlight .kn {
  /* Keyword.Namespace */
  color: #2aa198;
}
.highlight .kp {
  /* Keyword.Pseudo */
  color: #6c71c4;
}
.highlight .kr {
  /* Keyword.Reserved */
  color: #6c71c4;
}
.highlight .kt {
  /* Keyword.Type */
  color: #b58900;
}
.highlight .ld {
  /* Literal.Date */
  color: #859900;
}
.highlight .m {
  /* Literal.Number */
  color: #cb4b16;
}
.highlight .s {
  /* Literal.String */
  color: #859900;
}
.highlight .na {
  /* Name.Attribute */
  color: #268bd2;
}
.highlight .nb {
  /* Name.Builtin */
  color: #586e75;
}
.highlight .nc {
  /* Name.Class */
  color: #b58900;
}
.highlight .no {
  /* Name.Constant */
  color: #dc322f;
}
.highlight .nd {
  /* Name.Decorator */
  color: #2aa198;
}
.highlight .ni {
  /* Name.Entity */
  color: #586e75;
}
.highlight .ne {
  /* Name.Exception */
  color: #dc322f;
}
.highlight .nf {
  /* Name.Function */
  color: #268bd2;
}
.highlight .nl {
  /* Name.Label */
  color: #586e75;
}
.highlight .nn {
  /* Name.Namespace */
  color: #b58900;
}
.highlight .nx {
  /* Name.Other */
  color: #268bd2;
}
.highlight .py {
  /* Name.Property */
  color: #586e75;
}
.highlight .nt {
  /* Name.Tag */
  color: #2aa198;
}
.highlight .nv {
  /* Name.Variable */
  color: #dc322f;
}
.highlight .ow {
  /* Operator.Word */
  color: #2aa198;
}
.highlight .w {
  /* Text.Whitespace */
  color: #586e75;
}
.highlight .mf {
  /* Literal.Number.Float */
  color: #cb4b16;
}
.highlight .mh {
  /* Literal.Number.Hex */
  color: #cb4b16;
}
.highlight .mi {
  /* Literal.Number.Integer */
  color: #cb4b16;
}
.highlight .mo {
  /* Literal.Number.Oct */
  color: #cb4b16;
}
.highlight .sb {
  /* Literal.String.Backtick */
  color: #859900;
}
.highlight .sc {
  /* Literal.String.Char */
  color: #586e75;
}
.highlight .sd {
  /* Literal.String.Doc */
  color: #839496;
}
.highlight .s2 {
  /* Literal.String.Double */
  color: #859900;
}
.highlight .se {
  /* Literal.String.Escape */
  color: #cb4b16;
}
.highlight .sh {
  /* Literal.String.Heredoc */
  color: #859900;
}
.highlight .si {
  /* Literal.String.Interpol */
  color: #cb4b16;
}
.highlight .sx {
  /* Literal.String.Other */
  color: #859900;
}
.highlight .sr {
  /* Literal.String.Regex */
  color: #859900;
}
.highlight .s1 {
  /* Literal.String.Single */
  color: #859900;
}
.highlight .ss {
  /* Literal.String.Symbol */
  color: #859900;
}
.highlight .bp {
  /* Name.Builtin.Pseudo */
  color: #586e75;
}
.highlight .vc {
  /* Name.Variable.Class */
  color: #dc322f;
}
.highlight .vg {
  /* Name.Variable.Global */
  color: #dc322f;
}
.highlight .vi {
  /* Name.Variable.Instance */
  color: #dc322f;
}
.highlight .il {
  /* Literal.Number.Integer.Long */
  color: #cb4b16;
}

.gist td,
.gist th {
  border-bottom: 0;
}

/*# sourceMappingURL=main.css.map */