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

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:

Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.*/

/* Import layout */
@import url(../twentyfourteen/style.css);

/* =Theme customization starts here
-------------------------------------------------------------- */
/*Style Sharebuttons */
div.sharebuttons{

max-width:306px;
/*text-align:right;*/
padding-top:14px;
padding-right:10px;
position:absolute;
z-index:100;
width:100%;
margin-left:585px;

}
div.sharebuttons a{
padding:5px;
}
body{
background: #fff;
}
/* make left side column transparent*/
.site:before{
opacity:0;
}
/*make left sidebar narrower*/
@media screen and (min-width:1080px) {
.site:before{
width:100px;
}
#secondary{
width:70px;
}
}
#site-header img{
height:100%;
}
/*Eliminate space above logo*/
.content-area{
padding-top:0
}
@media screen and (min-width: 846px) {
	.content-area
	/*, .content-sidebar*/ {
		padding-top:0;
	}}
/*Push right sidebar down to line up with title*/
.content-sidebar{
padding-top:219px;
}
/*Make site title background strip white*/
.site-header{
	background-color: #fff;
	/*max-width: 474px;*/
	position: relative;
	width: 100%;
	z-index: 4;
}
/*------Style Header Elements to line up with blog body-------*/
/*.site-header{
max-width:672px;
}*/

/*create space between logo and site title and center image in main column*/
#site-header{
	margin:0 auto 40px;
}
.header-main{
	margin: 0 auto;
	max-width:474px;
	padding:0 30px 75px;
	
}
@media screen and (min-width: 594px) {
	/*.site-header,*/ #site-header {
		padding-right: 30px;
		padding-left: 30px;
	}}
/*@media screen and (min-width: 673px) {
.site-header{
margin-right:33.33333333%;
}}*/
/*@media screen and (min-width: 1008px) {
.site-header{
	margin-right: 29.04761904%;
		margin-left: 182px;
	}}
@media screen and (min-width: 1080px) {
.site-header{	margin-left: 222px;
	}}*/


/*
@media screen and (min-width: 1040px) {
.site-header{
padding-right:15px;
padding-left:15px;
}}*/
@media screen and (min-width: 1218px) {
	.header-main, #site-header{
		margin-right: 54px;
	}}

/*------End style Header Elements to line up with blog body-------*/

div#content-sidebar{float:left:}
/*Change appearance of site title*/
.site-title a {
color:#2b2b2b;
font-size:30px;
font-weight:400;
text-decoration: none;
}
.site-title a:hover{
color:#2b2b2b;}
/*Change appearance of "ABOUT"*/
.site-navigation a {
color: #2b2b2b;
font-size:14px;
text-decoration: none;
}
/*Change appearance of site description and/or make widgets in left sidebar visible*/
#secondary{
color:#2b2b2b;
}
/*Make site description in left sidebar invisible until I figure out how to delete it from that section*/
div#secondary h2.site-description{
color:#fff;
}
h2.site-description{
font-size:16px;
/*font-style:italic;*/
font-weight:500;
margin-bottom:0;
max-width:375px;
}
.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #fff;
		color: #a5a5a5;
	}

.search-toggle{
background-color:#fff;
}
.search-toggle:before {
	color: #2b2b2b;
	/*font-size:40px; change size of magnifying glass*/
}
.search-toggle:hover,
.search-toggle.active {
	background-color: #fff;
	color:#a5a5a5;
}
.search-box {
	background-color: #fff;

}
/*Change hover colors*/
a{
color:#727272;
text-decoration:underline;
}
a:hover{
color:#a5a5a5;
}
.entry-title a:hover {
	color:#a5a5a5;
}
.cat-links a:hover{
	color:#a5a5a5;
}
.entry-meta a:hover{
	color:#a5a5a5;
}
.content-sidebar .widget a:hover{
	color:#a5a5a5;
}
/*Change appearance of "Post Comment" button-andother buttons*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #727272;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #a5a5a5;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #a5a5a5;
}

/*Change top borders on all sidebar widgets*/
.content-sidebar .widget .widget-title{
border-top:0;
}

/*Change link color in sidebar widgets*/
.content-sidebar .widget a{
color:#727272;
text-decoration: none;
}
/*Change appearance of pagination sectin at bottom*/
.paging-navigation {
	border-top: 0;
	margin: 48px 0;
}
.paging-navigation .current.page-numbers{
border-top:5px solid #2b2b2b;
}
.paging-navigation a:hover{
border-top:5px solid #2b2b2b;
}
/*Change appearance of "ABOUT" on secondary pages. May need to revisit to indicate current item if multiple items are added to navigation menu*/
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #2b2b2b;
	font-weight: 400;
}
.post-navigation a:hover,
.image-navigation a:hover {
	color: #a5a5a5;
}