/*
Theme Name: Readly ST-ART
Theme URI: http://www.susanna-niederer.ch
Author: Brogramming.Com
Author URI: http://brogramming.com
Description: Child theme of <a href="http://wpshower.com/themes/readly">Readly</a> 1.0 by <a href="http://wpshower.com/">Wpshower</a>
Version: 0.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Tags: responsive, blog, one column, typography
Text Domain: readly
Template: readly

This theme, like WordPress, is licensed under the GPL.
*/
/* Imports
----------------------------------------------- */
/******************************************************************
Site Name: Genossenschaft Neubuehl
Author: Brogramming.Com

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/
https://github.com/matthieua/sass-css3-mixins

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
ADDS A BROWSER PREFIX TO THE PROPERTY
*********************/
/*********************
COLUMNS
*********************/
/*********************
HYPHENS
*********************/
.hyphens {
  /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
  -ms-word-break: break-all;
  /*word-break: break-all;*/
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/*.serif {
	font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}
.sans-serif {
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
}*/
/* Basics
----------------------------------------------- */
body, button, input, select, textarea, #page, #masthead, #colophon {
  background: #ffffff; }

#masthead {
  border-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 70px; }
  #masthead hgroup h1, #masthead hgroup h2 {
    display: none; }
  #masthead hgroup img {
    width: 99px;
    height: auto;
    margin-top: -20px; }

#colophon {
  background: #222;
  border-top: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

#social a {
  background-color: #666; }

#site-navigation-wrapper2 a {
  font-size: 0.8em;
  text-transform: uppercase; }

#site-navigation-wrapper2 > div > ul > li > a {
  padding-bottom: 0.5em; }

#page {
  padding-top: 0; }

/* Content
----------------------------------------------- */
#header-img {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2em; }
  #header-img img {
    max-width: 100%;
    height: auto; }

.entry-header {
  text-align: center; }

.entry-meta {
  display: none; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  line-height: 1.28em; }
.entry-content h1, .entry-content h2 {
  border-top: 1px solid #666;
  padding-top: 0.6em; }
.entry-content ul, .entry-content ol {
  margin: 0; }

.entry-excerpt {
  margin-bottom: 1.5em; }

.aligncenter {
  text-align: center; }

hr {
  background-color: #666; }

.archive .page-title {
  display: none; }

.home {
  /*#content {
  	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
  }*/ }
  .home .entry-header {
    border-top: 1px solid #666;
    padding-top: 0.6em; }

/* =Navigation
----------------------------------------------- */
.single #nav-below {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  margin: 0; }
  .single #nav-below #nav-below-separator {
    padding: 0; }

#nav-below ul {
  list-style: none;
  font-size: 0.8em; }
  #nav-below ul a {
    color: #424242; }

#nav-below-separator {
  border-top: none; }

.previous .meta-nav:before, .next .meta-nav:before {
  border-width: 15px 15px 15px;
  top: 1.85em;
  margin-top: 20px; }

[class*="navigation"] .previous {
  border-right: none; }

@media only screen and (min-width: 1000px) {
  /* Menu
  ----------------------------------------------- */
  #masthead hgroup {
    display: block;
    position: absolute;
    z-index: 2; }

  #site-navigation {
    display: block;
    padding-left: 40px; }

  #site-navigation-wrapper {
    float: none; }

  #site-navigation-wrapper2 {
    text-align: center; }

  #site-navigation-wrapper2 > div > ul > li {
    float: none;
    margin-left: 0;
    padding-bottom: 0; } }
@media only screen and (max-width: 999px) {
  .previous .meta-nav:before, .next .meta-nav:before {
    margin-top: 10px; } }