.entry pre { background-image: url(img/pre-dark.png); border-color: #333; }

a,
a:hover { color: #fff; }

body { background: #222; }
.themeform.searchform div input { background: #333; }
.themeform.searchform div input { border-width: 1px; }
.search-expand { background: #262626; }
#wrapper { border-top-color: #333; }
#header,
.site-title { border-bottom-color: #3a3a3a; }

.entry a { box-shadow: 0 1px 0 #555; }
.entry a:hover { box-shadow: 0 1px 0 #888; }

#footer,
#footer-bottom #back-to-top,
#footer-widgets { border-color: #333; }

.toggle-search { color: #fff; border-color: #262626; }
.toggle-search:hover { color: #eee; }
.toggle-search.active { background: #262626; color: #eee; }

.author-bio,
#commentform { background: #262626; }
.sharrre-container { border-color: #262626; }
.front-widgets { border-color: #333; }

#header,
.s2,
.toggle-search,
.masonry-item .masonry-inner,
.post-wrapper,
.sidebar .widget,
.pagination ul li a,
.infinite-scroll #infinite-handle span { background: #333; }

.infinite-scroll #infinite-handle span { color: #fff; }

.entry-header .entry-meta .entry-category a,
.entry hr { background: #444; }

.entry .wp-block-file a.wp-block-file__button,
.entry .wp-block-button a { background: #444; box-shadow: none; }

body,
.author-bio .bio-name { color: #ccc; }

.entry a,
h1, h2, h3, h4, h5, h6,
.site-title a,
#profile-name,
.masonry-item .entry-title a,
#footer-bottom #back-to-top:hover,
#footer-bottom a:hover,
.entry .wp-block-pullquote blockquote p,
.entry blockquote p { color: #fff; }

#footer-bottom #back-to-top,
#footer-bottom a { color: rgba(255,255,255,0.7); }

#footer-bottom #copyright, 
#footer-bottom #credit,
.wp-block-image figcaption,
.author-bio .bio-desc { color: rgba(255,255,255,0.5); }

.s2 .social-links li:before { background: rgba(0,0,0,0.15); }
.s2 .social-links .social-tooltip { color: rgba(255,255,255,0.7); }
.s2 .social-links .social-tooltip:hover { background: rgba(0,0,0,0.1); box-shadow: none; color: #fff; }
.s2 .social-links .social-tooltip:active { background: rgba(0,0,0,0.15); box-shadow: none; color: #fff; }
.s2 .social-links .social-tooltip:hover:after { background: #fff; color: #333; }
.s2 .social-links .social-tooltip:hover:before { border-color: transparent #fff;  }

#footer-bottom .social-links a { color: rgba(255,255,255,0.7); }
#footer-bottom .social-links a:hover { color: #fff; }

@media only screen and (max-width: 719px) {
	.toggle-search,
	.toggle-search.active { background: transparent; }
}

.entry table tr.alt { background: #262626; }
.entry table td { border: 1px solid #222; }
.entry table th { border: 1px solid #222; }

.wp-block-calendar a,
.wp-block-calendar a:hover { box-shadow: none; }
.wp-block-calendar table caption, 
.wp-block-calendar table tbody,
.wp-block-calendar tfoot a { color: #999; }
.wp-block-calendar table th { background: transparent; }

.sharrre .count { background: #262626; }
.sharrre .count:after { border-left-color: #262626; }
.sharrre .box:hover { background: #262626!important; }
.sharrre .box:hover .count { color: #fff!important; }

.post-nav { background: #262626; }
.post-nav li i { color: #999; }
.post-nav li a strong { color: #666;  }
.post-nav li a span { color: #999; }
.post-nav li a:hover span,
.post-nav li a:hover i { color: #fff; }
.post-nav li.next a { border-left: 1px solid #333; }

.themeform label { color: #ccc; }
.themeform input[type="search"],
.themeform input[type="text"], 
.themeform input[type="password"], 
.themeform input[type="email"], 
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform select,
.themeform textarea { background: #222; border: 2px solid #333; color: #999; }
.themeform input[type="search"]:focus,
.themeform input[type="text"]:focus, 
.themeform input[type="password"]:focus, 
.themeform input[type="email"]:focus, 
.themeform input[type="url"]:focus,
.themeform input[type="tel"]:focus,
.themeform input[type="number"]:focus, 
.themeform select:focus,
.themeform textarea:focus { border-color: #444; color: #ccc; }
.themeform label .required { color: #ccc; }
.themeform input[type="button"],
.themeform input[type="reset"],
.themeform input[type="submit"],
.themeform button[type="button"],
.themeform button[type="reset"],
.themeform button[type="submit"] { background: #444; color: #fff; }
.themeform input[type="button"]:hover,
.themeform input[type="reset"]:hover,
.themeform input[type="submit"]:hover,
.themeform button[type="button"]:hover,
.themeform button[type="reset"]:hover,
.themeform button[type="submit"]:hover { background: #555; }

.comment-tabs li a { background: #262626; }
.comment-tabs li span { background: #333; }
.comment-tabs li a:hover,
.comment-tabs li.active a { color: #fff; }

.commentlist .fn, 
.pinglist .ping-link,
.commentlist .fn a { color: #fff; }
.commentlist .comment-meta a, 
.pinglist .ping-meta,
.commentlist .comment-meta:before, 
.pinglist .ping-meta:before,
.commentlist .reply a { color: #777; }
.commentlist .comment-body p,
.commentlist .reply a:hover { color: #bbb; }
 
.wp-pagenavi span.pages { color: #666; }
.wp-pagenavi a { background: #333; color: #ccc; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { background: #444; color: #fff; }


/* ------------------------------------------------------------------------- *
 *  Dark Widgets
/* ------------------------------------------------------------------------- */
.widget { color: rgba(255,255,255,0.5); }
.widget a { color: rgba(255,255,255,0.6); }
.widget a:hover { color: #fff; }
.widget > h3,
.widget > h3 a,
.widget > h3 a:hover { color: #fff; }
.widget select { background: rgba(0,0,0,0.25); border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); }

/*  widgets : icons
/* ------------------------------------ */
.widget > ul li:before,
.widget > ul li a:before,
.widget > div > ul li a:before  { color: rgba(255,255,255,0.6); opacity: 0.5; }
.widget_calendar caption:before,
.widget > ul li a:hover:before { color: #fff; }

/*  widgets : common
/* ------------------------------------ */
.widget_archive ul li, 
.widget_categories ul li, 
.widget_links ul li, 
.widget_meta ul li, 
.widget_recent_comments ul li, 
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.alx-tab li,
.alx-posts li,
.widget_calendar th, 
.widget_calendar td { border-color: #333; }

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li { color: rgba(255,255,255,0.6); }

/*  widget : pages / custom menu
/* ------------------------------------ */

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a { color: #fff; }
.widget_rss ul li span.rss-date { color: rgba(255,255,255,0.8); }
.widget_rss ul li cite { color: rgba(255,255,255,0.5); }

/*  widget : search
/* ------------------------------------ */
.widget_search input.search { background: transparent; color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.1); }
.widget_search input.search:focus { color: rgba(255,255,255,0.9); }

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a:hover { color: rgba(255,255,255,0.8)!important; }
.widget_calendar a { color: #fff; }
.widget_calendar thead { background: rgba(0,0,0,0.1); color: #ccc; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); }
.widget_calendar caption { background: rgba(255,255,255,0.2); }
.widget_calendar th, 
.widget_calendar td { border-color: rgba(255,255,255,0.1);  }

/*  custom widget : alxtabs / alxposts
/* ------------------------------------ */
.alx-tabs-nav li a { border-color: rgba(255,255,255,0.1); }
.alx-tabs-nav li.active a { color: #fff; border-bottom-color: #fff; }

.alx-tab .tab-item-category a,
.alx-posts .post-item-category a,
.alx-tab li:hover .tab-item-title a,
.alx-tab li:hover .tab-item-comment a,
.alx-posts li:hover .post-item-title a { color: #fff; }
.alx-tab .tab-item-category a:hover,
.alx-posts .post-item-category a:hover { color: rgba(255,255,255,0.8)!important; }

.alx-tab .tab-item-date, 
.alx-tab .tab-item-name, 
.alx-posts .post-item-date { color: rgba(255,255,255,0.5); }


.alx-tab .tab-item-title a, 
.alx-tab .tab-item-comment a, 
.alx-posts .post-item-title a { color: rgba(255,255,255,0.7); }

@media only screen and (max-width: 719px) {
	.s2 .social-links { background: #333; border-bottom-color: #222; }
	.post-nav li.previous { border-top: 1px solid #333; } 
}

@media only screen and (max-width: 479px) {
	.sidebar .widget { border-top-color: #444; }
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
	.sidebar .widget { border-top-color: #444; }
}


/* ------------------------------------------------------------------------- *
 *  Section: Navigation
/* ------------------------------------------------------------------------- */
/* desktop */
.nav-menu .svg-icon { fill: #fff; }
.nav-menu:not(.mobile) .menu ul { background: #fff; }
.nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #fff; }
.nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #fff; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-left-color: #fff; }

.nav-menu:not(.mobile) a { color: #bbb; }
.nav-menu:not(.mobile) a:hover { color: #fff; }
.nav-menu:not(.mobile) ul ul a:hover { color: #333; }
.nav-menu:not(.mobile) ul ul > li:hover > span { background: rgba(0,0,0,0.07); }
.nav-menu:not(.mobile) ul ul a { color: #666; }

.nav-menu:not(.mobile) button { color: #666; }
.nav-menu:not(.mobile) button.active { background: #222; color: #333; }
.nav-menu:not(.mobile) button .svg-icon { fill: #666; }
.nav-menu:not(.mobile) ul ul button { color: #666; }
.nav-menu:not(.mobile) ul ul button.active { background: #eee; color: #666; }

.nav-menu:not(.mobile) li.current_page_item > span > a, 
.nav-menu:not(.mobile) li.current-menu-item > span > a, 
.nav-menu:not(.mobile) li.current-menu-ancestor > span > a, 
.nav-menu:not(.mobile) li.current-post-parent > span > a { color: #fff; }
.nav-menu:not(.mobile) ul ul li.current_page_item > span > a, 
.nav-menu:not(.mobile) ul ul li.current-menu-item > span > a, 
.nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a, 
.nav-menu:not(.mobile) ul ul li.current-post-parent > span > a { color: #333; }

/* mobile */
.nav-menu.mobile button.active .svg-icon { fill: #fff; }
.nav-menu.mobile ul ul { background: #2b2b2b; }
.nav-menu.mobile ul li .menu-item-wrapper { border-bottom: 1px solid #3a3a3a; }
.nav-menu.mobile ul li a { color: #fff; }
.nav-menu.mobile ul button { border-left: 1px solid #3a3a3a; }
.nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid #3a3a3a; }
.nav-menu.mobile ul ul button { border-left: 1px solid #3a3a3a; }
.nav-menu.mobile > div > ul { border-top: 1px solid #3a3a3a; }
.menu-toggle-icon span { background: #fff; }

/* search */
.toggle-search .svg-icon { fill: #fff; }
.themeform.searchform div:after { color: #666; }
.toggle-search.active #svg-close { fill: rgba(255,255,255,0.5); }
.toggle-search:focus #svg-close { fill: #fff; }