/* =Twenty Twelve Dark Mode
-------------------------------------------------------------- */

@media (prefers-color-scheme: dark) {
	/* =Reset
	-------------------------------------------------------------- */

	del {
		color: #cccccc;
	}
	ins {
		background: #4a4a00;
		text-decoration: none;
	}

	/* =Repeatable patterns
	-------------------------------------------------------------- */

	/* Small headers */
	.archive-title,
	.page-title,
	.widget-title,
	.entry-content th,
	.comment-content th {
		color: #b8b8b8;
	}

	/* Form fields, general styles first */
	button,
	input,
	select,
	textarea {
		border: 1px solid #555;
		background-color: #2a2a2a;
		color: #e0e0e0;
	}

	/* Buttons */
	.menu-toggle,
	input[type="submit"],
	input[type="button"],
	input[type="reset"],
	article.post-password-required input[type=submit],
	.bypostauthor cite span {
		color: #cccccc;
		background-color: #383838;
		background-image: -moz-linear-gradient(top, #404040, #383838);
		background-image: -ms-linear-gradient(top, #404040, #383838);
		background-image: -webkit-linear-gradient(top, #404040, #383838);
		background-image: -o-linear-gradient(top, #404040, #383838);
		background-image: linear-gradient(to bottom, #404040, #383838);
		border: 1px solid #555;
	}
	.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: #e0e0e0;
		background-color: #484848;
		background-image: -moz-linear-gradient(top, #505050, #484848);
		background-image: -ms-linear-gradient(top, #505050, #484848);
		background-image: -webkit-linear-gradient(top, #505050, #484848);
		background-image: -o-linear-gradient(top, #505050, #484848);
		background-image: linear-gradient(to bottom, #505050, #484848);
	}
	.menu-toggle:active,
	.menu-toggle.toggled-on,
	button:active,
	input[type="submit"]:active,
	input[type="button"]:active,
	input[type="reset"]:active {
		color: #d0d0d0;
		background-color: #303030;
		background-image: -moz-linear-gradient(top, #353535, #303030);
		background-image: -ms-linear-gradient(top, #353535, #303030);
		background-image: -webkit-linear-gradient(top, #353535, #303030);
		background-image: -o-linear-gradient(top, #353535, #303030);
		background-image: linear-gradient(to bottom, #353535, #303030);
		box-shadow: inset 0 0 8px 2px #1a1a1a, 0 1px 0 0 #404040;
	}
	.bypostauthor cite span {
		color: #fff;
		background-color: #4a9fd1;
		border: 1px solid #3a8bc1;
	}

	/* Make sure videos and embeds fit their containers */
	.wp-caption .wp-caption-text,
	.gallery-caption,
	.entry-caption {
		color: #b8b8b8;
	}

	/* =Basic structure
	-------------------------------------------------------------- */

	/* Body, links, basics */
	body {
		color: #e0e0e0;
		background-color: #1a1a1a;
	}
	a {
		color: #5dade2;
	}
	a:hover {
		color: #85c1e9;
	}

	.main-navigation .assistive-text:focus,
	.site .screen-reader-text:hover,
	.site .screen-reader-text:active,
	.site .screen-reader-text:focus {
		background: #000;
		border: 2px solid #ccc;
		color: #fff;
	}

	/* Page structure */
	.site {
		background-color: #1a1a1a;
	}

	/* Header */
	.site-header h1 a,
	.site-header h2 a {
		color: #d0d0d0;
	}
	.site-header h1 a:hover,
	.site-header h2 a:hover {
		color: #5dade2;
	}
	.site-header h2 {
		color: #b8b8b8;
	}

	/* Navigation Menu */
	.main-navigation a {
		color: #c0c0c0;
	}
	.main-navigation a:hover,
	.main-navigation a:focus {
		color: #5dade2;
	}

	/* Sidebar */
	.widget-area .widget a {
		color: #b8b8b8;
	}
	.widget-area .widget a:hover {
		color: #5dade2;
	}
	.widget-area .widget a:visited {
		color: #888888;
	}

	/* Footer */
	footer[role="contentinfo"] {
		border-top: 1px solid #404040;
	}
	footer[role="contentinfo"] a {
		color: #aaaaaa;
	}
	footer[role="contentinfo"] a:hover {
		color: #5dade2;
	}

	/* =Main content and comment content
	-------------------------------------------------------------- */

	.entry-header .comments-link {
		color: #b8b8b8;
	}
	.comments-link a,
	.entry-meta a {
		color: #b8b8b8;
	}
	.comments-link a:hover,
	.entry-meta a:hover {
		color: #5dade2;
	}
	article.sticky .featured-post {
		color: #b8b8b8;
	}
	.entry-content a:visited,
	.comment-content a:visited {
		color: #888888;
	}
	.entry-content pre,
	.comment-content pre {
		border: 1px solid #404040;
		color: #d0d0d0;
		background-color: #2a2a2a;
	}
	.entry-content abbr,
	.comment-content abbr,
	.entry-content dfn,
	.comment-content dfn,
	.entry-content acronym,
	.comment-content acronym {
		border-bottom: 1px dotted #d0d0d0;
	}

	.entry-content table,
	.comment-content table {
		border-bottom: 1px solid #404040;
		color: #b8b8b8;
		background-color: #2a2a2a;
	}
	.site-content article {
		border-bottom: 4px double #404040;
	}
	footer.entry-meta {
		color: #b8b8b8;
	}
	.mu_register h2 {
		color: #b8b8b8;
	}

	/* =Archives
	-------------------------------------------------------------- */

	.archive-header,
	.page-header {
		border-bottom: 1px solid #404040;
	}
	.archive-meta {
		color: #b8b8b8;
	}

	/* =Aside post format
	-------------------------------------------------------------- */

	article.format-aside h1 a {
		color: #c8c8c8;
	}
	article.format-aside h1 a:hover {
		color: #e0e0e0;
	}
	article.format-aside .aside {
		background: #2d3a4f;
		border-left: 22px solid #4a6591;
	}
	article.format-aside p {
		color: #b8c4d1;
	}

	/* =Post formats
	-------------------------------------------------------------- */

	/* Link posts */
	article.format-link header {
		color: #b8b8b8;
		background-color: #2a2a2a;
	}
	article.format-quote .entry-content blockquote {
		color: #c8c8c8;
		background: #2a2a2a;
		border-left: 4px solid #555;
	}

	/* Status posts */
	.format-status .entry-header header a {
		color: #b8b8b8;
	}
	.format-status .entry-header header a:hover {
		color: #5dade2;
	}

	/* =Comments
	-------------------------------------------------------------- */

	.comments-area article header time {
		color: #c0c0c0;
	}
	.comments-area article header a {
		color: #c0c0c0;
	}
	.comments-area article header a:hover {
		color: #5dade2;
	}
	.comments-area article header cite a {
		color: #e0e0e0;
	}
	.comments-area article header h4 {
		color: #fff;
		background-color: #2980b9;
		background-image: -moz-linear-gradient(top, #3498db, #2980b9);
		background-image: -ms-linear-gradient(top, #3498db, #2980b9);
		background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
		background-image: -o-linear-gradient(top, #3498db, #2980b9);
		background-image: linear-gradient(to bottom, #3498db, #2980b9);
		border: 1px solid #1f618d;
	}
	a.comment-reply-link,
	a.comment-edit-link {
		color: #aaaaaa;
	}
	a.comment-reply-link:hover,
	a.comment-edit-link:hover {
		color: #5dade2;
	}

	/* Comment form */
	#respond form p.form-allowed-tags {
		color: #c0c0c0;
	}

	/* =Front page template
	-------------------------------------------------------------- */

	.template-front-page .widget-area .widget li a {
		color: #b8b8b8;
	}
	.template-front-page .widget-area .widget li a:hover {
		color: #5dade2;
	}

	/* =Widgets
	-------------------------------------------------------------- */

	.widget_recent_entries .post-date,
	.widget_rss .rss-date {
		color: #888888;
	}
	.wp-calendar-nav,
	#wp-calendar {
		color: #aaaaaa;
	}

	/* =Media queries for dark mode
	-------------------------------------------------------------- */

	/* Minimum width of 600 pixels - Dark Mode */
	@media screen and (min-width: 600px) {
		.main-navigation ul.nav-menu,
		.main-navigation div.nav-menu > ul {
			border-bottom: 1px solid #404040;
			border-top: 1px solid #404040;
		}
		.main-navigation li a {
			color: #c8c8c8;
		}
		.main-navigation li a:hover,
		.main-navigation li a:focus {
			color: #fff;
		}
		.main-navigation li ul li a {
			background: #2a2a2a;
			border-bottom: 1px solid #404040;
		}
		.main-navigation li ul li a:hover,
		.main-navigation li ul li a:focus {
			background: #383838;
			color: #e0e0e0;
		}
		.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: #b8b8b8;
		}
	}

	/* Minimum width of 960 pixels - Dark Mode */
	@media screen and (min-width: 960px) {
		body {
			background-color: #1a1a1a;
		}
		body .site {
			box-shadow: none !important;
		}
		body.custom-background-empty {
			background-color: #1a1a1a;
		}
	}
}