/*
Theme Name: TGB | Jan Schalk
Theme URI: https://tgbjs.nl
Template: twentyfifteen
Author: WPHelpdesk [Richard van Denderen]
Author URI: https://wphelpdesk.nl
Description: Een WordPress child-theme op basis van Twenty Fifteen. Gemaakt in opdracht van Jan Schalk voor TGBJS.nl. Dit om het oude thema te vervangen en de website geschikt te maken voor PHP 7.2 en later zonder de visuele identiteit al te veel aan te passen.
Tags: blog,two-columns,left-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.1540905905
Updated: 2018-10-30 14:25:05

*/

/* Custom fonts */
@font-face {
    font-family: 'vegur';
    src: url('vegur-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vegur';
    src: url('vegur-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'vegur';
    src: url('vegur-light.woff') format('woff');
    font-weight: lighter;
    font-style: normal;

}

/* layout */
html{
	background: #f5f5f5;
}
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	background: url("images/achtergrond.png") repeat-x bottom ;
}
body:before,
#colophon,
footer.entry-footer .byline{
	display: none;
}
div#sidebar,
.site-header,
.secondary{
	background-color: #026CB6;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* Mobiel menu toggle button */
.secondary-toggle,
.secondary-toggle:hover,
.secondary-toggle:focus{
	background-color: #fff;
}
@media screen and (min-width: 59.6875em){
	/* featured image tegen bovenkant aan */
	/* .site-main {
		padding: 0 0 8.3333% 0;
	} */
	/*sidebar hoogte*/
	.sidebar {
		min-height: 100vh;
	}
	body.admin-bar .sidebar{
		min-height: calc(100vh - 32px);
	}
}

.site-branding a.custom-logo-link{
	background: url("images/TGB-blauw.svg") center no-repeat;
    display: inline-block;
}
.site-branding a.custom-logo-link img.custom-logo{opacity: 0;}

div#sidebar a,
.widget{
	color:#fff;
}

#masthead{
	margin: 0;
}
#site-navigation{
	margin: 0 0 3em 0;
	width: 100%;
}
#site-navigation.main-navigation li a{
 text-align: center;
 padding-left: 10px;
 padding-right: 10px;
 /* display: block; */
}
#site-navigation.main-navigation li a:hover{
	background-color: rgba(255, 255, 255, 0.3);
}
#site-navigation.main-navigation li a:focus{
	background-color: rgba(255, 255, 255, 0.2);
}
#site-navigation.main-navigation li.current-menu-item a{
	background-color: rgba(255, 255, 255, 0.1);
}

.hentry{
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* Page styling */
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6,
.entry-title a{ 

	font-family: 'vegur', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #026CB6;
	margin-bottom: 0.3em;
}

/* geen worden die meer 'breken' */
.site-content p{
	word-break: keep-all!important;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}


/* WPHD credits */
div#wphdcredits{display: none;}
@media screen and (min-width: 59.6875em){
	div#wphdcredits {
		display: block;
		position: absolute;
		bottom: 0px;
		text-align: center;
		width: 100%;
		font-size: 12px;
	}	
}