/*****
Theme Name: MH Magazine Child Theme
Theme URI: https://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: https://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

.mh-magazine-facebook-page-widget { background: none; background-color: #000000; }
.flex-viewport { max-height: 451px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

@media screen and (max-width: 900px) {
	#mh-mobile .mh-header-1, #mh-mobile .mh-header-2 { margin: 20px; }
	#mh-mobile .mh-container { width: 100%; }
	.mh-container-outer { margin: 0 auto; }
	.mh-wrapper, #mh-mobile .mh-site-logo, .mh-slider-content, .mh-spotlight-widget, .mh-author-bio-widget, .mh-posts-horizontal-widget, .mh-posts-lineup-content { padding: 20px; }
	.mh-header-search .search-form { margin-right: 20px; }
	.mh-footer { padding: 20px 20px 0 }
	.mh-copyright { text-align: center; }
	.mh-comment-list .children { margin-left: 15px; }
	.mh-widget, .mh-footer-widget { margin-bottom: 20px; }
	#mh-mobile .mh-footer-4-cols { width: 31.66%; }
	.mh-slider-normal { width: 100%; }
	.mh-slider-layout1 .flex-control-nav { width: auto; top: 15px; right: 10px; bottom: auto; }
	#mh-mobile .mh-slider-caption { position: relative; width: 100%; max-width: 100%; top: auto; right: auto; bottom: auto; left: auto; background: rgba(42, 42, 42, 1); }
	.mh-slider-layout3 .mh-slider-caption, .mh-slider-layout5 .mh-slider-caption { border-bottom: 3px solid #e64946; }
	#mh-mobile .mh-slider-layout4 .mh-slider-caption { background: #fff; }
	.mh-widget-col-1 .mh-custom-posts-small-title { font-size: 13px; font-size: 0.8125rem; }
	.mh-posts-stacked-item { bottom: 20px; left: 20px; padding-right: 20px; }
	#mh-mobile .mh-posts-stacked-title-small, .mh-widget-col-1 .mh-posts-stacked-title-large { font-size: 13px; padding: 2px 5px; }
	.mh-sidebar-wide .mh-posts-stacked-title-large { font-size: 24px; padding: 5px 10px; }
	.mh-posts-horizontal-widget-more { padding-top: 0; }
	#mh-mobile .mh-posts-horizontal-title { font-size: 12px; }
	.mh-posts-lineup-normal { max-width: 100%; }
	.mh-posts-lineup-caption { position: relative; width: 100%; background: #2a2a2a; }	
}

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

@media screen and (max-width: 1475px) {
	.mh-boxed-layout .mh-container { width: 95%; }
	.mh-boxed-layout .mh-container-inner { width: 100%; }
}
@media screen and (max-width: 1120px) {
	.mh-container-inner { width: 100%; }
	.mh-two-sb .mh-main, .mh-two-sb .mh-sidebar-2 { float: none; width: 100%; max-width: 100%; margin: 0; }
	.mh-two-sb .mh-sidebar-2 { margin-top: 20px; }
	.mh-two-sb .mh-home-sidebar-2, .mh-home-sidebar { margin-top: 0; }
	.mh-two-sb .mh-footer-area { margin-left: 2.5%; }
	.mh-two-sb .mh-footer-4-cols { width: 23.12%; }
	.mh-two-sb .mh-footer-3-cols { width: 31.66%; }
	.mh-two-sb .mh-footer-2-cols { width: 48.75%; }
	.mh-main-nav li { font-size: 12px; }
	.mh-header-nav li a { padding: 0 15px; }
	.mh-main-nav li a, .mh-extra-nav li a, .mh-footer-nav li a { padding: 10px 15px; }
	.mh-sidebar-wide .mh-custom-posts-thumb-xl, .mh-sidebar-wide .mh-posts-list-thumb { float: left; max-width: 235px; margin: 0 20px 0 0; margin: 0 1.25rem 0 0; }
	.mh-sidebar-wide .mh-posts-grid { padding-bottom: 20px; border-bottom: 1px dotted #ebebeb; }
	.mh-sidebar-wide .mh-posts-grid-col { float: left; width: 31.66%; padding: 0; margin: 0 0 0 2.5%; border: none; }
	.mh-sidebar-wide .mh-posts-stacked-title-large { font-size: 24px; padding: 5px 10px; }
	.mh-sidebar-wide .mh-posts-stacked-wrap { float: left; width: 50%; overflow: hidden; }
	.mh-sidebar-wide .mh-posts-stacked-overlay-small { border-left: 1px solid #fff; }
	.mh-sidebar-wide .mh-posts-stacked-title-small { font-size: 14px; padding: 2px 5px; }
	.mh-sidebar-wide .mh-posts-horizontal-item { float: left; width: 23.12%; margin: 0 0 0 2.5%; }
	.mh-sidebar-wide .mh-posts-digest-wrap { border-bottom: 1px dotted #ebebeb; }
	.mh-sidebar-wide .mh-posts-digest-item { float: left; margin-left: 2.5%; border: none; }
	.mh-sidebar-wide .mh-posts-digest-item-large { width: 48.75%; }
	.mh-sidebar-wide .mh-posts-digest-item-small { width: 31.66%; }
	.mh-sidebar-wide .mh-posts-digest-title-large, .mh-sidebar-wide .mh-posts-focus-title-large, .mh-sidebar-wide .mh-slider-title, .mh-sidebar-wide .mh-posts-lineup-title { font-size: 24px; font-size: 1.5rem; }
	.mh-sidebar-wide .mh-posts-digest-title-small, .mh-sidebar-wide .mh-posts-focus-title-small { font-size: 18px; font-size: 1.125rem; }
	.mh-sidebar-wide .mh-posts-focus-wrap { float: left; }
	.mh-sidebar-wide .mh-posts-focus-inner { float: right; width: 74.37%; }
	.mh-sidebar-wide .mh-posts-focus-large { width: 65.67%; }
	.mh-sidebar-wide .mh-posts-focus-full .mh-posts-focus-large { width: 65.83%; }
	.mh-sidebar-wide .mh-posts-focus-small-inner { width: 31.07%; margin-left: 3.26%; }
	.mh-sidebar-wide .mh-posts-focus-full .mh-posts-focus-small-inner { width: 31.66%; margin-left: 2.5%; }
	.mh-sidebar-wide .mh-posts-focus-outer { width: 23.12%; margin-right: 2.5%; margin-left: 0; }
	.mh-sidebar-wide .mh-posts-focus-item { margin: 0; border: none; }
	.mh-sidebar-wide .mh-posts-focus-excerpt-small { display: none; }
	.mh-sidebar-wide .mh-category-column { margin: 0 0 0 2.5%; }
	.mh-sidebar-wide .mh-col-1-2.mh-category-column { width: 48.75%; }
	.mh-sidebar-wide .mh-col-1-3.mh-category-column { width: 31.66%; }
	.mh-sidebar-wide .mh-col-1-4.mh-category-column { width: 23.12%; }
	.mh-sidebar-wide .mh-col-1-5.mh-category-column { width: 18.00%; }
}
@media screen and (max-width: 767px) {
	.js .slicknav_menu { display: block; }
	.js .mh-navigation, .mh-header-bar-top-left, .mh-header-bar-bottom-left, .mh-header-date { display: none; }
	.mh-header-bar-content, .mh-social-nav, .mh-site-identity, .mh-header-widget-2, .mh-content, .mh-sidebar, .mh-right-sb #main-content, .mh-left-sb #main-content, #mh-mobile .mh-footer-area { float: none; width: 100%; margin: 0; }
	.mh-header-search { float: none; width: 100%; margin: 0; padding: 10px 0; }
	.mh-header-search .search-form { float: none; text-align: center; margin: 0; }
	.mh-header-search .search-field { width: 250px; max-width: 100%; }
	.mh-site-logo, .mh-social-nav ul { text-align: center; }
	.mh-social-nav li a { font-size: 20px; line-height: 40px; }
	.mh-header-title, .entry-header .entry-title { font-size: 24px; font-size: 1.5rem; }
	#mh-mobile .mh-header-2 { margin: 0 20px 20px 20px; text-align: center; }
	#mh-mobile .mh-header-widget-2-full .mh-header-2 { margin: 20px; }
	.mh-sidebar { margin-top: 20px; }
	.mh-two-sb .mh-sidebar-2, .mh-home-sidebar { margin-top: 0; }
	.mh-breadcrumb, .entry-header .entry-meta { padding: 5px 0; }
	.mh-content-ad { float: none; margin: 0 0 20px 0; text-align: center; }
	#commentform .form-submit { margin: 25px 0 0; }
	.mh-footer-4 { display: block;}
	.mh-two-sb .mh-footer-4-cols { width: 100%; }
	.mh-posts-grid .mh-posts-grid-col { float: left; margin-left: 2.5%; }
	.mh-posts-grid .mh-col-1-2 { width: 48.75%; }
	.mh-posts-grid .mh-col-1-3 { width: 31.66%; }
	.mh-posts-grid-thumb img { max-width: 100%; }
	.mh-widget-col-1 .mh-posts-grid { padding-bottom: 20px; border-bottom: 1px dotted #ebebeb; }
	.mh-widget-col-1 .mh-posts-grid-col { float: left; width: 31.66%; padding: 0; margin: 0 0 0 2.5%; border: none; }
	#mh-mobile .mh-custom-posts-thumb-xl, #mh-mobile .mh-posts-list-thumb { float: left; max-width: 235px; margin: 0 15px 0 0; margin: 0 0.9375rem 0 0; }
	#mh-mobile .mh-custom-posts-small-title { font-size: 14px; font-size: 0.875rem; }
	#mh-mobile .mh-posts-stacked-large, #mh-mobile .mh-posts-stacked-columns { float: none; width: 100%; }
	#mh-mobile .mh-posts-stacked-small { float: left; width: 50%; }
	#mh-mobile .mh-posts-stacked-overlay-small { border-top: 1px solid #fff; border-left: none; }
	.mh-posts-stacked-small:nth-child(odd) .mh-posts-stacked-overlay-small { border-right: 1px solid #fff; }
	#mh-mobile .mh-posts-stacked-title-large { font-size: 24px; padding: 5px 10px; }
	#mh-mobile .mh-posts-stacked-title-small { font-size: 16px; }
	.mh-posts-horizontal-thumb { float: none; margin-bottom: 10px; }
	#mh-mobile .mh-posts-horizontal-title { font-size: 14px; }
	.mh-widget-col-1 .mh-posts-horizontal-item { float: left; width: 23.12%; margin: 0 0 0 2.5%; }
	#mh-mobile .mh-posts-digest-item, .mh-widget-col-1 .mh-posts-digest-large { border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-digest-small, #mh-mobile .mh-posts-digest-item-large { border: none; }
	.mh-widget-col-1 .mh-posts-digest-item-large { float: left; width: 48.75%; margin-left: 2.5%; }
	#mh-mobile .mh-posts-digest-item-small, #mh-mobile .mh-posts-focus-wrap { float: none; width: 100%; margin: 0; }
	#mh-mobile .mh-posts-digest-title-large, #mh-mobile .mh-posts-focus-title-small { font-size: 20px; font-size: 1.25rem; }
	#mh-mobile .mh-posts-digest-title-small { font-size: 16px; font-size: 1rem; }
	#mh-mobile .mh-posts-focus-item { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-focus-item-large { margin: 0; }
	.mh-posts-focus-thumb-small { float: left; max-width: 235px; margin: 0 20px 0 0; }
	#mh-mobile .mh-posts-focus-excerpt-small { display: block; }
	#mh-mobile .mh-posts-focus-title-large, #mh-mobile .mh-slider-title, #mh-mobile .mh-posts-lineup-title { font-size: 24px; font-size: 1.5rem; }
	.mh-widget-col-1 .mh-category-column { margin: 0 0 0 2.5%; }
	.mh-widget-col-1 .mh-col-1-2.mh-category-column { width: 48.75%; }
	.mh-widget-col-1 .mh-col-1-3.mh-category-column { width: 31.66%; }
	.mh-widget-col-1 .mh-col-1-4.mh-category-column { width: 23.12%; }
	.mh-widget-col-1 .mh-col-1-5.mh-category-column { width: 18.00%; }
}
@media screen and (max-width: 620px) {
	input[type=text], input[type=email], input[type=tel], input[type=url] { width: 88%; }
	[class*='mh-col-'] { float: none; width: 100%; margin: 0; }
	.entry-meta-categories { display: none; }
	.mh-author-box { text-align: center; }
	.mh-author-box-avatar { float: none; display: inline-block; margin: 0 0 20px; }
	.entry-content ul, .entry-content ol { margin: 0 0 20px 20px; }
	.entry-content ul ul, .entry-content ol ol { margin: 0 0 0 20px; }
	.single-post .mh-post-nav-next { margin-top: 25px; }
	#mh-mobile .mh-slider-title, .mh-spotlight-title, .mh-posts-large-title, #mh-mobile .mh-posts-focus-title-large, #mh-mobile .mh-posts-lineup-title { font-size: 20px; font-size: 1.25rem; }
	.mh-slider-layout1 .flex-control-nav, .mh-slider-layout3 .flex-control-nav, .mh-slider-layout4 .flex-control-nav, .mh-slider-layout5 .flex-control-nav { display: none; }
	#mh-mobile .mh-slider-layout5 .mh-slider-category { top: 0; left: 0; }
	#mh-mobile .mh-posts-grid { padding: 0; border: none; }
	#mh-mobile .mh-posts-grid-col { float: none; width: 100%; margin: 20px 0 0 0; border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-grid-col:first-child { margin-top: 0; }
	.mh-posts-grid-thumb { float: left; margin: 0 15px 20px 0; }
	.mh-posts-grid-excerpt { display: none; }
	.mh-posts-list-item { padding-bottom: 20px; }
	.mh-posts-list-caption, .mh-posts-grid-caption, .mh-custom-posts-caption { display: none; }
	#mh-mobile .mh-custom-posts-thumb-xl, #mh-mobile .mh-posts-list-thumb, .mh-posts-grid-thumb, #mh-mobile .mh-posts-focus-thumb-small { max-width: 80px; }
	.mh-custom-posts-xl-title, .mh-posts-list-title, .mh-posts-grid-title, .mh-widget-col-2 .mh-posts-grid-title, .mh-related-content .mh-posts-grid-title, #mh-mobile .mh-posts-focus-title-small { font-size: 14px; font-size: 0.875rem; }
	.mh-custom-posts-content .mh-meta, .mh-posts-list-header .mh-meta, .mh-posts-grid-item .mh-meta, .mh-posts-focus-item-small .mh-meta { display: block; font-size: 11px; font-size: 0.6875rem; }
	.mh-custom-posts-content .mh-excerpt, .mh-posts-list-excerpt, #mh-mobile .mh-posts-focus-excerpt-small, .mh-posts-focus-caption-small { display: none; }
	#mh-mobile .mh-thumb-icon-small-mobile:after { font-size: 10px; padding: 5px; }
	#mh-mobile .format-video .mh-thumb-icon-small-mobile:after, #mh-mobile .format-audio .mh-thumb-icon-small-mobile:after { padding: 5px 6px; }
	.mh-posts-stacked-item { bottom: 10px; left: 10px; padding-right: 10px; }
	#mh-mobile .mh-posts-stacked-title-small { font-size: 14px; }
	#mh-mobile .mh-posts-horizontal-item { float: none; width: 100%; margin: 20px 0 0; }
	#mh-mobile .mh-posts-horizontal-item:first-child { margin: 0; }
	#mh-mobile .mh-posts-horizontal-thumb { float: left; margin: 0 10px 0 0; }
	#mh-mobile .mh-posts-digest-large { border: none; }
	#mh-mobile .mh-posts-digest-item { float: none; width: 100%; margin: 0; border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-digest-item-large:first-child { margin-bottom: 20px; }
	#mh-mobile .mh-posts-focus-thumb-small { margin: 0 15px 0 0; }
	#mh-mobile .mh-category-column { width: 100%; margin: 20px 0 0; }
	#mh-mobile .mh-category-column:first-child { margin: 0; }
	.mh-category-columns-image-normal img { display: none; }
	.mh-category-columns-image-normal .mh-category-column-thumb { max-width: 100%; }
	.mh-category-columns-image-normal .mh-category-column-caption { position: relative; }
}
@media only screen and (max-width: 420px) {
	.mh-header-search .search-form .search-field, .mh-header-search .search-form .search-field:hover { width: 215px; min-width: 215px; }
	.mh-comment-list .children { margin: 0; }
	#mh-mobile .mh-image-caption { font-size: 11px; padding: 5px 10px; }
	.mh-category-columns-image-normal img { display: block; width: 100%; }
	.mh-category-columns-image-normal .mh-category-column-caption { position: absolute; }
}
@media only screen and (max-width: 360px) {
	#mh-mobile .mh-posts-stacked-wrap { float: none; width: 100%; }
	#mh-mobile .mh-posts-stacked-overlay { border-right: none; }
	#mh-mobile .mh-posts-stacked-title { font-size: 16px; padding: 2px 5px; }
}
