/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    http://www.hiddinghhoeve.nl
 Description:  Twenty Seventeen Child Theme
 Author:       Laura Rossingh
 Author URI:  
 Template:     twentyseventeen
 Version:      1.0.0
 Tags:         plaats, hier, jouw, tags, gescheiden, door, kommas
 Text Domain:  twenty-seventeen-child
*/
 
@import url("../twentyseventeen/style.css");
 
/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */


@media screen and (min-width: 48em) {
body.page-template-page-full-width #primary .page-full-width .entry-content {
width: 48xp;
}

body.page-template-page-full-width #primary .page-full-width .entry-header {
width: 100%;
}

body.page-template-page-full-width #primary .entry-header .entry-title {
font-size: 5rem;
font-size: 30px;
}


/* The background colour */
.navigation-top,
.main-navigation ul {
    background: #FF8C00;
}

/* The text colour */
.navigation-top a,
.menu-toggle {
    color: white;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #b1b2b5;
}
@media screen and (min-width: 48em)
style.css:3608
.site-header .navigation-top .menu-scroll-down {
    color: #b1b2b5;
    top: 0.7em;
}
h5 {
	color: #b1b2b5;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #b1b2b5
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #b1b2b5
}
.main-navigation a:hover {
	color: #b1b2b5
}
.page-links .page-number {
	color: #b1b2b5
	display: inline-block;
	padding: 0.5em 1em;
}
.nav-subtitle {
	background: transparent;
	color: #b1b2b5
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.site-header .navigation-top .menu-scroll-down {
		color: #b1b2b5
		top: 0.7em;
	}
.site-header .navigation-top .menu-scroll-down {
		color: #b1b2b5
		top: 0.7em;
	}

	.page-two-column .panel-content .entry-header {
		float: none;
		width: 36%;
	}
	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		 display: none; }	
		
}
.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: right;
width: 100%;
}

.custom-header {
height: 300px;
}
@media only screen and (max-width:768px) {
.custom-header {
height: 400px;
}
}
@media only screen and (max-width:480px) {
.custom-header {
height: 200px;
}
@media screen and (min-width: 48em) {
	.custom-logo-link img {
		max-width: 700px;
}



}