/*
 Theme Name:   Twenty Fourteen Child
 Description:  Twenty Fourteen Child Theme
 Author:       Eddy Brinkman
 Author URI:   http://www.materialen.eu
 Template:     twentyfourteen
 Version:      1.0.1
 Text Domain:  twenty-fourteen-child
*/

/* @import url("../twentyfourteen/style.css"); Obsolete, gaat tegenwoordig beter via functons.php, EBmodif 5jan24 */

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Make website full width instead of default 1260 px */
.site {
	background-color: #fff;
	max-width: 100%;
	position: relative;
}

/* Make top menu bar full width instead of 1260 px */
.site-header {
background-color: #000;
max-width: 100%;
position: relative;
width: 100%;
z-index: 4;
}

/* Change colour of top menu bar from black to Betase dark blue */
.site-header {
	background-color: #0F3D78;
}

/* Change colour of search toggle from green to Betase dark blue */
.search-toggle {
	background-color: #0F3D78 !important;
} 

/* Change width of left sidebar */
@media screen and (min-width: 1008px) {
.site-content, .site-main .widecolumn {
    margin-left: 280px;
}
#secondary {
    width: 220px;
}
.site:before {
    width: 280px
}
}

/* Add some space above site description in left sidebar */
.site-description {
	color: black !important;
	font-size: 15px;
	font-weight: bold;
    margin-top: 10px;
}

/* Change font color of left sidebar widget links from standard white to black */
#secondary li a {
	color: black !important;
}

/* Change font color of left sidebar widget title from standard white to black */
#secondary .widget-title {
	color: black !important;
}

/* Change colour of left sidebar from black to white, with .site:before also changes part under content */
#secondary, .site:before {
  background-color: #ffffff;
} 

/* Change width of main text blocks to 625 px like in betase.nl */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 625px;
}

/* Change colour of footer, same as footer colour of betase.nl */
.site-info {
  background-color: #333333;
}

/* Change pages and posts titles font size */
.entry-title {
font-size: 28px !important;
}