/*
 Theme Name: Twenties
 Description: Dark Skin
 Author: WPExplorer
*/

/*main*/
body { background: #202020; color: #ffffff; }
.strong { color: #fff; }
h1, h2, h3, h4, h5, h6, .page-header-title, .entry-footer a { color: #fff; }
h1 a, h2 a, h3 a, h4 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #fff }
#header-wrap { left top repeat-x; }
input[type="search"] { border-color: #2f2f2f; background: #2f2f2f url("images/search-icon.png") right center no-repeat; }
.archive-header-title { color: #fff; }
.archive-header { border-color: #333; }
blockquote { background: #2f2f2f; border-color: #ffcc00; color: #989898; }
pre { background: #2f2f2f; color: #989898; }
pre:before { background: #ffcc00; }
.entry strong { color: #fff; }

/*highlight*/
body a:hover,
.entry a,
.entry a:hover,
.loop-entry .wpex-readmore a,
.loop-entry-meta a:hover,
#footer-wrap a,
#footer-wrap a:hover,
#footer-wrap .wpex-tabs-widget-tabs a:hover,
#footer-wrap .wpex-tabs-widget-tabs a.active,
.sidebar-container a:hover,
.breadcrumb-trail .trail-end,
.contributor-entry-title a,
.entry-footer a:hover,
p.logged-in-as a,
.single-post-pagination a:hover,
.single-post-pagination a:hover .strong,
.wpex-tabs-widget-tabs a:hover,
.wpex-tabs-widget-tabs a.active,
.wpex-mobile-nav .wpex-clicked,
.wpex-mobile-nav a.active,
.entry a strong { color: #f59343; }
.loop-entry .wpex-readmore a span.text { border-color: #9db68c; }

.author-badge,
body a.site-scroll-top:hover { color: #333; background: #ffcc00; }

html input[type="button"],
html input[type="submit"] { background: #ffcc00; color: #333; font-weight: bold; }
input[type="button"]:hover,
input[type="submit"]:hover { background: #ffd633; }
input[type="button"]:active,
input[type="submit"]:active { box-shadow: inset 0 1px 4px rgba(0,0,0,0.8); }

/*navigation*/
#site-navigation-wrap { background: #202020; border-color: #2f2f2f; }
#site-navigation .dropdown-menu > li > a:before { background: #2f2f2f; }

#site-navigation-notice a,
#site-navigation .dropdown-menu > li > a { color: #979797; }
#site-navigation .dropdown-menu > .current-menu-item > a,
#site-navigation .dropdown-menu > li > a:hover { color: #fff; }

#site-navigation .dropdown-menu ul { background: #2f2f2f; box-shadow: 0 2px 2px rgba(0,0,0,0.4); }
#site-navigation .dropdown-menu ul li,
#site-navigation .sf-menu > li.megamenu > ul.sub-menu > .menu-item-has-children li:first-child { border-color: #444; }
#site-navigation .dropdown-menu ul li > a:hover { color: #f59343; }

/*mobile nav*/
.wpex-mobile-nav { background: #171717; }
.wpex-mobile-nav-ul li a,
.wpex-mobile-nav-ul > li:first-child > a { border-color: #222; }
a.navigation-toggle, a.navigation-toggle:hover, a.navigation-toggle:active { color: #979797; }

/*entries*/
.loop-entry { border-color: #333 !important; }
.loop-entry .wpex-readmore a { font-weight: normal; }

/*author bio*/
.author-bio { border: 1px solid #272727; background: #171717; }
.author-bio-inner { border-color: transparent; }
.author-bio-title a { color: #fff; }
.author-bio-avatar img { box-shadow: none; border: 4px solid #000; padding: 0; }

/*contributors*/
.contributor-entry { border: 1px solid #272727; background: #171717; }
.contributor-entry-inner { border-color: transparent; }

/*related*/
.related-posts-title { color: #fff; border-color: #333; }
.related-entry-title a { color: #888; }
.related-entry-title a:hover { color: #fff; text-decoration: none; }

/*comments*/
.comments-title{ color: #fff; border-color: #333; }
.comment-meta .fn, .comment-meta .fn a { color: #fff; }
.comment-details { border-color: #333; }

.comment-date, .comment-date a { color: #676767; }
.comment-reply-link a { color: #bbb; background: url("images/reply-link.png") left center no-repeat; }
.comment-reply-link a:hover { color: #ffcc00; background-image: url("images/reply-link-hover.png"); }

#cancel-comment-reply-link { border-color: #333; }
#cancel-comment-reply-link:hover { color: #fff; border-color: #393939; }

.comment-author .avatar { box-shadow: none; border: 4px solid #171717; padding: 0; }

html input[type="text"],
html input[type="password"],
html input[type="email"],
html input[type="url"],
html input[type="tel"], textarea { border-color: #333; border-width: 2px; color: #888; }

/*widgets*/
.sidebar-container { color: #fff }
.sidebar-container a { color: #fff }
.sidebar-widget .widget-title { color: #fff; }
.widget_archive li,
.widget_recent_entries li,
.widget_categories li,
#recentcomments li,
.widget-recent-posts-icons li,
.wpex-widget-recent-posts-li.left-thumbnail:first-child,
.wpex-widget-recent-posts-li.left-thumbnail,
.wpex-recent-comments-widget li,
.wpex-tabs-widget-tab ul li,
.wpex-tabs-widget,
.widget_archive li:first-child,
.widget_recent_entries li:first-child,
.widget_categories li:first-child,
#recentcomments li:first-child,
.widget-recent-posts-icons li:first-child,
.wpex-recent-comments-widget { border-color: #2f2f2f; }

#footer-wrap .widget_archive li,
#footer-wrap .widget_recent_entries li,
#footer-wrap .widget_categories li,
#footer-wrap #recentcomments li,
#footer-wrap .widget-recent-posts-icons li,
#footer-wrap .wpex-widget-recent-posts-li.left-thumbnail:first-child,
#footer-wrap .wpex-widget-recent-posts-li.left-thumbnail,
#footer-wrap .wpex-recent-comments-widget li,
#footer-wra .wpex-tabs-widget-tab ul li,
#footer-wrap .widget_archive li:first-child,
#footer-wrap .widget_recent_entries li:first-child,
#footer-wrap .widget_categories li:first-child,
#footer-wrap #recentcomments li:first-child,
#footer-wrap .widget-recent-posts-icons li:first-child,
#footer-wrap .wpex-recent-comments-widget,
#footer-wrap .wpex-tabs-widget { border-color: #333; }

#footer-wrap .widget_archive li,
#footer-wrap .widget_recent_entries li,
#footer-wrap .widget_categories li,
#footer-wrap #recentcomments li,
#footer-wrap .widget-recent-posts-icons li { padding: 7px 0; }

#footer-wrap .widget_archive li:before,
#footer-wrap .widget_recent_entries li:before,
#footer-wrap .widget_categories li:before,
#footer-wrap #recentcomments li:before { display: none; }

.sidebar-container .wpex-widget-recent-posts-title { color: #fff; }
.widget_wpex_social_widget ul.style-default a { background: #171717; border-color: #222; }
.sidebar-container .widget_wpex_social_widget ul.style-color a.github { background: #171717; }

.wpex-tabs-widget { border-color: #333; }
.wpex-tabs-widget-inner { border-color: transparent; }
.wpex-tabs-widget-tabs { background: none; border-color: #2f2f2f; }
.wpex-tabs-widget-tabs a { background: transparent; color: #fff; border-color: #2f2f2f; }
.wpex-tabs-widget-tabs a:hover,
.wpex-tabs-widget-tabs a.active { background: transparent; }
#footer-wrap .wpex-tabs-widget-tabs a { background: transparent; color: #fff; }
#footer-wrap .wpex-tabs-widget-tab ul li a:hover .strong { text-decoration: underline; }
#footer-wrap .wpex-tabs-widget-tab ul li a,
#footer-wrap .wpex-tabs-widget-tab ul li a:hover { color: #676767; }
#footer-wrap .wpex-widget-recent-posts-title:hover { text-decoration: none; }

/*paginationi*/
#load-more { border-color: #2f2f2f; }
#load-more a { border-color: transparent; }
#load-more a:hover { color: #fff; background: transparent; }
#load-more.loading a { background: url("images/preloader-white.gif") center center no-repeat; }

.single-post-pagination { border-top-color: #333; }
.single-post-pagination a { color: #fff; }

.page-numbers a,
.page-numbers span,
.page-links span,
.page-links a span { color: #676767; background: #2f2f2f; border: 1px solid #333; }
.page-numbers a:hover,
.page-numbers.current,
.page-links span,
.page-links a:hover span { color: #333; background: #ffcc00; border-color: transparent; }
.page-links a span { background: none !important; color: #676767 !important; }
.page-links a span:hover { background: #ffcc00 !important; color: #333 !important; }

/*breadcrumbs*/
.breadcrumb-trail,
.breadcrumb-trail a,
.breadcrumb-trail .fa-home { color: #888; }
.breadcrumb-trail a:hover { color: #fff; text-decoration: none; }

/*footer*/
#footer-wrap { background: #171717; }
#footer-wrap, #footer-wrap p { color: #676767; }
#footer-wrap a:hover { text-decoration: underline; }
#footer-bottom { border-color: #202020; }
.footer-nav li:before { background: #202020; }
#footer-bottom a { color: #969696; }
#footer-bottom a:hover { color: #fff; text-decoration: none; }

/*highlights+boxes*/
.symple-highlight-yellow, .symple-highlight-yellow a, .symple-box.yellow { background: #ffcc00; color: #000; border: none; }
.symple-highlight-red, .symple-highlight-red a, .symple-box.red { color: #fff; background: #CB2027; border: none; }
.symple-highlight-blue, .symple-highlight-blue a, .symple-box.blue { color: #fff; background: #00ACED; border: none; }
.symple-highlight-green, .symple-highlight-green a, .symple-box.green { color: #fff; background: #aad450; border: none; }
.symple-button span.symple-button-inner { border-top: none !important; }
.symple-heading-double-line { background: url("images/double-line.png") center center repeat-x; }
.symple-heading span { background: #202020; }
/*toggles*/
.symple-box.gray,
.symple-toggle .symple-toggle-trigger,
.symple-accordion h3.symple-accordion-trigger { background-color: #171717; border-color: #2f2f2f; }
.symple-toggle .symple-toggle-trigger:hover,
.symple-accordion h3.symple-accordion-trigger:hover,
.symple-accordion .symple-accordion-trigger.ui-state-active,
.symple-toggle .symple-toggle-trigger.active,
.symple-toggle .symple-toggle-trigger.active:hover { background-color: #ffcc00; background-image: url("images/minus-dark.png"); color: #000; }
/*tabs*/
.symple-tabs .tab-content { background: #202020; border-color: #2f2f2f; }
.symple-tabs ul.ui-tabs-nav { border-color: #2f2f2f; }
.symple-tabs ul.ui-tabs-nav .ui-state-active a { background: #ffcc00; color: #000; border: none; }
.symple-tabs ul.ui-tabs-nav li a { background: #171717; border-color: #2f2f2f; }
.symple-tabs ul.ui-tabs-nav li a:hover { color: #fff; background: #171717; }
/*pricing*/
.symple-pricing-table .symple-pricing-header { background: #171717; }
.symple-pricing-table .symple-pricing-header h5 { border-bottom: none; color: #fff; padding-bottom: 0; }
.symple-pricing-table .featured .symple-pricing-header h5 { color: #000; }
.symple-pricing-table .symple-pricing-cost { border: none; color: #676767; }
.symple-pricing-table .featured .symple-pricing-header { background: #ffcc00; }
.symple-pricing-table .featured .symple-pricing-cost { border-color: #ffcc00; color: #000; }
.symple-pricing-table .featured .symple-pricing-header .symple-pricing-per { color: #000; }
.symple-pricing-table .symple-pricing-content,
.symple-pricing-table .symple-pricing-button { padding: 20px; border: 1px solid #2f2f2f; border-top: none; }
.symple-pricing-table .symple-pricing-content,
.symple-pricing-table .symple-pricing-content ul li:nth-child(2n+2),
.symple-pricing-table .symple-pricing-button { background: none; }
.symple-pricing-table .symple-pricing-content ul li { padding: 5px 20px !important; border: none; }