/*
Theme Name: VT Systemen
Theme URI: http://www.vtsystemen.nl
Author: Kees Versloot (Growing Energy)
Author URI: http://www.growingenergy.nl/
Description: 
Version: 1.0
 */

@font-face {
    font-family: 'dincond-bold';
    src: url('fonts/din_condensed_bold-webfont.eot');
    src: url('fonts/din_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_condensed_bold-webfont.woff2') format('woff2'),
         url('fonts/din_condensed_bold-webfont.woff') format('woff'),
         url('fonts/din_condensed_bold-webfont.ttf') format('truetype'),
         url('fonts/din_condensed_bold-webfont.svg#dincond-boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesans_b5_plainregular';
    src: url('fonts/thesans-b5plain-webfont.eot');
    src: url('fonts/thesans-b5plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thesans-b5plain-webfont.woff2') format('woff2'),
         url('fonts/thesans-b5plain-webfont.woff') format('woff'),
         url('fonts/thesans-b5plain-webfont.ttf') format('truetype'),
         url('fonts/thesans-b5plain-webfont.svg#thesans_b5_plainregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'thesans_b5_plainregular';	
/*	padding-top:120px;*/
	margin:0!important;
	background-color:#ffffff;
	font-size:12px;
}

p {
	font-weight:normal;
}

a {
	color:#000;
	font-weight:normal;
	outline:none!important;
}

a:hover, a:focus {
	color:#000;
	text-decoration:underline;
}

a.leesmeer, a.leesmeer:hover, a.leesmeer:focus {
	color:#981a81;
	text-decoration:underline;
}

ul, ol {
	padding-left:20px;
}

/* Headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { 
	font-family: 'thesans_b5_plainregular'!important;
	margin-top:10px;
}

h2 {
	font-size:20px;
}

h2.page-title a {
	color:#981a81;
	font-size: 36px;
}

header .entry-meta, header .entry-meta a {
	color:#CCC;
}

h2.item-title, h2.item-title a {
	color:#981a81;
	margin:0px;
}

.container,
.wpb_row .vc_col-sm-12 .wpb_wrapper .wpb_row { 
	max-width:980px;
	margin:auto!important;
	float:none!important;
}
/*
.column_full .column_container { width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important;}
.column_container {max-width:990px; margin:auto!important; float:none!important;}
*/

.page-template-page-full-page-width-php .wpb_row  {
	margin-left:0px!important;
	margin-right:0px!important;
}

.fullwidthrow .wpb_column .wpb_wrapper .wpb_content_element {
	margin-right:-15px;	
	margin-left:-15px;
}

.main-content {
	margin-top:20px;
}

@media (max-width:768px){
	.main-content { margin-top:0px; }
}

.page-header {
	margin-top:0px;
}

@media (min-width:768px){
	.container { width:auto!important; }
}


body.logged-in .navbar-fixed-top { 
	top:32px!important;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}


/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles 
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. 
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!  
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; } 
 
 
 /* Logo */
 .logo {
	 background-color:#FFF;
	 padding:0px;
 }
 .logo img {
	 max-width:200px;
 }

.logosmall {

}

/* Diversen */

.btn-normal {
    background-color: #0CF;
    border-color: #357EBD;
    color: #FFFFFF;
}
.separator {
	border-top:1px solid #e6e6e6;
}

/* Footer */
.site-footer {
	border-top: 1px solid #dadada;
	background-color:#f5f5f5;
	-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.05);
	box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.05);
}

.site-footer h3 {
	font-size:16px;
}
.site-footer .textwidget {
	font-size:12px;
}
.site-footer i {
	color:#606060;
}

.site-copy {
	background-color:#bfbfbf;
	padding:30px 0;
}

.site-copy p {
	margin:0!important;
}

ul#footer-menu {
	float:right;
}

ul#footer-menu li {
	list-style:none;
	display:inline-block;
	padding-left:10px;
	margin:0;	
}

ul#footer-menu li a {
	color:#FFF;
}

ul#footer-menu > li > a:hover, .navbar-nav > li > a:focus {
	color:#049552;
	color:#000;	
	text-decoration:none;
}

/* Footer adverts */

.footer-adverts {
	padding:0 0 30px 0;
}

.footer-advert {
	border:1px solid #dadada;
	padding:20px;
}

.footer-advert-icon,
.footer-advert-text {
	display:inline-block;
}
.footer-advert-icon {
	margin-right:15px;
}
.footer-advert-icon i {
	color:#049552;
}
.footer-advert-text h3 {
	font-size:16px;
	margin:0;
	padding:0;
}

/* vc_composer 
*********************************************************/

.flexslider {
    border: 0!important;
    border-radius: 0px!important;
}

.smile_icon_list li.icon_list_item {
	margin: 0 0 10px!important;
}

.smile_icon_list li .icon_description p {
	font-size:13px!important;
}

/* Google Maps */
#mp-embed-bar, .ilErfe-e1YmVc-ZMv3u { display:none!important; }


.centerme { text-align: center !important; }

/* Header */

.topheader {
/*	background-color:#99ba3c;
	background: rgba(159,187,46,1);
	background: -moz-linear-gradient(left, rgba(159,187,46,1) 0%, rgba(112,185,108,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(159,187,46,1)), color-stop(100%, rgba(112,185,108,1)));
	background: -webkit-linear-gradient(left, rgba(159,187,46,1) 0%, rgba(112,185,108,1) 100%);
	background: -o-linear-gradient(left, rgba(159,187,46,1) 0%, rgba(112,185,108,1) 100%);
	background: -ms-linear-gradient(left, rgba(159,187,46,1) 0%, rgba(112,185,108,1) 100%);
	background: linear-gradient(to right, rgba(159,187,46,1) 0%, rgba(112,185,108,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fbb2e', endColorstr='#70b96c', GradientType=1 );

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#981a81+0,e3007e+100 */

background: #0F84B0; /* Old browsers */

background: -moz-linear-gradient(left,  #0F84B0 0%, #33B9DC 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #0F84B0 0%,#33B9DC 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #0F84B0 0%,#33B9DC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F84B0', endColorstr='#33B9DC',GradientType=1 ); /* IE6-9 */



	
}



.headerinfo {
	font-size:14px;
	height:40px;
	color:#FFF;
	line-height:40px;
	margin:0;
	float:left;
}

.headerinfo a {
	color:#FFF;
}

.topheader .social {
	text-align:right;
	float:right;
}

.topheader .social a {
	color:#FFF;
}
.topheader .social a:hover, .topheader .social a:focus {
	color:#4d4d4d;
}

@media (max-width:425px){
	.headerinfo { font-size:14px; }
}


.sliderborder {
	border:6px solid #ebebeb;
}

/* Counter */
.event-countdown {
	margin-top:0!important;
	margin-bottom:10px!important;
}
.event-countdown .digit {
    height: 95px!important;
}

.event-countdown .time-number {
	background-color: transparent!important;
	border:none!important;
	height:100px!important;
}

.event-countdown .dash {
    margin: 0px -20px!important;
}

.weeks_dash, .days_dash, .hours_dash, .minutes_dash, .seconds_dash {
	color:#DEDEDE;
}

@media (max-width:425px){
	.event-countdown .time-number {
		font-size:24px!important;
		width:90px!important;
		height:80px!important;
		letter-spacing:4px;
		font-weight:normal!important;
	}
	.event-countdown .dash_title {
		font-size: 10px!important;
		font-weight: normal!important;
	}
	.event-countdown .digit {
    	height: 85px!important;
	}

}


.weeks_dash { display:none; }