/**
Theme Name: lsismore
Theme URI: http://antz.lu/
Author: antz (Andy Frantz) 
Author URI: http://antz.lu/
Description: Special theme created for lsismore.lu.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gridsby 
Tags: black, white, light, gray, fluid-layout, responsive-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready, photoblogging, front-page-post-form, post-formats

Gridsby, Copyright 2015 ModernThemes
Gridsby is distributed under the terms of the GNU GPL

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 3 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.

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.

Gridsby is built with Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. 

Gridsby incorporates code from Moesia, Copyright 2014 aThemes
Moesia is distributed under the terms of the GNU GPL 

Gridsby bundles the following third-party resources:

Simple Grid by ThisisDallas Copyright (C) 2013 Dallas Bass
Simple Grid is licensed under the MIT License.
http://thisisdallas.github.io/Simple-Grid/

Custom Meta Boxes by WebDevStudio (c) 2014 WebDevStudio 
Custom Meta Boxes is licensed under the terms of the GNU GPLv2 
https://github.com/WebDevStudios/Custom-Metaboxes-and-Fields-for-WordPress

Font Awesome by Dave Gandy
Font Awesome is licensed under the following: (Font: SIL OFL 1.1, CSS: MIT License)
http://fortawesome.github.io/Font-Awesome/

Masonry by the Masonry Team Copyright (c) 2011-2012
Masonry is licensed under the terms of the GNU GPLv2 
https://github.com/Masonry

imagesLoaded by desandro Copyright (c) 2010-2015
imagesLoaded is licensed under the MIT License.
https://github.com/desandro/imagesloaded

classie by desandro Copyright (c) 2010-2015
classie is licensed under the MIT License.
https://github.com/desandro/classie 

ShareJS by Jeff Escalante, Carrot Creative Copyright (c) 2013  
ShareJS is proudly licensed under the MIT license.
https://github.com/carrot/share-button

Modernizr by Modernizr Team Copyright (c) 2009—2015
Modernizr is available under the MIT license.
https://github.com/Modernizr/Modernizr 

code from 3D Grid Effect by Marcus Eckert used on http://tympanus.net/Development/3DGridEffect 

The HTML5 Shiv by aFarkas Copyright (c) 2014 Alexander Farkas (aFarkas).
The HTML5 Shiv is licensed under the terms of the GNU GPLv2 
https://github.com/aFarkas/html5shiv 

jPushMenu by takien
jPushMenu is licensed under the MIT License.
https://github.com/takien/jPushMenu 

all free stock photos including homepage backgrounds and image used in screenshot provided by Unsplash at https://unsplash.com/

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/** General page styling **/
body {
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
  margin: 70px 100px 0 100px;
}

header {
  text-align: left;
  font-size: 14px;
  margin: 0 0 70px 0;
  padding: 0px;
}

header h1 {
  text-align: left;
  font-size: 25px;
  margin: 0;
  padding: 0px;
  font-family: 'Roboto Condensed', sans-serif;
}

header h2 {
    text-align: left;
    font-size: 18px;
    margin: 0 0 32px 0;
    padding: 0px;
}

header .copyright {
  text-align: left;
  font-size: 12px;
}

div .container-fluid {
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

.main-content {
  margin-left: 90px;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  -webkit-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
     -moz-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
          box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.1s ease-out;
     -moz-transition: width 0.1s ease-out;
       -o-transition: width 0.1s ease-out;
          transition: width 0.1s ease-out;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}

/**
 * Grid container
 */
.tiles-wrap {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  display: none;
}


/**
 * Grid items
 */
.tiles-wrap li {
  display: block;
  opacity: 0;
  text-align: center;
  list-style-type: none;
  background-color: #fff;
  float: left;
  width: 200px;
  padding: 10px;
  border: 0px solid;
}
.tiles-wrap.wookmark-initialised.animated li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.tiles-wrap.wookmark-initialised li {
  opacity: 1;
}

.tiles-wrap li.wookmark-inactive {
  visibility: hidden;
  opacity: 0;
}

.tiles-wrap li:hover {

}

.tiles-wrap img {
  display: block;
}

.tiles-wrap a {
  color: #555;
  text-align: center;
  /* display: table-cell; */
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
}

.tile-loading:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ddd;
  content: "Loading\2026";
  padding-top: 20px;
  color: #999;
}

/**
 * Filters
 */
#filters {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#filters:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#filters li {
  font-size: 12px;
  float: left;
  padding: 6px 8px 4px;
  margin: 0 10px;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
  background: #4281f5;
  color: #ffffff;
}

#filters li.active {
  background: #4281f5;
  color: #ffffff;
}

a[href^="mailto:"]
{ 
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-size: 14px;
}

/**
 * ADAPTATIONS for small screens
 */
@media (max-width:1000px)
{
  body {
    margin: 70px 50px 0 50px;
  }

  .main-content {
    margin-left: 0px;
  }

  .tiles-wrap {
    margin-right: -30px;
    margin-left: -30px;
  } 
}