/* ==========================================================================
   Frutiger Aero Night Theme - Midnight Vista / Ocean Aurora Dark Glass
   ========================================================================== */

body.dark {
	background-color: #041220 !important;
	background-image: url('../../images/frutiger-aero-dark-bg.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	color: #cbe6f7 !important;

	--head-color: #e8f7ff;
	--stext-color: #b5daf0;
	--text-color: #aed1ea;
	--wtext-color: #051423;
	--bg-color: rgba(7, 24, 43, 0.80);
	--box-color: rgba(7, 24, 43, 0.82);
	--border-color: rgba(0, 210, 255, 0.3);
	--wrap-color: transparent;
	--bo-color: rgba(0, 210, 255, 0.35);

	--bxsh: 0 12px 35px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(0, 220, 255, 0.4);
	--bxshover: 0 18px 45px rgba(0, 210, 255, 0.32), inset 0 1px 0 rgba(0, 240, 255, 0.7);
}

body.dark::before {
	background: radial-gradient(ellipse at 50% 0%, rgba(0, 242, 254, 0.25) 0%, rgba(4, 18, 32, 0) 70%);
}

.wrapper {
	background-color: transparent !important;
}

body.dark .site-title a,
body.dark .site-description {
	color: #ffffff !important;
	text-shadow: 0 0 14px rgba(0, 220, 255, 0.7);
}

body.dark h1, body.dark .h1, 
body.dark h2, body.dark .h2, 
body.dark h3, body.dark .h3, 
body.dark h4, body.dark .h4, 
body.dark h5, body.dark .h5, 
body.dark h6, body.dark .h6 {
	color: #ffffff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 210, 255, 0.3);
}

body.dark .bs-card-box,
body.dark .wd-back,
body.dark .bs-blog-post,
body.dark .bs-blog-post.two .small,
body.dark .bs-blog-post.four .small,
body.dark .bs-sidebar .bs-widget,
body.dark .small-post,
body.dark .bs-info-author-block,
body.dark .subscibe-area,
body.dark .bs-recent-blog-post,
body.dark .tabarea-area .nav-tabs .nav-link {
	background: linear-gradient(135deg, rgba(8, 27, 48, 0.84) 0%, rgba(4, 18, 33, 0.88) 100%) !important;
	border: 1px solid rgba(0, 210, 255, 0.35) !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 220, 255, 0.4) !important;
	color: #cbe6f7 !important;
}

body.dark .bs-card-box:hover,
body.dark .wd-back:hover,
body.dark .bs-blog-post:hover,
body.dark .bs-sidebar .bs-widget:hover {
	border-color: rgba(0, 240, 255, 0.6) !important;
	box-shadow: 0 18px 45px rgba(0, 210, 255, 0.28), inset 0 1px 0 rgba(0, 240, 255, 0.7) !important;
}

body.dark .bs-header-main {
	background: linear-gradient(180deg, rgba(6, 22, 38, 0.8) 0%, rgba(3, 15, 27, 0.85) 100%) !important;
	border-bottom: 1px solid rgba(0, 210, 255, 0.3);
}

body.dark .bs-head-detail {
	background: linear-gradient(180deg, rgba(4, 16, 28, 0.96) 0%, rgba(2, 10, 18, 0.98) 100%) !important;
	border-bottom: 1px solid rgba(0, 210, 255, 0.45);
}

body.dark .navbar-wp {
	background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(0,210,255,0.15) 48%, rgba(0,100,180,0.3) 50%, rgba(0,50,100,0.5) 100%), linear-gradient(90deg, #0a3d62 0%, #006266 50%, #1e3799 100%) !important;
	border-top: 1px solid rgba(0, 240, 255, 0.5) !important;
	border-bottom: 1px solid rgba(0, 20, 40, 0.8) !important;
	box-shadow: inset 0 1px 0 rgba(0, 240, 255, 0.6), 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

body.dark .navbar-wp .dropdown-menu {
	background: rgba(4, 18, 33, 0.94) !important;
	border: 1px solid rgba(0, 210, 255, 0.4) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(0, 220, 255, 0.4) !important;
}

body.dark .navbar-wp .dropdown-menu>li>a {
	color: #e0f4ff !important;
}

body.dark input:not([type]),
body.dark input[type="email"],
body.dark input[type="number"],
body.dark input[type="password"],
body.dark input[type="tel"],
body.dark input[type="url"],
body.dark input[type="text"],
body.dark input[type="search"],
body.dark textarea,
body.dark select,
body.dark .form-control {
	background: rgba(5, 20, 36, 0.85) !important;
	border: 1px solid rgba(0, 210, 255, 0.3) !important;
	color: #e0f4ff !important;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 210, 255, 0.2) !important;
}

body.dark input:focus,
body.dark textarea:focus,
body.dark select:focus {
	border-color: #00f2fe !important;
	box-shadow: 0 0 16px rgba(0, 242, 254, 0.5) !important;
}

body.dark .comments-area .comment-body {
	background: rgba(6, 22, 38, 0.85);
	border: 1px solid rgba(0, 210, 255, 0.3);
}

body.dark blockquote {
	background: rgba(6, 25, 45, 0.8) !important;
	border-left: 5px solid #00f2fe !important;
	color: #cbe6f7 !important;
}

body.dark footer .overlay {
	background: linear-gradient(180deg, rgba(3, 14, 25, 0.96) 0%, rgba(1, 8, 15, 0.99) 100%) !important;
	border-top: 2px solid rgba(0, 220, 255, 0.5) !important;
}

body.dark footer .bs-footer-copyright {
	background: rgba(1, 6, 12, 0.98) !important;
}