/*
 Theme Name:   	Twenty Seventeen Child dvh2
 Theme URI:    	https://wordpress.org/themes/twentyseventeen/
 Description:  	Managementsysteem theme met extra menu in sidebar, based on Twenty Seventeen
 Author:       	Dirk van't Hof
 Author URI:   	http://www.dvanthof.nl
 Template:    	twentyseventeen
 Version:     	2.0.0
Tags: 		black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  	twenty_seventeen_child_dvh2
*/





/* Definition für die Sidebar rechts statt links */
/* Titel links ipv in rechts */
body:not(.has-sidebar):not(.page-one-column) .page-header, 
body.has-sidebar.error404 #primary .page-header, 
body.page-two-column:not(.archive) #primary .entry-header, 
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: left; 
	width: 70%;
}




/* Definition für die Sidebar (rechts) auf Seiten mit zwei Spalten */ 
.pagesidebar {
	float:right; 
	width: 20%;
}



/* Definition für keine Sidebar auf einspaltigen Seiten */
.page.page-one-column:not(.twentyseventeen-front-page) .pagesidebar {
	display:none;
}




/* Definition für Sidebar auf Seiten - Mobilgeräte */
@media screen and (max-width: 782px) {
	.pagesidebar, 
	body.page-two-column:not(.archive) #primary .entry-header {
		float:none; width: 100%;
	}
}




/* Definition für 1600px Breite (Primary und Sidebar) auf Desktop */
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1600px;
	}
/* Definition für 1600px Breite der Hauptnavigation auf Desktop */
	.navigation-top .wrap {
		max-width: 1600px;
	}
/* Definition für 70& Breite des Contentbereiches (Primary) auf Desktop */
	.blog:not(.has-sidebar) #primary article, 
	.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
	.search:not(.has-sidebar) #primary article, 
	.error404:not(.has-sidebar) #primary .page-content, 
	.error404.has-sidebar #primary .page-content, 
	body.page-two-column:not(.archive) #primary .entry-content, 
	body.page-two-column #comments{
		float: left; width: 70%;
	}
}




/* Definition für das Ausblenden des Beitragsbildes auf Seiten und Beiträgen */
.single-featured-image-header img {
	display: none;
}




/********* Paar zaken specifiek voor de sidebar menu’s ********/

.advanced-sidebar-menu ul li a{
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}


.advanced-sidebar-menu ul ul li a{
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
}


.advanced-sidebar-menu ul li a:hover{
	-webkit-box-shadow: none;
	box-shadow: none;

	/* text-decoration: inherit; */
	text-decoration: underline;
}


.advanced-sidebar-menu ul{
	margin: 0 0 0 18px;
	list-style: none;
	list-style-type: none;
}


.advanced-sidebar-menu ul li{
	list-style:none;
	list-style-type: none;
	margin: 0;	
}


.advanced-sidebar-menu li.current_page_item a{
	font-weight: normal;
	color: #A0A0A0;
}

.advanced-sidebar-menu li.current_page_item li a{
    	font-weight: normal;
	color: inherit;
}



/*** Wijziging link style op “normale” pagina’s naar simpele hover underline  ***/
/*** Ook de Draw diagrammen zin in gebed in een “entry-content” class en links doen dus gewoon mee **/


.entry-content a{
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	/* color: #A00000; */
}


.entry-content a:hover{
	-webkit-box-shadow: none;
	box-shadow: none;

	/* text-decoration: inherit; */
	text-decoration: underline;
}





/********** algemene style aanpassingen **********/

body, button, input, select, textarea {
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    color: #111;
    font-size: 14px;
    font-size: 0.85rem; /* 0.88 =14/16 */
    line-height: 1.35;
}

/* .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { */
body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}




/************ main (top) navigation aanpassingen **************/

.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a {
	font-weight: normal;
	color: #A0A0A0;
}


.main-navigation a:hover,
.main-navigation li li.focus > a, 
.main-navigation li li:focus > a, 
.main-navigation li li:hover > a, 
.main-navigation li li a:hover, 
.main-navigation li li a:focus, 
.main-navigation li li.current_page_item a:hover, 
.main-navigation li li.current-menu-item a:hover, 
.main-navigation li li.current_page_item a:focus, 
.main-navigation li li.current-menu-item a:focus {
	background-color: #ffffff;
   	color: #222; 
	text-decoration: underline;

}




/*** iets aanpassen van title en beschrijving stijl ***/

.site-title {
	font-size: 48px;
	font-size: 3rem;
	font-weight: 1600;
}


.site-description {
	font-size: 26px;
	font-size: 1.625rem;
}


/*** iets aanpassing footer style  ***/

.site-info {
	font-size: 85%;
	/* color: #A0A0A0; */

}



p {
	margin: 0 0 0.3em;
	padding: 0;
}

/*--------------------------------------------------------------
 * 6.0 Forms
 * 
 * DvH/220917
 *
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 600;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}


fieldset {
	margin-top: 1em;
	margin-bottom: 1em;
}


button,
input[type="button"],
input[type="submit"] {
	background-color: #333;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 1em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	margin-top: 1em;
	
}

/*************************************************************







.main-navigation a:hover,
.main-navigation li li.focus > a, 
.main-navigation li li:focus > a, 
.main-navigation li li:hover > a, 
.main-navigation li li a:hover, 
.main-navigation li li a:focus, 
.main-navigation li li.current_page_item a:hover, 
.main-navigation li li.current-menu-item a:hover, 
.main-navigation li li.current_page_item a:focus, 
.main-navigation li li.current-menu-item a:focus {
	background-color: #ffffff;
   	color: #222; 
	text-decoration: underline;

}




.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a,
.main-navigation li li.current-menu-item a {
	font-weight: normal;
	color: #A00000;
}






.main-navigation current-menu-item a,
.main-navigation li current-menu-item a,
.main-navigation li li.current-menu-item a {
	font-weight: normal;
	color: #A0A0A0;
}




.main-navigation current-menu-item a,
.main-navigation li current-menu-item a,
.main-navigation li li.current-menu-item a,


.main-navigation li li.current_page_item a, 


.menu-item, 
.menu-item-type-post_type,
.menu-item-object-page, 
.menu-item-57 {
    -webkit-transition: color 0s ease-in-out;
    transition: color 0s ease-in-out;
    transition-property: color;
    transition-duration: 0s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}



.main-navigation li li a {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}


.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #222;
	background-color: transparant;
}



.main-navigation a:hover {
    	color: #222; 
	text-decoration: underline;
}





.sub-menu li a:hover,
.toggled-on,
.menu-item-object-page a:hover {
	background-color: #FFFFFF;
	color: #A00000;
}







.main-navigation li li.focus > a, 
.main-navigation li li:focus > a, 
.main-navigation li li:hover > a, 
.main-navigation li li a:hover, 
.main-navigation li li a:focus, 
.main-navigation li li.current_page_item a:hover, 
.main-navigation li li.current-menu-item a:hover, 
.main-navigation li li.current_page_item a:focus, 
.main-navigation li li.current-menu-item a:focus {
    color: #A00000;
}







.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
    color: #A00000;
}



.main-navigation a:hover {
    	color: #222; 
	text-decoration: underline;
}


.main-navigation li.current_page_item a{
	font-weight: normal;
	color: #A0A0A0;
}

.main-navigation li li a{
	color: #222;
}


.main-navigation li li.focus > a, 
.main-navigation li li:focus > a, 
.main-navigation li li:hover > a, 
.main-navigation li li a:hover, 
.main-navigation li li a:focus, 
.main-navigation li li.current_page_item a:hover, 
.main-navigation li li.current-menu-item a:hover, 
.main-navigation li li.current_page_item a:focus, 
.main-navigation li li.current-menu-item a:focus {
    color: #ffffff;
}



.main-navigation a {
    padding: 1em 1.25em;
}

.main-navigation a {
    display: block;
    padding: 0.5em 0;
    text-decoration: none;
}

.navigation-top a {
    color: #222;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
    color: inherit;
}
*/