/*
Theme Name:     André van Rooij 2015
Description:	A responsive theme for Tuindersbedrijf André van Rooij, a child theme of theme Sparkling by Colorlib
Author:         Sander Bontje - Phrog
Author URI:		http://www.phrog.nl/
Theme URI: 		http://colorlib.com/wp/themes/sparkling
Tags: 			green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments
Text Domain: 	sparkling
Domain Path: 	/languages/
Template:       sparkling
Version:        1.0.001

*	Based on:
*	
*	Theme Name: Sparkling
*	Theme URI: http://colorlib.com/wp/themes/sparkling
*	Author: Colorlib
*	Author URI: http://colorlib.com/
*	Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, portfolio, design, art, photography, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready, compatible with WPML and is available in Spanish, French, Dutch, Polish, Russian, German, Brazilian Portuguese, Portuguese (Portugal), Persian (Iranian language), Romanian, Turkish, Bulgarian, Japanese, Lithuanian, Czech, Ukrainian, Traditional Chinese, Simplified Chinese, Indonesian and Italian. Sparkling is a free WordPress theme with premium functionality and design. Now theme is optimized to work with bbPress, Contact Form 7, Jetpack and other popular free and premium plugins.
*	Version: 1.9.3
*	License: GNU General Public License v2 or later
*	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*	Text Domain: sparkling
*	Domain Path: /languages/
*	Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments
*	
*	
*	This theme, like WordPress, is licensed under the GPL.
*	
*	sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

@import url("../sparkling/style.css");

#tinymce.mce-content-body {
	background: #fff;
}

body {
	background-color: #fff;
	background-image: url('images/Tuindersbedrijf-Andre-van-Rooij-bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

.widget img.featured {
	margin-bottom: 30px;
}


/* ---------------  parent theme customizations  ---------------------*/

#logo a img {
	margin: 10px 0 0 40px;
	opacity: 0.7;
	-webkit-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
}

#logo a:hover img {
	opacity: 1;
}

.home .flexslider {
	margin: 0 auto;
	max-width: 1140px;
	clear: both;
}

.flex-direction-nav a::before {
	font-size: 80px;
}

.single-featured:hover {
	opacity: 0.9;
}

#secondary .widget {
    color: #aaaaaa;
}

.widget a img {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
}

.widget a img:hover {
    opacity: 0.9;
}

.form-control::-moz-placeholder {
  color: #ccc;
}

/* change the parent theme's red support color to green */
a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.entry-title a:hover,
.cfa-text,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
#secondary .widget a
{
	color: #47c000;
}

#secondary .widget a:hover,
.widget a:hover
{
	color: #399502;
}

.cfa {
    background-color: rgba(71, 192, 0, 0.8);
    border: none;
    padding: 15px 0;
    text-align: center;
}

.cfa-text,
.cfa-button {
	border-color: #fff;
	color: #fff;
}

.cfa-button:hover {
	background-color: #fff;
	color: #47c000;
}

.flex-caption h2 {
	background-color: rgba(71, 192, 0, 0.8);
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.scroll-to-top:hover {
	background-color: #47c000;
}

.btn-default, 
.label-default,
.tagcloud a:hover,
.post-navigation a:hover, 
.paging-navigation a:hover {
	background-color: #47c000;
	border-color: #47c000;
}

.navbar-default .navbar-toggle {
	border-color: #aaa;
}

.navbar-default .navbar-collapse {
    border-color: #333;
}

.home-widget {
	margin-bottom: 60px;
}

footer.entry-meta {
    margin-top: 30px;
}

#footer-area,
#colophon {
    background-color: transparent;
    border-top: none;
}

.copyright, 
#footer-area a {
    color: #333;
}

#footer-area a:hover {
    color: #47c000;
}

.single-featured {
    width: 100%;
}

.main-content-inner {
	margin-bottom: 30px;
}

.copyright {
	text-align: center;
	width: 100%;
	margin: 30px auto;
}

.slogan {
	text-align: center;
	margin: 30px auto;
}

.slogan h2 {
	color: #333;
	-webkit-text-shadow: 0 0 2px rgba(255,255,255,1);
	-moz-text-shadow: 0 0 2px rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(255,255,255,1);
}

.pull-top-20 {
	position: relative;
	top: -20px;
}

/* Jetpack's social sharing icons Sharedaddy changes */
h3.sd-title {
	color: #333;
}

body div.sharedaddy h3.sd-title::before {
    border-top: none;
}

body .entry-meta div.sharedaddy span  {
    margin-right: 0;
}


/* ---------------  media queries  ---------------------*/

@media (min-width: 300px) {
  .flex-caption h2 {
    font-size: 0.8em;
    padding: 6px 10px;
  }
  .flex-caption {
    bottom: 20px;
  }
  .flex-direction-nav a::before {
	font-size: 40px;
  }
}

@media (min-width: 500px) {
  .flex-caption h2 {
    font-size: 0.9em;
    padding: 9px 15px;
  }
  .flex-caption {
    bottom: 30px;
  }
  .flex-direction-nav a::before {
	font-size: 60px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .flex-caption h2 {
    font-size: 24px;
    padding: 12px 20px;
  }
  .flex-caption {
    bottom: 50px;
  }
  .flex-direction-nav a::before {
	font-size: 80px;
  }
}

@media (min-width: 880px) {
  .container {
    width: 850px;
  }
}

@media (min-width: 992px) {
  .flex-caption {
	padding: 0 50px;
  }
  .container {
    width: 970px;
  }
  /* give the sidebar more top margin when wide */
  .archive #secondary {
	margin-top: 70px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media (max-width: 768px) {
  .flex-caption {
    display: inline-block;
  }
  .flex-caption .excerpt {
  	display: none;
  }
  #logo a img {
	margin: 0 0 0 20px;
  }
}



/* ---------------  FancyBox 2.1.5 CSS and tweaks ---------------------*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
	/*-webkit-border-radius: 4px;*/
	/*   -moz-border-radius: 4px;*/
	/*        border-radius: 4px;*/
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	bottom: 0;
	width: 30%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0; 			/* DO NOT set this to a negative value, that appears to break the functionality of plugin jquery.mousewheel-3.0.6 */
	margin-right: 0; 	/* DO NOT set this to a negative value, that appears to break the functionality of plugin jquery.mousewheel-3.0.6 */
}

.fancybox-nav span {
	position: absolute;
	bottom: 0;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 0;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 0;			/* DO NOT set this to a negative value, that appears to break the functionality of plugin jquery.mousewheel-3.0.6 */
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	font-family: Verdana, Univers, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	visibility: hidden;
    text-align: center;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding: 5px 10px;
	margin: 20px 0 -20px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ---------------  end FancyBox 2.1.5 CSS and tweaks ---------------------*/

/* Jetpack sharing tweaks */ 

.post-content .etbvk-excerpt div.sharedaddy,
.widget-area div.sharedaddy{
	display: none;
}
	
.post-content div.sharedaddy h3.sd-title:before {
	border-top: none;
}

.post-content div.sharedaddy ul > li:before {
	background-image: none;
	position: relative;
}