/*
 Theme Name:   Twenty Twelve KNAW
 Theme URI:    http://seo44.nl/twenty-twelve-knaw/
 Description:  Twenty Twelve Child Theme for KNAW
 Author:       Onno Karman
 Author URI:   http://seo44.nl
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-knaw
*/


/* =Reset
-------------------------------------------------------------- 
*/

body {
    font-size: 13px;
    font-family: "Corbel", Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    color: #404040 !important;
}

body.custom-font-enabled {
    font-family: "Corbel", Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}

.site-header {
    padding-top: 0px;
    padding: 0.3em 0 !important;
}

.site-header h1 a,
.site-header h2 a { 
	text-transform: uppercase;
    font-family: "Cambria", "Times New Roman", Georgia, serif;
	margin-top: 10px;
}



/*   deze properties moeten niet geladen, workaround  */

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: unset;
	background-color: unset;
	background-repeat: unset;
	background-image: unset;
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: unset;
	background-color: unset;
	background-repeat: unset;
	background-image: unset;
	box-shadow: unset;
	border-color: unset;
}


/* Header image KNAW */
#KNAWhead {
text-align: center;
}


img.header-image {
	border-radius: none;
    box-shadow: none;
	
	
	
}

.site-header {
	padding: auto;
}

.site-header h1 a,
.site-header h2 a {
	color: #A58A4A;
	
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #A58A4A;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
width: 100%;
}

/* Maximum width of 960 pixels. */
@media screen and (max-width: 960px) {

#footer-widgets {
    max-width: 85%;
    border-top: none;
    padding: 0 5% 0 5%;
}
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site-header h1,
	.site-header h2 {
		text-align: center;
	}
	.site-header h1 {
		font-size: 1.3em !important;
		line-height: 1.17647em;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		font-family: "Cambria", "Times New Roman", Georgia, serif;
		margin-bottom: 0;
		margin-top: 5px !important;


	}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: none;
	border-top: none;
    text-align: left;
    background: #10007b;
    width: 100%;
    height: 40px;
    line-height: 36px;
    padding: 0 1.04167%;
    font-size: 0.92308em;
	display: inline-block !important;
	}

	.main-navigation li a {
		color: #A58A4A;
		font-family: "Cambria", "Times New Roman", Georgia, serif;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #fff;
	}

	.main-navigation li ul li a {
	border-bottom: none;
	}

	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #fff;
        font-weight: unset;
		
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
	    margin-top: 0px;
		-moz-box-shadow: grey 0px 0px 17px;
        -webkit-box-shadow: grey 0px 0px 17px;
        box-shadow: grey 0px 0px 17px;
        margin-bottom: 20px;
	}
}

/* new by OK */


/* Footer */ 
footer[role="contentinfo"] {
	/* border-top: 1px solid #ededed; */
	border-top: none;

}





.site-info { clear: both; }

#footer-widgets {
    width: 100%;
    border-top: none;
}
#footer-widgets .widget li {  
    list-style-type: none; 
}

@media screen and (min-width: 960px) { 
.widget-left {
    float: left;
    margin-right: 4%;
    width: 21%;
    clear: none;
}
.widget-center-left { 
    float: left;
    margin-right: 4%;
	width: 21%;
    clear: none;
}
.widget-center-right { 
    float: left;
    width: 21%;
    clear: none;
	}

.widget-right {
    float: right;
    width: 21%;
    margin-left: 2%;
    clear: none;
	}


	
}

/* for IE8 and IE7 */
.ie #footer-widgets.four .widget { 
    float: left;
    margin-right: 3%;
    width: 20%;
    clear: none;
}
.ie #footer-widgets.four .widget + .widget + .widget + .widget { margin-right: 3.1%; }

/* Hide footer widgets Homepage Template */
.template-front-page #footer-widgets { display: none; }

footer[role="contentinfo"] {  
max-width: 1020px; 
}


footer#colophon h3.widget-title { 
    font-family: "Cambria", Georgia, Times New Roman, serif;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 7px;
	color: #CEAB5C;
    text-decoration: none;
    padding-left: 0;
}

div#content { 
	padding-bottom: 2em !important;
	}

.site-content article { 
    border-bottom: dotted 1px #A58A4A !important;
	margin-bottom: 25px !important;
	padding-bottom: 25px !important;
}		

.widget-area .widget h3 { 
    margin-bottom: 1.3em !important;
    font-family: "Cambria", Georgia, Times New Roman, serif !important;
	color: #947942 !important;
    letter-spacing: 1px !important;
    font-size: 1em;
    border-bottom: dotted 1px #A58A4A;
	
}


div#secondary.widget-area .widget li { 
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.5;
    margin-bottom: 0.6em;
    border-bottom: 1px dotted #A58A4A !important;
    padding-bottom: 0.5em;	
}

div#secondary.widget-area .widget a, div#secondary.widget-area .widget a:visited {
    color: #10007B;
	text-decoration: none;
}

div#secondary.widget-area .widget a:hover, div#secondary.widget-area .widget a:active {
    color: #A58A4A;
}

div#secondary.widget-area .widget li > a:before {
    background: url('../images/arrows-s903a5ffba0.png') 0 -11px;
    height: 11px;
    width: 7px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    margin-top: 4px;
    margin-left: 0;
    background-repeat: no-repeat !important;
}



h1.entry-title {
    font-size: 1.68em !important;
    line-height: 1.17647em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Cambria", "Times New Roman", Georgia, serif;
    margin-bottom: 20px;
}

div#footer-widgets.widget-area {
	border-left: none !important;
}

.widget-area .widget a {
    color: #757575;
    text-decoration: none;
}

footer.entry-meta {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 11px;
    line-height: 1.846153846;
    color: #757575;
    background-color: #f5f5f5;
    padding-left: 10px;
}

@media screen and (max-width: 960px) {
.widget-easy-twitter-feed-widget-kamn {display: none;}}


.archive-title {
	font-size: 22px;	
}

.archive-meta {
        display: none;
}

.site-info {
		display: none; 
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: unset;
    box-shadow: unset;

}

.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
     margin: 0.3rem 0 !important;
   
}

.category-opgelost-nl h1 a:before, .category-opgelost-nl h3 a:before, .single .category-opgelost-nl h1:before { 
    content: "";
    display: block;
    background: url(./images/red.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 5px 0 0;
}	

.category-solved-en h1 a:before, .category-solved-en h3 a:before, .single .category-solved-en h1:before  {
	content: "";
    display: block;
    background: url(./images/red.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 5px 0 0;
}

.category-open-nl h1 a:before, .category-open-nl h3 a:before, .single .category-open-nl h1:before {
    content: "";
    display: block;
    background: url(./images/green.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 5px 0 0;
}	

.category-open-en h1 a:before, .category-open-en h3 a:before, .single .category-open-en h1:before  {
	content: "";
    display: block;
    background: url(./images/green.png) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 5px 0 0;
}


.entry-content p, .entry-summary p, .comment-content p, .mu_register p {

    line-height: 1.4em !important;
}

.entry-header {
    margin-bottom: 20px;
    margin-bottom: 1.3em;
}














