/*****
Theme Name: MH Magazine Child Theme for CreativePro
Theme URI: http://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme of MH Magazine for CreativePro
Author: MH Themes and Creative Publishing Network
Author URI: http://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
*****/

@import url("../mh_magazine/style.css");

.carousel-layout2 .carousel-item-title, 
.related-title, .widget-title a, .author-name { color: #000; }
.footer-widget .cp-widget-title { font-family: 'Open Sans'; }
p.meta.post-meta a.url.fn:first-child,
.mh-sidebar .gform_wrapper .top_label .gfield_label,
footer .gform_wrapper .top_label .gfield_label
{
	display: none;
}

.entry .post-meta a
{
	color:#000;
}


.wt-layout3 .widget-title
{
	background-color:transparent;
	padding:0 0 0 10px;
}

.commentlist .comment .vcard a
{
font-size:10px;
}

a.small 
{
text-align:center;
display:block
}

.re
{
float:right;
}

.re a
{
color:#0a549a;
}

#searchform #s
{
	background-color:#fff;
}

.comm
{
	background:url('images/comm-ico.png') no-repeat left center transparent;
	padding-left:25px;
}

.post .pagination
{
	text-align: center;
}

footer input
{
	margin-top:10px;
}

.sb-widget, .footer-widget
{
	margin-bottom:30px;
}

#searchform #s
{
	width:278px;
}

.logo-wrap
{
	float:left;
}

.header-search
{
	float:right;
	position: relative;
	top:40px;
	right: 15px;
}

body .mh-sidebar .gform_wrapper .gform_footer,
footer .gform_wrapper .gform_footer,
footer .gform_wrapper .gform_footer input[type='submit'],
footer input[type='text']
{
	margin-top:0;
}

body .gform_wrapper .top_label input.medium
{
	width:90%;
}

.carousel-layout2 .carousel-item-title, 
.related-title, .widget-title a, .author-name { color: #000; }
.footer-widget .cp-widget-title { font-family: 'Open Sans'; }
/*Custom JPMM*/
.commentlist .comment .vcard
{
float:left;
width:150px;
padding:10px;
border:none;
margin-right:25px;
}

.commentlist .comment .vcard a
{
font-size:10px;
}

.commentlist .comment .avatar
{
margin:0 auto;
display:block;
}

a.small 
{
text-align:center;
display:block
}

.re
{
float:right;
}

.re a
{
color:#0a549a;
}

.post-meta
{
padding:5px 0;
}

.capl
{
padding:10px 0;
}

.capl .comm
{
float:right;
}

.capl::after
{
content:'';
clear:both;
}

.author-box-wrap h2 a
{
	color:#0a549a;
	text-decoration: underline;
}

/*** How to Section styling ***/
.sb-widget.home-11.home-wide .cp-wrap
{
	width:425px;
	padding:0 30px 0 0;
	float:left;
	border-right:solid 1px #eaeaea;
	border-bottom:none;
	margin:0 35px 35px 0;
}

.sb-widget.home-11.home-wide .cp-wrap:nth-child(2n)
{
	margin-right: 0;
	border-right:0;
	padding-right:0;
}

.sb-widget.home-11.home-wide .cp-wrap h3
{
	font-size: 16px;
}

.sb-widget.home-11.home-wide .cp-wrap img
{
	max-width:130px;
	max-height:100px;
}


/****************** RESPONSIVE************************/

@media all and (max-width:1024px) {

	#menu-main-menu li a
	{
		font-size: 18px !important;
	}


}

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

	#menu-main-menu li a
	{
		font-size: 13px !important;
	}

	.comment-text{
		width: 308px !important;
	}

	.share-button{
		width: 114px !important;
	}

}

@media all and (max-width:480px) {
	
	.share-button{
		width: 110px !important;
	}

	.comment-text{
		width: 250px !important;
	}

}

@media all and (max-width:320px) {

	.commentlist .comment .vcard{
		float: center !important;
		margin: 0 auto !important;
	}

	.share-button{
		width: 110px !important;
		padding: 3px 0;
	}

	.capl .comm{
		float: none !important;
	}

	.comment-text{
		width: 280px !important;
	}

}