/*
 Theme Name:   Bushwick Child
Theme URI: http://theme.wordpress.com/themes/bushwick/
 Description:  Bushwick Child Theme
 Author:       Klas Roggenkamp
 Author URI:   http://blog.klasroggenkamp.de
 Template:     bushwick
 Version:      0.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bushwick-child
*/

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

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

/* CHANGE COLORS */

/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #FF4700;
}

.site-header .site-title, .site-header .site-description, .featured-image .site-header .entry-title, .featured-image .site-header .entry-meta a, .featured-image .site-header .post-navigation a {
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

.site-header {
	background: rgba(51, 71, 61, 0.05) url(http://blog.klasroggenkamp.de/wp-content/themes/bushwick-child/img/default-header.jpg) no-repeat scroll center;
}

/* Text elements */
blockquote {
	border-left: 5px solid #8F8F8F;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #8F8F8F;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0099FF;
}

pre {
	word-wrap: normal;
}
/* Links */
a {
	color: #0099FF;
}

/* Alignment */
.aligncenter {
	margin: 1em auto;
}

/* Menu */
.navigation-main a {
	color: #FF4700;
}
.navigation-main .current_page_item > a,
.navigation-main .current-menu-item > a {
	color: #0066ff;
}
.navigation-main li:hover > a {
	border-bottom: 5px solid #FF4700;
	color: #0099FF;
}

.menu-toggle,
.navigation-main .widget-handle {
	color: #FF4700;
}

.menu-toggle:before:hover, .toggled .menu-toggle, .navigation-main .widget-handle:hover:before, .navigation-main .widget-handle.open:before {
	color: ##0099FF;	
}

/* Content */
.fb_iframe_widget {
	margin: 1em auto 1em auto;
}

.entry-title,
.entry-title a {
	color: #FF4700;
}
.single .entry-title,
.page .entry-title,
.site-header .post-navigation a {
	color: #FF4700;
}
.entry-title a:hover {
	color: #0099FF;
}
.entry-summary p:first-of-type:before {
	color: #8F8F8F; /* ? */
}
.more-link,
#infinite-handle span {
	background: #8F8F8F;
}
.more-link:hover,
#infinite-handle span:hover {
	background: #0099FF;
}

/* Media */
.gallery img {
	min-width: 100px; /* Bei Upload-Fehlern */
}

.wp-caption .wp-caption-text {
	font-size: 0.65em;
}

/* Navigation */
.post-navigation a:hover {
	color: #0099FF;
}

/* Comments */
.comment-author .fn {
	color: #FF4700;
}

/* ----- ADD STUFF */

/* Home Link needs more width */

h1.site-title a {
	color: #fff;
}

a[href="/"] { 
	min-width: 5em;
	text-align: center;
}

/* Fokus auf die Headline, nicht die Meta-Info*/
.entry-preview .entry-meta a {
	color: #8F8F8F;
}
.entry-preview:hover .entry-meta a {
	color: #FF4700;
}

/* CUSTOM: YARPP */
.yarpp-related ul {
    list-style: none;
    margin: 0 auto;
}
.yarpp-related li {
    list-style: none;
    margin-bottom: 1em;
}

.yarpp-related h4 {
	margin: 0 auto;
}    

.yarpp-related h4 a {
    color: rgba(71, 71, 71, 0.8);
}    

.yarpp-related small {
    color: rgba(66, 66, 66, 0.5) !important;
}

.yarpp-related li:hover h4 a {
    color: #FF4700;
}    

.yarpp-related li:hover small {
    color: rgba(66, 66, 66, 1) !important;
}

/* CUSTOM SOCIAL */
.social.bottom {
	margin-top: 1em;
}
.social ul.button {
	opacity: 0.7;

    -webkit-transition: opacity 1s ease-out 500ms;
    -moz-transition: opacity 1s ease-out 500ms;
    -o-transition: opacity 1s ease-out 500ms;
    transition: opacity 1s ease-out 500ms;
}
.social ul.button:hover {
	opacity: 1;
}
.social ul {
    list-style: none;
    display: table-row;
    width: 100%;
}
.social li {
    display: table-cell;
    width: 30%;
    text-align: center;
}
.social ul.box {
	display: none;
}

/* POST FORMATS */

/* FOCUS on content */
.single-format-image h1.entry-title,
.single-format-quote h1.entry-title {
	display: none;
}

.single-format-image {
    color: #666;
}
.single-format-image .entry-summary {
    color: #999;
}

.single-format-image article a,
.single-format-image #comments {
	opacity: 0.7;
}


.single-format-quote .yarpp-related {
    margin-top: 5em;   
}
.single-format-quote .entry-content {
	margin-bottom: 2em;
}
.single-format-quote blockquote {
    padding: 3em;
	text-align: center;
	font-size: 150%;
}

.single-format-image img {
    max-width: 99%;
    padding: 0.3em;
	border: 1px solid #fff;
}

.single-format-image {
	background-color: #000;
}

.single-format-image .site-header .entry-meta a,
.single-format-image .yarpp-related small {
	color: #fff;
}

/* HOVER */
.entry-content.preview {
	margin: 0;
    visibility: hidden;
    height: 1px;    
   	-webkit-transition: visibility 1s ease-in 0.3s;
	-moz-transition:    visibility 1s ease-in 0.3s;
	-ms-transition:     visibility 1s ease-in 0.3s;
	-o-transition:      visibility 1s ease-in 0.3s;
	transition:         visibility 1s ease-in 0.3s;

   	-webkit-transition: height 1s ease-in-out 0.2s;
	-moz-transition:    height 1s ease-in-out 0.2s;
	-ms-transition:     height 1s ease-in-out 0.2s;
	-o-transition:      height 1s ease-in-out 0.2s;
	transition:         height 1s ease-in-out 0.2s;  
}
.entry-meta.preview {
    visibility: visible;
	opacity: 1;

}

.entry-content.preview img {
	max-height: 6em;
	width: auto;
}

article:hover .entry-content.preview {
    visibility: visible;
    height: 6em;
    overflow: hidden;
}
article:hover .entry-meta.preview {
    visibility: hidden;
	opacity: 0;
}


.entry-content.preview .fb_iframe_widget,
.entry-content.preview .twitter-tweet{
    display: none;
	opacity: 0;
}

article:hover .entry-content.preview .fb_iframe_widget,
article:hover .entry-content.preview .twitter-tweet {
    display: block;
	opacity: 1;
}

@media (max-width: 599px) {

	/* CUSTOM */
	h1.entry-title {
		font-size: 1.5rem;
	}

	.site-header [class*="navigation"] {
		text-align: center;
		width: 100%;
	}

	.nav-links a {
		display: inline-block;
		width: 50%;
	}

	.navigation-main li {
		display: block;
	}

	/* SOCIAL */
	.social ul.box {
		display: table-row;
	}
	.social ul.button {
		display: none;
	}
}