@charset "UTF-8";
/*
Theme Name: New Tasse de Café
Theme URI:
Author: Jérémy Heleine
Author URI: http://jeremyheleine.me
Description: Finally a new theme for Tasse de Café!
Tags: blue, responsive-layout, two-column
Version: 1.0
License: MIT
License URI:
Text Domain: new-tasse-de-cafe
*/
@font-face {
  font-family: Pacifico;
  src: url("fonts/Pacifico.eot");
  src: url("fonts/Pacifico.eot?#iefix") format("embedded-opentype"), url("fonts/Pacifico.woff2") format("woff2"), url("fonts/Pacifico.woff") format("woff"), url("fonts/Pacifico.ttf") format("truetype"), url("fonts/Pacifico.svg#pacificoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  margin: 0;
  font-family: 'Liberation Sans', sans-serif;
  line-height: 1.7;
  font-size: 1.2em; }

#content {
  margin: -4.5em auto 0;
  width: 66.66667em; }
  #content #left-column,
  #content #right-column {
    background-color: #FFFFFF; }
  #content #left-column {
    margin-right: 20.83333em;
    padding: 1em 2.5em; }
  #content #right-column {
    float: right;
    padding-top: 1em;
    width: 16.66667em; }

@media all and (max-width: 85em) {
  #content {
    width: 50em; }
    #content #left-column {
      margin-right: 14.58333em; }
    #content #right-column {
      width: 12.5em; } }
@media all and (max-width: 63em) {
  #content {
    margin: 0;
    width: 100%; }
    #content #left-column {
      margin-right: 0; }
    #content #right-column {
      display: none; } }
a {
  text-decoration: none;
  color: #0096FF;
  transition: color 0.2s ease-out; }
  a:hover {
    color: #FF9600; }

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

label {
  display: block;
  padding: 0.5em 0 0;
  color: #0096FF;
  cursor: pointer; }
  label .required {
    color: #960000; }

input[type="text"], textarea {
  padding: 0.5em;
  background: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #E3E3E3;
  font-size: 1.1em;
  transition: border-color 0.3s ease-out; }
  input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus {
    border-bottom-color: #0096FF; }

textarea {
  border-color: #E3E3E3; }
  textarea:hover, textarea:focus {
    border-color: #0096FF; }

input[type="submit"] {
  padding: 0.7em 1em;
  border: none;
  background-image: none;
  background-color: #3D3D3D;
  font-size: 1.3em;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.2s ease-out; }
  input[type="submit"]:hover {
    background-color: #0096FF; }

#site-header-links, #sidebar ul, .post-comments-list, .post-comments-list ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.aligncenter {
  text-align: center; }

#site-header {
  height: 650px;
  background-color: #3D3D3D;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; }

#site-header-content {
  padding: 0 0 7em 3.5em; }

#site-name {
  margin: 0;
  font-family: Pacifico;
  font-weight: normal;
  font-size: 3.5em; }
  #site-name a {
    color: #FFFFFF;
    transition: color 0.2s ease-out; }
    #site-name a:hover {
      color: #0096FF; }

#site-header-links li {
  display: inline-block;
  margin: 0 5px 5px 0;
  vertical-align: middle; }
  #site-header-links li a {
    display: block;
    border-radius: 50%;
    background-color: #3D3D3D;
    background-repeat: no-repeat;
    color: transparent;
    transition: background-color 0.2s ease-out; }
    #site-header-links li a:hover {
      background-color: #0096FF; }
  #site-header-links li.site-header-link-me a {
    width: 100px;
    height: 100px;
    background-image: url(http://www.gravatar.com/avatar/c8f24e0ec704bb80ebe138b2840ad9a6?s=100); }
  #site-header-links li.site-header-link-github a, #site-header-links li.site-header-link-twitter a, #site-header-links li.site-header-link-facebook a, #site-header-links li.site-header-link-googleplus a, #site-header-links li.site-header-link-linkedin a, #site-header-links li.site-header-link-rss a {
    width: 50px;
    height: 50px;
    background-image: url(images/social.png); }
  #site-header-links li.site-header-link-github a {
    background-position: 0 0; }
  #site-header-links li.site-header-link-twitter a {
    background-position: -50px 0; }
  #site-header-links li.site-header-link-facebook a {
    background-position: -100px 0; }
  #site-header-links li.site-header-link-googleplus a {
    background-position: -150px 0; }
  #site-header-links li.site-header-link-linkedin a {
    background-position: -200px 0; }
  #site-header-links li.site-header-link-rss a {
    background-position: -250px 0; }

@media all and (max-width: 1280px) {
  #site-header {
    background-image: url(images/header-medium.jpg); } }
@media all and (max-width: 800px) {
  #site-header {
    background-image: url(images/header-small.jpg); } }
@media all and (max-width: 600px) {
  #site-header {
    height: 360px;
    background-image: url(images/header-xsmall.jpg); }

  #site-header-content {
    padding: 0 0.5em 1em; }

  #site-name {
    font-size: 2.5em; }

  #site-header-links li.site-header-link-me a {
    width: 50px;
    height: 50px;
    background-image: url(http://www.gravatar.com/avatar/c8f24e0ec704bb80ebe138b2840ad9a6?s=50); } }
#sidebar {
  padding: 0 1em;
  line-height: 1.5;
  font-size: 0.9em; }
  #sidebar .widget {
    margin-bottom: 1.2em; }
    #sidebar .widget:not(:first-child) {
      opacity: 0.4;
      transition: opacity 0.2s ease-out; }
      #sidebar .widget:not(:first-child):hover {
        opacity: 1; }
  #sidebar h3.widget-title {
    margin: 0 0 0.2em;
    font-size: 1.2em;
    color: #3D3D3D; }
  #sidebar p {
    margin: 0; }
  #sidebar form {
    text-align: center; }
  #sidebar input[type="text"], #sidebar textarea {
    width: 6em; }
  #sidebar input[type="submit"] {
    padding: 0.2em;
    font-size: 1em; }
  #sidebar ul li {
    margin-bottom: 0.4em; }
  #sidebar ul a {
    display: block;
    padding: 0.1em 0.2em; }
  #sidebar ul li:nth-child(even) a {
    background-color: #F0F0F0; }
  #sidebar ul li ul {
    margin-top: 0.2em;
    padding-left: 1em; }

#site-footer {
  clear: both;
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px solid #E3E3E3; }
  #site-footer p {
    margin-top: 0;
    font-size: 0.9em; }
  #site-footer img {
    vertical-align: middle; }

.single-post-column,
.post-column {
  margin-bottom: 2em; }
  .single-post-column header h1,
  .post-column header h1 {
    margin: 0;
    line-height: 1.4;
    font-size: 2.5em; }
  .single-post-column header p,
  .post-column header p {
    text-align: right; }
  .single-post-column .post-metadata,
  .post-column .post-metadata {
    padding: 1em 0;
    border-top: 1px solid #E3E3E3;
    font-size: 0.9em; }
  .single-post-column .post-tags a,
  .post-column .post-tags a {
    display: inline-block;
    padding: 0.2em 0.5em;
    background-color: #0096FF;
    white-space: nowrap;
    color: #FFFFFF;
    transition: background-color 0.2s ease-out; }
    .single-post-column .post-tags a:hover,
    .post-column .post-tags a:hover {
      background-color: #FF9600; }

.post-content h2 {
  color: #3D3D3D; }
.post-content .wp-caption {
  box-sizing: border-box;
  margin: 1em auto;
  padding: 0.5em;
  max-width: 100%;
  border: 1px solid #E3E3E3; }
  .post-content .wp-caption p {
    margin: 0;
    font-size: 0.9em;
    font-style: italic; }
.post-content code {
  display: inline-block;
  padding: 0.2em 0.7em;
  background-color: #F0F0F0; }
.post-content table {
  margin: 1em auto;
  border-collapse: collapse; }
  .post-content table th, .post-content table td {
    padding: 0.3em 1em; }
  .post-content table tr:nth-child(even) {
    background-color: #F0F0F0; }

.post-comments-list ol {
  padding-left: 3em; }

.comment-body {
  margin-bottom: 2em;
  background-color: #F9F9F9; }
  .comment-body .comment-author {
    padding: 0.5em;
    background-color: #F0F0F0; }
    .comment-body .comment-author .avatar {
      border-radius: 50%;
      vertical-align: middle; }
  .comment-body .comment-meta {
    padding: 0 0.5em;
    text-align: right;
    font-size: 0.9em; }
  .comment-body p {
    padding: 0 0.5em; }
  .comment-body .reply {
    padding: 0 0.5em;
    text-align: right; }

#prev-posts-link {
  float: left; }

#next-posts-link {
  float: right; }

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