/*
 HEZahran CSS v1.0
 ----------------------------------------------------------
	 Copyright (c) 2014, HEZahran.com. All rights reserved.
	 Coded and Authored with all the love in the world.
	 Coder: Hashem Zahran @antikano || @hezahran
 ------------------------------------------------------------*/
/*-- custom fonts
 ------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700|Rochester|Roboto:400,300,700);
/*-- base
 ------------------------------------------------------------*/
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  padding-top: 50px;
  color: #34495e; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #019875; }

blockquote {
  margin-bottom: 0; }
  blockquote p {
    min-height: 115px; }
  blockquote footer {
    background: none;
    text-shadow: 0 0;
    padding: 0; }

section {
  padding-bottom: 3em;
  margin-bottom: 0; }

a {
  color: #019875; }

footer {
  padding-top: 3em;
  padding-bottom: 3em;
  color: #ecf0f1;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  background-color: #2c3e50; }
  footer a {
    color: #34495e; }
    footer a:hover {
      color: #049372; }
  footer .copyright {
    margin-top: 1.5em; }
    footer .copyright a {
      color: #019875; }

/*-- macifying
 ------------------------------------------------------------*/
.btn {
  font-weight: 300; }

.pagination li a, .pagination li span {
  color: #019875;
  border-color: #ecf0f1; }
.pagination .active a, .pagination .active a:hover, .pagination .active a:focus,
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus {
  background-color: #019875;
  border-color: #019875; }
.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus,
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus {
  border-color: #ecf0f1; }

.page-header {
  border-bottom: 1px solid #ecf0f1; }

hr {
  border-top: 1px dotted #ecf0f1; }

/*-- scaffolding
 ------------------------------------------------------------*/
.whitesmoke {
  background-color: whitesmoke; }

.alizarin {
  color: #e74c3c; }

.pumpkin {
  color: #d35400; }

.cursive {
  font-family: "Rochester", cursive;
  font-style: normal; }

.teaser {
  padding-top: 3em;
  margin-bottom: 0px; }
  .teaser h3 {
    margin: 0;
    line-height: 1.9em; }

/*-- buttons
 ------------------------------------------------------------*/
.btn-outline {
  color: #019875;
  background-color: transparent;
  border-color: #019875; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
    color: whitesmoke;
    background-color: #019875;
    border-color: #019875; }

.btn-brand {
  color: white;
  background-color: #019875;
  border-color: #049372; }
  .btn-brand:hover, .btn-brand:focus, .btn-brand:active {
    color: white;
    background-color: #2c3e50;
    border-color: #2c3e50; }

.btn-link-brand {
  color: #019875;
  background: transparent; }
  .btn-link-brand:hover, .btn-link-brand:focus, .btn-link-brand:active {
    color: #049372; }

/*-- about elements
 ------------------------------------------------------------*/
.carousel-indicators {
  bottom: -40px; }
  .carousel-indicators li {
    border-color: #049372; }
    .carousel-indicators li.active {
      background-color: #019875; }

/*-- intro elements
 ------------------------------------------------------------*/
.intro {
  min-height: 100%;
  background-image: url("../img/personal/hashem_zahran-header_intro.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top right; }

/*-- contact elements
 ------------------------------------------------------------*/
.form-group {
  margin-bottom: 0px; }
  .form-group .help-block {
    display: block;
    min-height: 1.5em;
    margin: 0px !important;
    font-size: 1em !important;
    color: #e74c3c; }
    .form-group .help-block ul {
      margin-bottom: 0px;
      list-style: none; }

/*-- blog elements
 ------------------------------------------------------------*/
article h2 a:hover,
article h3 a:hover {
  color: #049372;
  text-decoration: none; }
article img {
  width: 100%;
  padding: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ecf0f1; }
article pre {
  background-color: whitesmoke;
  border-color: #ecf0f1; }

.pager li a:hover,
.pager li a:focus,
.pager li span:hover,
.pager li span:focus {
  background-color: #049372;
  color: whitesmoke;
  border-color: #019875; }

.post-banner {
  margin-bottom: 1em; }

/*-- project & portfolio elements
 ------------------------------------------------------------*/
#portfolio-grid a:hover {
  text-decoration: none; }
#portfolio-grid .mix {
  display: none;
  text-align: center;
  margin-bottom: 20px; }
  #portfolio-grid .mix img {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 5px 5px 0px #ecf0f1;
    -moz-box-shadow: 5px 5px 0px #ecf0f1;
    box-shadow: 5px 5px 0px #ecf0f1; }
    #portfolio-grid .mix img:hover {
      opacity: 0.9; }
  #portfolio-grid .mix h4 {
    margin-top: 20px;
    margin-bottom: 0px; }
  #portfolio-grid .mix p {
    margin-bottom: 1.5em; }

.project {
  padding-bottom: 48px; }
  .project h3 {
    border-top: 1px dotted #ecf0f1;
    border-bottom: 1px dotted #ecf0f1;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center; }
  .project hr {
    border-style: dotted; }
  .project img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }

/*-- error pages
 ------------------------------------------------------------*/
.errorpage {
  height: 100%;
  width: 100%;
  margin-bottom: 0px;
  background-image: url("../img/personal/hashem_zahran-error.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100%; }
  .errorpage .container {
    padding-top: 100px; }

/*-- resume elements
 ------------------------------------------------------------*/
body {
  padding-top: 0;
  font-size: 16px; }

main p, footer p {
  margin: 0;
  line-height: 3em; }

footer {
  padding: 0; }
  footer a {
    color: whitesmoke; }
    footer a:hover {
      color: white;
      text-decoration: none; }

.whitesmoke {
  text-shadow: 0 0; }

aside, section {
  box-shadow: 0 0;
  padding-bottom: 20px; }

.header p {
  font-size: 2.2em;
  font-weight: 300; }

.teaser p {
  font-size: 2.1em;
  font-weight: 300; }

.jumbotron {
  margin-bottom: 0; }

.greenhaze {
  background-color: #019875;
  color: whitesmoke; }
  .greenhaze h1 {
    color: white; }

aside address {
  margin: 0; }

.list-group {
  font-size: 15px; }
  .list-group .list-group-item {
    background: #ecf0f1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0; }
    .list-group .list-group-item:nth-child(even) {
      background: whitesmoke; }

.skills {
  padding-left: 20px; }
  .skills p {
    margin-bottom: 0px; }

.social a {
  color: #019875; }
  .social a:hover.facebook {
    color: #3b5998; }
  .social a:hover.twitter {
    color: #00aced; }
  .social a:hover.linkedin {
    color: #007bb6; }
  .social a:hover.instagram {
    color: #517fa4; }
  .social a:hover.github {
    color: #4183C4; }
  .social a:hover.behance {
    color: #1769FF; }

.progress {
  background-color: whitesmoke;
  margin-bottom: 10px; }
  .progress .progress-bar-brand {
    background-color: #019875; }

/*-- syntax highlighting
 ------------------------------------------------------------*/
.highlight {
  background: #fff; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }
