/* @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro'), url('Wotfard-Regular.woff') format('woff');
    } */

body {
	font-family: 'Source Sans Pro', sans-serif;
}

header {
    /* background: url('https://cercasalut.barcelona/img/fons-header.png');
    background-size:cover; */
    height: 75px;
}

header h1 {
    margin-bottom: 0 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #27247C; 
}

header h2 {
    color: #27247C; 
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-left: 1rem;
}

h1 {
	font-weight: 300;
	font-size: 1.8rem;
	margin-left: 1rem;
}

h1 span {
	border-bottom: 2px solid black;
	margin-right: 2rem;
}

h2 {
	font-size: 1.5rem;
	
	font-family: 'Source Sans Pro', sans-serif;
}

h3 {
	font-size: 1.2rem;
	font-weight: bold;     
}

#map { 
	position:absolute; 
	width:100%; 
	height:99%
}
				
.close {
	background: transparent !important;
}
		
.submenu {
	z-index: 1000;
	max-height: 700px;
	overflow-y: scroll;
}

.menu-icon {
    color: #0082A0;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
    color: #0082A0;
    font-weight: bold;
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
    color: white;
    font-weight: bold;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
    width: 450px;
    z-index: 1000;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: white transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}

.leaflet-sidebar {
	padding: 0 !important;
}

.top-bar-right {
    /* background-color: blue !important; */
    height: 50px;
}
.top-bar-right ul li a {
    background-color: #000 !important;
    color: #fff !important;
    height: 50px;
    padding: 15px !important;
}

#sidebar {
	padding: 2rem;
	z-index: 500 !important;
	position: relative;
	background-color: #F2F2F2;
}

.leaflet-sidebar .close {
	z-index: 800 !important;
	color: white;
}

#sidebar h3 {
	color: #000;
	font-size: 2em;
	text-align: left;
	font-weight: 300;
	font-family: 'Source Sans Pro', serif;
	font-size: 2rem;
	text-rendering: optimizeLegibility;
}

#sidebar .mes-info {
	color: #0082A0;
	padding: 0.2rem 0.3rem;
	border: 2px solid #0082A0;
	width: 40%;
	font-size: 1.1rem;
	text-align: center;
}

#sidebar2 {
	padding: 2rem;
	z-index: 500 !important;
	position: relative;
	background-color: #abc32f;
}

#sidebar2 h3 {
	color: #FFF;
	font-size: 2rem;
	text-align: left;
}

.project-file a {
	text-transform: uppercase;
	text-align: left;
	text-decoration: underline;
	font-family: 'Source Sans Pro';
    font-weight: bold;
    font-size: 14px;
	letter-spacing: -0.04px;
	color: #000 !important;
	opacity: 1;
}

.project-info {
	font-family: 'Source Sans Pro';
    font-size: 16px;
}

.top-bar {
    padding: 0;
}


#responsive-menu div ul li a {
	width: 14rem;
	text-align: center;
	background-color: #fbe56a;
	color: #000;
	font-family: 'Source Sans Pro', serif;
	font-size: 1.1rem;
    text-rendering: optimizeLegibility;
    padding: 8px;
}

#responsive-menu {
	background-color: #fbe56a;
    height: 50px;
}

#responsive-menu div {
	background-color: #fbe56a;
}

#responsive-menu div ul {
	background-color: #fbe56a;
}


#responsive-menu-cercador div ul li a {
	width: 18rem;
	text-align: center;
	background-color: #fbe56a;
	color: #0082A0;
	font-family: 'Source Sans Pro', serif;
	font-size: 1.5rem;
	text-rendering: optimizeLegibility;
}

#responsive-menu-cercador {
	background-color: #0082A0;
}

#responsive-menu-cercador div {
	background-color: #0082A0;
}

#responsive-menu-cercador div ul {
	background-color: #0082A0;
}

#responsive-menu-cercador input {
	border: none;
	background-color: #8D82CF;
	color: white;
	margin-right: 1rem;
	height: 25px;
	margin-top: 5px;
}

#responsive-menu-cercador select {
	border: 2px solid #fbe56a;
	background-color: #0082A0;
	color: white;
	height: 25px;
margin-top: 5px;
}

#cerca-un-projecte {
	font-family: 'Source Sans Pro', serif;
	font-size: 1.4rem;
	color: #23F089;
	text-rendering: optimizeLegibility;
}

	   	

	   	
	   	.leaflet-popup-content-wrapper {
		    padding: 1px;
		    text-align: left;
		    border-radius: 0;
		}
		.leaflet-popup-content-wrapper, .leaflet-popup-tip {
			font-size: 1rem;
		}
		.leaflet-popup-content-wrapper a, .leaflet-popup-tip a {
			margin-right: 0.5rem;
		}
		
	h3{
	font-size: 2rem;
    line-height: 1;
    color: #ea4142;
    text-align: center;
    font-family: "Source Sans Pro",Helvetica,Source Sans Pro,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ea4142;
    }
    
 .fitxa-detall h2 {
	 	font-family: 'Source Sans Pro', serif;
	font-size: 1.8rem;
	color: #0082A0;
	text-align: left !important;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
 }
 
 .fitxa-detall .literal {
	 color: #0082A0;
	 margin-bottom: 0;
	 font-weight: bold;
 }
 
  .fitxa-detall .qx {
	 font-family: 'Source Sans Pro', serif;
	 text-rendering: optimizeLegibility;
 }
 
 .gran-h1 {
	 background-color: #fbe56a;
	 color: #000;
	 font-family: 'Source Sans Pro', serif;
	 text-align: left !important;
	 margin-left: 0;
     padding-left: 10px;
	 font-weight: 700 !important;
	 height: 63px;
	 line-height: 63px;
	 font-size: 36px;
	 text-rendering: optimizeLegibility;
     text-align: center;
 }
 
 .gran-h1 .torna {
	 float: right;
	 font-weight: bold;
	 margin-right: 10rem;
	 color: #00FF7E;
	 font-size: 1rem;
	 font-family: 'Source Sans Pro', serif;
 }

 .torna-small {
    color: #00FF7E;
    font-size: 1rem;
    font-family: 'Source Sans Pro', serif;
    display: none;
 }
 
 .text-page h2 {
	 color: #5553B5;
	 font-family: 'Source Sans Pro', serif;
	 font-size: 45px;
	 margin-top: 5rem;
	 text-rendering: optimizeLegibility;
 }
 
  .text-page h3 {
	 color: #5553B5;
	 font-family: 'Source Sans Pro', serif;
	 font-size: 25px;
	 font-weight: bold;
	 margin-top: 5rem;
	 text-align: left !important;
	 text-rendering: optimizeLegibility;
 }
 
 .text-page {
     font-size: 20px;
     line-height: 25px;
	 color: #5553B5;
	 font-family: 'Source Sans Pro', serif;
	 text-rendering: optimizeLegibility;
 }
 
 .ui-menu {
	 z-index: 1000;
	 background-color: #9379D4;
	 color: white;
 }
 
  .ui-menu-item {
	 z-index: 1000;
	 background-color: #9379D4;
	 color: white;
 }
 
 .ui-widget.ui-widget-content {
	 z-index: 1000;
	 background-color: #9379D4;
	 color: white;
	 }
	
.footer { 
	border-top: 3px solid #0082A0;
    background-color: white;
	padding: 0.5rem 2rem;
	margin-top: 1rem;
	color: black;
	width: 100%;
    z-index: 1000;
    font-size: 0.8rem;
}

.small-promou {
    display: none;
}

#cercador-show {
    float: right;
    background-color: #fbe56a;
    position: absolute;
    z-index: 10000;
    right: 0.1rem; 
    display: none;
    padding: 0.5rem;
    cursor: pointer;
}

#cercador-hide {
    position: absolute;
    z-index: 10000;
    right: 1rem; 
    top: 1rem;
    display: none;
}

#contador {
    background: transparent;
	border: none;
	width: 305px !important;
    position: absolute;
    z-index: 10000;
    right: 1rem; 
    background-color: #fbe56a;
	font-family: "Source Sans Pro",Helvetica,Source Sans Pro,Arial,sans-serif;
	color: #000;
	padding: 1rem;
    float: right;
    position: relative;
    margin-top: 1rem;
}

#cercador {
	background: transparent;
	border: none;
	width: 320px !important;
    position: absolute;
    z-index: 8000;
    right: 0; 
    top: 200px;
    height: 100%;
    
}

.cercador-form, #contador {
    background-color: #fff;
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
	color: #000;
	padding: 1rem 1.5rem;
	width: 320px;
    float: right;
    position: relative;
    margin-top: 1rem;
}

.cercador-form h3, #contador h3 {
	font-size: 1.2rem !important;
	color: #000 !important;
    background-color: #fbe56a;
	font-family: 'Source Sans Pro', serif;
	margin-bottom: 1rem;
    padding: 10px;
}

#contador h3, #contador p {
    display: inline;
 }

.cercador-form input {
	background-color: #56A7B8;
	border: none;
}

.cercador-form option {
	background-color: #56A7B8;
	border: none;
}

.cercador-form button {
	color: white;
}

#llegenda {
	background: transparent;
	border: none;
	width: 305px !important;
    position: absolute;
    z-index: 10000;
    right: 1rem; 
    top:380px;
    background-color: #fbe56a;
    padding: 1rem;
}

.projecte-estat label {
color: white;
}

.title-bar {
    background-color: #fbe56a !important;
    color: #000 !important;
}


.graella-composicio .grid-x {
    border-bottom: 1px solid #662CC1;
    font-size: 0.85rem;

}

.graella-composicio .grid-x:hover {
    background-color: #eee;
}

.grid-sizer,
.grid-item {
    width: 50%;
}

.no-js .top-bar {
    display: none;
  }

.intranet a {
    font-size: 1.1rem !important;
    text-align: right !important;
}

.bloc {
	position: relative;
	border: 1px solid black;
	padding: 1rem;
	padding-top: 2rem;
	margin-bottom: 1rem;
}

.bloc h2 {
	position: absolute;
	background-color: white;
	top: -0.7rem;
	margin-bottom: 1rem;
	padding: 0 1rem;
}

.navegador {
    margin-top: 2rem;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


#modal-home {
    padding: 1rem;
    border: none !important;
    background: url("https://cercasalut.barcelona/img/bg.png") no-repeat center center fixed;
    background-color: white;
    z-index: 100000;
}

#button_share img {
    width: 36px;
    box-shadow: 0;
    padding: 6px;
    display: inline;
    border: 0;
    }
  
  @media screen and (min-width: 40em) {
    .no-js .top-bar {
      display: block;
    }
  
    .no-js .title-bar {
      display: none;
    }
  }


@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #responsive-menu div ul li:first-child {
        margin-right: 1rem;
        width: 14rem;
    }
    #responsive-menu div ul li a {
        width: 8rem;
    }
}

@media screen and (max-width: 39.9375em) {
    .big-promou {
        display: none;
    }

    .small-promou {
        display: inline;
    }

    .rafaga-de-logos {
        margin-top: 10px;
    }

    .grid-sizer,
    .grid-item {
        width: 100%;
    }

    .gran-h1 {
        padding-left: 1rem;
    }

    .torna {
        display: none;
    }

    .torna-small {
        display: inline;
    }

    #responsive-menu div ul li a {
        text-align: left;
    }

    #cercador-show {
        display: inline;
        color: #FFF;
    }

    #cercador-hide {
        display: inline;
    }

    #cercador, #contador {
        display: none;
    }

    #responsive-menu {
        height: 200px;
    }

    header h1 {
        font-size: 1.3rem;
    }

    header h2 {
        font-size: 1rem;
    }
}