/*
 Theme Name:   MH Magazine Lite Child
 Theme URI:    http://yourwebsite.com
 Description:  My first child theme, based MH Magazine Lite
 Author:       Ugljesa Zindovic
 Author URI:   http://linkedin.com/in/zindovic
 Template:     mh-magazine-lite
 Version:      1.0.0
 Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
 Text Domain:  mh-magazine-lite
*/

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

.news-ticker { background: #f7f7f7; border-bottom: 1px solid #9a9b97; }
.ticker-title { float: left; padding: 4px 10px; padding: 0.25rem 0.625rem; background: #e64946; font-weight: 400; color: #fff; text-align: center; }
#ticker { height: 2em; overflow: hidden; }
#ticker li { line-height: 2; padding: 1px 10px; padding: 0.0625rem 0.625rem; }
#ticker a { text-decoration: none; }

//***** Navigation *****/
.header-nav { font-size: 12px; font-size: 0.75rem; position: absolute; right: 20px; background: #f6f6f6; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.header-nav li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
.header-nav li a { display: block; line-height: 1.3; color: #666; padding: 0.3125em 0.625em; text-decoration: none; }
.header-nav li:hover { background: #e64946; }
.header-nav li:hover a { color: #fff; }
.header-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
.header-nav ul ul { display: none; position: absolute; }
.header-nav ul ul li { width: 10em; }
.header-nav ul ul ul { left: 100%; top: 0; }
.footer-nav { font-size: 13px; font-size: 0.8125rem; background: #e64946; font-weight: 400; }
.footer-nav li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; }
.footer-nav li:hover { background: #2a2a2a; }
.footer-nav li:hover a { color: #fff; }
.footer-nav li a { display: block; line-height: 1.3; color: #fff; padding: 0.3125em 0.625em; text-decoration: none; }
.footer-nav ul { float: right; }
.footer-nav ul li:hover > ul { display: block; background: #e64946; z-index: 9999; }
.footer-nav ul ul { display: none; position: absolute; }
.footer-nav ul ul li { width: 10em; }
.footer-nav ul ul ul { left: 100%; top: 0; }