/*   
Theme Name: Playwrights' Platform
Description: A Child Theme of Twenty Twelve
Template: twentytwelve
*/


/*
As of version 2.7, WordPress will look in the Child Theme directory first for template files. And if an alternate version of, say, footer.php, or single.php exists, WordPress will use that template file instead. 
WordPress will even accept category-XX.php (where XX is the ID of a particular category) in a Child Theme if you want to make changes to a specific category archive.
*/

@import url(../twentytwelve/style.css); /* Parent stylesheet */



/* Links */
a:hover {color: orange;}


/* Headers */

h1, h2, h3, h4 {font-family:'Special Elite', "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;}

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 15px;
	font-size: 1.1000000004rem;
	line-height: 2.181818182;
	color: #444;
	text-transform: capitalize;
}

.archive-title {
	font-size: 22px;
	font-size: 1.571428571rem;
}

/* Byline for News */
p.meta {
	color: #636363;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	text-transform: uppercase;
	}
	
/* Headers on the Playwrights archive page */
h2.margin-bottom-zero, h3.margin-bottom-zero  {
	margin-bottom: 0;
}

/* ########## media queries for small devices ########## */

/* #### only show the header image on desktops 1024px wide and larger #### */

 @media screen and (max-width: 599px) { 
	#header-image {display: none;}  /* under 1024, hide the image, hide the text */
}

@media screen and (min-width: 600px) { 
	h1.site-title {display: none}  /* larger than 1024, show the image, hide the text */
	h2.site-description {display: none} 
 } 

/* Nav */

/*
=============== NAV 
-------overriding styles from parent stylesheet
*/

/* Minimum width of 600 pixels. */
@media screen and (min-width: 100px) { 
	.main-navigation li a { 
		font-family: Arial, Helvetica, sans-serif; 
		color: #6a6a6a;  /* text color */
		padding-left: 7px; 
		padding-right: 7px; 
	} 
	.main-navigation li a:hover { 
		color: #444; 
		background: #efefef; 
	} 
	.main-navigation li { 
		margin: 0 24px 0 0; 
		margin: 0 1.7142857142rem 0 0; 
		position: relative; 
	} 







}