/*
Theme Name: Ecolosites Municipales 2013 - E 
Author: Elliot Lepers
Author URI: http://viteungraphiste.com
Theme URI: http://ecolosites.eelv.fr/ecolosites-white/
Template: ecolosites_white
*/



/*-- Universal ---------------------------------------------------*/
/*@import url(css/font.css);*/


*{
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a{
	text-decoration: none;
}

ul, ol {
	padding: 0;
	margin: 0;
}
#content ul, #content ol{
    padding-left:1em;
}

li {
	line-height: inherit;
}

.trw{
	background: #fff;
	background: rgba(255, 255, 255,0.9);
}

.trb{
	background: #111;
	background: rgba(0, 0, 0, 0.8);
}

.p20{
    padding: 20px;
}
.page.page-template-3cols-php #content article{
    padding: 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.p10{
	padding: 10px;
}

.p5{
	padding: 5px;
}

.radius5{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}

.radius3, .menu li ul.sub-menu{
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}


.transition, .menu li ul.sub-menu li{
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.container{
	position: relative;
}

.page.page-template-3cols-php #content article,
#inside{
	background: #fff;
	background: rgba(255, 255, 255,0.9);
}

#inside{
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*-- Header ---------------------------------------------------*/

#header{
	margin-bottom: 10px;
	text-align: center;
	color: rgb(255, 255, 255) ;
}
.banner_bg {
    background-size:contain;
}

#header h4, #site-title h1, #site-title p{
	text-shadow: 0px 2px 4px rgba(0,0,0,0.8);	
}


#header h4{
	margin: 1.2em 0 0.8em;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
}

#site-title{
	font-size: 1em;
	padding: 1em 0 0;
	min-height: 100px;
}
	
#site-title h1 {
	font-size: 7em;
	line-height: 0.8em;
	background: transparent;
	box-shadow: none;
	display: inline-block;
	padding:0;
	margin: 0.55em auto 0;
	width: auto;
	font-weight: 700;
	color: rgb(255, 255, 255) ;
	text-transform: uppercase;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.6);	
}

#site-title h1 span{
	font-weight: 300;
}

#header p.description{
	font-size: 1.4em;
	max-width: none !important;
	margin: 0.4em 0 1em;
}

a.lppf.large{
	height: 100px;
	overflow: hidden;
}

/*-- Menus ---------------------------------------------------*/





#header .menu, #header .menu ul {
	border: none;
	position: relative;
	background: transparent;
}

#header_menu ul.menu{
}

.menu{
	text-transform: none;
}

.menu:after, .menu li:last-child:after, .postloop:after, .postloop article:last-child:after, .sidebar aside:last-child:after {
	padding: 0;
}

.menu li {
	padding: 0;
	min-height:0;
	border: 0;
}

.menu li:first-child {
	margin-left:0;
}

.menu li:last-child {
	margin-right: 0;
}

.menu a{
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	font-weight: 700;
	font-size: 1.2em;
	display: block;
}

.menu li a {
	text-shadow: none;
}

.sub-menu{
	display: none;
	position: absolute !important;
	width: 15em;
	text-align: left;
	top: 45px !important;
	background: #333 !important;
	color: #ccc;
	z-index: 99999999;
}

.sub-menu:after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #333;
	border-width: 15px;
	left: 30px;
	margin: -20px 0 0 -15px;
}

.sub-menu li .sub-menu{
	top: 0;
}

.sub-menu a{
	height: 33px;
	line-height: 33px;
}

.menu li ul li{
	width: 100%;
}

.menu li ul li:hover{
	background: #111;
	color: eee;
}	


.menu li:hover ul.sub-menu, .menu li ul.sub-menu:hover, .menu li ul.sub-menu li:hover ul.sub-menu, .menu li ul.sub-menu li ul.sub-menu:hover{
	display: block;
}

.menu li:hover ul.sub-menu li ul.sub-menu, .menu li ul.sub-menu:hover li ul.sub-menu{
	display: none;
}

.menu li ul.sub-menu li:hover ul.sub-menu{
	display: block;
}


.menu li ul li a{
	color: #ccc;
}

#logos{
	left: 0;
}

#widget_logo_eelv_img{
	width:150px;
	height:auto;
	box-shadow: none;
	display: block;
}

#logos .lppf, #logos .textwidget{
	position: relative;
	float: left;
	margin-right: 10px;
}




/*-- Functions ---------------------------------------------------*/

body.custom-background{
	background-position:center center;
	background-repeat:  no-repeat ;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

#newsformwidget{
	display: inline-block;
	height: 35px;
	padding: 5px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.4) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.4)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.4) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.4) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.4) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#66ffffff',GradientType=0 );
	-webkit-box-shadow:  0px 1px 2px 1px rgba(255, 255, 255, 0.5), inset 0px 4px 16px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:  0px 1px 2px 1px rgba(255, 255, 255, 0.5), inset 0px 4px 16px rgba(0, 0, 0, 0.7);
	-o-box-shadow:  0px 1px 2px 1px rgba(255, 255, 255, 0.5), inset 0px 4px 16px rgba(0, 0, 0, 0.7);
	box-shadow:  0px 1px 2px 1px rgba(255, 255, 255, 0.5), inset 0px 4px 16px rgba(0, 0, 0, 0.7);
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		     -o-border-radius: 5px;
		        border-radius: 5px;
}

#newsformwidget input{
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	height: 35px;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.8);
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-transform: none;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}

#newsformwidget input[type=submit]	{
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
	padding: 0 7px;
	font-size: 1em;
}

/* Obsolete since this is an option in the widget
#news_hidden_optionwidget{
	visibility: hidden !important;
	display: none !important;
}
*/

#crumbs{
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	color: rgb(255, 255, 255) !important;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.8);
	font-weight: 700;
	font-size: 1.2em;
}

#crumbs a{
	color: rgb(255, 255, 255) !important;
	display: block;
	height: 30px;
	padding-right: 14px;
	margin-right: 5px;
	background: url(../ecolosites_municipales-e/images/crumb.png) no-repeat right center;
	float: left;
	position: relative;
}

.dk-speakup-petition-wrap, .dk-speakup-progress-wrap, .dk-speakup-share{
	background: transparent !important;
	margin: 0 !important;
}

.dk-speakup-petition-wrap h3{
	padding: 0 !important;
	display: none;
}



.dk-speakup-petition-wrap label{
	font-size: 1em !important;
	line-height: 1em !important;
}

.dk-speakup-full{
	margin: 0 !important;
}

.dk-speakup-half{
	margin: 0 10px 0 0 !important;
}

.dk-speakup-petition-wrap input[type=text], .dk-speakup-message {
	height: 40px;
	line-height: 40px;
}

.dk-speakup-message, .dk-speakup-message-editable textarea{
	height: 80px !important;
}

.dk-speakup-signaturelist-count{
	display: none;
}

.dk-speakup-signaturelist tr{
	line-height: 1em;
	border-bottom: 1px solid #ccc;
}

.dk-speakup-signaturelist .dk-speakup-odd{
	background: #eee;
	background: rgba(0,0,0,0.05);
}


.dk-speakup-signaturelist td{
	padding: 10px 0;
}

.dk-speakup-signaturelist .dk-speakup-signaturelist-name{
	padding-left: 10px;
	width: 30%;
}

/*-- Loops ---------------------------------------------------*/

#content .p20:after{
	content:' ';
	padding:1px;
	clear:both;
	display:block;
}

.postloop article,.widgetloop article {
	padding: 0 0 1em;
}
.widgetloop [class*="span"] {
    margin: 1.5em 0 0 0.5em;
}
.postloop article h3{
    clear:none;
}

.page #content article, .post #content article {
	padding:  0;
}

.single #content article img.wp-post-image,.page #content article img.wp-post-image{
	display: inline;
	text-align: center;
	max-width: 100%;
}

.postloop article{
	width: 100% !important;
}

h2.home_title{
	color: #444;
	font-weight: 400;
	font-size: 2.7em;
	padding: 0;
	margin: 0 0 0.4em;
}

.content img.wp-post-image{
	width: 100%;
	height: auto;
}

.postloop span.has_img {
    display:block;
    float:left;
    margin:0;
    width:auto;
    min-height:0;
    position:relative;
    overflow:hidden;
    text-align:center;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.postloop span.has_img{
	margin-right: 20px;
}

.postloop span.has_img img{
	width:auto;
	max-height: none;
	-webkit-border-radius: 75px;
	   -moz-border-radius: 75px;
	     -o-border-radius: 75px;
	        border-radius: 75px;
	
}


.postloop h3,.widgetloop h3{
	font-size: 2em;
	font-weight: 700;
}

.postloop .excerpt{
	position: relative;
	display: block;
	text-align: left;
}

#content h2{
	font-size: 1.8em;
}

#content h3{
	font-size: 1.6em;
}

#content h4{
	font-size: 1.4em;
}

#content p,#content li,#content blockquote{
    font-size: 1.2em;
}
#content li,#content blockquote{
    margin-left:1em;
}


/*-- Authors ----------------------------------------------------*/
#entry-author-info #author-avatar{
    float:left;
    margin:0 1em 0.3em 0;
}

/*-- Comments ---------------------------------------------------*/

#comments{
	border-top:#DDD 1px solid;
	margin:1em 0;
	padding:1em 0;
	clear:both;
}
#comments h4{
	display:inline-block;
	background:#DDD;
	color:#444;
	padding:0.5em 0.5em 0.8em;
	margin:0;
	position:relative;
} 
#comments h4:before {
	width:15px;
	height:15px;
	padding:1px;
	display:block;
	content:' ';
	background:#DDD;
	position:absolute;
	bottom:-7px;
	right:18px;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

#comments ol, #comments form{	
	padding:0;
	margin:0 0 0 4em;
}

#comments ol li{
	display:block;
	margin:1em 0;
	position:relative;
}

#comments ol li .comment-author{
	display:block;
	margin:0 0 0 2em;
	position:relative;
	color:#888;
	font-weight:700;
}

#comments ol li time{
	display:block;
	position:absolute;
	top:0;
	right:0.5em;
	font-size:0.8em;
	color:#999;
}

#comments ol li .comment-author:after {
	width:15px;
	height:15px;
	padding:1px;
	display:block;
	content:' ';
	background:#F5F5F5;
	position:relative;
	bottom:-8px;
	left:1em;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

#comments ol li .comment-text{
	display:block;
	margin:0;	
	padding:0.7em;
	background:#F5F5F5;
	font-style: italic;
	box-shadow:rgba(0,0,0,0.1) 0 0 20px;
}

#comments ol li .comment-text p{
	margin:0.7em;
}

#comments #commentform{
	padding:1em;
	background:#F5F5F5;
	box-shadow:rgba(0,0,0,0.1) 0 0 20px;
}

#commentform p{
	display:block;
	min-height:1.5em;
	color:#999;
	font-weight:700;
	clear:both;
}

#commentform p label input,#commentform textarea{
	border:#F5F5F5 2px inset;
	padding:0.3em;
	color:#333;
	font-weight:700;
}

#commentform p label input{
	display:block;
	float:right;
	width:60%;
}

#commentform textarea{
	display:block;
	width:99%;
	height:6em;
}

#commentform p input[type=submit]{
	float:right;
}


/*-- Sidebar ---------------------------------------------------*/

#content.no_sidebar{
	margin: auto !important;
	float: none !important;
}

.sidebar aside {
	margin: 0 0 1em;
}

.sidebar aside h5, .sidebar .eelv_up_single h3 {
	background: transparent;
	color: #444;
	font-weight: 400;
	font-size: 2.7em;
	padding: 0;
	margin: 0 0 0.4em;
}

.sidebar aside li{
	margin: 0;
	padding: 0;
}

.sidebar aside table{
	width: 100%;
}

.sidebar .eelv_up_single{
	position: relative;
}

.sidebar .eelv_up_single img{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.sidebar .eelv_up_single h4{
	margin: 0 0 0.5em;
	color: #aaa;
}

.eel_up_rang{
	padding: 0;
	font-size: 2em;
	color: #ddd;
	bottom: 30px;
	display: none;
}


/*-- Footer ---------------------------------------------------*/

#footer{
	background:rgb(95, 139, 0);
}
#footer .menu li a {
	color: #FFF;
	text-shadow: #333 0px 1px 1px;
}
#mentions{
	background:#333;
	color:#CCC;
}
#mentions a,#mentions a:active,#mentions a:link,#mentions a:visited{
	color:#EEE;
}
#footer_area{
    margin:1em auto;
    float:none;
    padding:0 -10px;
}
#footer_area .widget_footer{
    text-align:left;
    padding:1em;
    color:#FFF;
    background:rgba(0,0,0,0.1);
    margin:10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#footer_area .widget_footer a,#footer_area .widget_footer h5.widget-title{
    color:#FFF;
}


/*-- Customs ---------------------------------------------------*/

[class*="span"] {
	margin-left: 0;
}

.content .fluid-width-video-wrapper object, .content .fluid-width-video-wrapper embed {
    position:relative;
}
/*-- Patchs --------------------------------------------------------*/

.p20 .homeget .bx-wrapper,.p20 .homeget .green,.p20 .homeget .radius,.p20 .homeget .black,.p20 .homeget .mozaic{
    /*margin:0 -20px;*/
}

#content .mindcat li{
    font-size: 0.7em;
    margin-left:0;
}

.bx-wrapper article img{
	margin:0 auto !important;
	width:100%;
	height:auto;
}
.widgetloop article{
	max-width:95%;
}
.widgetloop span.has_img {
	display:block;
	float:left;
	margin:-40px 20px 0 0;
	width:auto;
	min-height:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.homeget {
    max-width:100%;
}
.homeget article{
    float:left;
}
.span8 article.span8,.span9 article.span9,.span10 article.span10,.span11 article.span11,.span12 article.span12{
    width:100%;
}
.homeget .widgetloop span.has_img{
	width:150px;
	height: 150px;
	-webkit-border-radius: 75px;
	   -moz-border-radius: 75px;
	     -o-border-radius: 75px;
	        border-radius: 75px;	
}
.homeget .widgetloop span.has_img img{
	width:auto !important;
	height: 100% !important;	
	max-width:none !important;
	max-height:none !important;
	min-height:100% !important;
}
.homeget .widgetloop h3,.homeget .widgetloop .entry-meta,.homeget .widgetloop div p{
	margin-left:170px;
}


/* Event post */
.event_data{
    font-size:1em;
}
.event_link.gps{
    background:#79B41C;
    color:#FFF;
    font-size:1.1em;
}
#sidebar .event_map img, #sidebar aside .event_map table, #sidebar aside .event_map div {
    max-width:none;
}