/*****
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
*****/

/*****

CUSTOM COLORS USED

#668655 - rgba(102, 134, 85, 0.7) - Retail & Foodservice
#2e3192 - rgba(46, 49, 146, 0.7) - Seafood
#22b268 - rgba(34, 178, 104, 0.7) - Produce
#b25568 - rgba(178, 85, 104, 0.7) - Meat & Poultry
#61bc45 - rgba(97, 188, 69, 0.7) - Floral
#c97f3e - rgba(201, 127, 62, 0.7) - Deli
#d6c884 - rgba(214, 200, 132, 0.7) - Dairy
#d0a83e - rgba(208, 168, 62, 0.7) -  Bakery


*****/

/** Custom Width **/

.mh-col-1-3 {width: 36% !important;}
.mh-col-2-3 {width: 61% !important;}
.mh-home-sidebar.mh-home-area-3, .mh-home-sidebar.mh-home-area-4 {width: 47%;}
.mh-home-area-8,.mh-home-area-9,.mh-home-area-10{width: 47%;}
.mh-margin-left {margin-left: 3.5%;}
.mh-custom-posts-thumb-xl img {max-width: 354px !important;}
#mh-mobile .mh-container {max-width: 1228px !important;}


/** Home Page Changes **/

.mh-image-caption {text-align: center; width: 216px;}

.mh-site-logo {padding: 15px 0 15px 20px;}

.mh-container-outer {margin-top:0 !important;}

.mh-main-nav li { font-size: 13px; font-weight: 700; }
.mh-main-nav li:hover { background: #e64946; }
.mh-main-nav li:hover > a { color: #fff; }
.mh-main-nav li a { padding: 10px 14px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.mh-header-nav li a {border-right: 1px solid rgba(255, 255, 255, 0.1); margin-top: 4px; height: 43px; font-weight: bold;}
.mh-main-nav li:first-child a, .mh-main-nav .sub-menu li a { border: none; }

.mh-header-2 {margin: 26px 20px 20px 0;}
.mh-image-caption {text-align: left !important; width: 100% !important;}
.mh-custom-posts-item {border-bottom: 1px dotted #a7a7a7;}

.mh-content {width: 64%; overflow: hidden; border-right: 1px solid #d6d6d6; padding-right: 8px;}

body .mh-header-search .search-form .search-field {line-height: 29px !importants;}

span.mh-meta-date.updated {display: none !important;}

.ads {
    display: table;
    margin: 0 auto 25px;
}

.small-ads>div>div {
    display: inline-block;
    padding: 10px 10px 10px 20px;
    float: left;
}

#vgps-wrapper215 .entry-meta {padding: 5px 0; border-top: none !important;} /** changes to top slider **/

h1.page-title {color: #fff; padding: 4px 10px;} /** Category Titles **/

h1.entry-title.page-title {color: #101010;}
blockquote {border-color: #666;}
ul.GTTabs li {font-size: 14px !important;}
article ul.GTTabs{ padding-left: 0 !important; padding-bottom:.3em !important;}
dt {font-weight: normal !important;}

/** Section Title Covers **/
body.bakery .mh-main-nav-wrap, #mh_magazine_custom_posts-4 .mh-widget-title, .category-2 .page-header, .category-2 .mh-widget-title, .category-2 .mh-main-nav-wrap {background: #d0a83e !important;}
body.dairy .mh-main-nav-wrap, #mh_magazine_custom_posts-2 .mh-widget-title, .category-3 .page-header, .category-3 .mh-widget-title, .category-3 .mh-main-nav-wrap {background: #d6c884 !important;}
body.deli .mh-main-nav-wrap, #mh_magazine_custom_posts-5 .mh-widget-title, .category-4 .page-header, .category-4 .mh-widget-title, .category-4 .mh-main-nav-wrap {background: #c97f3e !important;}
body.floral .mh-main-nav-wrap, #mh_magazine_custom_posts-6 .mh-widget-title, .category-5 .page-header, .category-5 .mh-widget-title, .category-5 .mh-main-nav-wrap {background: #61bc45 !important;}
body.meat-poultry .mh-main-nav-wrap, #mh_magazine_custom_posts-7 .mh-widget-title, .category-6 .page-header, .category-6 .mh-widget-title, .category-6 .mh-main-nav-wrap {background: #b25568 !important;}
body.produce .mh-main-nav-wrap, #mh_magazine_custom_posts-8 .mh-widget-title, .category-7 .page-header, .category-7 .mh-widget-title, .category-7 .mh-main-nav-wrap  {background: #22b268 !important;}
body.seafood .mh-main-nav-wrap, #mh_magazine_custom_posts-10 .mh-widget-title, .category-8 .page-header, .category-8 .mh-widget-title, .category-8 .mh-main-nav-wrap, #mh_magazine_custom_posts-11 .mh-widget-title  {background: #2e3192 !important;}
body.retail-foodservice .mh-main-nav-wrap, #mh_magazine_custom_posts-9 .mh-widget-title, .category-9 .page-header, .category-9 .mh-widget-title, .category-9 .mh-main-nav-wrap,  #mh_magazine_custom_posts-12 .mh-widget-title  {background: #668655 !important;}


body.custom-background,
#menu-main li.home:hover
	{background: rgba(0, 0, 0, 0.6) !important;}

.category-bakery .mh-carousel-caption,
.category-bakery .mh-image-caption,
body.custom-background.category-bakery,
#menu-main li.bakery:hover
	{background: rgba(208, 168, 62, 0.7) !important;}

.category-dairy .mh-carousel-caption,
.category-dairy .mh-image-caption,
body.custom-background.category-dairy,
#menu-main li.dairy:hover
	{background: rgba(214, 200, 132, 0.7) !important;}

.category-deli .mh-carousel-caption,
.category-deli .mh-image-caption,
body.custom-background.category-deli,
#menu-main li.deli:hover
{background: rgba(201, 127, 62, 0.7) !important;}

.category-floral .mh-carousel-caption,
.category-floral .mh-image-caption,
body.custom-background.category-floral,
#menu-main li.floral:hover
	{background: rgba(97, 188, 69, 0.7) !important;}

.category-meat-poultry .mh-carousel-caption,
.category-meat-poultry .mh-image-caption,
body.custom-background.category-meat-poultry,
#menu-main li.meat-poultry:hover
	{background: rgba(178, 85, 104, 0.7) !important;}

.category-produce .mh-carousel-caption,
.category-produce .mh-image-caption,
body.custom-background.category-produce,
#menu-main li.produce:hover
	{background: rgba(34, 178, 104, 0.7) !important;}

.category-seafood .mh-carousel-caption,
.category-seafood .mh-image-caption,
body.custom-background.category-seafood,
#menu-main li.seafood:hover
	{background: rgba(46, 49, 146, 0.7) !important;}

.category-retail-foodservice .mh-carousel-caption,
.category-retail-foodservice .mh-image-caption,
body.custom-background.category-retail-foodservice,
#menu-main li.retail-foodservice:hover
	{background: rgba(102, 134, 85, 0.7) !important;}

.mh-carousel-layout1 .mh-carousel-caption {width: 90% !important;}

body.bakery .mh-wrapper a:hover, body.category-bakery .mh-wrapper a:hover   {color:#d0a83e;}
body.dairy .mh-wrapper a:hover, body.category-dairy .mh-wrapper a:hover  {color:#d6c884;}
body.deli .mh-wrapper a:hover, body.category-deli .mh-wrapper a:hover  {color:#c97f3e;}
body.floral .mh-wrapper a:hover, body.category-floral .mh-wrapper a:hover  {color:#61bc45;}
body.meat-poultry .mh-wrapper a:hover, body.category-meat-poultry .mh-wrapper a:hover  {color:#b25568;}
body.produce .mh-wrapper a:hover, body.category-produce .mh-wrapper a:hover    {color:#22b268;}
body.seafood .mh-wrapper a:hover, body.category-seafood .mh-wrapper a:hover    {color:#2e3192;}
body.retail-foodservice .mh-wrapper a:hover, body.category-retail-foodservice .mh-wrapper a:hover    {color:#668655;}

.home .mh-main-nav li#menu-item-17:hover > a {background-color:#d0a83e;}
.home .mh-main-nav li#menu-item-18:hover > a {background-color:#d6c884;}
.home .mh-main-nav li#menu-item-19:hover > a {background-color:#c97f3e;}
.home .mh-main-nav li#menu-item-20:hover > a {background-color:#61bc45;}
.home .mh-main-nav li#menu-item-21:hover > a {background-color:#b25568;}
.home .mh-main-nav li#menu-item-22:hover > a {background-color:#22b268;}
.home .mh-main-nav li#menu-item-23:hover > a {background-color:#668655;}
.home .mh-main-nav li#menu-item-24:hover > a {background-color:#2e3192;}



h4.mh-widget-title {
    color: #fff;
    padding: 5px;
    border-bottom: none !important;
}

.single .entry-thumbnail img {width: 56%; display: block; float: left; margin-right: 15px;}/** Article Photo re-sized **/

.mh-container, .mh-container-inner {
    max-width: 1040px !important;
}

aside.mh-header-search.mh-header-search-top {margin: 5px -6px 5px 5px;} /** Search bar margins **/
aside.mh-sidebar a {color: #505050;}


/** Custom mobile break points **/

@media only screen and (max-width: 768px){

.mh-home-sidebar.mh-home-area-3,
.mh-home-sidebar.mh-home-area-4,
.mh-home-area-8,.mh-home-area-9,
.mh-home-area-10,.mh-col-1-3,.mh-col-2-3{width: 100% !important;}
.mh-image-caption {max-width: 216px;}


}

/* Migrate this section to sass*/
body.bakery .mh-widget-title{background: #d0a83e !important;}
body.dairy .mh-widget-title{background: #d6c884 !important;}
body.deli .mh-widget-title {background: #c97f3e !important;}
body.floral .mh-widget-title {background: #61bc45 !important;}
body.meat-poultry .mh-widget-title {background: #b25568 !important;}
body.produce .mh-widget-title {background: #22b268 !important;}
body.seafood .mh-widget-title {background: #2e3192 !important;}
body.retail-foodservice .mh-widget-title{background: #668655 !important;}

.homepage-sidebar{
	display: inline-block;
	float: left;
	width: 31.66%;
}

.homepage-sidebar .mh-home-sidebar{
	width: 100%;
	text-align: center;
}

#recent-posts-2{
	margin-top: 25px;
}
#recent-posts-2 h4{
	color: white;
}

/*.mh-header-widget-2{
	margin-top: 15px;
}*/

.mh_magazine_custom_posts .mh-widget-title span{
	width: 100%;
	display: inline-block;
	line-height: 20px;
}

.mh_magazine_custom_posts .mh-widget-title span a{
	color: #FFFFFF;
	width: 100%;
	display: inline-block;
	font-size: 12px;

}

.search.search-results #recent-posts-2 h4{
	color: white;
	background-color: black;
}

.mh-custom-posts-thumb-xl{
	margin-bottom: 40px;
}

.banner-wrapper{
	width: 100%;
	text-align: center;
}
.mh-home-area-6{
	/*text-align: center;*/
}
.banner[position="leaderboard"]{
	margin-top: 20px
}

.banner[position="sidebar-top"]{
	margin: 0 0 2px 0;
}
.banner[position="sidebar-small"]{
	display: inline-block;
	width: 49%;
}

.banner[position="sidebar-small"]:nth-of-type(even){
	margin: 7.45px 2% 0px 0px;
}
.banner[position="sidebar-small"]:nth-of-type(odd){
	margin: 7.45px 0px 0px 0px;
}

.banner[position="sidebar-medium"]{
	margin: 7.45px auto 0px auto
}

.banner[position="articlebreaker"]{
	margin: 30px auto
}

.banner[position="articlebreaker"][environment="insidepage"]{
	margin: 15px 0px 5px 0px
}

@media(max-width: 750px){
	.banner[position="leaderboard"]{
		margin-bottom: 25px;
	}

	.mh-home-area-4,.mh-home-area-9,.mh-home-area-10{
		margin-left: 0px;
	}
}

.mh-home-3,.mh-home-4,.mh-home-5,.mh-home-6{
	width: 46%;
	float: left;
	margin-left: 3.5%;
}

.banner-sidebar .mh-widget-col-1{
	width: 100%;
}

.block-news-container{
	display: inline-block;
}
.single .single-sidebar .mh-sidebar{
	width: 100%;
}

.single .single-sidebar aside{
}

amp-img{
	width: 100px
}


@media(max-width: 767px){
	.mh-home{
		padding: 2px;
	}
	#main-content{
		border: 0px;
		padding-right: 0px
	}

	.banner[position="articlebreaker"]{
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}

	.banner[position="leaderboard"]{
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}
}

.sp-slides-container .sp-arrows .sp-arrow{
	width: 50px;
	height: 50px;
}

.sp-slides-container .sp-arrows .sp-arrow:before,.sp-slides-container .sp-arrows .sp-arrow:after{
	width: 30%;
}


/* Home Slider image fixs*/
/* Aspect ratio  175 : 131 */
.vgps-wrapper .sp-slides-container{
	max-width: 700px;
	max-height: 524px;
}

.single-post .entry-thumbnail img{
	max-width: 250px;
}

.archive.category .attachment-mh-magazine-medium{
	max-width: 250px;
}