/*
Theme Name:     Plantilla Esplai
Theme URI:      http://www.esplai.org/
Description:    Plantilla amb els colors de l'esplai 
Author:         Jonathan Pasquier (jpasquier@esplai.org)
Template:       twentytwelve
Version:        0.1.0
*/

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

#background-gradient {
  background-color: #006A52;
  background-image: url("./img/misc/background-gradient-1920x1.png");
  background-position: center top;
  background-repeat: repeat-y;
  height: 400px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

article.format-aside .aside {
    background: none repeat scroll 0 0 #C5E86C;
    border-left: 22px solid #006A52;
    padding: 1.71429rem;
}

#page {
	margin-top	: 0;
}

#supheader {
	height	: 100px;
}

#supheader #logo-fundacio {
	background-image: url("./img/logos/logo-fce-capcalera.png");
	background-position	: center left;
	background-repeat	: no-repeat;
	display	: block;
	height	: 100px;
	text-indent	: -1000px;
	/*width	: 179px;*/
}

#page .header-image {
	box-shadow	: none;
	border-radius	: 0;
	float	: right;
	margin-top	: 0;
}

.widget img {
	border-radius	: 0;
	box-shadow	: none;
}
.widget .textwidget img {
	margin-bottom: 1.128571429rem;
}
.widget-area img.alignleft, .widget-area  .wp-caption.alignleft {
    margin-bottom: 2.57143rem;
}
.widget-area .widget h3 {
	margin-bottom: 5px;
	margin-bottom: 0.714285714rem;
	font-size: 0.9rem;
	line-height: 1.346153846;
}

.edit-link {
    background-color: #E0F1EA;
    border-bottom: 1px solid #B3E1CE;
    border-right: 1px solid #B3E1CE;
    padding: 3px 4px;
    margin: 2px 2px 2px 0;
    color: #006A52;
}
a.post-edit-link{
    color: #006A52;
	font-weight: bold;
    text-decoration: none;
}
a.post-edit-link:hover{
    color: #3E8E6D;
    text-decoration: underline;
}
.entry-content a:hover img, .entry-thumbnail a:hover img {
    box-shadow: 5px 5px 5px #ABABAB;
    opacity: 0.8;
}
@media screen and (min-width: 600px) {
	#supheader {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
	}
}

.entry-content li, .comment-content li, .mu_register li {
    margin: 0 0 0.5rem 2.57143rem;
}


/*ARTICLES*/
.site-content article {
	margin-bottom: 3rem;
	padding-bottom: 0;
}

/*COMENTARIS*/
.site-content article .entry-header .comments-link {
    line-height: inherit;
    margin:0.5rem 0 1rem;
}

.comments-area {
    background: none repeat scroll 0 0 #F0F0F0;
    border-radius: 10px;
    padding: 10px;
}
.comments-area .comments-title{
	margin-bottom: 0.5rem;
}
.comments-area article header {
	margin-bottom: 1rem;
}

.site-content .comments-area article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #DDDDDD;
}
.comments-area article header cite, .comments-area article header time {
    display: block;
    margin-left: 4rem;
}
.comments-area .comment .reply {
	margin-top: -1rem;
}
.comments-area .comment p.edit-link {
    float: right;
    margin-top: -2rem;
    text-align: right;
}

/* Maximum width of 599 pixels. */
@media screen and (max-width: 599px) {
	button, input {
		max-width: 100%;
	}
	.main-navigation li , .main-navigation li ul li {
		margin: 1px;
		text-align: left;
	}
	.main-navigation li a, .main-navigation li ul li a {
		background: #efefef;
		border: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 1.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		padding-right: 5px;
		
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a {
		padding: 8px 20px;
		padding: 0.571428571rem 1.214285714rem;
		padding-right: 5px;
	}
	.main-navigation li a {
		background: #ddd;
	}
	#supheader  {
		padding: 0 1.71429rem;
	}
}
/* Maximum width of 959 pixels. */
@media screen and (min-width: 600px) and (max-width: 959px) {
	#supheader  {
		padding: 0 1.71429rem;
	}
}
@media screen and (min-width: 960px) {
	#supheader {
		padding: 0 2.85714rem;
	}
}