/*  
Skin Name: Black
Version: 1.0
Description: Skin for Magazine
*/
a,
#main-nav ul a:hover,
#top-nav ul a:hover,
#top-nav a:hover, 
#top-nav .current_page_item ul a:hover, 
#top-nav ul .current_page_item a:hover, 
#top-nav .current-menu-item ul a:hover, 
#top-nav ul .current-menu-item a:hover, 
#top-nav li:hover > ul a:hover,
#main-nav .has-mega-column .mega-column-wrapper a,
#main-nav .mega-column-list [class^="icon-"], 
#main-nav .mega-column-list [class*=" icon-"] {
	color: #777;
}
.breaking-news .breaking-news-posts a:hover,
.post-nav a:hover span,
.social-widget a:hover,
.social-widget div.rss a:hover,
.post-title a:hover,
.post-meta a:hover,
.author-box .author-name a:hover,
.post-nav a:hover,
.widget .feature-posts-list .feature-posts-title:hover,
#footer a:hover,
#footer .social-widget a:hover,
.module-slider.slider-overlay .slide-content .slide-title  a:hover {
	color: #ccc !important;
}
a:hover {
	color: #ccc;
}
#main-nav .has-mega-column .mega-column-wrapper a:hover {
	color: #ccc !important;
}
#site-logo a:hover,
#main-nav .has-mega-column .mega-column-wrapper h3 a {
	color: #000 !important;
}
#main-nav .has-mega-column .mega-column-wrapper h3 a:hover {
	color: #ccc !important;
}
input[type=reset],
input[type=submit],
button,
.pagenav a,
.commentlist .comment-reply-link:hover,
#respond #cancel-comment-reply-link,
#main-nav a:hover,
#main-nav ul,
.module-slider .carousel-pager a.selected,
#respond #cancel-comment-reply-link:hover,
#footer .back-top a,
#top-nav ul,
#main-nav .current_page_item a, 
#main-nav .current-menu-item a,
#main-nav li:hover {
	background-color: #777;
}
.button.more-button {
	background-color: #777 !important;
}
.mobile_menu_active .sidemenu,
#headerwrap {
	background-color: #444;
}
input[type=reset]:hover, 
input[type=submit]:hover, 
button:hover,
#footer .back-top a:hover,
.pagenav a:hover,
.button.more-button:hover {
	background-color: #444 !important;
	color: #fff !important;
}
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column .mega-column-wrapper,
#main-nav ul,
#main-nav .has-mega-sub-menu .mega-sub-menu,
.related-posts .related-title,
.comment-title, #reply-title,
.commentlist .bypostauthor > .comment-author img,
.widgettitle,
.module-title,
#top-nav ul {
	border-color: #777;
}
#main-nav ul li:hover a, 
#main-nav .current_page_item ul li:hover a, 
#main-nav ul .current_page_item li:hover a, 
#main-nav .current-menu-item ul li:hover a, 
#main-nav ul .current-menu-item li:hover a,
#main-nav ul li:hover {
	background-color: #fff;
	color: #777;
}
#main-nav ul ul a {
	color: #fff !important;
	background-color: #777 !important;
}
#main-nav ul ul li:hover a {
	color: #777 !important;
	background-color: #fff !important;
}
.breaking-news .breaking-news-nav a:hover {
	color: #000;
}
.breaking-news .breaking-news-category {
	background-color: #000;
}
.breaking-news .breaking-news-category:after {
	border-left-color: #000 !important;
}
#main-nav > li > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul {
	color: #fff;
	background-color: #777;
}
#main-nav > li > ul ul,
#main-nav > li > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul {
	border-color: #777 !important;
}
.module.module-slider .carousel-pager a.selected {
	color: #777;
}
.module.module-slider .carousel-pager a:hover {
	background-color: #777;
	color: #777;
}

/* MOBILE MENU ACTIVE */
.mobile_menu_active #headerwrap #main-nav ul,
.mobile_menu_active #headerwrap #main-nav ul ul a,
.mobile_menu_active #mobile-menu > div {
	background-color: transparent !important;
}
.mobile_menu_active #headerwrap #main-nav ul ul li:hover a {
	background-color: transparent !important;
	color: inherit !important;
}
.mobile_menu_active #top-nav a:hover,
.mobile_menu_active #top-nav ul a:hover,
.mobile_menu_active #headerwrap #main-nav ul a:hover,
.mobile_menu_active #headerwrap #main-nav .has-mega-column .mega-column-wrapper h3 a,
.mobile_menu_active #headerwrap #main-nav .has-mega-column .mega-column-wrapper a,
.mobile_menu_active #headerwrap #main-nav .has-mega-column .mega-column-wrapper h3 a:hover,
.mobile_menu_active #headerwrap #main-nav .has-mega-column .mega-column-wrapper a:hover {
	color: #000 !important;
}