/*
Theme Name: Jakobian
Theme URI: 
Author: Bishal Adhikary
Author URI:
Description: Jakobian is a modern, high quality responsive theme for Wordpress and is geared mostly towards bloggers who want a new flair of style for their blog. Jakobian has over 35 different customization options and you can customize pretty much anything including colors, fonts, menus and more. This is one of the best wordpress themes for those who want to customize their site as much as they want but don't want to touch a single line of code to do that, thanks to the customization options offered by this theme.. There are two header menus available in Jakobian and you can turn them off or on as needed or even choose to hide them on mobile devices. You can choose any accent color for your blog or even pick different colors for fonts, links, headings and what not. Jakobian is SEO Optimized and loads very fast. The theme offers end to end colored bar for posts and pages giving it a very unique look. You can choose from over 50 different fonts(available via Google fonts) for your content body and titles. This wordpress theme is ideally suited for any kind of blogger including hobbyists, students, scholars, artists, scientists and pretty much anyone who blogs for a passion or for making money. Jakobian also offers a maintenance mode option which allows you to set a dummy page in case you are performing upgrades or updates on your site. Social media links for header and footer are available by default and you can turn them on and off as required in the header or the footer.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jakobian
Tags: theme-options, one-column, custom-background, custom-colors, custom-header, custom-menu,  two-columns, editor-style, featured-images, blog, microformats, post-formats, sticky-post, threaded-comments, translation-ready, footer-widgets

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* JAKOBIAN CORE */
.main-content-area {
  margin: 2% 0;
}

.clear     { clear: both; width: 100%; height: 20px }
.margin    { margin-top: 2.5em }
.padding   { padding-top: 2.5em }
.no-margin { margin: 0; padding: 0 }
.center    { float: none; margin: 0 auto }
.remove    { display: none }
.hide      { visibility: hidden }

.wow { visibility: hidden }

ol.unstyled, 
ul.unstyled {
  list-style: none none;
  margin: 0;
  padding: 0
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
  opacity: 0.85;
}

img {
  max-width: 100%;
  height: auto
}

.alignleft {
  display: inline;
  float: left
}

.alignright {
  display: inline;
  float: right
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.alignnone {
  margin: 1em 0 2em
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 0.4em 1.6em 1.6em 0
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.6em
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 1em;
  margin-bottom: 2em
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em
}

.wp-caption.alignnone {
  margin: 2em 0 2em
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  clip: auto!important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

.site .skip-link {
  background-color: #f1f1f1;
  -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  color: #21759b;
  display: block;
  font-family: "Open Sans", sans-serif;
  left: -9999em;
  outline: none;
  padding: 15px 23px 14px;
  text-decoration: none;
  text-transform: none;
  top: -9999em;
}

.logged-in .site .skip-link {
  -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
  clip: auto;
  height: auto;
  left: 6px;
  top: 7px;
  width: auto;
  z-index: 100000;
}

.wp-smiley {
  max-height: 13px;
  margin: 0
}

.comment-content img,
.widget img,
.wp-post-image, 
img.avatar {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 2px
}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}

.entry-content a, 
.entry-summary a, 
.page-content a, 
.comment-content a, 
.pingback 
.comment-body > a {
  border-bottom: 1px solid #ddd;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
  border-bottom: 0;
}

label {
  display: block;
  font-weight: 300;
}

embed,
iframe,
object,
video {
  margin-bottom: 1.6em;
  max-width: 100%;
  vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
  margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 25px
}

.wp-playlist.wp-playlist {
  padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
  margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
  border-bottom: 0;
  padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
  top: 10px;
}

/* GALLERY */ 
.gallery { margin-bottom: 1.6em }

.gallery-item {
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: top;
  display: inline-block
}

.gallery dl {
  float: left;
  margin-top: 10px
}

.gallery dl img {
  border: 2px solid #fff
}

.gallery-caption {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  bottom: 0;
  transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  transform: scale(0.9);
  padding: 10px
}

.gallery-item:hover .gallery-caption {
  visibility: visible;
  opacity: 1;
  transform: scale(1)
}

.gallery-item .wp-caption-text.gallery-caption {
  font-weight: 500;
  font-size: 12px;
  color: #fff
}

.gallery-item:hover a {
  text-decoration: none
}

.gallery-icon img {
  margin: 0 auto
}

.gallery-icon a:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all .2s ease 0s;
  width: 100%
}

.gallery-item:hover .gallery-icon a:before {
  opacity: 1
}

.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display:none
}

#image-navigation .nav-next a,#image-navigation .nav-previous a {
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block
}

#image-navigation .nav-next a:hover, #image-navigation .nav-previous a:hover {
  background-color: #DA4453;
  color: #fff
}

#image-navigation .nav-next, #image-navigation .nav-previous {
  margin: 10px 0
}

/* CAPTIONS */
.wp-caption {
  max-width: 100%;
  text-align: center
}

.wp-caption .wp-caption-text {
  margin: 0;
  padding: 5px;
  background: #e23a3e;
  color: #fff;
  font-size: 14px;
  font-style: normal
}

.wp-caption-text.gallery-caption {
  margin: 0
}

.wp-caption .wp-caption-text a {
  color: #fff;
  text-decoration: underline
}

.wp-caption .wp-caption-text a:hover {
  text-decoration: none
}

/* BOOTSTRAP EDIT */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px; /* or 950px */
}

.btn {
  border: 0;
  border-radius: 2px;
  border-bottom: 0;
  border-left: 0;
  box-shadow: inset 0 -2.2px rgba(0,0,0,.12),inset 2px 0 rgba(0,0,0,.1);
  margin-right: 5px;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.btn.active, 
.btn:active {
  background-image: none;
  position: relative;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.125)!important;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125)!important;
  top: 1px;
  left: -1px
}

.btn-xlg {
  padding: 24px 48px;
  font-size: 24px
}

.btn-xlg [class*=" icon-"],
.btn-xlg [class^=icon-] {
  margin-right: 10px
}

.btn-min-block {
  display: block;
  max-width: 170px
}

.btn.btn-clear {
  border: 1px solid #f4f4f4;
  color: #f4f4f4;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn.btn-clear:hover {
  background-color: #fff;
  box-shadow: none
}


.btn-default {
  color: #fff;
}

.btn-autosize {
  padding: 5px 9px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px;
}

@media screen and (min-width: 768px) {
  .btn-autosize {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.4;
  }
}

@media screen and (min-width: 992px) {
  .btn-autosize {
    padding: 13px 19px;
    font-size: 20px;
    line-height: 1.5;
  }
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
  color: #fff;
}

.form-control:focus {
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178,175,232,.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178,175,232,.6)
}

@media screen and (max-width: 768px) {
  #search_dropdown {
    display: none !important
  }

  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: auto;
    margin-left: auto
  }

  #site-nav .navbar-collapse {
    max-height: 420px;
    overflow-y: auto
  }
}

.btn-excerpt {
  display: block;
  margin-top: 15px
}

.pager li > a, 
.pager li > span {
  border-radius: 2px;
}

.pager li > a:focus, .pager li > a:hover {
  color: #fff
}

.pager > .active > a,
.pager > .active > a:focus,
.pager > .active > a:hover,
.pager > .active > span, 
.pager > .active > span:focus, 
.pager > .active > span:hover {
  border-color: #eee;
  color: #fff
}

@media screen and (max-width: 360px) {
  .pager li > a, 
  .pager li > span {
    padding: 3px 8px;
    font-size: 12px
  }
}

.navbar {
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
  background: #fff;
  padding-bottom: 10px;
  padding-top: 10px;
  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
  transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-form input {
  min-width: 220px
}

.dropdown-menu .dropdown-menu {
  top: 0;
  right: 100%
}

.nav-animation {
  animation: fadeIn .5s;
  -webkit-animation: fadeIn .5s
}

.search-animation {
  animation: zoomIn .2s;
  -webkit-animation: zoomIn .2s
}

/* HEADERS */
.admin-bar #masthead {
  margin-top: 32px !important;
}

#masthead {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.sticky-header {
  opacity: 0.95;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

ul.header-contact li.header-phone a:before { 
  content: '\f095';
  font-family: FontAwesome;
  margin-right: 5px
}

ul.header-contact li.header-email a:before { 
  content: '\f0e0';
  font-family: FontAwesome;
  margin-right: 5px
}

ul.header-contact li.header-link a:before { 
  content: '\f08e';
  font-family: FontAwesome;
  margin-right: 5px
}

ul.header-contact li {
  display: inline-block;
  margin-right: 5px
}

ul.header-contact li > a {
  font-size: 12px;
  display: block;
  line-height: 32px;
}

#header-social {
  text-align: right;
}

#header-social > ul > li {
  display: inline-block
}

#header-social > ul > li > a {
  display: inline-block;
  font-size: 1em;
  display: block;
  width: 34px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}

#header-social > ul > li > a:hover {
  color: #fff;
}

#header-social > ul > li a.facebook:hover  { background-color: #507CBE }
#header-social > ul > li a.twitter:hover   { background-color: #63CDF1 }
#header-social > ul > li a.google:hover    { background-color: #F16261 }
#header-social > ul > li a.pinterest:hover { background-color: #cc2127 }
#header-social > ul > li a.dribbble:hover  { background-color: #E46387 }
#header-social > ul > li a.linkedin:hover  { background-color: #035a87 }
#header-social > ul > li a.flickr:hover    { background-color: #E474AF }
#header-social > ul > li a.vimeo:hover     { background-color: #87D3E0 }
#header-social > ul > li a.rss:hover       { background-color: #ffac3d }

.site-title {
  margin: 5px 0 0;
}

#sub-header {
  padding: 2em 1em
}

.sub-header-title, .bio-name {
  font-size: 24px;
  margin-top: 10px
}


#breadcrumbs {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #ddd;
  display: inline;

}

#breadcrumbs a, .current {
  padding: 0 5px
}

@media (max-width: 768px) {
  #breadcrumbs {
    padding: 10px 0
  }
}

/* CONTENT */
.single-featured {
  display: block;
  margin: auto;
  transition: opacity 0.3s linear 0s
}

.single-featured:hover {
  opacity: .92;
  box-shadow: 0 0 0 1px #efefef inset
}

.hentry {
  padding: 2px 0 5px;
  border-radius: 3px;
  box-shadow: 0 1px 0 #ccc;
  margin-bottom: 3em;
  position: relative
}

.hentry:after {
  border-bottom-color: #ccc!important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid transparent;
  border-width: 5px;
  bottom: 0;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 0
}

.sticky {
  display: block;
  border-color: rgba(178,175,232,.5);
  background: #f7fcf7!important;
  border-style: solid;
  border-width: 1px;
}

.sticky-pin:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0M3NjlDNTlENEUxMUU0QUU4MTg4NTQ5MTdDQkY1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0M3NjlDNjlENEUxMUU0QUU4MTg4NTQ5MTdDQkY1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQzc2OUMzOUQ0RTExRTRBRTgxODg1NDkxN0NCRjU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZDQzc2OUM0OUQ0RTExRTRBRTgxODg1NDkxN0NCRjU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZWNvTAAAAMJJREFUeNpi/P//PwMpgBGImYGY4+kchmncHAwxQDYTmpovf/8x1AvHMfSBDAdJsgGx2M/fDFpYFIMAD1CdB4wDUsAKxHx//jGw43IGUAMnsgaY04gCTAwkggHS8PErw73bLxj2YpNjQRf48p3hdlQfQ/rRmwwMZ3sZ/imLM7his+E/EyPDv68/GG7VLWPwBSq+AhR7aVzM0PT8PcNmdEP5gFjj8gSGxemuDKrQeAHFviAQg/gqd2YwZEDi4z8DQIABANZoORUoDZmXAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  content: "";
  padding: 10px;
  position: absolute;
  top: -5px;
  right:-5px
}

.updated-on, 
.updated:not(.published) { display: none }

.group-blog .byline, .single .byline { display: inline }

.page-links {
  margin: 0 0 25px;
}

.page-links span {
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 3px 10px
}

.page-links a span {
  background-color: #fff;
  color: #333;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s
}

.page-links a:hover span {
  color: #fff
}

.edit-link { 
  opacity: 0; 
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
}

.hentry:hover .edit-link { opacity: 1 }

.page-title:before {
  border-bottom: 1px solid #757399;
  bottom: -1px;
  content: "";
  position: absolute;
  width: 40px
}

.page-title {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 0;
  position: relative
}

.entry-meta:before {
  border-bottom: 1px solid #ccc;
  bottom: -1px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 25px
}

.entry-meta {
  border-bottom: 1px solid #f3f3f3;
  display: inline-block;
}

.entry-meta, .entry-footer {
  border-top: 1px solid #f3f3f3;
  font-size: 11px;
  font-weight: 500;
  position: relative;
  text-transform: uppercase
}

.entry-meta:after {
  border-bottom: 1px solid #ccc;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -1px;
  width: 25px
}

.entry-content {
  padding: 0 0 10px 0;
  line-height: 2em;
}

.entry-content,
.comment-content {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.entry-content dd {
  font-size: .9em;
  color: #787878;
  margin-bottom: 1.5em
}

.entry-content pre {
  background: #f3f3f3;
  border: 1px solid #cecece;
  padding: 10px
}

.entry-footer:after {
  border-bottom: 1px solid #ccc;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -1px;
  width: 25px
}

.entry-meta, 
.entry-footer { padding: 10px 0 }

.entry-meta i, 
.entry-footer i { 
  padding-right: 2px; 
  padding-left: 2px 
}

.sticky-post, 
.byline, 
.cat-links, 
.comments-link, 
.posted-on, 
.tags-links,
.updated-on, 
.vcard {
  margin-right: 5px
}

.bypostauthor { display:block }

.entry-attachment img { width:100% }

.format-chat .entry-content > p {
  clear: both;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  margin-top: 10px;
  position: relative
}

.format-chat .entry-content > p:nth-child(2n+1) {
  background: none repeat scroll 0 0 #f6f6f6;
  border-radius: 0 12px 12px 12px;
  float: left;
  -webkit-box-shadow: inset 1px -1px rgba(0,0,0,.15);
  box-shadow: inset 1px -1px rgba(0,0,0,.15)
}

.format-chat .entry-content > p:nth-child(2n) {
  background: none repeat scroll 0 0 #e4f5e4;
  border-radius: 12px 0 12px 12px;
  float: right;
  -webkit-box-shadow: inset 0 -1px rgba(0,0,0,.15);
  box-shadow: inset 0 -1px rgba(0,0,0,.15)
}

.post-navigation a:hover:before,
.post-navigation a:focus:before {
  opacity: 0.5;
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
  background-position: center;
  background-size: cover;
  position: relative;
}


/* AUTHOR BOX */
.author-bio {
  padding: 20px;
  box-shadow: 0 1px 0 #ccc;
  margin-bottom: 40px;
  position: relative
}

.author-bio .bio-avatar {
  float: left;
  margin-right: 15px;
  position: relative;
  width: 64px
}

.author-bio .bio-avatar img {
  width: 100%
}

.author-bio .bio-name {
  margin-top: 0;
  font-weight: 600
}

.author-bio .bio-name a {
  color: #bab8cc
}

.author-bio .bio-name a:hover, 
.author-bio .bio-name a:focus  {
  color: #d5d4e0
}

.author-socials {
  text-align: right
}

ul.author-social-bar {
  display: inline-block;
  padding-left: 0px;
}

.author-social-bar-text {
  margin: 0 5px;
  margin-left: 0;
  font-size: 11px;
  text-transform: uppercase
}

ul.author-social-bar li {
  display: inline-block;
  margin: 0 3px
}

ul.author-social-bar li a {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 20px;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s
}

ul.author-social-bar i {
  font-size: 13px
}

ul.author-social-bar li a:hover { color: #fff }
.author-social-bar a.facebook { background-color: #3b5998 }
.author-social-bar .facebook:hover { background-color: #2d4373 }
.author-social-bar a.google_plus { background-color: #dd4b39 }
.author-social-bar a.google_plus:hover { background-color: #c23321 }
.author-social-bar a.twitter { background-color: #55acee }
.author-social-bar a.twitter:hover { background-color: #2795e9 }
.author-social-bar .linkedin { background-color: #007bb6 }
.author-social-bar a:hover { background-color: #005983 }

/* COMMENTS */
#comments { margin-top: 3em }
.comment-reply-title { margin-top: 2em }
.comments-header { margin-top: 1em }

.commentlist {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0
}

.commentlist li .comment-body {
  background: #fff;
  font-size: 14px;
  overflow: hidden;
  padding: 25px 25px 15px;
  margin-bottom: 15px;
  margin-top: 1em;
  position: relative;
  border: 1px solid #e8e8e8;
  border-bottom: 1px solid #dadada;
  border-radius: 4px
}

.commentlist .children li { list-style:none }
.commentlist .children li.comment > div[id*=comment-] { background:#f7fcf7 }
#reviews #comments ol.commentlist li img,
.commentlist > li .photo {
  display: block;
  float: left;
  height: 64px;
  line-height: 0;
  margin-right: 15px;
  overflow: hidden;
  width: 64px
}

.commentlist > li .comment-author {
  font-size: 13px;
  font-weight: 600
}

.commentlist > li .comment-meta { font-size: 12px }
.commentlist > li .comment-meta a { color: #999 }
.commentlist > li .comment-meta a:hover, .commentlist > li .comment-meta a:focus { 
  color: #757399 
}

.commentlist > li .comment-meta a.comment-edit-link:hover,
.commentlist > li .comment-meta a.comment-edit-link:focus { 
  color: #222
}

.pingback .edit-link a:hover,
.pingback .edit-link a:focus { 
  color: #222 
}

.commentlist > li .reply {
  position: absolute;
  right: 0;
  bottom: 0
}

.commentlist > li .comment-reply-link {
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 4px 0 4px;
  text-transform: uppercase
}

.commentlist > li .comment-meta .comment-edit-link {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 0 4px;
  color: #9da0a4;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  position: absolute;
  right: -1px;
  top: -1px
}

.wpbs-textarea { margin-top: 15px }

.form-allowed-tags code {
  white-space: inherit;
  word-wrap: break-word
}

/* SIDEBAR */
#sidebar { border-radius: 3px }

.sidebar-padder ul {
  list-style: none;
  padding: 5px
}

.widget-area { padding:2px 20px }

@media screen and (max-width: 480px) {
  aside.widget-area {
    font-size: 7mm
  }
}

.widget { margin-bottom: 20px }

#sidebar .widget_archive li:before,#sidebar .widget_categories li:before {
  content: '\f105';
  font-family: FontAwesome;
  color: #888;
  margin-right: 5px
}

#sidebar .widget_archive li a:hover,
#sidebar .widget_categories li a:hover {
 position: relative;
 top: 1px;
}

.widget-title:before {
  bottom: -1px;
  content: "";
  position: absolute;
  width: 40px
}

.widget-title {
  border-bottom: 1px solid rgba(119,119,119,.1);
  padding: 0 0 10px 0;
  position: relative
}

.tagcloud { padding: 10px }

.cat-count-span {
  float: right;
  color: #777
}

/* FOOTER */
img.footer-logo {
  float: left;
  margin: 0 10px;
}

.footer-wrapper {
  padding-top: 20px;
  font-size: 13px
}

.footer-widgets { margin: 15px 0 }

.footer-widget-title:before {
  border-bottom: 1px solid #757399;
  bottom: -1px;
  content: "";
  position: absolute;
  width: 40px
}

.footer-widget-title {
  font-size: 18px;
  font-family: inherit;
  font-weight: 300;
  border-bottom: 1px solid rgba(255,255,255,.2);
  padding: 10px 0;
  margin: 0 0 20px;
  position: relative;
  text-transform: uppercase
}

.footer-content .footer-widgets ul {
  list-style: none;
  padding-left: 5px
}

.footer-content .footer-widgets li:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 5px
}

#footer-socials { 
  background: #222; 
  clear: both 
}

#footer-socials .social-bar {
  color: #aaa;
  padding: 10px;
  margin: 0 5px;
  text-align: left
}

.social-bar-text {
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 12px
}

.social-bar a {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 2px;
  line-height: 26px;
  width: 28px;
  color: #aaa;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  margin-right: 3px;
  transition: all .9s ease 0s;
  -webkit-transition: all .9s ease 0s
}

.social-bar a.twitter:hover      { background: #63CDF1 }
.social-bar a.facebook:hover     { background: #507CBE }
.social-bar a.google_plus:hover  { background: #F16261 }
.social-bar a.pinterest:hover    { background: #cc2127 }
.social-bar a.dribbble:hover     { background: #E46387 }
.social-bar a.linkedin:hover     { background: #035a87 }
.social-bar a.flickr:hover       { background: #E474AF }
.social-bar a.vimeo:hover        { background: #87D3E0 }
.social-bar a.rss:hover          { background: #ffac3d }

.social-bar a > i {
  color: #eee 
}

.copyrights-area {
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer-nav ul {
  padding-left: 0
}

.footer-nav { 
  text-align: right
}

.footer-nav li {
  display: inline-block;
  border-left: 1px solid #777;
  line-height: 10px;
  margin-left: 4px
}

.footer-nav li:first-child { border-left: none }

.footer-nav li a {
  padding-left: 8px;
  transition: all .4s ease 0s;
  -webkit-transition: all .2s ease 0s
}

.footer-nav li a:hover, 
.footer-nav li a:active, 
.footer-nav li a:focus {
  color: #908dbd
}

@media (max-width: 767px) {
  .copyright-text, .footer-nav {
    text-align: center !important;
    padding: 5px 0
  }
}

/* TO TOP */
.to-top {
  background: rgba(0, 0, 0, 0.1);
  bottom: 30px;
  right: 30px;
  color: #fff;
  font-size: 15px;
  height: 35px;
  width: 35px;
  line-height: 33px;
  margin-right: -75px;
  position: fixed;
  text-align: center;
  z-index: 9999;
  transition: all .4s ease 0s;
  -webkit-transition: all .2s ease 0s
}

.to-top:hover {
  background: #222;
}

.to-top.in {
  margin-right: 0;
}

.to-top.in:hover, 
.to-top.in:active, 
.to-top.in:focus {
  color: #fff;
}

/* ERROR 404 */
.error-404 {
  background: #fff;
  padding: 20px
}

.error-404-box {
  margin: 0 0 50px;
  padding: 0;
  text-align: center
}

.error-message {
  font-size: 40px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.12);
  color: #999;
  margin: 20px 0;
  padding: 20px
}

.error-message:before {
  content: "\f05a";
  font-family: FontAwesome;
  margin-right: 15px;
  color: #999
}

@media (max-width: 767px) {
  .error-message {
    font-size: 30px
  }
}


/* from here my css */
.type-post{

}

.sidebar-padder{

}

.widget ul li{
	padding:1em;
	border-bottom:1px dotted #ddd;

}

.widget ul li:hover{
	border-bottom: 1px dotted #ccc;
}

#site-menu ul li a{
  background: #F9F9F9;
  border-right: 1px solid #fff;
}

#site-menu ul {
  border:1px solid #ddd;
  border-radius: 2px;
}

#site-secondary-nav {
  background: #efefef;
 
}

.subheadermeta > span{
  font-size:11px;
  color:#ddd;
}
.subheadermeta a{
  color:#bab8cc;
}

.subheadermeta a:hover{
  color:#d5d4e0;
}

.form-submit{
  margin-top:10px;
}

.bio-name a{
  font-weight: 300
}
.post-thumbnail{
  margin-top:2px;
}
.widget-area div h3:nth-child(1){
  margin-top:0;
}

h1,h2,h3,h4{
  margin-top: 0
}

#site-secondary-nav{
  padding-top:0;
  padding-bottom:0;
}

main#content{
  border-top:1px solid #ccc;
}

.mainlogo{
  padding-top: 0;

}

.mainlogo img{
  max-height: 50px
}