/*
Theme Name: Retro
Theme URI: https://www.webmastery.nl/
Author: Michiel Kouw
Author URI: https://www.webmastery.nl/
Description: Default theme for Mijn Stamboom Online.
Template: twentythirteen
Version: 19.0
License: Proprietary
Text Domain: retro
*/

@import url("../twentythirteen/style.css");
/* max-width + 300px */
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 904px;
}

.site-header .site-title:hover {
    text-decoration: none;
}

.site-title, .site-description {
	 text-shadow: 2px 2px 2px rgba(0,0,0,.25);
}

/* Form */
input, select, textarea {
	border-color: rgba(0,0,0,.15);
}

input:focus, select:focus, textarea:focus {
	border-color: rgba(0,0,0,.25);
}

@-webkit-keyframes autofill {
	to {
		background: #fff;
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}


/* Widget */
.widget:empty {
	background: none;
}

.widget {
	background-color: #f7f5e7;
	font-size: 16px;
}

.widget .widget-title {
	font-weight: 300;
}

footer .widget_search input.search-field {
	border: none;
	padding: 8px;
	padding-left: 12px;
	font-size: 1rem;
}

footer .widget_recent_entries a, footer .widget_recent_comments a {
	line-height: 40px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.error404 .page-content input.search-field {
	padding: 8px;
	padding-left: 12px;
}


/* Sidebar */
@media only screen and (min-width: 1000px) {
	.sidebar .site-main {
		max-width: 1040px;
		margin: 0 auto;
	}
	
	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		max-width: 740px;
		padding-right: 60px;
	}

	.sidebar .site-main .content-area {
		max-width: 740px;
		float: left;	
	}

	.site-main .sidebar-container {
		height: auto !important;
		position: relative !important;
		top: 0 !important;
		width: auto !important;
		float: right;
	}

	.sidebar-inner {
		margin: 40px 0 !important;
	}

	.site-main .widget-area {
		float: none !important;
	}
	
	.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
		max-width: 680px;
		padding-right: 60px;
	}
	
	.sidebar .post-navigation .nav-links {
		padding-right: 60px;
	}		

	.site-footer {
		clear: both;
	}

	.sidebar .site-footer {
		text-align: center;
	}

	.sidebar .site-footer .widget-area {
		max-width: 1040px !important;
		left: 0;
	}
}

.sidebar #tertiary .widget a {
	font-size: .9375rem;
}

.site-footer .widget-area {
}

.site-footer .widget {
	padding: 20px 0;
	width: 245px !important;
}

.site-footer .widget:nth-of-type(4), .site-footer .widget:nth-of-type(3) {
	margin-right: 0;
}


/* Content */
.entry-content > p {
	opacity: .9;
}

footer.entry-meta {
	margin-top: 0;
}


/* Comments */
.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe {
	max-width: 904px;
}

.comment-navigation {
	max-width: 904px;
}

#cancel-comment-reply-link {
	color: #000;
	opacity: .75;
}

#cancel-comment-reply-link:hover {
	opacity: 1;
}

.comments-title {
	color: #000;
	margin: 0 auto;
	padding-top: 2rem;
}

.comment-list > li:after, .comment-list .children > li:before {
    background: none;
    height: 0;
	border-top: 1px dashed rgba(0,0,0,.6);
}

.comment-reply-title {
	margin-top: 0;
}

.comment .comment-respond {
	padding: 30px;
}

.comment-meta, .comment-meta a {
    color: rgba(0,0,0,.6);
}

.comment-form .comment-form-email {
	margin-bottom: 24px;
}

.comment .form-submit {
	margin-bottom: 0;
}

.comment .comment-awaiting-moderation {
	width: 100%;
	margin-bottom: 4px;
}


/* Sidebar menu */
.sidebar-inner a {
	color: rgba(0,0,0,.75);
}

.sidebar-inner .current-menu-item > a {
	font-style: italic;
}

.sidebar-inner .current-menu-item > a:not(:hover) {
	color: #bc360a;
}

.sidebar-inner .collapsible .toggle-collapse {
	top: 8px;
	opacity: .6;
}

.sidebar-inner .collapsible .toggle-collapse:hover {
	opacity: 1;
}

.sidebar-inner .collapsible .sub-menu {
	padding-top: 5px;
}

.sidebar-inner .collapsible .sub-menu > li:last-child {
	padding-bottom: 0;
}


/* Navbar */
.main-navigation {
    min-height: 50px;
}

@media (max-width: 643px) {
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.nav-menu li a {
	padding-top: 17px;
	padding-bottom: 18px;
}

.site-header .search-form {
	margin: 6px 0;
	width: 220px;
}

@media only screen and (min-width: 767px) {
	.site-header .search-form {
		width: 300px;
	}
}

.site-header .search-field, .site-header .search-field:focus {
    background-image: none;
	border: 2px solid transparent;
	width: 100%;
	height: 36px;
    margin: 0;
    padding: 6px 36px 6px 12px;
	cursor: text;
	background-color: none;
}

.site-header .search-field:focus, .site-header .search-field:active {
	color: #000;
	background-color: #fff;
}

.site-header .search-submit {
	display: block;
}

.site-header .search-form .search-submit:before {
	padding-top: 3px;
	font: normal 32px/1 Genericons;
	content: "\f400";
}

.site-header .search-field:focus + .search-submit, .site-header .search-field:active + .search-submit {
	color: #666;
}


/* Navigation */
ul.nav-menu ul a, .nav-menu ul ul a {
	width: 300px;
}

.paging-navigation .nav-next {
	padding: 0;
}

.paging-navigation .nav-next .meta-nav {
    margin-left: 10px;
    padding: 17px 0 23px;
	width: 80px;
}

.paging-navigation .nav-links {
	text-align: center;
}

.paging-navigation .nav-links > * {
	margin: 0 .25rem;
	font-weight: 400;
	font-size: 1.125rem;
}

.paging-navigation .nav-links a {
	font-style: normal;
}

.paging-navigation .nav-links .prev {
	margin-right: 1rem;
}

.paging-navigation .nav-links .next {
	margin-left: 1rem;
}

.post-navigation {
	font-size: 1.5rem;
}


/* Person profile */
.person-profile th {
	font-size: .8125rem;
	vertical-align: top;
	line-height: 1.75rem;
}

.person-profile td, .person-profile p {
	font-size: .9375rem;
}

@media only screen and (min-width: 767px) {
	.has-lifecycle .personalia {
		max-width: 350px !important;
	}

	.has-lifecycle .lifecycle {
		width: calc(75% - 380px) !important;
	}
}

.person-profile .lifecycle th {
	width: 6em !important;
}

.person-profile hr {
    background: none;
    border-top: 1px dashed rgba(0,0,0,.5);
    height: 0;
}

.content-white .person-profile hr {
	border-color: rgba(255,255,255,.75);
}

.post-edit-link {
	font-weight: 600;
}

.nav-links a:hover {
	text-decoration: underline;
}


/* Person list */
#person-filter-links .thickbox, #person-filter-links label {
	font-size: 15px;
}

#person-filter-links .thickbox:hover, #person-filter-links label:hover {

}

#person-list-form input#named {
	font-size: 1.375rem;
	font-weight: 500;
	padding: .5rem .75rem;
}

#person-list-form select {
	font-size: .875rem;
	padding: .25rem .25rem;
	border-color: rgba(0,0,0,.2)
}

#person-list .column a {
	font-size: .9375rem;
}


/* Login form */
.mso-login {
	max-width: 500px;
	margin: 0 auto;
}

label[for="user-login"],  label[for="user-pass"]{
	display: block;
	margin-bottom: 3px;
}

input#user-login,  input#user-pass {
	width: 100%;
	max-width: 500px;
	font-size: 20px;
	padding: 8px 10px;
}


/* WP Search */
.search-results #tertiary {
	display: none;
}

.search-results .entry-title {
	opacity: .9;
}

/* Gallery */
.empty-gallery h3 {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}


/* Attachment */
.attachment .entry-meta {
	max-width: 1040px;
	float: left;
	text-align: left;
}

.attachment .entry-title:before {
    content: "\f215";
	margin-bottom: 5px;
}


/* Thickbox */
#TB_window {
	/* max-width: 90% !important; */
}

.single-plugin_page #TB_window #TB_ajaxContent {
	width: 100% !important;
}


/* Footer */
.recentcomments {
	line-height: 16px;
	font-size: 16px;
}

.site-info span, .site-info a {
	opacity: .75;
}

.site-info a:hover {
	opacity: 1;
}