.menu-main-container{
background-color: #d20a11;
}
.row-m .menu-main-container{
background-color: transparent;
}
.ptj-menu{
display: flex;
list-style: none;
min-height: 80px;
padding-left: 0;
margin-bottom: 0;
align-items: center;
justify-content: center;
}
#ptjsubnav .ptj-menu{
display: flex;
list-style: none;
min-height: unset;
padding-left: 0;
margin-bottom: 0;
align-items: center;
justify-content: center;
}
#ptjsubnav .ptj-menu li{
max-width: 250px;
}
.hide{
display:  none!important;
}
.menu-item-has-children a.active{
font-weight: 600;
}
.menu-item-has-children a.active:focus{
color: #fff;
text-decoration: underline;
} .ptj-menu li ul.sub-menu{
display:  none;
}
.ptj-menu li{
text-align: center;
display: flex;
align-items: center;
align-content: center;
padding: 10px 0; }
.ptj-menu li:last-child:after{
border-right: none;
}
.ptj-menu li:after{
content: '';
border-right: 1px solid #fff;
height: 2.8em;
color: #fff;
position: relative;
right: -1px;
}
.ptj-menu li.active{
background-color: #fff;
}
.ptj-menu li.active a{
color: var(--aro);
}
.ptj-menu li.active:after{
border-right: none;
}
#ptjsubnav .ptj-menu li:last-child:after{
border-right: none;
}
#ptjsubnav .ptj-menu li:after{
content: '';
border-right: 1px solid var(--aro);
height: 1em;
position: relative;
right: 0px;
} .ic-461{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/ajuntament.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.active .ic-461{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/ajuntament_active.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
} .ic-485{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/municipi.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.active .ic-485{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/municipi_active.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
} .ic-510{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/serveis.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.active .ic-510{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/serveis_active.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
} .ic-533{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/tramits.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.active .ic-533{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/tramits_active.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
} .ic-542{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/obert.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.active .ic-542{
background-image: url(//ciutada.platjadaro.com/wp-content/themes/platjadaro/platjadaro/assets/img/obert_active.png);
background-color: transparent;
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
} .ptj-menu li a{
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin:0 10px;
}
.ptj-menu a{
outline: initial;
text-decoration: none;
touch-action: initial;
background-image: initial;
background-position: initial;
background-repeat: initial;
background-size: initial;
transition: initial;
border-radius:initial;
}
.ptj-menu li:last-child{
padding-left: 1em;
}
.ptj-submenu{
display:  grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));;
list-style: none;
padding-left: 0;
}
#ptjsubnav{
top: 0;
transition: all 1s;
}
#ptjsubnav a{
opacity: 0;
transition: all 1s;
}
#ptjsubnav.active a{
opacity: 1;
transition: all 1s;
font-size: 0.8em;
color:var(--aro);
}
#ptjsubnav.active{ background-color: #f7f7f7;
width: 100%;
top: 80px;
opacity:  1;
transition: all 1s;
}
#ptjsubnav.inactive {
height: 0px;
width: 100%;
transition: all 1s;
opacity:  0;
} @media (min-width: 1440px) and (max-width: 1919px){
.ptj-menu li a{
margin:0 5px!important;
}
} @media (min-width: 1280px) and (max-width: 1439px){
.int-nav.menu-contract {
width: 59%;
margin-left: 20%;
}
.ptj-menu li a{
margin:0 5px!important;
}
} @media screen and (min-width: 834px) and (max-width: 1279px){
.menu-main-container{
display:  none;
}
} @media (min-width: 568px) and (max-width: 833px){
.menu-main-container{
display:  none;
}
} @media (max-width: 568px){
.menu-main-container{
display:  none;
}
}
#menu_home{
z-index: 1;
top:-80px;
}
.bdp-post-meta .bdp-post-meta-innr.bdp-time{
display: none!important;
}
#sl_Actualitat .date{
display: none;
}.modal {
position: fixed;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
z-index: 9999;
border-radius: 5px;
}
.modal-contentequip {
background-color: #fff;
width: 50%;
transform: translate(50%, 85px);
padding: 1em;
border-radius: 1em;
box-shadow: 3px 2px 5px var(--aro);
}
.modal-contentequip h2{
color: var(--aro);
font-size: 270%;
text-shadow: 1px 1px 2px #0006;
width: 100%;
}
.modal-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.1;
z-index: -1;
}
.modal.is-active {
display: block;
}
.modal-background.is-active {
display: none;
}
.carousel img{
height: unset;
}
.minimap{
width: 100%;
min-height: 300px;
max-height: 100%;
}
.minimap .leaflet-container {
height: 100%; 
}
#map { box-shadow: 0 0 4px var(--aro);
border-radius: 1em;
}
.olMapViewport{
border-radius: 1em;
}
#map{ width: 90%;
height: 55vh;
min-height: 280px;
}
.ed-description{
margin-top:1em;
}
.ed-description h4{
color: #444;
font-weight: 200;
font-size: 1.2em;
}
.ed-edats_recomanades span{
background: var(--aro);
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
color: #fff;
border-radius: 50%;
}
.eq-table{
margin-top: 1em;
width: 100%;
}
.eq-table tbody,.eq-table tr,.eq-table td{
border: unset;
}
.eq-table tr{
box-shadow: 1px 0px 4px #eee;
height: 50px;
}
.closeModal{
position: absolute;
right: 1em;
top: 1em;
}
.carousel-item.active{
height: 220px !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-item.active{
width: auto !important;
max-width: auto !important;
} @media (min-width: 1440px) and (max-width: 1919px){
} @media (min-width: 1280px) and (max-width: 1439px){
} @media screen and (min-width: 834px) and (max-width: 1279px){
.modal-contentequip {
width: 100%;
transform: none;
}
} @media (min-width: 568px) and (max-width: 833px){
.modal-contentequip {
width: 100%;
transform: none;
}
} @media (max-width: 568px){
.modal-contentequip {   
width: 100%;
transform: none;
}
}
#search-cat{
background-color: #fff;
border: 1px solid #0006;
border-radius: 2px;
height: 30px;
}
#search-tip{
background-color: #fff;
border: 1px solid #0006;
border-radius: 2px;
height: 30px;
}
select option:first-child {
color: #ccc; 
}
.estiloPrimeraOpcion:first-child{
color: #ccc; 
}