/*****
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-navigation a {font-size: 16px;}

h1 {font-size: 40px !important;
color: #4f004b !important;}

h2 {font-size: 30px !important;
color: #4f004b !important;}

table {
border-collapse: collapse;
border-spacing: 0;
}
.tablepress {
border-collapse: collapse;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px !important;
overflow: scroll !important;
border: 11px solid #EFEFE9 !important;
}
table.tablepress th {
background-color: #4f004b !important;
color: #fff;
}
.tablepress thead th {
background-color: #4f004b !important;
font-weight: 600;
text-align: center !important;
color: white;
font-size: 15px !important;
}
.tablepress tr td {
text-align: center !important;
vertical-align: middle !important;
}
.tablepress img {
margin-right: auto !important;
margin-left: auto !important;
margin-top: 0;
max-width: 100% !important;
text-align: center !important;
}
.tablepress {
width: 100%;
margin-bottom: 1.5em;
margin-right: auto;
margin-left: auto;
margin-top: 1.5em;
}
a.visit {
font-weight: 600;
color: #FFF !important;
background-color: #39A089;
font-size: 20px;
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 8px;
width: 170px;
text-align: center;
margin-right: auto !important;
margin-left: auto !important;
}
a.visit:hover {
text-decoration: underline !important;
color: #39A089 !important;
background-color: #fff;
}
a.read {
font-weight: 600;
color: #FFF !important;
background-color: #041B2A;
font-size: 20px;
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 8px;
width: 170px;
text-align: center;
margin-right: auto !important;
margin-left: auto !important;
}
a.read:hover {
text-decoration: underline !important;
color: #041B2A !important;
background-color: #fff;
}
.tablepress .column-1 {
font-size: 20px;
font-weight: normal;
vertical-align: middle !important;
}
.tablepress .column-2 {
font-size: 20px;
font-weight: 600;
vertical-align: middle !important;
}
.tablepress .column-3 {
font-size: 20px;
font-weight: 600;
vertical-align: middle !important;
}
.tablepress .column-4 {
font-size: 20px;
font-weight: 600;
vertical-align: middle !important;
}
.fa-check {
color: #39A089 !important;
font-size: 30px !important;
}

@media only screen and (max-width: 767px) {
.tablepress {
		border: none !important;
	}

	.tablepress tbody td,
	.tablepress thead th,
	.tablepress tfoot th {
		border: none !important;
	}

	table {
		border: 0;
	}

	.tablepress thead {
		display: none;
	}

	.tablepress tr {
		margin-bottom: 10px;
		display: block;
		border: solid 10px #eeeeee;
	}

	.tablepress tr td {
		display: block;
		border-bottom: none !important;
		background: #ffffff !important;
	}

	.tablepress td:hover {
		display: block;
	}

	.tablepress table td:last-child {
		border-bottom: 0;
	}

	.tablepress table td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: 600;
	}
}