/*
Theme Name: Bardous
Theme URI: http://bardous.paulbremer.nl/
Version: 1.0
Description: A Minimal WordPress theme.
Author: Paul Bremer
Author URI: https://paulbremer.nl
Tags: white, light, one-column, responsive-layout, editor-style, sticky-post, theme-options, threaded-comments, translation-ready
Details URI: http://bardous.paulbremer.nl/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bardous
*/

/**
 * Table of Contents:
 *
 * 1.0 - Normalize
 * 2.0 - Variables
 * 3.0 - WordPress
 * 4.0 - Buttons
 * 5.0 - Navigation
 * 6.0 - Header
 * 7.0 - Content
 *   7.1 - Posts
 *   7.2 - Page
 *   7.3 - Comments
 * 8.0 - Footer
 */


 /**
 * 1.0 - Normalize
 */
@import 'normalize';

/**
* 2.0 - Variables
*/
@import 'variables';

/**
* 3.0 - WordPress
*/
@import 'wordpress';

/**
* 4.0 - Buttons
*/
@import 'buttons';

/**
* 5.0 - Navigation
*/
@import 'navigation';

/**
* 6.0 - Header
*/
@import 'header';

/**
* 7.0 - Content
*/
@import 'content';

/**
* 7.1 - Posts
*/
@import 'posts';

/**
* 7.2 - Page
*/
@import 'page';

/**
* 7.3 - Comments
*/
@import 'comments';

/**
* 8.0 - Footer
*/
@import 'footer';


body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  font-size: 2.2em;
  font-weight: 700;
}

h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}

a {
  position: relative;
  text-decoration: none;
  color: $main-color;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;

  &:hover,
  &:focus {
    color: $main-hover-color;
  }

  &::before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    height: 2px;
    width: 0;
    text-decoration: none;
    background-color: $main-color;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }

  &:hover::before,
  &:focus::before {
    width: 100%;
  }
}

#wpadminbar {
  a::before {
    background-color: transparent;
    width: auto;
  }

  a:hover::before,
  a:focus::before {
    width: auto;
  }
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

img {
  max-width: 100%;
}

.infinite-scroll {

  & > div:last-child {
    display: block !important;
    opacity: 1 !important;
  }

  #infscr-loading {
    text-align: center;
    padding: 25px;
  }

}

.clearfix {
  overflow: auto;
  zoom: 1;
}