/*****
Theme Name: MH UrbanMag
Theme URI: http://www.mhthemes.com/themes/mh/urbanmag/
Description: MH UrbanMag offers an appealing layout, several custom widgets and nice color scheme to create fancy online magazines and dynamic news websites for topics like lifestyle, fashion, streetart, culture, traveling or else. You can have the same layout in the premium version of MH Magazine (without the need of a child theme) which can be configured by making use of the flexible layout options. MH Magazine offers additional widget areas, multiple unique custom widgets, great features and extended layout options to manage several layout elements on your site including changing the color scheme and typography.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine-lite
Version: 1.1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-urbanmag
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** Structure *****/

.mh-container-outer { margin: 0 auto; box-shadow: none; }
.mh-wrapper { background: #2b2b2b; }

/***** Border Colors *****/

.mh-header-tagline, .entry-meta, .mh-author-box, .mh-post-nav, .mh-comment-body, .mh-loop-description, .mh-loop-item, .mh-tab-post-item, .mh-box, .mh-custom-posts-item, .mh-posts-large-item, #mh-mobile .mh-posts-focus-item, .widget_recent_entries li, .recentcomments, .widget_archive li, .widget_categories li, .widget_pages li a, .widget_meta li, .widget_nav_menu .menu > li, .widget_rss li, .mh-ping-list .mh-ping-item, .mh-ping-list .mh-ping-item:first-child, table, td, th, pre, code { border-color: #2e2e2e; border-color: rgba(255, 255, 255, 0.3); }

/***** Typography *****/

body { font-family: "Muli", sans-serif; color: #fff; background: #2e2e2e; }
h1, h2, h3, h4, h5, h6, .mh-custom-posts-small-title { font-family: "Caudex", serif; color: #fff; }
pre, code, kbd { color: #fff; background: #3a3a3a; }
blockquote { color: #fff; border-color: #90a859; }
a { color: #fff; }
a:hover { color: #90a859; }

/***** Header *****/

.mh-header { background: #2e2e2e; }
.mh-header-tagline { color: #90a859; }

/***** Navigation *****/

.mh-main-nav-wrap { background: #2e2e2e; }
.mh-main-nav { background: #2e2e2e; border-bottom: none; }
.mh-main-nav li:hover { background: #90a859; }
.mh-main-nav ul li:hover > ul { background: #2e2e2e; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #90a859; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #90a859; }
.slicknav_menu { border-color: #2e2e2e; background: #90a859; }
.slicknav_nav ul { border-color: #2e2e2e; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #90a859; }
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-color: #90a859; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; }

/***** Posts/Pages *****/

.page-title { color: #fff; }
.entry-content a, .entry-content a:hover, .mh-meta a:hover { color: #90a859; }
.entry-tags li { background: #2e2e2e; }
.entry-tags li:hover, .entry-tags .fa { background: #90a859; }

/***** Pagination *****/

.page-numbers, a .pagelink { color: #fff; background: #3a3a3a; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink, .pagelink { background: #90a859; }

/***** Footer *****/

.mh-footer { background: #2e2e2e; }
.mh-footer a, .mh-footer .mh-meta, .mh-footer .mh-meta a, .mh-footer .mh-meta a:hover { color: #fff; }
.mh-copyright-wrap { border-color: rgba(255, 255, 255, 0.3); background: #2e2e2e; }
.mh-copyright, .mh-copyright a { color: #fff; }

/***** Images / Video *****/

.wp-caption-text { color: #fff; }

/***** Gallery *****/

.gallery-caption { color: #fff; }

/***** Comments *****/

.mh-comment-meta, .mh-comment-meta a { color: #fff; }
.bypostauthor .mh-comment-meta-author:after, .mh-comment-meta-links .comment-reply-link:before, #respond #cancel-comment-reply-link:before, .required { color: #90a859; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #90a859; }
input[type=submit] { background: #90a859; }
input[type=submit]:hover { background: #2e2e2e; }

/***** Searchform *****/

.mh-widget .search-form { background: #3a3a3a; }

/***** Widgets *****/

.mh-widget-title { padding: 10px 25px 10px 15px; background: #3a3a3a; border-left: 10px solid #90a859; border-bottom: none; }
.mh-footer-widget-title { padding: 0 0 5px; border-bottom: 3px solid #90a859; border-left: none; background: none; }

/***** Widgets Areas (Advertising) *****/

.mh-ad-spot { background: #3a3a3a; }

/***** MH Slider Widget *****/

.mh-slider-widget img { width: 100%; display: block; }
.mh-slider-caption { width: auto; top: auto; bottom: 25px; right: 25px; left: 25px; border: none; }
.mh-widget-col-1 .mh-slider-caption { right: 0; left: 0; border-bottom: 3px solid #90a859; background: #2e2e2e; }
.mh-widget-col-2 .mh-slider-caption { bottom: 15px; right: 15px; left: 15px; }
.mh-footer-widget .mh-slider-caption { bottom: auto; background: rgba(255, 255, 255, 0.1); }
.mh-slider-widget .flex-control-nav { width: auto; top: 20px; right: 15px; bottom: auto; }
.mh-slider-widget .flex-control-paging li a { width: 20px; height: 20px; background: #fff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.mh-slider-widget .flex-control-paging li a:hover { background: #f5f5f5; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #90a859; border: none; }
.mh-widget-col-1 .flex-control-nav, .mh-widget-col-2 .flex-control-nav { top: 15px; right: 10px; }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-title { background: #2e2e2e; background: rgba(46, 46, 46, 0.8); }
.mh-posts-stacked-meta { background: #90a859; }
#mh-mobile .mh-posts-stacked-overlay-small, #mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #2e2e2e; }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget, .mh-tabbed-widget a { color: #fff; }
.mh-tabbed-widget a:hover { color: #90a859; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #90a859; }
.mh-tab-button, .mh-tab-content { background: #3a3a3a; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #90a859; }
.mh-tab-comment-excerpt { background: rgba(255, 255, 255, 0.6); }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button.active { background: #90a859; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #2e2e2e; }

/***** WP Calendar Widget *****/

#wp-calendar caption { background: #3a3a3a; }

/***** WP Tag Cloud Widget *****/

.mh-widget .tagcloud a, .mh-footer-widget .tagcloud a { background: #2e2e2e; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #90a859; }

/***** Media Queries *****/

@media screen and (max-width: 900px) {
	#mh-mobile .mh-slider-caption { right: 0; left: 0; border-bottom: 3px solid #90a859; background: #2e2e2e; background: rgba(46, 46, 46, 1); }
	#mh-mobile .mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }
}
@media screen and (max-width: 767px) {
	.mh-header { border-color: rgba(255, 255, 255, 0.3); }
}
@media only screen and (max-width: 420px) {
	.mh-copyright-wrap { padding: 15px 20px; }
}