/*
 Theme Name:   Stevesque
 Theme URI:    https://stevesilberman.com/
 Description:  Twenty Sixteen Child Theme
 Author:       Scout & Steve
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
 Fonts: 		   dapifer, serif; font-weight: 300, 400; font-style: italic, normal;
*/


/* Fonts */
body 
	{
		font-family: 'dapifer', serif; 
		font-weight: 400;
	}
	
em 
	{
		font-weight: lighter; 
		font-weight: 300;
	}
	
h1,
h2,
h3,
h4,
h5,
.entry-title,
.widget .widget-title,
.post-navigation a,
.post-navigation .post-title,
.entry-title a,
.site-title,
.side-title,
#drawer-menu ul a,
.page-title,
span.bio-heading,
.entry-content .wp-block-button,
.wp-block-button .wp-block-button__link,
p.caption

	{	
		font-family: 'dapifer', serif; 
		font-weight: 300!important; 
		font-style: normal;
		color: #007bc1;
	}
	
body.single article p {
	font-size: 1.25em;
}

body.single p.caption {
	font-size: 1em;
}
	
p.caption {font-style: italic;}

	
.entry-title span.source a
	{
		font-style: italic;
	}
	
.widget ul {list-style: none; margin: 1em;}
	
.widget .widget-title, span.bio-heading {text-transform: capitalize; font-style: italic; font-size: 1.8em; }
.widget span.bio-heading {line-height: 0;}
.widget .widget-title {margin-bottom: 10px!important;}

.page-title
	{
		text-transform: uppercase;
		letter-spacing: 3px;
	}
.side-title 
	{
		color: white;
		font-style: italic;
		font-size: 3rem;
	}
	
	
/* Category Icons & Styles */


/* Menu - drawer handle  */

div.site-header-main {
	margin-top: 2vh;
}

div.button-shell 
	{
		width: 24vw;
	}
	
	
	
div.drawer-button 
	{
		width: 7vh;
		height: 7vh;
		margin: 0 auto;
		margin-bottom: 2vh;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

div#d-logo 
					{
						height: 30vh;
					}
					.site-content, footer.site-footer, .site-info {
						padding-left: 26vw;
					}
					
					header.site-header { 
width: 16vw;}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {margin-left: 0; margin-right: 0;}



				@media screen and (min-width: 44.375em) {
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content, body.archive h1.page-title {margin-left: 7.6923%; margin-right: 7.6923%;}
span.posted-on {margin-left: 7.6923%;}

article.post span.posted-on {margin-left: 0;}
body.single article.post span.posted-on {margin-left: 7.6923%;}

					header.site-header { 
width: 9vw;}
					div#d-logo 
					{
						height: 30vh;
					}
					
					.site-content, footer.site-footer, .site-info {
						padding-left: 16vw;
					}
					
					div.drawer-button 
					{
						width: 6vh;
						height: 6vh;
						margin: 0 auto;
						margin-bottom: 2vh;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center center;
					}
				}
				
				@media screen and (min-width: 48.9375em) {
									}
				
				@media screen and (min-width: 56.875em) {
					div.drawer-button 
					{
						width: 8vh;
						height: 8vh;
						margin: 0 auto;
						margin-bottom: 2vh;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center center;
					}					

				}	


div#d-about 
	{
		background-image: url('images/si-about.png');
	}
	
div#d-blog 
	{
		background-image: url('images/si-blog.png');
	}
	
div#d-books 
	{
		background-image: url('images/si-books.png');
	}
	
div#d-appearances 
	{
		background-image: url('images/si-appearances.png');
	}
	
div#d-articles 
	{
		background-image: url('images/si-articles.png');
	}
	
div#d-spacer 
	{
		background: none;
	}
	
div#d-menu 
	{
		background-image: url('images/si-menu-circle.png');
	}
	

div#d-logo 
	{
		background-image: url('images/si-logo.png');
	}




span.cat-links:before,
span.comments-link:before,
entry.header span.tags-link:before,
span.edit-link:before,
span.tags-links:before
	{
		content:" \2014 "!important;	
		padding-right: 0.5rem;

	}
	
span.tags-links {
	font-style: italic;
}
.single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link
	{
		display: inline-block;
		padding-right: 0.5rem;
	}




article h2, article h1
	{
		background-size: 1.225em;
		background-repeat: no-repeat;
		background-position-x: 0;
		background-position-y: 4px;
		padding-left: 1.625em;
	}	
	
body.page article h2 {padding-left: 0;}
body.page article h4 {margin-top: 0;}
	
section h2  {
		background-size: 1.225em;
		background-repeat: no-repeat;
		background-position-x: 0;
		background-position-y: 2px; 
		padding-left: 1.625em;
		}

section#nav_menu-2 h2
	{
		background-image: url('images/sib-menu-circle.png');
	}	
	

article.category-blog h2, article.category-blog h1, section h2 
	{
		background-image: url('images/sib-blog.png');
	}	
	
article.category-books h2, article.category-books h1, section#media_image-3 h2, section#text-3 h2, body.page-id-78 h1.entry-title, body.page-id-160 h1.entry-title
	{
		background-image: url('images/sib-books.png');
	}

article.category-appearances h2, article.category-appearances h1, body.page-id-102 h1.entry-title
	{
		background-image: url('images/sib-appearances.png');
	}

	
article.category-articles h2, article.category-articles h1, section#custom_html-2 h2
	{
		background-image: url('images/sib-articles.png');
	}
	
article.category-music-writing h2, article.category-music-writing h1 
	{
		background-image: url('images/sib-music.png');
	}
	
body.page-id-22 article h1, span.bio-heading, body.page-id-25 h1.entry-title
	{
		background-image: url('images/sib-about.png');
	}
	
body.page h1.entry-title {margin-bottom: 1em;}
	
/* Layout Adjustments */


.entry-title {margin-bottom: 0.35em;}
.site-main > article {margin-bottom: 4em;}
body:not(.search-results) article:not(.type-page) .entry-content,
body.entry-content 
{
	width: auto;
}

.widget .alignleft {margin: 10px 10px 10px 0!important;}
#media_image-2 {margin-bottom: 10px;}


header.site-header 
	{	
		background-color: #007bc1;
		/* 
		width: 10vw;
		left: 2vw;
		height: 100vh;
		position: fixed; */
	}
	
#side-title 
	{
		width: 100vw;
		position: relative;
		right: 46vw;
		
	}

.site 
	{
    		margin: 0 auto !important;
	}
.site-content, footer.site-footer, .site-info {
	padding-top: 2vw;
	}	
	
.site-header {
	padding: 1.25rem 0;
	}

#typographer {
	float: right;
}

.site-info {width: 100%;}

.site-footer {padding-bottom: 2em;}
 img.sig {
	max-width: 170px;
	height: auto;
	width: 170px;
	float: right;
}
	
#side-title {
  transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.post-thumbnail
{margin: 0 0 0.2em 0; }


@media screen and (min-width: 56.875em) {
	.post-thumbnail
{margin: 0 7.6923% 0.2em 7.6923%;}

p.caption {margin-left: 7.6923%; margin-right: 7.6923%;}

.site-content {
	padding-left: 16%;
	}
}


/* Hiding Things */


body:not(.custom-background-image):before, body:not(.custom-background-image):after
	{
		height: 0;
	}
body 
	{
		background: #ffffff;
	}
div#comments,
span.comments-link:before,
span.comments-link,
body:not(.search-results) article:not(.type-page) .comments-link,
.site-branding,
body.single span.byline,
.site-footer .main-navigation,
.entry-summary
	{
		display: none;
	}
.site-footer .site-title:after
	{
		content: none;
	}
.post-navigation,
.widget,
.post-navigation div + div,
.page-header,
.main-navigation li,
.main-navigation .primary-menu
	{
		border: none;
	}
	
.page-header
	{
		margin-bottom: 2em;
		padding-top: 0;
	}

.widget 
	{
		padding-top: 0;
	}




/* Drawer Menu */



div#drawer-menu {}

.main-navigation .primary-menu > li {float: none;}

* { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
/* adds animation for all transitions */ 
-webkit-transition: .25s ease-in-out; 
-moz-transition: .25s ease-in-out; 
-o-transition: .25s ease-in-out; 
transition: .25s ease-in-out; 
margin: 0; 
padding: 0; 
-webkit-text-size-adjust: none; 
} 

/* Makes sure that everything is 100% height */ 

html,body { 
height: 100%; 
} 


/* gets the actual input out of the way; 
we're going to style the label instead */ 
input[type="checkbox"], input[type="radio"]
{margin-right: 0;
top: 6vh;
}
#drawer-toggle { 
position: absolute; 
opacity: 0; 
top: 6vh;

}

#drawer-toggle-label { 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
top: 5.5vh;
left: 5vw; 
height:50px; 
width: 50px; 
display: block; 
position: fixed; 
background: transparent; 
z-index: 3; 
} 

/* adds our "hamburger" menu icon */ 

#drawer-toggle-label:before { 
content: ''; 
display: block; 
position: absolute; 
height: 2px; 
width: 44px; 
background: transparent; 
left: 13px; 
box-shadow: none; 
z-index: 3;
} 

header.site-header { 
height: 100%; 
position: fixed; 
left: 2vw; 
top: 0px;
font-size: 30px; 
line-height: 30px; 
z-index: 2;
max-height: 100vh;
}

/* drawer menu pane - note the 0px width */ 

#drawer-menu { 
position: fixed; 
top: auto; 
left:-25vw; 
height: 100%; 
width: 25vw; 
background: #ffffff;
color: #007bc1; 
padding: 60px; 
} 

/* actual page content pane */ 

#content { 
margin-left: 0px; 
margin-top: 0; 
width: 100%; 
height: calc(100% - 50px); 
padding: 20px; 
}

/* checked styles (menu open state) */ 

#drawer-toggle:checked ~ #drawer-toggle-label { 
height: 100%; 
width: calc(100% - 25vw); 
background: transparent; 
} 

#drawer-toggle:checked ~ header.site-header { 
left: 27vw; 
}

#drawer-toggle:checked ~ #drawer-toggle-label
{ 
left: 29.1vw; 
} 

#drawer-toggle:checked ~ header.site-header { 
top: 0;
} 

#drawer-toggle:checked ~ #drawer-menu { 
left: 0px; 
} 

#drawer-toggle:checked ~ #content { 
margin-left: 27vw; 
}

/* Menu item styles */ 

#drawer-menu ul { 
list-style-type:none; 
} 

#drawer-menu ul a { 
display:block; 
padding:10px; 
color:#007bc1; 
text-decoration:none; 
} 

#drawer-menu ul a:visted {
	color: #007bc1;
}
#drawer-menu ul a:hover { 
color:#ed5c24; 
} 

/* Responsive MQ */ 

@media all and (max-width: 56.875em) { 
	
#drawer-menu { 
position: fixed; 
left:-80vw; 
width: 80vw; 
}


#drawer-toggle:checked ~ #drawer-toggle-label { 
height: 100%; 
width: 50px; 
} 

#drawer-toggle:checked ~ #drawer-toggle-label, 
#drawer-toggle:checked ~ header.site-header { 
left: 80vw;
} 

#drawer-toggle:checked ~ #drawer-menu { 
width: calc(100% - 9vw); 
padding: 20px; 
} 

#drawer-toggle:checked ~ #content { 
margin-left: calc(100% - 50px); 
} 

}


#content {padding: 80px 40px 40px 26vw;}


@media screen and (min-width: 44.375em) {
	#content {padding: 80px 40px 40px 13vw;}

}

@media screen and (min-width: 48.9375em) {
	
}

@media screen and (min-width: 56.875em) {
	
}


/* buttons */
.wp-block-button {
	text-align: left!important;
		font-family: 'dapifer', serif!important; 
		font-weight: 300!important; 
		font-style: italic;
		color: #007bc1;

}



.entry-content .wp-block-button__link:hover, .entry-content .wp-block-button__link:focus, .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus, .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus, .entry-content .wp-block-button__link 

{
	background: #007acc;
	color: #fff;
}



.entry-content .wp-block-button__link {background: white!important; color: #117aab!important;}
div.wp-block-button a {border: #117aab solid 2px!important; border-radius: 0; line-height: 1.5; padding-bottom: 0.84375em!important; font-family: 'dapifer', serif!important; 
}


.wp-block-image {margin-bottom: 0;}


.site {overflow-x: hidden;}