/*
Theme Name:     MH Newsdesk child
Description:    
Author:         Green Papers
Template:       mh-newsdesk-lite

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

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

.mh-header { margin-bottom: 30px; }
.header-wrap { padding: 20px 0; }
.logo-title { font-size: 42px; font-size: 2.625rem; color: #18a85f; font-weight: 700; text-transform: uppercase; }
.logo-tagline { font-size: 16px; font-size: 1.0rem; text-transform: uppercase; }

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

.main-nav { background: #1f1e1e; text-transform: uppercase; }
.main-nav li { float: left; position: relative; border-left: 1px solid #424242; }
.main-nav li:first-child { border: none; }
.main-nav li:hover { background: #005a8c; }
.main-nav li a { display: block; color: #fff; padding: 10px 15px; padding: 0.625rem 0.9375rem; text-decoration: none; }
.main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
.main-nav ul ul { display: none; position: absolute; font-size: 12px; font-size: 0.75rem; }
.main-nav ul ul li { width: 13em; border: none; }
.main-nav ul ul ul { left: 100%; top: 0; }

/***** Buttons *****/

.button { display: block; }
.button span { font-size: 14px; font-size: 0.875rem; color: #fff; background: #005a8c; padding: 15px; margin: 15px 0 10px 0; text-transform: uppercase; display: inline-block; }
.button span:hover { background: #1f1e1e; }

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

.mh-footer { font-size: 12px; font-size: 0.75rem; color: #fff; padding: 10px 0; padding: 0.625rem 0; background: #333; text-transform: uppercase; overflow: hidden; }
.mh-footer a { color: #fff; }
.mh-footer a:hover { text-decoration: underline; }

/***** Sidebars/Widgets *****/

.sb-widget { margin-bottom: 30px; margin-bottom: 1.875rem; overflow: hidden; }
.widget-title { font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #fff; background: #ccdee8; padding: 20px 0; margin-bottom: 20px; text-transform: uppercase; overflow: hidden; }
.widget-title a, .widget-title a:hover { color: #fff; }
.widget-title span { padding: 20px; background: #18a85f; }
.widget-list li { list-style-type: none; display: block; }
.widget-list > li { padding: 10px 0; border-bottom: 1px dotted #dcdcdc; }
.widget-list li:hover { background: #fdfdfd; padding-left: 10px; }
.widget-list .children li { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #dcdcdc; }