/* ***********************************************************************************
 Theme Name: Modern Child Theme
 Theme URI: https://mannisodigital.work
 Author: Sam Maniso
 Author URI: https://mannisodigital.work
 Template: modern
 Description: Child theme for modern.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: modern-child
 ***********************************************************************************/

/*Sam: In admin protfolio admin page col very elongated only to one leter with.  This attempt did not work */ 
/* #templateside, .misc-pub-filename, .pre, .widefat *{
  	word-wrap: normal !important;
 } */

/* Sam: Seems that titles server no purpose  */
.page-header .page-title{ display: none; } 

div.md-entry-inner{
	padding-top: 50px;
	padding-right: 19%;
	padding-bottom: 0px;
	padding-left: 19%;
}

@media only screen and (max-width: 680px){
.site-banner h1 { font-size: 1em; letter-spacing: 1.2px; }
}

@media only screen and (min-width: 681px){
.site-banner h1 { font-size: 2.62em; letter-spacing: 1px;}
}

.md-site-info{
	text-align: center;
}

/* header.entry-header, h1.entry-title, header.page-header h1.page-title{ */
header.page-header h1.page-title{
	display: none; 
}

label[for]{
 	width: 20;
 }
  /*Sam: No need to display date of publication of posts */
.entry-date.entry-meta-element.published{
 	display: none;
 }
 
.entry-content, h1.entry-title{
	/* color: white; WAS THIS FOR HH, BUT NOT FOR MD */
}
.site-banner{
	clear: both; /* Sam: testing removal of this in md? nothing changed */
}

*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit; /* Sam: testing removal of this in md? nothing changed */
}
			
.site, .main-navigation, .site-footer{
	/* padding-right: 0; */
    	/* padding-left: 0;	*/
}

#posts{
	padding-right: 2%;
    	padding-left: 2%;
}

.site-banner-header{
	display: none;
}

.site-banner-media:before, .banner-images:before{
	background: transparent !important;
} 
.site-content .content-area{
 	/* background: transparent; WAS THIS FOR HH, BUT NOT FOR MD */
 	/* box-shadow: none; WAS THIS FOR HH, BUT NOT FOR MD */
 }
 
#content{
 	padding-top: 0;
 }
 /*Sam: No need for Modern theme's floating bottom fotter ribbon */
.site-footer-area.footer-area-site-info{
 	display: none;
 }

/* div#primary.content-area*/
div#content.site-content, div#primary.content-area{
	/* background-color: #1f1f2d; WAS THIS FOR HH, BUT NOT FOR MD */ /* #2a2a3c; /* rgb(21, 21, 30); */
	/* background-color: rgba(0,0,0, .5); /* #0a0c0e; /* #0a0c0e; /*#6a6c6e;*/
	
}

/*Sam: To fix site banner and site content overlap issue */
.no-slider .site-banner-media, .no-js .enable-slider .site-banner-media, .enable-slider .site-banner-inner:not(.slick-slider) .site-banner-media, .enable-slider .banner-images{
 	position: relative;
 }
 
/*
header.entry-header{
	display: none;
} 
 */
 /* nav#site-navigation{
 	position: relative; 
 }
 */
 /* .posts.posts-list.clearfix */
 /* section.blog-posts.front-page-section{
 	/* background-color: 	rgb(21, 21, 30); /* #151a1e; /* #0a0c0e; /* #1a1a1a; */
/*  }*/
 
 
 /*Sam: to prevent the gloomy banner image apearance */
/*.site-banner-media:before, .banner-images:before{
	background:  transparent !important;
	 background-color:  transparent !important;
}*/

.site-inner{
	/* width: 100%; WAS THIS FOR HH, BUT NOT FOR MD */
	padding-top: 4em;
}

.site-banner h1{
	padding: 0;
}

.site, .main-navigation, .site-footer{
	/* padding-left: 2%; WAS THIS FOR HH, BUT NOT FOR MD */
	/* padding-right: 2%; WAS THIS FOR HH, BUT NOT FOR MD */
}

.site-branding{
	padding-bottom: 1em;
}