/* JIRA IRTA-308 */

/* :root {
    --img-before: url(../../resources/irta_info/images/leaf-icon.svg);
    --img-after: url(../../resources/irta_info/images/cloud-img.svg);
} */

/* .pract-des-inner::before {
    background: var(--img-before) 0 0 / 100% no-repeat;
}

.pract-des-inner::after {
    background: var(--img-after) 0 0 / 100% no-repeat;
} */

.map-button {
    right: auto;
}

.map-button p.text {
    font-size: 16px;
    color: #CE003A;
}

.technologies-list ul li p {
    color: #3C3C3C;
    font-family: 'HelveticaNeue-Roman';
    font-size: 18px;
    line-height: 22px;
}

.map-content-list>ul>li ul {
    padding-left: 20px;
}

.map-content-list>ul>li ul li {
    list-style: disc;
}

.plantes-content {
    width: 100%;
    float: left;
    display: none;
}

.practiques-list ul li span.btn {
    background: #CE003A;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 35px;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    transition: all .5s ease;
}


/* CERCLE / DONUT */
.data-wheel {
    width: 100%;
    height: 100%;
}

.data-cycle-inner {
    align-items: flex-start;
}

.data-panel-hero img {
    min-height: 200px;
}

.data-wheel-item--enviament.map-button {
    justify-items: center;
}

/* END JIRA IRTA-308 */

.treballant-sec .img-mbl {
    display: none;
}

.arrow-bottom:before {
    background: url(../images/fletxa.svg) no-repeat 0 0;
    width: -webkit-fill-available;
}

.pop-in-cont h3 {
    font-family: 'HelveticaNeue-Roman';
}

/* .construir-img a.js-veure-detall {
    display: none;
} */

/* JIRA IRTA-321 */
.map-content-list>ul>li span img {
    width: 48px;
    aspect-ratio: 1 / 1;
}

#page .info-map-pointer img.map-img-mob {
    display: none;
}

.popup-box-cnt ul li,
.popup-box-cnt p {
    font-family: 'HelveticaNeue-Roman';
}

.plantes-lft ul li .plus {
    font-family: 'HelveticaNeue-Roman';
}

.carn-cultuvada-img img {
    width: 100%;
}

/* END JIRA IRTA-321 */

/* JIRA IRTA-326 */
.data-wheel-text {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.construir-img .plus {
    /* align-items: center; */
    line-height: 36px;
}

.mapa-cont-div ul.map-list li.show .pop-in-cont {
    display: flex;
}



/* END JIRA IRTA-326 */

@media screen and (max-width: 767px) {
    /* .map-button .mobile-button {
        background: transparent;
        border: none;
    } */

    .compartim-sec {
        background: url(../../resources/ver3/images/banner-futur-mob.jpg) no-repeat bottom center;
        height: 280px;
        background-size: cover;
    }

    .inn-slider .flexslider .slides>li img {
        opacity: 1;
        display: block;
    }

    .mbl {
        display: none;
    }

    .practiques-list ul li a {
        pointer-events: none;
    }

    #page .info-map-pointer img.map-img-mob {
        display: inline;
    }

    #page .info-map-pointer img.map-img-dsk {
        display: none;
    }

    .map-content-list>ul>li p {
        font-size: 14px;
        line-height: 18px;
    }

    .map-content h4 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .inn-slider .flexslider .slides>li img {
        opacity: 1;
        display: block;
        height: 250px;
    }
}

/* Noves infografies 4a, 4b i 8 (maqueta) */




.construir-img a.js-veure-detall {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.construir-img span.plus {
    line-height: 40px;
    vertical-align: middle;
    display: flex;
    justify-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}

.construir-img a.js-veure-detall:hover span.plus {
    color: #fff;
}

.construir-img a.js-veure-detall.js-tancar-detall {
    border: none;
    background: transparent;
    left: auto;
    top: -2%;
    right: -3%;
}


@media screen and (max-width: 767px) {

    .blog-right .blog-last.is-open .block-blue ul,
    .blog-right .blog-last.is-open+.btm-blog {
        display: block;
    }

    .blog-right .blog-last.is-open .title-small .top-plus {
        display: none;
    }

    .blog-right .blog-last.is-open .title-small .top-close {
        display: flex;
    }

    .mob-map .pop-in-cont {
        top: 0%;
    }

    .treballant-sec .img-desktop {
        display: none;
    }

    .treballant-sec .img-mbl {
        display: block;
    }

    /* .construir-img a.js-veure-detall {
        display: flex;
    }*/

    .data-wheel-text {
        width: 100%;
    }

    .data-wheel-item--enviament.map-button {
        margin-top: 8px;
    }

    .block-blue .title-small .top-close {
        top: -18px;
        right: -18px;
    }

    .blog-right .blog-last.is-open .block-blue ul {
        margin-top: 20px;
    }

    .data-wheel-item.is-active .data-wheel-text {
        background: rgba(260, 0, 58, 0.4);
        border-radius: 5px;
    }

    /* JIRA IRTA-335 */
    span.data-wheel-text {
        font-size: 14px;
        line-height: 14px;
        height: 20px;
    }

    .data-wheel-item--enviament.map-button {
        margin-top: -2px;
        margin-left: -2px;
    }
    /* END JIRA IRTA-335 */
}
    /* END Noves infografies 4a, 4b i 8 (maqueta) */