/*
Theme Name:  Read Child
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Author:      Nicole Dotin, Amy Papaelias, with Indra Kupferschmid butting in
Template:    read
Description: Responsive WordPress theme.
License:     ThemeForest License
License URI: http://themeforest.net/licenses
Text Domain: read-child
*/




/* -------------------------------------------- */
/* header styling */
h1.site-title p { 
	margin: 0; 
}

.site-header { 
	padding-top: .1em; 
	padding-bottom: .1em; 
	text-align:center; 
	margin-bottom: 1.5em; 
	/* background-color: black; */
}

.site-header hgroup { 
	padding: 0; 
}

/* Large screens ----------- */
@media only screen  and (min-width : 1440px) {
	.site-title img { max-width:85%; }
}

/* -------------------------------------------- */


p {
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
}


/* FONTS 
* These use absolute URLs so the fonts also appear on mentorship.alphabettes.org
*/


	/*Dover Serif Text*/
	@font-face {
	font-family: "Dover Serif Text";
    src: url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Regular-Web.woff2') format('woff2'),
    	 url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Regular-Web.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
	@font-face {
	font-family: "Dover Serif Text";
    src: url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Italic-Web.woff2') format('woff2'),
    	 url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Italic-Web.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
	@font-face {
	font-family: "Dover Serif Text";
    src: url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Bold-Web.woff2') format('woff2'),
    	 url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Dover/DoverSerifText-Bol-Web.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

	/*Pilot for headlines*/
	@font-face {
	font-family: "Pilot-SemiBold";
    src: url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Pilot/pilot-semibold-v100.woff2') format('woff2'),
    	 url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Pilot/pilot-semibold-v100.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
	@font-face {
	font-family: "Pilot-SemiBold";
    src: url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Pilot/pilot-semibolditalic-v100.woff2') format('woff2'),
    	 url('https://www.alphabettes.org/wp-content/themes/read-child/fonts/Pilot/pilot-semibolditalic-v100.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}



     
/* Main Font selectors */

html, button, input, select, textarea, .toggle h4 { 
	font-family: "Dover Serif Text", Georgia, serif; 
}
 
.nav-menu-search {
	font-family: "Dover Serif Text", Georgia, serif;
	font-weight: bold;
}
  
h1, h2, h3, h4, h5, h6, .main-navigation ul li, dt, .more-link, .site-footer { 
	font-family: "Dover Serif Text", Georgia, serif;
	color: black;
}
  
h3.comment-reply-title {
	font-family: "Pilot-SemiBold", Georgia, serif; 
	margin: 1.0em 0 .3em 0;
}

.entry-header, .post .entry-title, body.page h1, .category-98 h1, .site-footer h1 {
	font-family: "Pilot-SemiBold", Georgia, serif; 
	font-weight: normal;
/*	font-style: italic;*/
	font-size: 2em;
	line-height: 1.05em;
	max-width: 60em;
	color: black;
/*STRIKE visibility: hidden; */
}

p, figcaption, li {
	font-size: .9em;
}

figcaption {
	font-style: italic;
}

.main-navigation ul .current-menu-item > a {
	color: #000;
	font-weight: bold;
}

.post-archive .page-title {
    font-size: 1.2em;
    font-style: italic;
}

.single .entry-meta {
	margin-top: 1em;
}

.hentry {
	padding: .5em 0 2.5em 0;
}

/* special 2nd level emphasize for Dover Text because it doesn’t contain bold italics; would probably have to be removed again for other typefaces */
i b, i strong, em b, em strong, cite b, cite strong { 
	font-weight: normal; 
	font-variant-caps: all-small-caps;  
		-moz-font-feature-settings:"smcp=1";
		-moz-font-feature-settings:"smcp";
		-ms-font-feature-settings:"smcp";
		-webkit-font-feature-settings:"smcp";
		font-feature-settings:"smcp";
}
	
b i, strong i, b em, strong em, strong cite, b cite { 
	font-weight: bold; 
	font-style: normal;
	font-variant-caps: all-small-caps; 
		-moz-font-feature-settings:"smcp=1";
		-moz-font-feature-settings:"smcp";
		-ms-font-feature-settings:"smcp";
		-webkit-font-feature-settings:"smcp";
		font-feature-settings:"smcp";
}

/* Font Size 
for some reason when the line-height is changed from 1.6, the navigation bounces on hover, so, 1.6 it is
html { font-size:1.2em; }
body { line-height:1.45; overflow-x: hidden; } */


/* LINKS */
a, a:hover {
    color: #000;
    text-decoration: none;
}

h1 a {
  color: #000;
}
  
.entry-content a, 
.entry-content a:link, 
.entry-content a:visited,
.comment-content a,
.comment-content a:link,
.comment-content a:visited {
    border-bottom: 1px dotted #9f9f9f;
	padding-bottom: 0; 
}

.site-content a:hover, 
.entry-content a:hover,
.alpha-statement a:hover {
	box-shadow: inset 0 0 0 white,inset 0 -4px 0 #b2f996;
    padding-bottom: 0px;
}

.main-navigation ul li {  
	word-spacing: 0.03em;
	letter-spacing: 0.0005em; 
	margin:0 1em; 
	padding:1.15em 0 1.05em 0; 
	font-size: .8em;
	max-height: 1.55em;
}

/*
.main-navigation ul li a {
color: #fff;
}
*/

.navigation a {
	padding: 0;

}


/*Dropdown from main nav
ul.sub-menu li a {
font-size: 3em;
}*/


/*COLUMN WIDTH*/

.comments-area, .entry-content, .entry-footer, .entry-summary, .page-content {
    color: #000;
    margin-left: auto;
    margin-right: auto;
    max-width: 37.5em;
/*STRIKE visibility: hidden; */
}

/* Comment Form */

textarea { width:70%; min-width:262px; min-height:12em; }

/* SEARCH */
/* CHANGED FOR BLACK HEADER BACKGROUND */
#search-form label { 
	font-weight: bold;
	/* color: #fff; */
}

#search-form label:hover 
	{ color: #737c82;
/*color: #e9eff3;*/}

.not-found { 
	padding:0; 
	text-align:center; 
}

.blog-posts article { 
	border-bottom: 1px solid #eee; 
	margin-bottom:1.75em;
}

.entry-content a.more-link { 
	display:block; 
	max-width:18.75em; 
	text-align:center; 
	margin:2em auto 0 auto; 
	padding:0.5em 0 0.4em 0; 
	color:#000; 
	font-weight:bold; 
	font-size:.9em; 
	background:none; 
	border-bottom:none; 
	letter-spacing:normal; 
	font-variant: all-small-caps;
}

.nav-single, .navigation { 
	padding:1em 0; 
	font-size:.9em; 
	font-variant: all-small-caps;
	font-weight: bold;
}


/* SLIDE SHOW GALLERY */
.slideshow-window {
border-radius: 0;
}


/* IMAGE GALLERY CAPTION */

.gallery-caption {
	text-align: left;
}

/* Header page */
.category-98 p {
	margin: 0;
	padding: 0;
}

.category-98 .blog-posts article{
	margin: 0;
}

.category-98 .entry-meta {
	padding: 0 0 1.2em 0;
}

.category-98 h1{
	/*padding: .57em 0 0 0;*/
  	padding: 0.4em 0 1.5em 0;
}
  
.title-98 {
    text-transform: capitalize;
}

.page-id-2 .middle {
	padding-bottom: 0em;
}


/* custom CSS for specific posts */
.fallbacksizer {
	font-size: .85em;
}

#loveletterspost {
	margin: 0 3%;
}

#smallportraitfreda {
		float: left; 
		margin: 3% 3% 0 0;
	}

/* Note: this is to correct the direction of Hebrew in Shani's article */
#hebrew-rtl {
	font-family: 'David Libre', serif;
	direction: rtl;
}


/*STRIKE .author-info p {visibility: hidden;} */


/* hide headers on attachment pages*/


.attachment .entry-header  {
display: none;
}



/* --- Footer -- */
.alpha-statement {
	width: 50%;
	color: #000;
	text-align:center; 
	margin:0 auto 0 auto;
	padding: 2em;
	/*font-style: italic; */
	font-size: 1em;
	background-color: #eee;
	/* background-color: #f9f9f9; */
}

#supplementary {
	width: 90%;
/*STRIKE visibility: hidden; */
}

.featured_posts {
	color: #000;
	text-align:center; 
	margin:0 auto 0 auto;
	padding: 2em;
	font-size: .8em;
	line-height: 1.5;
}

.featured_posts img {
  	padding-bottom: .4em;
}
  
.blog-masonry .hentry h1 {
    line-height: 1.15em;
    font-size: 1em;
}
  
.site-footer h1 {
	text-align: center;
	padding-top: 1em;
	padding-bottom:0;
	margin-bottom:1em;
}

.post-archive .page-header {
	padding-bottom: 2.25em;
}

.site-footer { 
	padding: 0 0 1.5em 0; 
	background: #EEE; 
}

.site-footer .row:first-child { 
	border-top: 1px solid #eee; 
}

.site-footer .site-info { 
	padding-top:2em; 
	text-align:center; 
	font-size:.8em; 
	/*color:#b2b2b2;*/ 
	color: #222;  
}

.site-footer .site-info a { 
	border-bottom: 1px dotted #9f9f9f; 
	/*color:#b2b2b2;*/ 
	color: #222;
}

.widget-area a { 
	color:#444; 
	font-size: 1em;
	line-height: .9em;
	font-weight: 700;
	font-style: normal;
}
.widget-area {
	font-style: italic;
}
.featured_posts img {
	background-color: #000;
}

/*.widget-area a:hover {
	background-color: #FFF;
}*/

.row-fluid .span4 {
	width: 17%;
	padding: 0 .25em 2em 0;
}

/* --- End: Footer -- */



/* tags */
.blog-single span.post-tags { 
	position:relative; 
}

.blog-single span.post-tags:before { 
	font-size: 1.1em; 
	margin-left: .075em; 
	margin-right: .075em; 
	display:inline-block; 
	content: "\f02b"; 
	color:#000; 
	font-family:fontAwesome; 
}

.blog-single span.post-tags {
	margin-left: .8em; 
}

/* Misc. */
.entry-meta .comments-link:before {
	display: none;
}

/* This block disappears the images on the Masonry-themed archives */

.blog-masonry img,
.blog-masonry .wp-caption img[class*="wp-image-"] {
	display: none;
}

.blog-masonry .wp-caption-text {
	display: none;
}


/* Masonry animation customization */

.isotope, .isotope .isotope-item {
    transition-duration: 0.0s;
}

/*love letters post grid */

.post-3157 .wp-caption {
	float: left;
	font-size: .9em;
}

/* COMMENTS area */

.bypostauthor > article  {
	border-left-color: #b2f996;
}

.bypostauthor > article:before {
	border-top-color:  #b2f996;
}

/* Ned note: these two blocks controls img size for images with a caption using a width attribute. */

.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

/* Ned note: end */

footer.entry-meta {
	line-height: 26px;
}
.entry-meta {
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	font-style: italic;
}
  
.entry-meta { 
	padding:.3em 0 .7em 0; 
}

.author-name { 
	font-weight: bold; 
}

.entry-header, .post .entry-title a:hover {
	background-color: rgba(255, 255, 255, 0);
}

.entry-meta a:hover, .site-content h1 a:hover, .nav-single a:hover, .comment-meta a:hover, .comment-reply-link:hover, .navigation a:hover, .post-pagination a:hover, .related-posts a:hover, .archives a:hover, .entry-content a.more-link:hover, .launch-wrap a:hover .widget-area a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.wp-caption-text {
	font-style: italic;
	font-size: 90%;
}


@media screen and (min-width: 768px) {
/*.wrapper > .row,  {
width: 50%;
}


We should consider some media query changes though because currently the font-size is pretty large on mobile – IK
*/
}

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


.entry-header, .post .entry-title, body.page h1, .category-98 h1, .site-footer h1 {
	font-size: 1.7em;
}

.entry-meta {
	font-size: 1em;
}

.alpha-statement {
	width: 80%;
	font-size: 1em;
	
}

.site-footer .widget-area {
	padding: 1em 0;
}

.row-fluid .span4 {
	width: 90%;
	padding: 0 0 2em 2em;
}

	#loveletterspost {
		margin: 0;
	}
	
	
	#smallportraitfreda {
		float: none;
	}
	
/*FOR BLACK BACKGROUND HEADER MENU
.main-navigation div.selector {
background-color: #000;
}

.main-navigation div.selector select {
color: #FFF;
}
*/
}