/* ===================================
     Font variants
====================================== */


.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 600 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}
.font-italic {
  font-style: italic !important;
}





#home-destacats a {text-decoration:none;}
#home-destacats a:hover p,
#home-destacats a:focus p
{text-decoration:underline;}






#home-cercador select {
    width: 50% !important;
}


@media (max-width: 499px) {
  #home-cercador select,
  #home-cercador button
   {
    width: 100% !important;
}

}















#viver-header__ {
	height:600px;
	
}
#map {
  width: 100%;
  height: 600px;
}



#mapa_activitats .leaflet-touch .leaflet-control-attribution {
  display: none;
}
#mapa_activitats .leaflet-popup-content {
  line-height: 1;
  font-size: 1.6em;
}
#mapa_activitats .leaflet-container a.leaflet-popup-close-button {
  background: #000000;
  color: #ffffff;
  top: 1px;
  right: 1px;
}
#mapa_activitats .leaflet-popup-content-wrapper {
  background: none;
}
#mapa_activitats .leaflet-popup-content, 
#mapa_activitats .leaflet-popup-tip {
  background: #ffffff;
  color: #000000;
}
#mapa_activitats .leaflet-popup-content {
  margin: 0px;
}
.mapa-agenda-tooltip {
  width: 250px;
}
.mapa-agenda-imatge {
  width: 251px;
}
.mapa-agenda-dades {
  padding: 10px;
}
.mapa-agenda-data {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 22px;
  display: inline-block;
}
.mapa-agenda-titol {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 0.5rem;
  color: #000000 !important;
}
.mapa-agenda-lloc {
  font-size: 15px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
}


.leaflet-popup-content {
    margin: 0;
  
}


  .titol-container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        color: #fff;
    }
	
	   .titol-container:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
    }
	
	.titol-contingut {
		position:relative;
		z-index:100;
	}





#directori-vivers article div:first-of-type {aspect-ratio: 1 / 1;}
#directori-vivers article img {height:100%; object-fit:cover;}




#directori-empreses .element-item .card-body {
    min-height: 250px;
   
}

#directori-empreses .element-item #empresa-descripcio {

   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5; 
           line-clamp: 5; 
   -webkit-box-orient: vertical;
}



#filtres .btn.is-checked {
    color: var(--ddgi-btn-hover-color);
    background-color: var(--ddgi-btn-hover-bg);
    border-color: var(--ddgi-btn-hover-border-color);
}





.bg-viver {
    background-color: #AA693D !important;
}
.bg-coworking {
    background-color: #939E82 !important;
}
.bg-naus {
    background-color: #3399FF !important;
}
/*
#directori-empreses .element-item .h5 {
text-transform: lowercase;
}
#directori-empreses .element-item .h5::first-letter {
text-transform: capitalize;
}
*/

#sec_galeria .gallery .gallery-item {
    aspect-ratio: 5 / 3;
    
}
#sec_galeria .gallery .gallery-item > img {
     height: 100%;
    object-fit: cover;
    width: 320px;
}



table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, 
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    
}

table.dataTable.order-column > tbody tr > .sorting_1, 
table.dataTable.order-column > tbody tr > .sorting_2, 
table.dataTable.order-column > tbody tr > .sorting_3, 
table.dataTable.display > tbody tr > .sorting_1, 
table.dataTable.display > tbody tr > .sorting_2, 
table.dataTable.display > tbody tr > .sorting_3 {
     box-shadow: none; 
   
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}


td.details-control {
    background: url('../img/demo/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/demo/details_close.png') no-repeat center center;
}



#taula-espais-lloguer.table.dataTable>tbody>tr:hover {
cursor:pointer;
}

.llista li {
	
list-style:none;
    display: flex !important;
	    margin-bottom: 0.5rem !important;

}

.llista li:has(ul) {
    display: block !important;
}


.llista li:before {

    content: "\ea41";
color: #be0926 !important;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
    font-family: 'boxicons' !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5rem !important;
}


.llista li:has(ul) li:before {

    content: "·";
    color: #000000 !important;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 800;
}



/* ===================================
    css llistes vivers antic
====================================== */


.col-xl-8 section[id*='sec_'] li {

    list-style: none;
    display: flex !important;
    margin-bottom: 0.5rem !important;
}
.col-xl-8 section[id*='sec_'] li:has(ul) {


    display: block !important;
}

.col-xl-8 section[id*='sec_'] li:before {


    content: "\ea41";
    color: #be0926 !important;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
    font-family: 'boxicons' !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5rem !important;
}

.col-xl-8 section[id*='sec_'] li:has(ul) li:before,
.col-xl-8 section[id*='sec_socioeconomic'] li:before {


    content: "·";
    color: #000000 !important;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 800;
}

.col-xl-8 section[id*='sec_'] strong {
  color: #0b0f19;
}

/* ===================================
    fi css llistes vivers antic
====================================== */


.side-nav .fw-bold {
  color: #0b0f19;
}