/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       AGR
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/*no featured image on front page */
.home .post-thumbnail img {
    display: none;
}

/* fix inset without featured images */

/* fix from 6/7/15  -- only do on homepage */
 
.home .site-content .has-post-thumbnail .entry-header {
	margin-top: 10px;
}

/*
.full-width .site-content .has-post-thumbnail .entry-header {
    margin-top: 10px;
}
*/

/* try to fix meta on front page */
.home .site-content .has-post-thumbnail blockquote.meta {
	margin-top: 10px;
	clear: none;
    	text-align: left;
		float: none;
		width: 100%;
		margin: 0px 24px 7px 0px;
		border-bottom: 1px solid black;
	
	}
}


/* not sure what this is */

.widget-title, .widget-title a {
    color: #000000;
}

.widget a {
    color: #111111;
}

@media screen and (min-width: 1008px) {
	.site:before {
		background-color: #fff;
	}
}



@media screen and (min-width: 783px) {
	 .primary-navigation {
		 float: right;
		 margin-left: 20px;
	        }
		}

/* center everything i think */

.site {
		margin: 0 auto;
        }
@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,	        
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-left: 55px;
	        }
        }

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
		max-width: 874px;
        }
.comments-area {
		max-width: 874px;
        }
.post-navigation, .image-navigation {
		max-width: 874px;
        }


.site:before,
#secondary {
		width: 0;
		display: none;
	    }
.featured-content {
		padding-left: 0;
        }
.site-content, .site-main .widecolumn {
		margin-left: 0;
        }
.hentry {
		max-width: 900px;
        }
.post-thumbnail img {
		width: 100%;
		}




/* smaller header image */
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, .site-content .post-thumbnail img {
    max-width: auto;
}


/* image and meta fixed in mobile */

@media screen and (min-width: 810px) {
	.full-width .site-content blockquote.meta {
    	clear: left;
    	text-align: right;
		float: left;
		width: 40%;
		margin: 7px 24px 7px -168px;
	}
}


/* image in margin */
@media screen and (min-width: 1110px) { .full-width .site-content blockquote.meta, .full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft {
    margin-left: -250px;
}
}



/* blockquote in margin */
.full-width .site-content blockquote.alignleft, .full-width .site-content blockquote.alignright {
    width: 40%;
	color: red;
	font-size: 25px;
}

.full-width .site-content blockquote.alignleft p, .full-width .site-content blockquote.alignright p {
	font-size: 25px;
}

.full-width .site-content blockquote.alignleft {
	text-align: right;
}

@media screen and (min-width: 1110px) { .full-width .site-content blockquote.alignright {
	text-align: left;
	margin-right: -250px;
}
}


/* meta in margin */
.full-width .site-content blockquote.meta {
    width: 40%;
    font-size: 100%;
    color: black;

	font-style: normal;
	text-indent: 0px;
}

.full-width .site-content blockquote.meta {
    font-size: 100%;
    color: black;
	font-style: normal;
	text-indent: 0px;
}

/* em in meta */
blockquote em, blockquote i, blockquote cite {
    font-style: oblique;
}

/* indents */
.entry-content p {
	margin-bottom: 0px;
	text-indent: 26px;
	font-size: 17px; 	
}

.site-content blockquote.meta p, .site-content blockquote.metanoimage p, .site-content blockquote.alignleft p, .site-content blockquote.alignright p {
	text-indent: 0px;
}

.site-content h2 + p, .site-content h3 + p, p:first-of-type {
    text-indent: 0px;
}

p.first {
	text-indent: 0px;
}

/* remove invisible first paragraph */
p.invisiblefirst {
	line-height: 0px;
}

/* paragraph in meta with break */
.site-content blockquote.meta p, .site-content blockquote.metanoiamge p {
	margin-bottom: 10px;
}

/* paragraph with break */
p.break, li {
	margin-bottom: 10px;
}

/* paragraph with break before */
p.breakbefore {
	margin-top: 10px;
	text-indent: 26px;
}

/* paragraph for interview */
p.interview {
	margin-top: 10px;
	text-indent: 0px;
}

/* control width of main text */
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    max-width: 500px;
}



h2 {
    clear: none;
}

/* designate a sectionbreak for asterisks */
h3.sectionbreak {
	text-align: center;
}


/* add tooltip functionality with "stuff" parameter */
.tooltip{
    display: inline;
    position: relative;
	color: #a13f24;
	font-weight: 500;
	text-indent: 0px;
}



.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(stuff);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	width: 220px;
}



.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* fix some plugin shit from the no-indent-in-div nonsense */
div.socialicons {
    padding-top: 17px;
}

#jp-relatedposts p {
	text-indent: 0px;
}

/* another blockquote style */
blockquote.quoted {
	color: black;
	margin-top: 10px;
}

/* subhead levels */
h4.topone {
	font-weight: 700;
	margin: 36px 0 0px;
}
h4.bottomone {
	font-weight: 300;
	font-size: 18px;
	margin: 0px 0 12px;
	font-style: oblique;
}