/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://www.zianna.nl/wordpress14/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       Frans vd Grift
 Author URI:   http://www.zianna.nl
 Template:     twentyfourteen
 Version:      0.0.1
 Tags:         framework for additional CSS files
 Text Domain:  twenty-fourteen-child
*/

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

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

/* add review score css */
@import url("review.css");

/* correction menu color, to fit with review style */
::selection {
	background: #0099cc;
	color: #fff;
	text-shadow: none;
}

.search-toggle, .search-toggle.active {
	background: #0099cc;
}

.search-toggle:hover {
	background-color: #0CF;
}

.search-box {
	background-color: #0099cc;
}

	/* Navigation */


	/* Primary Navigation */

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

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

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}

// menu-pijltjes achter menu-item met kinderen
	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}
*/

	
	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
		color: #F30;
	}
/*
	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}
*/

/* Navigation */
.site-navigation a:hover {
	background-color: #0CF;
	color: #fff;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #0CF;
}

.site-navigation li .current_page_item > a,
.site-navigation li .current_page_ancestor > a,
.site-navigation li .current-menu-item > a,
.site-navigation li .current-menu-ancestor > a {
	color: #fff;
}

ul.sub-menu a, ul.sub-menu a:link {
	color: #fff;
}

/* Primary Navigation */

/*  ul = unordered list
	li = list item
 */

/* child-menu (hover parent menu) */
.primary-navigation ul ul {
	background-color: #0099cc;
	color: #fff;
}.primary-navigation ul ul a,.primary-navigation ul ul a:link {
	padding: 18px 12px;
	white-space: normal;
	width: 176px;
	color: #fff;
}

/* hover parent menu-item */
.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
	background-color: #0CF;
	color: #fff;
}

/* hover child menu-item */
.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
	background-color: #0CF;
	color: #fff;
}


/* Secondary Navigation */

/* child-menu (hover parent menu) */
.secondary-navigation ul ul {
	background-color: #0099cc;
	color: #fff;
	position: absolute;
	top: 0;
	left: -999em;
	width: 182px;
	z-index: 99999;
}


/* hover parent menu-item */
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a {
	background-color: #0CF;
	color: #fff;
}

/* hover child menu-item */
.secondary-navigation ul ul a:hover,
.secondary-navigation ul ul li.focus > a {
		background-color: #0CF;
}

.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
/*	change start postion from left: 162px; to*/
	left: 182px;
	width: 182px;
	color: #fff;
}

/* Widgets, entry header and content  */

.widget a:hover, .entry-header a:hover {
	color: #0099cc;
}

.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content {
	text-decoration:underline;
}

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #0099cc;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
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: #0CF;
	color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #0CF;
}

/* Nav-links */

div.nav-links a:hover {
	color:#0099cc;
	text-decoration:underline;
}
