/*
Theme Name: Hitchcock Child
Theme URI: http://www.andersnoren.se/teman/hitchcock-wordpress-theme/
Template: hitchcock
Author: Anders Norén (Child by Benjamin Justice)
Author URI: http://www.andersnoren.se
Description: Hitchcock is a minimal portfolio theme for designers, photographers and other creatives. It features a beautiful responsive design, a social icon menu, Jetpack infinite scroll, custom accent color, custom header image, support for the gallery post format, editor styling and much more. Included translations: Swedish/svenska.
Tags: blog,three-columns,custom-colors,custom-header,custom-menu,editor-style,featured-images,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,grid-layout,portfolio,photography
Version: 1.06.1469953152
Updated: 2016-07-31 08:19:12

*/

body {
    background-color: #fff;
    background-image: none;
}
.header-image:after {
    background-color: #fff;
    background-image: none;
}
.credits p:first-child a {
    color: #aaa;
}
.credits p:first-child{
    color: #aaa;
}
.navigation {
    background: #fff;
}
.main-menu li:hover > a {
    color: #f00;
}
.page-title p {
    color: #000;
}
.page-title h4 {
    color: #000;
}

.archive-post-title {
    color: #fff;
}

img.attachment-medium.size-medium {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-header {
    padding: 0 0 80px 0;
}

.social-menu a {
    width: 48px;
    height: 48px;
    color: #aaa;
    background-color: #fff;
    border-radius: 99px;
    border-style: solid;
    border-color: #aaa;
    border-width: 3px;
}

.social-menu a:hover {
    background-color: #aaa;
    color: #fff;
}

.social-menu li a::before {
    font-size: 29px;
    top: 37%;
}

.blog-description {
    color: #2d2d2d;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-family: inherit;
}

@media ( max-width: 900px ) {
	.has-post-thumbnail .post-overlay {
	    background: rgba(0,0,0,0.75);
	    top: 50%;
	    opacity: 1;
	}
}

.credits p + p {
    color: #aaa;
}

.credits p a:hover {
    text-decoration: underline;
}

.credits p + p a {
    color: #aaa;
}

.credits p.credits-copyright {
    font-size: 1.5em;
}

/* Fix for left and right aligned images out of bounds? Does this have bad consequences? */
.post-content .alignright {
	margin: 0 0em 1.5em 2em;
}
.post-content .alignleft {
	margin: 0 2em 1.5em 0em;
}

.social-menu li a[href]::before { content: '\f015'; }
.social-menu li a[href$="/about"]::before { content: '\f129'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f230'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="xing.com"]::before { content: '\f168'; }
.social-menu li a[href*="artstation.com"]::before { content: '\f03e'; }


/* Gallery Custom Style */

.gallery {
    margin: auto;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery img {
    border: 2px solid transparent;
}
.gallery .gallery-caption {
    margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */