/*****
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.1.22
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/* push up the website*/
.mh-container-outer {
	margin-top: 0px !important;
	-webkit-box-shadow: 0px !important;
	-moz-box-shadow: 0px !important;
	box-shadow: 0px !important;
}

.mh-preheader, .mh-wide-layout .mh-subheader {
	background: #050708;
}

.mh-site-logo {
	min-height:120px;
	padding: 20px 20px 0;
}

.custom-logo{
	width:260px;
	height:auto;
}

.mh-main-nav-wrap{
	background: #0E7B3E;
}

.mh-main-nav li:hover {
	background: #006531;
}

.date_updated {
	font-size:12px;
	padding-bottom:10px;
	
	/*
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	*/
}

.mh-ticker-title{
	background: #D02129;
	border-top:solid 2px #FFF;
	border-top-right-radius:20px;
}

.mh-header-search .search-form {
	margin-right:5px;
}

/*Hide Comments*/
.page-template-template-homepage .entry-meta-comments {
	display:none !important;
}

/*Hide Date in home page*/
.home .mh-meta {
	display:none !important;
}

/*Home Sidebar, add bg for first box & center the text*/
.books_class {
	padding: 4px;
	background-color:#ECECEC;
	text-align: center;
	border-radius:3px;
}

.books_class a:first-child {
	display:block;
	margin-bottom:10px;
	border-bottom:solid 2px #379437;
}

.books_class .arpw-title{
	font-weight:600;
	transition: all ease 0.3s
}

.books_class .arpw-title:hover{
	color: #0E7B3E;
	transition: all ease 0.3s
}

.mh-widget-layout1 .mh-widget-title {
	font-size: 1.2rem;
	text-shadow: rgba(0,0,0,0.1)0px 1px;
	border-bottom: 4px solid #D02129;
}

.mh-widget-layout1 .mh-widget-title .mh-widget-title-link{
	transition: all ease 0.3s;
}

.mh-widget-layout1 .mh-widget-title .mh-widget-title-link:hover{
	transition: all ease 0.3s;
	color: #D02129;
}

.mh-custom-posts-item {
	border-bottom: 1px solid #ECECEC;
}

/* Home Page Main two boxex: Features & Commentary (Only first article)*/
@media (min-width:800px)  {
	.home .mh-home-area-3 .mh-custom-posts-large-inner, .mh-home-area-4 .mh-custom-posts-large-inner  {
		min-height: 335px;
	}
}


.home .mh-home-area-3 .mh-custom-posts-large-inner .mh-custom-posts-header, .home .mh-home-area-4 .mh-custom-posts-large-inner .mh-custom-posts-header {
	padding-left:10px;
	border-left: solid 4px #0E7B3E;
}

.home .mh-home-area-3 .mh-custom-posts-large-inner .mh-custom-posts-header a, .home .mh-home-area-4 .mh-custom-posts-large-inner .mh-custom-posts-header a {
	transition: all ease 0.3s;
}

.home .mh-home-area-3 .mh-custom-posts-large-inner .mh-custom-posts-header a:hover, .home .mh-home-area-4 .mh-custom-posts-large-inner .mh-custom-posts-header a:hover {
	transition: all ease 0.3s;
}

/* Homa page Main Three boxex: Editorials, Reviews, & Videos (Only first article)*/
@media (min-width:800px)  {
.home .mh-home-area-8 .mh-custom-posts-large-inner, .mh-home-area-9 .mh-custom-posts-large-inner, .mh-home-area-10 .mh-custom-posts-large-inner  {
		min-height: 365px;	
		padding: 4px;
		background-color:#ECECEC;
		border-radius:3px;
	}
}


/*Latest News Tab*/
.mh-tab-button span {
	font-size: 14px !important; 
}

/*Focus: Balfour Declaration Section*/
.mh-posts-stacked-item {
	width: calc(100% - 4px);
	bottom: 2px;
	left : 2px;
	text-align:center;
}

.home .mh-posts-stacked-widget {
	background-color: #ECECEC;/*f5f5f5,e64946*/
	padding: 10px;
	border-radius:4px;
}

.home .mh-posts-stacked-title {
	/*background: rgba(208, 33,41,0.85);*/
}

/*Footer Section*/
.footer_about {
	color: #e64946 !important;
}

.mh-footer a:hover, .footer_about:hover {
	color: #999 !important;
}

/*Listing Pages, put main page title in tab*/
.page-header {
	background-color: #ECECEC;
	padding: 10px;
	border-bottom: solid 2px rgba(0,0,0,0.05);
}

/*Hide Authers from listing pages ==> From backend Customizing -> Theme Options Layout --> Post Meta -> Layout 
.category-features .entry-meta-author {
	display: none;
}*/

/*Hide date & comments from inner pages right side 'latest news' section */
.category-features .mh_magazine_custom_posts .entry-meta, .single-post .mh_magazine_custom_posts .entry-meta, .page .mh_magazine_custom_posts .entry-meta {
	display:none;
}

/*Make social media icons big*/
.single-post .mh-share-button {
	width:33%;
}

.mh-footer-3 img {
	width:300px;
	height:auto;
	float:right;
	padding-top: 40px;
}

.mh-tab-button.active, .mh-tab-button.active:hover {
	background-color:#D02129;
}

.mh-tab-buttons {
	border-bottom: 3px solid #D02129;
}

.mh-tab-buttons a:first-child {
	border-top-left-radius:4px;
}

.mh-tab-buttons a:last-child {
	border-top-right-radius:4px;
}

.mh-home-area-8 .attachment-mh-magazine-medium, .mh-home-area-9 .attachment-mh-magazine-medium, .mh-home-area-10 .attachment-mh-magazine-medium {
	display: block;
	margin-bottom: 10px;
	border-bottom: solid 2px #379437;
}

.home .mh-custom-posts-large-inner .mh-custom-posts-header a {
	transition: all ease 0.3s;
}

.mh-footer {
	background-color:#050708;
	padding: 25px 25px 15px;
}

.mh-footer-nav {
	background-color:#D02129;
}

.mh-copyright-wrap {
	border: 0px;
	background-color:#050708;
}

/*Newsletter*/
.newsletter_box form table tbody tr:first-child td:nth-child(1){
	background-color:#ECECEC;/*050708*/
	/*color:#ececec;*/ 
	font-size:15px;
	font-weight:600;
}

.newsletter_box form table tbody tr td input{
	width: calc(100% - 20px);
	height: 26px;
}

.newsletter_box form table tbody tr td input[name="go"]{
	font-family: verdana;
	font-size: 13px;
	width: calc(100% - 10px) !important;
	cursor: pointer;
	height: 32px;
	background-color: #0E7B3E;
	color: white;
	border-radius:3px;
}

.newsletter_box form table tbody tr td input[name="go"]:hover{
	background-color:#050708;
	transition: all ease 0.3s;
}

.mh-footer .mh-widget, .mh-footer .mh-footer-widget {
	margin:0px;
}

.mh-footer .mh-footer-widget .mh-social-widget {
	background-color:transparent;
	padding:10px;
}

.mh-footer .mh-footer-widget .mh-social-widget li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
}

.mh-widget .tagcloud a {
	background-color:#777777;
}

.mh-tab-content {
	padding: 15px 25px;
}

.mh-tab-comment-excerpt {
	padding:15px;
}

.header_ad {
	display: block; padding: 10px; text-align: center; background: #f5f5f5;
}

.mh-comment-list .comment-metadata {
	display:none;
}

.donate_bottuns {
	font-family: verdana;
	font-size: 13px;
	min-width: 120px;/*calc(30% - 10px)*/
	cursor: pointer;
	height: 32px;
	background-color: #0E7B3E;
	color: white;
	border-radius: 3px;
}

.donate_bottuns:hover {
	background-color:#050708;
	transition: all ease 0.3s;
}

.flex-control-nav, .flex-control-paging {
	z-index:0 !important;
}

/* Modal CSS */
#donate_box {
	max-width:60%;
	z-index:9999;
}

.modal_left {
	width:50%;
	float:left
}

.modal_right {
	width:100%;/*45%*/ 
	float:left;
	margin-left:20px;
}

.modal_buttons {
	float:left;
	width:100%;
	text-align:center;
	margin:15px auto;
}

.donate_bottuns {
		margin:10px;
}

@media (max-width:800px)  {
	#donate_box {
		max-width:95%;
		z-index:9999;
	}
	
	.modal_left {
		width:100%;
		float:left
	}
	
	.modal_right {
		width:100%; 
		float:left;
		margin-left:0;
	}
	
	.donate_bottuns {
			margin:10px 0;
	}
}

/*Blog Page*/
.page-template-the_free_zone .entry-content {
	margin-top:10px;
}

/*
Advertisements Style
*/

.mh-header-1 {
	margin:0 0 5px ;
}

/*....... NEW FUNDRAISER ......*/

.cta-super-header {
    display: none;
    background: url("fund_raiser_bg2.jpg") no-repeat #000;
    background-size: auto auto;
    background-size: contain;
    width: 100%;
    position: relative;
}

.cta-super-header.showing {
    display: block;
}

.cta-super-header .cta-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*max-height: 250px;*/
    color: #fff;
    padding: 20px;
}

.cta-super-header .cta-content .content-wrapper {
    width: 70%;
    color: #fff;
    text-align: right;
    padding: 0;
}

.block h2, .pane-views h2, .pane-block h2 {
    color: #336699;
    border-bottom: solid 2px #336699;
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}

.cta-super-header .cta-content .content-wrapper h2 {
    margin: 0 0 0.5rem 0;
    padding: 0.25rem 0;
    color: #fff;
    border: none;
    display: inline-block;
    background: #0E7B3E;
    box-shadow: 10px 0 0 #0E7B3E,-10px 0 0 #0E7B3E;
    font-weight: 700;
    /*width: auto;*/
    font-size: 20px;
}

.cta-super-header .cta-content .content-wrapper p {
    margin: 0;
    padding: 0.25rem 0;
    color: #fff;
    display: inline-block;
    background: #0E7B3E;
    box-shadow: 10px 0 0 #0E7B3E,-10px 0 0 #0E7B3E;
    font-weight: 700;
    width: auto;
    font-size: 15px;
		text-align:left;
}

.cta-super-header .cta-content {
    color: #fff;
}

.cta-super-header .cta-content .content-wrapper {
    color: #fff;
    text-align: right;
}

.donate-option-grid {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
}

.cta-super-header .cta-content .content-wrapper .donate-option-grid {
    margin: 1rem -0.75rem 0 0;
}


.donate-option-grid .option {
    flex: 1;
    background: #336699;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin: 5px;
    border-radius: 6px;
}

.cta-super-header .cta-content .content-wrapper .donate-option-grid a {
    font-size: 0.875rem;
    padding: 7px;
    background: #ffcc00;
     border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

/*--*/

#header-container {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 15px #333;
}

.cta-super-header-showing #header-container {
    position: relative;
}

.header-container-slim #header-container {
    z-index: 100;
}

.cta-super-header-showing #header-container {
    position: relative;
}

.header-container-slim #header-container {
    z-index: 100;
}

#header-container #header-top {
    position: relative;
    z-index: 2;
    background: #ffcc00;
    color: #000;
     padding: 0 1rem;
}

#header-container #header-top .l-header {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 0;
}

#header-container #header-top .l-header .col {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
}

#header-container #header-top .l-header .col.header-left {
    flex: 6;
    align-items: center;
}

#header-container #header-top .l-header .col.header-middle {
    justify-content: center;
    -webkit-justify-content: center;
    flex: 6;
}

#header-container #header-top .l-header .col.header-right {
    flex: 3;
    justify-content: flex-end;
    -webkit-justify-content: center;
}

#header-container #header-top .l-header .col.header-right .button {
    font-family: verdana;
		font-size: 13px;
		width: calc(100% - 10px) !important;
		cursor: pointer;
		height: 25px;
		background-color: #0E7B3E;
		color: white;
		border-radius: 3px;
		text-align: center;
		margin: 4px 0 0 0;
}

#header-container #header-top .l-header .col.header-right .button {
   
}

#header-container #header-top .l-header .col.header-right .button.button--primary {
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	vertical-align: middle;
}