/*
Theme Name: LaFundicio Mapes
*/

body { margin:0; padding:0; font-family:'Open sans',sans-serif; }
  #map { position:absolute; top:20px; bottom:0; width:100%;min-height:300px;display:block; }
  .leaflet-div-icon { border:0; width:100px; height:40px;background:transparent; }
	h1 {font-weight:400; font-family:'Archivo Black',sans-serif;}
.claseSS {
	/*border-radius:100%;
  width:20px !important;height:20px !important;
	border-radius:100%;
	width:20px !important;
	height:20px !important;
	width: 54px; border-width: 50px 18px 0; border-style: solid; border-color: red transparent;
	width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 25px solid red;
  width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 45px solid red; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;top:-44px;left:-14px;*/
  width: 30px !important; height: 30px !important;  border: solid 0px #333; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	/*top:-44px;left:-14px;*/
	transform-duration:1s;
}

.markerActive,
.claseSS:hover{ 
	top:-15px;
	left:-15px;
	width:50px !important;
	height:50px !important;
}

.btn-secondary {
/*	border-top:5px solid transparent;*/
	width:100%;
}

.claseSS:hover {
	opacity:0.3;
}


.iniciativa {  background-color:rgb(240,53,2) !important; color:#fff;}
.interes {  background-color:#008540 !important;color:#fff;}
.agente { background-color:#FCFE36 !important; color:#000; }
.comunidad_de_memoria {  background-color:rgb(28, 96, 255) !important; color:#fff; }

.marker-title { background:transparent !important;}
.cat-icon {width:40px;height:40px;margin-right:20px;background:#000;border-radius:100%;float:left;}
.search-results .cat-icon,
.table-layer .cat-icon 
{ width:20px !important;height:20px !important;}


.info-layer,
.search-layer,
.table-layer {
	display:none;
	background:rgba(255,255,255,0.8);
	position:relative;
	float:right;
	right:0;
	margin-top:40px;
	/*height:35%;*/
	width:50%;
	height:98vh;
	z-index:3;
	padding:0px 20px 20px 20px;
	border-left:solid 1px #ccc;
	overflow-y:scroll;
}

.table-layer {width:100%; transition-duration:.5s; }
.table-layer .content > .row { border-bottom:1px solid #ccc; min-height:2em; padding:5px 0; }
.table-layer .content > .row:hover { background:#eee; cursor:pointer;}
.table-layer .content .title-row {font-weight:bold;color:#fff;background:#23527c;}
.table-layer .content .title-row:hover { background:#23527c; cursor:default;}
.info-layer .marker-item { display:none;}

#marker-content,
#marker-sinopsis,
#marker-contacte,
#marker-contacte-telefon,
#marker-adreca-de-contacte,
#marker-email-contacte,
#marker-contacte,
#marker-ubicacio-barri,
#marker-ubicacio-districte,
#marker-forma-organitzativa,
#marker-sinopsis,
#marker-objecte-dinteres-general,
#marker-objecte-dinteres-especific,
#marker-objecte-dinteres,
#marker-agents-impulsors-de-la-iniciativa,
#marker-any-dinici,
#marker-content,
#marker-title,
#marker-website,
#marker-moment-historic,
#marker-xarxes-de-col·laboracio 
{ display:block;}



.col-50 {
	width:46%;
	padding:2%;
	padding:0px;
	float:left;
}

#map {
position:fixed;
}

/*buscador*/
.lafund-control-search,
.lafund-control-fit {
position:relative;
float:right;
width:50px;
margin-top:2px;
margin-left:10px;
clear:none;
}

.lafund-control-search a,
.lafund-control-fit a {
	padding:8px;
	text-align:center;
}

.search-results div {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	cursor:pointer;
}

#search-input {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}

.search-results div:hover {
	background:rgba(220,220,220,0.8);
}

.search-active {
	color:#000 !important;
}

.relationMarker {
stroke:red;
fill:red;
stroke-width:4;
}

.top-menu {
	width:100%;
position:absolute;
top:0;
left:0;
background-color:#fff;
text-align:right;
padding:5px 30px;
z-index:20;
border-bottom:solid 2px #eee;
}

.top-menu a { color:#535353 !important; }

.leaflet-top.leaflet-left { padding-top:30px;}