/*
Dark Theme
Description: This file styles the dark theme and header.
*/

/* Header */
.site-header {
	background:#242a31;
	border-bottom:none;
}

/* Branding */

.site-branding a h1,
.site-title a,
a.site-title {
	color: #fff !important;
}

.site-branding a:hover {
	color: #fff !important;
	text-decoration: none;
}

.site-description {
	color: rgba(255,255,255, .75);
}

/* Navigation */
.primary-navigation a {
	color: #fff;
	color: rgba(255,255,255,.75);
}

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

	.dropdown-toggle {
	/* TODO */
}

.dropdown-toggle:after {
	color: #b5bdc3;
}

.primary-navigation a:hover {
	color: #ffffff;
}

.primary-navigation ul ul {
	background: #242a31;
	border: 1px solid #434E51;
}

.primary-navigation ul ul:before {
	border-bottom: 8px solid #434E51;
}

.primary-navigation ul ul a {
	border-bottom: 1px solid #2C343C;
}

.primary-navigation ul ul a:hover {
	background: #242a31;
	color: #FFFFFF;
}
}

@media screen and (max-width: 889px) {
	.primary-navigation {
		background:#2C343C;
	}

	.primary-navigation li a,
	.primary-navigation ul ul a {
		border-bottom: 1px solid #242a31;
	}

	.primary-navigation a:hover {
		background:#2C343C;
		color:#fff;
	}

	.primary-navigation .menu-toggle {
		color: #fff;
		color: rgba(255,255,255,.75);
	}

	.primary-navigation .menu-toggle:hover {
		color: #fff;
	}

	.dropdown-toggle {
		color: #7D838B;
		background: #2C343C;
		border-left: 1px solid #242a31;
	}

	.primary-navigation .dropdown-toggle:hover {
		background: #2C343C;
		color: #fff;
	}

/* Search */

.search-toggle {
}

.search-toggle {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.search-toggle:hover {
	color: #fff;
}

.search-top {
	background:#2C343C;
	border-top: 1px solid #242a31;
	border-bottom: 1px solid #242a31;
}
}

.search-top form input {
	-webkit-appearance: none;
	background: #434E51;
	color: #92999C;
	border: none;
}

.search-top input:focus {
	color: #fff;
	color: rgba(255,255,255,.75);
	background: #434E51;
	outline: none;
}
.search-top input:hover {
	color: #fff;
	color: rgba(255,255,255,.75);
	background: #434E51;
	outline: none;
}

.search-top form button {
	color: #92999C;
}

.search-top ::-webkit-input-placeholder {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.search-top :-moz-placeholder { /* Firefox 18- */
	color: #fff;
	color: rgba(255,255,255,.75);
}

.search-top ::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
	color: rgba(255,255,255,.75);
}

.search-top :-ms-input-placeholder {
	color: #fff;
	color: rgba(255,255,255,.75);
}

/* Footer */
.footer-widgets {
	background: #2C343C;
	color: #7D838B;
}

.footer-widgets .widget-title {
	color: #fff;
	border-bottom: 3px solid #7D838B;
}

#colophon {
	background: #242a31;
	color: #7D838B;
}

.footer-widgets a {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets a:hover {
	color: #fff;
}

#colophon .site-info a {
	color: #7D838B;
}

#colophon .site-info a:hover {
	color: #fff;
}

.footer-widgets .post-tags a,
.footer-widgets .tagcloud a {
	background: rgba(0,0,0,.1);
}

.footer-widgets .audonic-feature-widget .feature-widget-title a,
.footer-widgets .audonic-feature-widget .feature-widget-author a {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .audonic-feature-widget .feature-widget-title a:hover,
.footer-widgets .audonic-feature-widget .feature-widget-author a:hover {
	color: #fff;
}

.footer-widgets .audonic-feature-widget .feature-widget-title,
.footer-widgets .audonic-feature-widget .feature-widget-author {
	color: #7D838B;
	font-size: 16px;
}

.footer-widgets .audonic-feature-widget .feature-widget-meta,
.footer-widgets .audonic-feature-widget .feature-widget-comment {
	color: #7D838B;
	font-size: 14px;
}

.footer-widgets .search-form form input {
	border: 1px solid #242a31;
	background-color: #242a31;
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .search-form form button {
	color: #fff;
	color: rgba(255,255,255,.75);
}


.footer-widgets .search-form form button.search-form-btn {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .post-tags a,
.footer-widgets .tagcloud a {
	background: rgba(0,0,0,.1);
}

.footer-widgets .audonic-twitter-widget .audonic-tweet-username {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .audonic-twitter-widget .audonic-latest-tweet {
	color: #7D838B;
}

.footer-widgets .audonic-twitter-widget .audonic-tweet-username a,
.footer-widgets .audonic-twitter-widget .audonic-latest-tweet a {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .twitter-follow a {
	background: rgba(0,0,0,.1);
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .twitter-follow a:hover,
.footer-widgets .twitter-follow a:visited {
	color: #fff;
}

.footer-widgets .twitter-follow-link:before {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .twitter-follow-link:hover:before {
	color: #fff;
}

.footer-widgets .instagram-follow a {
	background: rgba(0,0,0,.1);
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .instagram-follow a:hover,
.footer-widgets .instagram-follow a:visited {
	color: #fff;
}

.footer-widgets .instagram-follow-link:before {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.footer-widgets .instagram-follow-link:hover:before {
	color: #fff;
}

.footer-widgets table {
	border: 1px solid #7D838B;
}

.footer-widgets thead th {
	background: rgba(0,0,0,.1);
}

.footer-widgets th,
.footer-widgets td {
	border: 1px solid #7D838B;
}

.site-footer a {
	color: #7D838B;
}

.site-footer a:hover {
	color: #fff;
}

/* Transparent header */

.transparent .site-header {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10;
}

.transparent .site-header {
	background: transparent;
	border-bottom:none;
}

.transparent .site-header .search-top form input {
	color: rgba(239, 238, 238, 0.9);
	background: rgba(239, 238, 238, 0.4);
	border: none;
	border-color: rgba(239, 238, 238, 0.2);
}

.transparent .site-header .search-top input:focus {
	color: rgba(239, 238, 238, 0.9);
	background: rgba(239, 238, 238, 0.5);
	outline: none;
}

.transparent .site-header .search-top input:hover {
	color: rgba(239, 238, 238, 0.9);
	background: rgba(239, 238, 238, 0.5);
	outline: none;
}

.transparent .site-header .search-top form button {
	color: rgba(239, 238, 238, 0.9);
}

.transparent .site-header .search-top ::-webkit-input-placeholder {
	color: rgba(239, 238, 238, 0.9);
}

.transparent .site-header .search-top :-moz-placeholder { /* Firefox 18- */
	color: rgba(239, 238, 238, 0.9);
}

.transparent .site-header .search-top ::-moz-placeholder { /* Firefox 19+ */
	color: rgba(239, 238, 238, 0.9);
}

.transparent .site-header .search-top :-ms-input-placeholder {
	color: rgba(239, 238, 238, 0.9);
}

.transparent .site-branding a h1,
.transparent .site-title a,
.transparent a.site-title {
	color: #fff;
	color: rgba(255,255,255,.85);
}
.transparent .site-branding a:hover {
	color: #fff;
}

.transparent .primary-navigation a {
	color: #fff;
	color: rgba(255,255,255,.85);
}

.transparent .primary-navigation a:hover {
	color: #fff;
}


.transparent .primary-navigation ul ul a {
	color: #fff;
	color: rgba(255,255,255,.85);
}

.transparent .primary-navigation ul ul a:hover {
	color: #fff;
}

@media screen and (max-width: 890px) {
	.transparent .site-branding a h1,
	.transparent .site-title a,
	.transparent a.site-title {
		color: #fff !important;
	}

	.transparent .site-header {
		background:#242a31 !important;
	}

	.transparent .site-branding a:hover {
		color: #fff !important;
		text-decoration: none;
	}

/* Navigation */
.transparent .primary-navigation a {
	color: #fff;
	color: rgba(255,255,255,.75);
}

.transparent .primary-navigation a:hover {
	color: #fff;
}
.site-header .search-top form input {
	background-color: #434E51 !important;
	color: #92999C !important;
	border-color:#434E51 !important;
}

.transparent .site-header .search-top input:focus {
	background: #434E51;
	color: #fff;
	outline: none;
}

.transparent .site-header .search-top input:hover {
	background: #434E51;
	color: #fff;
	outline: none;
}

.transparent .site-header .search-top form button {
	color: #92999C !important;
}

.transparent .site-header .search-top ::-webkit-input-placeholder {
	color: #fff;
}

.transparent .site-header .search-top :-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

.transparent .site-header .search-top ::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}

.transparent .site-header .search-top :-ms-input-placeholder {
	color: #fff;
	}
}