/*
Theme Name:     DeNieuweRealist
Description:    Child theme for the Twenty Fourteen theme 
Template:       twentyfourteen
Author:			Beata Supheert
*/

/* COLORS 

#555	donkergrijs (navigatiebalk, letters)
#777 	lichtergrijs (hovers)
#808020 grijsgroen	(accenten)

*/

@import url("../twentyfourteen/style.css");


/* BASICS ----------------------------------------------------- */

body { 
	font-family: 			'Arial', sans-serif;
	font-size: 				14px; 
	color: 					#555;
	background-size:		100%;
    background-image: 		url(http://joostniemoller.nl/design/boeken.jpg) !important; 
    background-attachment: 	fixed;
    background-position: 	top center;
    background-repeat:		no-repeat;
    background-color:		#fff;
}

.site:before {
	background-color: 	#fff !important;
}

#page {
	padding-bottom:		20px;
	margin-top:			50px;
	margin-bottom:		50px;
	border-radius:		20px 20px 20px 20px;
}



/* HEADER VAN DE SITE - #masthead .site-header */

#site-header {
	text-align:			center;
}

#site-header a img {
	margin:				20px auto 20px auto !important;
}

h1.site-title a {		/* naam van de site linksboven in de balk  */
	font-family:		'Amaranth', 'Arial', sans-serif !important;
	margin-left:		25px;
	margin-right:		25px;
}

#masthead {
	background-color: 	#555;
	margin-bottom:		20px;
}

body.single #masthead {
	margin-bottom:		20px;
}

/* NAVIGATIEBALK ----------------------------------------------------- */


/* Menu knop op kleine schermen in navigatiebalk */

.menu-toggle {
	background-color: 		#777;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: 		#666;
}

.menu-toggle:focus {
	outline: 				1px dotted;
}


/* Zoekknop en zoekbalk in de navigatiebalk */

.search-toggle {
	background-color: 	#666;
	float: right;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: 	#777;
}

.search-box {
	background-color: 	#777;
	padding: 			12px 30px 12px 58px;
}

.search-box .search-field {
	background-color: 	#fff;
	border: 			0;
	float:				right;
	font-size: 			16px;
	padding: 			2px 2px 3px 6px;
	width: 				100%;
}


/* Navigatiemenu (primary navigation) */


@media screen and (min-width: 783px) {

	/* Primary Navigation */

	.primary-navigation {
		float: 					left;
		font-size: 				12px;
		font-weight: 			bold;
		margin: 				0px 1px 0px -12px;
		padding: 				0;
		text-transform: 		uppercase;
		color:					#fff;
		font-family:			'Arial', sans-serif;	
	}

	.primary-navigation .menu-toggle {
		display: 				none;
		padding: 				0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 			0;
		display: 				block;
	}

	.primary-navigation.toggled-on {
		border-bottom: 			0;
		margin: 				0;
		padding: 				0;
	}

	.primary-navigation li {
		border: 				0;
		display: 				inline-block;
		height: 				48px;
		line-height: 			48px;
		position: 				relative;
	}

	.primary-navigation a {
		display: 				inline-block;
		padding: 				0px 25px 0px 25px;
		white-space: 			nowrap;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: 		#666;
		color: 					#fff;
	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: 					auto;
	}

	.primary-navigation ul li.current_page_item > a {
		color: 					#fff;
		background-color: 		#777;
		font-size: 				12px;
		font-weight: 			bold;	
		}	
	
}


/* TEKST ------------------------------------------------ */

 /* geen woordafbrekingen */

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget,
pre,
blockquote,
q,
.entry-content,
.entry-summary,
.page-content,
.comment-content {
	word-wrap: 			none !important;
	-ms-word-break: 	none !important;
    word-break: 		none !important;
    -webkit-hyphens: 	none !important;
	-moz-hyphens:    	none !important;
	-ms-hyphens:     	none !important;
	hyphens:         	none !important;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #808020;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #808020;
	color: #fff;
	text-shadow: none;
}

/* ADJUSTMENTS IN FEATURED / SLIDER CONTENT */

#featured-content {
	margin-bottom:		30px !important;
}

.featured-content .entry-header { 
	background: 		transparent url(http://joostniemoller.nl/design/slider-bg.png) 0 0 repeat;
	border-radius:		0px 10px 0px 0px;
}

.featured-content .entry-header a { 
	color: 				#333 !important;
	font-weight:		normal !important;
	font-size:			30px;
	font-family:		'Amaranth', 'Arial', sans-serif !important;
	text-transform:		none !important;
}

.featured-content .entry-header a:hover { 
	background: 		transparent url(http://joostniemoller.nl/design/slider-bg-hover.png) 0 0 repeat;
	color: 				#333 !important;
}

.featured-content .entry-title a:hover {
    color: 				#333;
}


/* pijltjes heen en weer rechtsonder in de slider */

#featured-content a.slider-prev,
#featured-content a.slider-next { 
	background: 		transparent url(http://joostniemoller.nl/design/slider-bg.png) 0 0 repeat;
}

#featured-content a:hover.slider-prev,
#featured-content a:hover.slider-next { 
	background: 		transparent url(http://joostniemoller.nl/design/slider-bg-hover.png) 0 0 repeat;
}

#featured-content a.slider-prev:before,
#featured-content a.slider-next:before, 
#featured-content a:hover.slider-prev,
#featured-content a:hover.slider-next {	
	color:				#333;
}


/* slider itself */

.slider-control-nav.slider-control-paging {
	background: 		transparent;
}

.slider-control-paging a:before {
	background-color: 	#777 !important;
	border: 			1px #333 solid;
}

.slider-control-paging a:hover:before {
	background-color: 	#777 !important;
	border: 			1px #333 solid;
}

.slider-control-paging .slider-active:before {
	background-color: 	#333 !important;
	border: 			1px #333 solid;
}

.slider-control-paging .slider-active:hover:before {
	background-color: 	#333 !important;
	border: 			1px #333 solid;
}

.featured-content-inner .entry-meta { /* grid met sticky posts bovenaan de homepage: verwijderd de categorienaam onder het plaatje */
	display: 			none;
}

div.post-thumbnail img {	/* het image in featured posts zelf */
	width:				100%; 
}



/* STICKY POSTS - FEATURED */

div.post-thumbnail {	/* haalt featured images weg in de stickey posts zelf */
	display: 			none; 
}

a.post-thumbnail {		/* haalt featured images weg boven een sticky post als single post */
	display: 			none;
}
body.single,
body.single article#post-3852,
body.single article#post-3879,
body.single article#post-3789 { /* artikel featured boek mh17 */
	margin-top:			50px;
}

div.post-thumbnail img {	/* het image in featured posts zelf */
	width:				100%; 
}





/* CONTENT GEDEELTE ----------------------------------------------------- */

#content {
	text-align: left;
}

#content,
#content-sidebar {
	margin-top: 0px;
	padding-top: 0px;
}

#content .entry-header {
	padding-bottom: 0;
}

.entry-content p {		/* */
	font-size: 			14px !important;
	line-height:		23px !important;
	text-align:			justify !important;
	width:				100% !important;
	padding:			0px !important;
	margin-left:		0px !important;
	margin-bottom: 		12px !important;
}	

h1.entry-title, 		/* titels van berichten en pagina's */
h1 a {					
	font-family:		'Amaranth', 'Arial', sans-serif;
	font-size:			24px;
	font-weight:		600;
	text-transform:		none !important;
	color:				#555 !important;
	text-decoration:	none !important;
}	

h1 a:hover {
	color:				#808020 !important;
	text-decoration:	none !important;
}

.entry-meta a.url.fn.n { /* auteur in de meta-data onder de titel */
	display:			none;
}

.entry-content img { /* plaatjes in een bericht op de homepage en in een single post */
	width: 				285px;
	border-top: 		7px #fff solid;
	border-right:		15px #fff solid;
	border-bottom:		5px #fff solid;
	margin:				0px;
	float: 				left;
}

.entry-content img.full { /* plaatjes in een bericht op de homepage en in een single post */
	width: 				100%;
	border-bottom:		10px #fff solid;
	margin:				0px;
}

.entry-content ol,
.entry-content ul {
	font-size: 			14px !important;
	line-height:		23px !important;
	text-align:			justify !important;
}

.entry-content ol li,
.entry-content ul li{
	margin-bottom:		23px;
}

.post-422 .entry-content img {
	width:				auto !important;
	border:				1px #555 solid !important;
	margin:				3px 0px !important;
	float:				none;
}			

.onderschrift {	/* onderschrift bij foto's */
	width:				285px;
	display:			block;
	font-size:			12px;
	font-style:			italic;
	width:				100%;
	text-align:			justify;
	line-height:		16px;
	margin-top:			-15px;
	border-bottom:  	20px #fff solid;
	float:				left;
}

blockquote {
	width:				85%;
	color:				#555;
	margin-right:		auto;
	margin-left:		auto;
	border-left:		2px #999 solid;
	padding-left:		10px;
	clear:				both !important;
}

blockquote strong {
	font-weight:		600;
}

footer.entry-meta {
	display: 			none;
	clear:				both;
}

div.printfriendly  {
	margin:				10px 0px 0px 123px !important;
	width:				100%;
	clear:				both;
}

div.printfriendly img {
	width:				113px !important;
	height:				17px;
}

div.synved-social-container {
	width: 				100%;
	float:				left !important;
	margin:				-17px 0px 0px 0px !important;
}


/* LINKJES */

a  {
	color: 				#808020;
	text-decoration: 	none;
}

a:hover  {
	color: 				#555;
	text-decoration: 	none;
}

div#content a  {
	color: 				#808020;
	text-decoration: 	none;
}

div#content a:hover  {
	color: 				#808020;
	text-decoration: 	underline;
}

div.entry-meta a  {
	color: 				#444 !important;
	text-decoration: 	none !important;
}

div.entry-meta a:hover  {
	color: 				#808020 !important;
	text-decoration: 	none !important;
}



/* FORMULIEREN ALGEMEEN */

input[type="text"],
input[type="email"],
textarea {
	border-color:		#777;
}

input[type="submit"],
input#submit {
	background-color:	#808020;
	border-radius:		5px;
	margin-top: 		20px 0px 10px 0px !important;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #666;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #666;
}

/* CONTACT FORMULIER */

img.wpcf7-form-control { /* maakt plaatje captcha klein */
	width: 72px;
}

div.wpcf7 img.ajax-loader { /* maakt plaatje loading klein */
	width: 50px !important;
}

div.wpcf7 > form.wpcf7-form > p > input.wpcf7-form-control.wpcf7-submit {
	margin-left: -55px !important;
}



/* REACTIE FORMULIER ZIE HIERONDER */


/* CONTENT GEDEELTE - REACTIES ----------------------------------------------------- */

@media screen and (min-width: 300px) {

div#respond {
	padding-left: 10px;
}

}

@media screen and (min-width: 673px) {

div#respond {
	padding-left: 50px;
}

}

nav.navigation.post-navigation  div.nav-links a, .nav-links {
}

#comments {
	max-width:			546px !important;
}

h2.comments-title {
	font-family:		'Amaranth',serif;
	text-transform:		none;
	margin-bottom:		20px;
}

.comment-body {
	border-radius:		10px;
	background-color:	#eee;
	padding:			20px 5px !important;
	border-top:			0px !important;
}

.comment-author vcard {
	width: 				100% !important;
	margin: 			0px !important;
	padding: 			0px !important;
}

.comments-area p {
	font-size: 			12px;
	margin:				0px 30px 0px 0px !important;
	padding:			0px 0px 0px 0px !important;
	text-align:			justify;
}

.comment-metadata a {
	color: 				#444;
}

.comment-metadata a:hover {
	color: 				#808020;
}

div.reply a {
	color:				#444 !important;
}

div.reply a:hover {
	color:				#808020 !important;
}

#comments #respond form#commentform p textarea#comment {
	margin-bottom: 		20px !important;
}

#form-allowed-tags {
	display:			none;
}

.form-submit {
	border-top: 20px #fff solid !important;
}



/* Paging Navigation onderaan de berichtenpagina */

.paging-navigation {
	border-top: 		5px solid #555;
}

.paging-navigation a {
	color: 				#555;
}

.paging-navigation a:hover {
	color: 				#808020 !important;
	border-top: 		5px solid #808020;
	text-decoration:	none !important;
}

.paging-navigation .page-numbers {
	color: 				#555 !important;
}

.paging-navigation .page-numbers.current {
	border-top: 		5px solid #808020;
	color: 				#808020 !important;
}

.paging-navigation .page-numbers.next {
	color: 				#555 !important;
}

.paging-navigation .page-numbers.next:hover {
	color: 				#808020 !important;
}

.paging-navigation .page-numbers.dots {
	color: 				#555 !important;
}





/* CONTENT GEDEELTE - Sidebar ----------------------------------------------------- */


#content-sidebar {
	font-size: 			13px;
	font-weight:		normal;
	color: 				#333;
}

#content-sidebar a {
	font-size: 			13px;
	font-weight:		normal;
	color: 				#333;
}

.widget-title {
	font-family:		'Amaranth', 'Arial', sans-serif;
	font-size:			18px !important;
	font-weight:		600;
	text-transform:		none !important;
	color: 				#555 !important;
	border-top:			0px !important;
	padding-top:		0px !important;
	margin-bottom:		5px !important;
}

/* CONTENT GEDEELTE - Sidebar - Specifieke widgets ----------------------------------------------------- */

/* promo */

div.promo { width:90%; padding:5%; height:auto; background-color:#808020; text-align:center; }
div.promo-titel { font-family:'Amaranth','Arial',sans-serif; color:#fff; font-size:16px; font-weight:bold; margin-bottom:10px; }
div.promo-datum { color:#fff; font-size:13px; margin-bottom:10px; }
div.promo-locatie { color:#fff; font-size:13px; margin-bottom:10px; }
div.promo-toegang { color:#fff; font-size:13px; }
div.promo b { font-size:14px; }


/* Social Media Buttons in Sidebar */

aside#text-4 {
	padding-top:		20px;
}

div#buttons	{
	width:				100%;
	height:				50px;
	margin:				0px 0px 15px 0px;
}

div#buttons img {
	width:				60px !important;
	float:				left;
	margin:				0px 25px 0px -3px;
}

/* Laatste berichten in Sidebar */

aside#recent-posts-2 li { 
	list-style-image:	url('http://www.joostniemoller.nl/design/bullet.jpg')!important; 
	margin: 			0px 0px 0px 15px;
}	

/* Laatste reacties in Sidebar */

.widget_recent_comments {
}

ul#recentcomments {
}

li.recentcomments {
	font-size:			13px;
}

.recentcommentsauthor { 
	font-size:			13px !important;
	color:				#808020;
}

li.recentcomments > a {
}



/* Zoek op deze website */

aside#search-2 input[type="search"] {
	color: 				#fff !important;
	border: 			2px #555 solid;
	border-radius:		15px;
	height:				35px;
	padding:			5px 10px;
	text-transform:		uppercase;
	font-family:		'Arial', sans-serif;
	font-size:			12px;
	font-weight:		bold;
}




/* Laatste tweets in Sidebar */

.widget_twitter-tracker {
	font-size: 			13px !important;
	text-align:			left;
}

.widget_twitter-tracker li {
	margin-bottom:      -8px;
}

.widget_twitter-tracker .msg {
}

.widget_twitter-tracker .info a {
	font-style:			italic;
	color:				#555 !important;
}

.widget_twitter-tracker .avatar {
	width:				55px !important;
	float:				left;
}

.widget_twitter-tracker .avatar img {
	border:				1px #777 solid;
	margin-top:			3px;
	height:				45px;
	width:				45px;
}

.widget_twitter-tracker .info {
	border-bottom:		1px #e5e5e5 solid;
	padding-bottom:		10px;
}

.widget_twitter-tracker a.tweet-link {
	font-size:			11px;
	color:				#555;
}

.widget_twitter-tracker a {
	color:				#808020 !important;
}



/* FOOTER */

.site-info {
	display: 			none;
}

.site-footer {
	background-color:	#fff !important;
	color: 				#555 !important;
	height:				50px !important;
	text-align:			center !important;
}
	
.site-footer #credits {
	width:				240px;
	margin: 			0px auto 0px auto !important;
	font-family:		'Calibri', Arial, sans-serif;
	font-size:			13px;
	background-color:	#555;
	border-radius:		14px;
	color: 				#fff;
	padding:			5px;
	font-weight:		bold;
}

.site-footer #credits a {
	font-family:		'Calibri', Arial, sans-serif;
	font-size: 			13px;
	color: 				#fff !important;
}

.site-footer #credits a:hover {
	font-family:		'Calibri', Arial, sans-serif;
	font-size: 			13px;
	color: 				#808020 !important;
}

/* NOG VAN TOEPASSING OP RESTEN OUDE VERSIE */

/* images & attachments */

.wp-caption { 
	width:					302px !important;
	height:					auto !important;
	margin:					5px 20px 0px 0px !important; 
	float:					left !important;
	padding:				0px !important; 
	border:					0px !important;
}

.wp-caption img,
.wp-caption img.alignnone,
.wp-caption img.alignleft,
.wp-caption img.alignright,
.wp-caption img.aligncenter  { 
	width:					300px !important;
	height:					auto !important;
	border: 				0px !important; 
	margin: 				0px!important; 
	padding: 				0px !important;
}

.wp-caption a { 
	border-bottom:			0px !important;
}

p.wp-caption-text { 
	font-size: 				11px; 
	line-height: 			1.3em;
	width:					280px !important; 
	margin: 				0px !important; 
	padding: 				0px 5px 0px 5px !important; 
	color:					#333;
	text-align:				left !important;
}

#bd .entry img.alignnone,
#bd .entry img.alignleft,
#bd .entry img.alignright,
#bd .entry img.aligncenter {
	width:					300px !important;
	height:					auto !important;
	border:					0px !important;
	margin:					5px 20px 0px 0px !important; 
	padding:				0px !important; 
	float:					left !important;
}