/*
Theme Name: Mad Hat Child
Description: Mad Hat Child Theme
Author: Studio Mono
Template: madhat
Version: 1.0.0
*/

/* TYPOGRAPHY */

p {
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 1.7em;
	font-weight: 100;
}

body h1.entry-title, body #primary-mono h1.entry-title {
	text-transform: uppercase;
	font-weight: bold;
}


/* CONTENT */

#masthead {
	max-height: 320px;
	background-position-y: center;
}

body .site-branding {
	padding: 80px 0;
	margin-bottom: 36px;
}

body .mega-container {
	background: #fffbf6
}

body .section-title span {
	background: #fffbf6
}

body .section-title:after {
}

#featured-area-skew .titledesc a {
	text-transform: uppercase;
}



/* POST */
body #primary-mono .entry-footer {
	border-top: 0;
	border-bottom: solid 2px black;
}

body #primary-mono h1.entry-title:after {
	display:none;
}

body #primary-mono .entry-meta {
	display:none;
}

div#featured-image {
	display:none;
}
#primary-mono .entry-footer .cat-links {
	display: none;
}


/* PAGE */ 
#primary-mono h1.entry-title {
	border-bottom: 2px solid black;
}

/* MENU */
body #top-menu {
	margin: 10px 0 0 0;
}

body #top-menu ul li {
	border-radius: 99px;
}

body #top-menu ul li a {
	font-weight: bold;
	font-size: 1.2em;
}

body #top-menu ul li:hover {
	background: #fffbf6;
}


/* FEATURED */
body .popular-articles .col-md-4 {
	float:right;
}

body #featured-area-skew .imgcontainer {
	padding: 15px;
}
body #featured-area-skew .imgcontainer:nth-of-type(2) {
	padding-left: 15px;
}
body #featured-area-skew .imgcontainer:nth-of-type(3) {
	padding: 15px;
}
body #featured-area-skew .imgcontainer:nth-of-type(4) {
	padding-right: 15px;
}


/* CATEGORY */
body .page-header h1	{
	font-size: 2em;
	font-weight: bold;
	border-bottom: 0px solid black;
	text-transform: uppercase;
	display: inline-block;
	padding-bottom: 10px;
}

body .page-header	{
	border-bottom: 2px solid black;
	padding-bottom: 0px;
}



/* POST READ MORE */

body .grid {
	border-bottom: none;
}

body .grid .out-thumb h1 {
	margin: 0;
	font-weight: bold;
	font-size: 22px;
}

body .grid .out-thumb .postedon {
	display: none;
}


/* FOOTER */

#site-navigation {
	display: none;
}

body #colophon {
	display: none;
}

/* AUDIO FILE */

div#mep_0.mejs-container.svg.wp-audio-shortcode.mejs-audio {
	max-width: 400px;
	height: 30px;
	float: left;
}