/* Note that I am not sure exactly which of the settings below are important to our site, but please do not change any of these without saving the content first, so that you can restore it if necessary.  The settings are to display the full width header centered with a black background, and full width text on pages & posts.  */

/*This section sets header  to 100% width */
#site-header {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#site-header a { display: block; background: black; }
/*This section sets page header to 100% width */
.site-header {
	background-color: #000;
	max-width: 100%;
	position: relative;
	width: 100%;
	z-index: 4;
}
/*
 Theme Name:     willtaylor.org
 Description:    Full width variation of the Twenty Fourteen theme
 Author:         Will Taylor (based on work by Nexcius)
 Author URI:     http://www.nexcius.net
 Template:       twentyfourteen
 Version:        1.0.1
*/

@import url("../twentyfourteen/style.css");

/*This section sets page to 100% width */

.site {

	background-color: #fff;

	max-width: 100%;

	position: relative;

}

/*This section sets page header to 100% width */

.site-header {

	background-color: #000;

	max-width: 100%;

	position: relative;

	width: 100%;

	z-index: 4;

}



.main-content {

	width: 100%;

}





.full-width .site-content .page .entry-header,

.full-width .site-content .page .entry-content, 

.full-width .site-content .page .entry-summary, 

.full-width .site-content .page .entry-meta {

	max-width: 100%;

}



@media screen and (min-width: 594px) {

	.full-width .site-content .page .entry-header {

		max-width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	 

	.full-width .site-content .page .entry-content, 

	.full-width .site-content .page .entry-summary, 

	.full-width .site-content .page .entry-meta {

		max-width: 100%;

		padding-left: 30px;

		padding-right: 30px;

	}





	.full-width .site-content .page  .wp-caption.alignnone {

		max-width: 100%;

		max-width: -moz-calc(100% + 60px);

		max-width: calc(100% + 60px);

		margin-left: -30px;

		margin-right: -30px;

	}



	.full-width .site-content .page  .wp-caption.alignnone .wp-caption-text {

		max-width: 100%;

		margin-left: 30px;

		margin-right: 30px;

	}

	

	.full-width .site-content .page  blockquote.alignright, 

	.full-width .site-content .page  img.size-full.alignright, 

	.full-width .site-content .page  img.size-large.alignright, 

	.full-width .site-content .page  img.size-medium.alignright, 

	.full-width .site-content .page  .wp-caption.alignright {

		margin-right: -20px;

	}

	

	.full-width .site-content .page  blockquote.alignleft, 

	.full-width .site-content .page  img.size-full.alignleft, 

	.full-width .site-content .page  img.size-large.alignleft, 

	.full-width .site-content .page  img.size-medium.alignleft, 

	.full-width .site-content .page  .wp-caption.alignleft {

		margin-left: -20px;

	}

}



@media screen and (min-width: 673px) {

	.full-width .site-content  .page .entry-header {

		margin-left: 30px;

		margin-right: 30px;

	}

	 

	.full-width .site-content .page  .entry-content, 

	.full-width .site-content .page  .entry-summary, 

	.full-width .site-content .page  .entry-meta {

		padding-left: 60px;

		padding-right: 60px;

	}





	.full-width .site-content .page  .wp-caption.alignnone {

		max-width: -moz-calc(100% + 120px);

		max-width: calc(100% + 120px);

		margin-left: -60px;

		margin-right: -60px;

		

	}



	.full-width .site-content .page .wp-caption.alignnone .wp-caption-text {

		margin-left: 60px;

		margin-right: 60px;

	}

	

	.full-width .site-content .page blockquote.alignright,

	.full-width .site-content .page  blockquote.alignleft {

		max-width: 50%;

	}

	

	.full-width .site-content .page  blockquote.alignright, 

	.full-width .site-content .page  img.size-full.alignright, 

	.full-width .site-content .page  img.size-large.alignright, 

	.full-width .site-content .page  img.size-medium.alignright, 

	.full-width .site-content .page  .wp-caption.alignright {

		margin-right: -50px;

	}

	

	.full-width .site-content .page  blockquote.alignleft, 

	.full-width .site-content .page  img.size-full.alignleft, 

	.full-width .site-content .page  img.size-large.alignleft, 

	.full-width .site-content .page  img.size-medium.alignleft, 

	.full-width .site-content .page  .wp-caption.alignleft {

		margin-left: -50px;

	}

}