/*
 Theme Name:   narc-child
 Theme URI:    http://lesliefeinberg.net/narc-child/
 Description:  Narc Child Theme
 Author:       Rachel Rawlins
 Author URI:   http://rachelrawlins.com
 Template:     narcissism
 Version:      1.0.0
 Tags:         light, dark, grellow, two-columns, left-sidebar, responsive-layout, accessibility-ready
 Text Domain:  narc-child
*/

@import url("/narcissism/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
  font-family: 'marais';
  src: url('fonts/maraisultra/marais_ultra_webfont.eot');
  src: url('fonts/maraisultra/marais_ultra_webfont.eot?#iefix') format('embedded-opentype'),  
       url('fonts/maraisultra/marais_ultra_webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, Times, serif;
	color: #464042;
}



h2 { font-size: 2em; line-height: 1.5em; }

h3 { font-size: 1.25em; line-height: 1.31429em; }

h4 { font-size: 1.625em; line-height: 1.84615em; }

h5 { font-size: 1.625em; line-height: 1.84615em; }

h6 { font-size: 1.5em; line-height: 2em; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }


@media (min-width: 64.063em) {
	#menu-dropdown {
		padding-left: 0;
		padding-right: 0;
		display: block !important;
	}
}

@media (min-width: 80.063em) {
	#menu-dropdown {
		padding-left: 0;
		padding-right: 0;
	}
}

#masthead {
	background: #464042;
	color: #fff;
	text-align: center;
}

#masthead a {
	color: #fff;
	padding: 0;
	margin: 0;
}

@media (min-width: 64.063em) {
	#masthead {
		width: 15%;
		display: table-cell;
		text-align: left;
		padding: 0;
		vertical-align: top;
	}
}

#toggles {
	background: #464042;
}

#colophon {
	display: none;
}

.genericon {
	color: #fff;
}

#primary {
	background: #fff;
	padding: 7px 50px;
	height: 100%;
}

@media (min-width: 64.063em) {
	#primary {
		display: table-cell;
		width: 70%;
	}
}

@media (min-width: 80.063em) {
	#primary {
		width: 70%;
	}
}

body, input, select, textarea { 
	background: #fff; 
	color: #464042; 
	font-family: Georgia, serif; }

button, input, {
	background: #fff;
	color: #464042;
	font-family: Helvetica, sans-serif;
}

hr { background-color: #fff; 
	color: #464042; }
	
code { 
	font-family: Monaco, Courier, monospace; 
	color: #666; 
}

a {
	text-decoration: none; 
	font-weight: 600;
	color: #464042;
	
}

a:hover, a:focus {
	text-decoration: underline;
	
}

a:visited {
	
	font-weight: 400;
}

ul {
	list-style-type: disc;
	margin: 5;
	padding: 5;
	line-height: 1.5; 
{

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.wp-caption {
	margin-bottom: 1em;
	max-width: 100%;
	border: none;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
	height: auto;
}

.wp-caption .wp-caption-text {
	text-align: left;
	font-family: Helvetica, serif;
	font-style: normal;
	padding-bottom: 2em;
	color: #666;
	margin-left: 1.2%;
	font-size: .8125em;
	line-height: 1.84615em;
	border-bottom: 1px #CCC solid;
}

.time-date-info {
	font-family: Helvetica, sans-serif;
	font-size: 1.125em;
	line-height: 1.33333em;
}

article, .error-404 {
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 1em 0;
	padding: 7px;
	position: relative;
}

article.post, article.page, article.attachment, .error-404.post, .error-404.page, .error-404.attachment {
	border: none;
}

article.comment-body, .error-404.comment-body {
	padding: 0;
	border: none;
}

article.sticky, .error-404.sticky {
	border: none;
}

.comment-body {
	border: 1px solid #CCC;
	border-top: 10px solid #CCC;
	background: #FFF;
	-webkit-box-shadow: 0 8px 6px -6px grey;
	-moz-box-shadow: 0 8px 6px -6px grey;
	box-shadow: 0 8px 6px -6px grey;
	margin-bottom: 1em; 
}

.bypostauthor .comment-body {
	border: 1px solid #CCC;
	border-top: 10px solid #CCC;
}

.bypostauthor .comment-meta {
	background: #CCC;
	padding-left: 5px;
}

.comment-meta a {
	color: #999999;
	text-shadow: none;
	display: inline-block;
}

footer.entry-meta {
	font-family: Helvetica, sans-serif;
}

.comment-metadata, .entry-meta {
	font-family: Helvetica, sans-serif;
}

.site-branding {
	margin: 0 22px;
}

#menu-dropdown, #sidebar-dropdown {
	background: #464042;
	color: #fff;
	display: none;
	text-align: left;
}

#menu-dropdown a:hover, #sidebar-dropdown a:hover {
	color: #464042;
	background: #ECA423;
	margin: 0;
}

#menu-dropdown a:focus, #sidebar-dropdown a:focus {
	color: #464042;
	background: #fff;
	text-decoration: none;
}

#menu-dropdown .current-menu-item  #sidebar-dropdown .current-menu-item > a {
	color: #464042;
	background: #fff;
	text-decoration: none;
}

#menu-dropdown.on, #sidebar-dropdown.on {
	display: block;
}

#site-navigation {
	padding: 0;
	margin: 0;
	font-size: 22px;
}

#site-navigation li, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#site-navigation a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 14px;
	border-bottom: 1px #fff solid;
}

#site-navigation:first-child {
	border-top: 1px #fff solid;
}

#site-navigation a:hover, a:focus {
	text-decoration: none;
}


#site-navigation li a::before {
	content: '\f408';
	padding: 0 12px 0 7px;
	font-family: 'Genericons';
	font-size: 22px;
	vertical-align: bottom;
	display: inline-block;

}	

#site-navigation  li a[href*="lesliefeinberg.net/"]::before {
	content:'\f304'; }


#site-navigation li a[href*="lesliefeinberg.net/sample-page/"]::before {
	content: '\f411';
}

#site-navigation  li a[href*="lesliefeinberg.net/photos/"]::before {
	content: '\f102';

}

#site-navigation  li a[href*="lesliefeinberg.net/maps/"]::before {
	content: '\f473';
}

#site-navigation  li a[href*="lesliefeinberg.net/blog-2/"]::before {
	content: '\f425';
}

#site-navigation  li a[href*="lesliefeinberg.net/connect/"]::before {
	content: '\f410';
}

#site-navigation  li a[href*="lesliefeinberg.net/site/"]::before {
	content: '\f403';
}

@media (min-width: 64.063em) { #toggles { display: none; } }