/*
Theme Name: Les dissonances
Theme URI: http://www.lesdissonances.fr/
Description: Les dissonances 2016
Version: 3
Author: Sébastien Moulène
*/

#header > .wrapper {
	padding-top: 180px;
}



.post {
	text-align: center;
}

.post p {
	font-size: 20px;
}

.post a {
	border-bottom: 1px solid transparent;
}

.post a:hover {
	border-bottom-color: #000;
}

.post .meta {
	text-transform: uppercase;
	color: #d3b881;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .05em;
}
.post .meta a {
	color: #d3b881;
}
.post .meta a:hover {
	border-bottom-color: #d3b881;
}

.postContent, .post .socials, .tags, #blocComment, h1 {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.postContent p a {
	border-bottom-color: #000;
}
.postContent img {
	max-width: 100%;
	height: auto;
}

#blocComment, .tags, .post .socials, #respond {
	border-top: 1px solid #e7e7e7;
	padding-top: 30px;
}
.post .socials {
 	padding-bottom: 30px;
}
.socials iframe, .socials > div {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}
#blocComment {
	padding-top: 90px;
	margin-bottom: 90px;
}

.commentlist {
	text-align: left;
}
.commentlist .avatar {
	display: none;
}

@media screen and (max-width: 1024px){
	.postContent, .post .socials, .tags, #blocComment, h1 {
		max-width: 80%;
	}
}

@media screen and (max-width: 768px){
	.postContent, .post .socials, .tags, #blocComment, h1 {
		max-width: 100%;
	}
}

@media screen and (max-width: 736px){
	#header > .wrapper {
		padding-top: 20px;
	}
}