/*
Theme Name: Bosco Child
Template: bosco
Theme URI: https://wordpress.com/themes/bosco/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: A personal blog theme with a responsive layout and beautiful typography.
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: accessibility-ready, responsive-layout, one-column, custom-background, custom-header, custom-menu, featured-images, rtl-language-support, editor-style, post-formats, translation-ready, photoblogging, red, black, white, light

Bosco is based on Aldus http://wordpress.org/themes/aldus/, (C) 2013 Frank Klein.
Bosco is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
*/

@import url("../bosco/style.css");
@import url('https://fonts.googleapis.com/css?family=Khula:400,700|Roboto:400,400i,700,700i');

/* customization by JL */

body {
  font-size: 105%;
  line-height: 1.5;
}

body, button, input, select, textarea {
    font-family: Khula, sans-serif;
}

body .size-full.aligncenter, body .size-large.aligncenter {
    margin-left: auto;
}

a {
  text-decoration:none;
}

p {
  margin-bottom:1rem;
}

ul, ol {
  margin-left:2rem;
}

em em,
em cite {
  font-style:normal;
}

em em em {
  font-style:italic;
}

h2.site-description {
  font-size: 1rem;
  color: #888;
}

h3 {
  margin-top:1.8rem;
}

.entry-content,
.blog .entry-content, 
#page .entry-content, 
#page .entry-meta, 
.blog .entry-meta {
    max-width: 680px;
}

.blog .alignright, #page .alignright {
    margin-left: 1em;
    margin-right: 0;
}

.blog .alignleft, #page .alignleft {
    margin-right: 1em;
    margin-left: 0;
}

.blog img.aligncenter, #page img.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

.byline {
  display: none;
}

pre,
.transcript,
.inform {
  display: block;
  font-family: "Roboto Mono", monospace;
  font-style: normal;
  margin-bottom: 1em;
  padding: 1em 0 1em 1em;
}

.transcript {
  margin-left: 2em;
}

.transcript-roomname {
  font-weight: bold;
}

.transcript-command,
.transcript .command {
  font-weight: bold;
  color: #383;
  font-family: inherit;
}

.command::before {
  content: ">";
}

.command {
  font-family: monospace;
}

p > .command {
  padding: 0 0.5em;
}

code, kbd, tt, var {
  font-size: 1rem;
  font-family: "Roboto Mono", monospace;
  background-color: rgba(0,0,0,0.05);
  padding: 0 3px;
}


/**
 * Mailing list subscription
 */

#mc_embed_signup input.email {
  min-width:400px;
  display:block;
}

#mc_embed_signup label {
  font-weight:bold;
}

.mc-field-group {
  margin-bottom:1em;
}

/**
 * Ads
 */

/*
.ad_disclaimer_left,
.ad_disclaimer_right {
    font-size: smaller;
    color: #aaa;
    font-style: italic;
}

.ad_disclaimer_right {
    text-align:right;
}
*/

/**
 * Code
 */

p code {
    padding-left: 4px;
}


/**
 * INFORM CODE
 */

.inform {
  white-space:inherit;
  padding-bottom:0;
  padding-top:1em;
}

.inform .block,
.inform .header {
  margin-bottom:0.8em;
}

.inform .indent {
  margin-left:3em;
  text-indent:-1em;
}

.inform .string {
  color:#339;
}

.inform .string .substitution {
  color:#69b;
}

.inform .header {
  font-weight:bold;
}

.inform .invalid {
  background-color:#fee;
}

.inform-error {
  background-color:#fee;
}


/** 
 * POPULAR POSTS
 */

#popular_posts {
  margin-top:3em;
}

#popular_posts ul, .footer-widgets ul {
  list-style-type: none;
}

#popular_posts ul li, .footer-widgets ul li {
  margin-bottom: 0.8em;
}

.rss-date {
  display:block;
}

.spoiler-alert {
  font-style: italic;
  font-size: smaller;
  margin-bottom: 1em;
}

@media (max-width: 600px) {		
  .blog .alignright, #page .alignright, .blog .alignleft, #page .alignleft {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}