/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    localhost/gardenbite/
 Description:  Twenty Sixteen Child Theme
 Author:       Steve Sundberg
 Author URI:   http://noodleman.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:  twenty-sixteen-child
*/

/* Google Fonts: Fira Sans/Navigation, Noto Serif/Entry title, Spectral SC/Entry Title, Lato/Content, PT Sans/Date*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Noto+Serif|Spectral+SC|Lato|PT+Sans');

/*@import 'css/mediaelement.css';*/
/*@import 'css/mediaelement-min.css';*/

/* GENERAL APPEARANCE */

body.custom-background {
	border: none ;
    background-color: none;
}

/* removes browser border & adjusts top margin of site-header-menu */

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
        height: 0px !important;
      }
.site {
     
     margin: 0;
     
    }
	
.site-header-menu {
	margin-top: 1em ;
	}
	
/* */

.header-image {
	margin-top: -1.5% ;
	}

.site-header {
    padding: 0em 2% /*5.25em 4.5455%*/;
}

.site-header-main {
	/*background-color: #660 ;*/
	background-color: #fff ;
	}
	
.header-adrotate {
	margin-left: 8% ;
	margin-bottom: 2% ;
	}
	
.content-area {
	margin-top: 2% ;
	background: url('content-bg.gif') ;
	}
	
	.category-tags-in-post {
		margin-bottom: 5% ;
		}
	
	.category-link {
		font: 1em Montserrat, "Helvetica Neue", sans-serif ;
		margin-bottom: 2% ;
		}
		
	.tag-link {
		font: italic 1em Georgia, "Times New Roman", serif ;
		}
	
	.post-title, .post-title a {
		color: #999933 ;
		}
	
article.archive {
	margin-bottom: 10px ;
	}
	
	
	.the_time {		/* article time-stamp */
	font: bold 1.2em Montserrat, "Helvetica Neue", sans-serif;
	color: #666666 ;
	margin-top: -3% ;
	margin-bottom: 3% ;
	}

.sidebar {
	float: left ;
	/*background-color: #660 ;*/
	background-color: #fff ;
	/*width: 28% ;
	margin-left: 72 % ;
	padding: 0 1% ;*/
	}
	
	.widget {
		border-top: none ;
		}



/* NAVIGATION */

.main-navigation {
    font-family: 'Fira Sans',Tahoma, Arial, sans-serif ;
	font-size: .95rem ;
	text-transform: uppercase;
	letter-spacing: 0.2em ;
}

	/* Responsive menu */
	
	.menu-toggle {
		background-color: transparent;
		border-color: #8D8E4B;
		color: #8D8E4B;
		}
	
	.menu-toggle:hover, .menu-toggle:focus {
		background-color: transparent;
		border-color: #007ACC;
		color: #007ACC;
		}
		
/* TYPOGRAPHY MISC */

p {
	line-height: 2.2em ;
	}

h1.entry-title, h1.entry-title a , h1.archive, h1.archive a, h2.entry-title, h2.entry-title a , h2.archive-title, h2.archive-title a{
	font-family: Montserrat, "Helvetica Neue", sans-serif; /*"Spectral SC", Georgia, Serif */ ;
	color: #333300 ;
	}

h1.entry-title, h1.entry-title a {
	font-size: 2.2em ;
	margin-bottom: 4% ;
	}
		
		
h1.archive {
	font-size: 2em ;
	margin-top: 0 ;
	margin-bottom: 4% ;
	}
	
h2.entry-title, h2.entry-title a {
	margin-bottom: 0 ;
	font-size: 1.5em ;
	}
	
h2.archive-title, h2.archive-title a {
	font-size: 1.2em ;
	margin-bottom: 1% ;
	}
	
h2.widget-title {
	color: #333300 ;
	}
	
/* TABLEPRESS STYLINGS */

#tablepress-1 {
	font-size: .9em;
	font-family: Montserrat, "Helvetica Neue", sans-serif; ;
	}

#tablepress-1.column-1 {
	width: 13% ;
	}

#tablepress-1.column-2,
#tablepress-1.column-3 {
	width: 11%;
	}

#tablepress-1.column-4 {
	width: 20%;
	}

#tablepress-1.column-5 {
	width: 27%;
	}

#tablepress-1_info.dataTables_info {
	display: none ;
	}


/* RESPONSIVE MEDIA QUERIES */

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

	.content-area {
		margin-top: 8% ;
		}

	h1.entry-title, h1.entry-title a , h2.entry-title, h2.entry-title a {
		font-size: 1.1em
		
		}
		
	.the_time {
		font-weight: normal ;
	
		}
	}

@media all and (max-width: 479px) {
		
	.the_time {
		font-size: .9em ;
		font-weight: normal ;
		}

	.header-adrotate {
		margin-left: 0% ;
		margin-bottom: 2% ;
		}	
	
	}

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

	.header-adrotate {
		margin-left: 0% ;
		margin-bottom: 2% ;
		}
		
	}

@media all and (min-width: 480px) and (max-width: 767px){

	.header-adrotate {
		margin-left: 0% ;
		margin-bottom: 2% ;
		}
		
	}
	
@media all and (min-width: 768px) and (max-width: 910px) {

	.header-adrotate {
		margin-left: 0% ;
		margin-bottom: 2% ;
		}
		
	}
	
@media all and (min-width: 911px) and (max-width: 959px) {

	.header-adrotate {
		display: none ;
		}
		
	}

@media all and (min-width: 960px) and (max-width: 1199px) {

	.header-adrotate {
		display: none ;
		}
		
	}
	
@media all and (min-width:1200px){

	.header-adrotate {
		display: none ;
		}
		
	}


/* Mobiles in Potrait mode */
@media only screen and (max-width : 320px) {

	p {
		font-size: .8em ;
		}	
		
	.main-navigation {
		font-size: .8rem ;
		}
		
	.the_time {		
		margin-top: -4% ;
		}
	
	.site-main {
		padding: 0 .6em ;
		}
		
}

 
/* Mobiles in landscape mode */
@media only screen and (min-width : 321px) and (max-width : 480px) {

	p {
		font-size: .9em ;
		}

	.main-navigation {
		font-size: .8rem ;
		}

	.site-main {
		padding: 0 .6em ;
		}
		
	.the_time {
		margin-top: -4% ;
		}
			
}

@media only screen and (min-width : 481px) and (max-width : 540px) {

	p {
		font-size: .9em ;
		}

	.main-navigation {
		font-size: .8rem ;
		}

	.site-main {
		padding: 0 .6em ;
		}
			
}

@media only screen and (min-width : 541px) and (max-width : 767px) {

	p {
		font-size: .9em ;
		}

	.main-navigation {
		font-size: .8rem ;
		}

	.site-main {
		padding: 0 .6em ;
		}
			
}
 
/* Tablets */
@media only screen and (min-width : 481px) {

	.the_time {
		/*margin-top: -7% ;*/
		}

}

/* INSTAGRAM WIDGET SETTINGS */

/* ul.instagram-pics {
	list-style-type: none ;
	margin-left: -4px ;
	border: #333 1px solid ;
}
*/
.zoom-instagram-widget {
	text-align: left ;	
}

.zoom-instagram-link {
	margin-left: -16px ;
	border: #333 2px solid ;
}

/* For print */
 
@media print {
/* Add your style here */
}

/* AUDIO PLAYER CUSTOM STYLINGS */

/* change the color of the background; change size (height, width) of the audio container */

.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important;
	background-color: #999900 !important;
	width: 80% ;
	height: 90px !important ;
	padding-top: 24px !important ; /* changes time rail horizontal position from top */
	-webkit-border-radius: 6px !important ;
	-moz-border-radius: 6px !important ;
	border-radius: 6px !important ;
}

 
/* change the color of the lettering */

.mejs-currenttime,
.mejs-duration {
	color: black !important;
}
 
/* eliminate the yellow border around the play button during playback */

.mejs-controls .mejs-button button:focus {
outline: none !important;
}