/* Pseudopestanyes */

.pseudopest {
    border-bottom: 1px solid #ddd;
}

.contingut-pestanya {
    padding: 0 15px 15px 15px;
    min-height: 70px;
    display: list-item;
}

.pseudopest:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0px;
}

.pseudopest .pestanya {
    float: left;
    display: flex;
    color: #c8102e !important;
    text-decoration: none !important;
    display: list-item;
    list-style: none;
    width: 25%;
    font-size: 14px;
}

.pseudopest .pestanya a.contingut-pestanya {
    border-bottom: 4px solid #fff;
    text-align: center;
}

.pseudopest .pestanya:not(.activa) a.contingut-pestanya:hover {
    border-bottom: 4px solid #353430;
}

.pseudopest .pestanya a.contingut-pestanya i {
    font-size: 55px;
    color: #353430;
    transition: transform 1s;
    display: inline-block;
}

.pseudopest .pestanya a.contingut-pestanya:hover i.estudiar {
    transform: scale(1.2);
}

.pseudopest .pestanya a.contingut-pestanya:hover i.viure {
    transform: rotate(360deg) translate(-10px);
}

.pseudopest .pestanya a.contingut-pestanya:hover i.futur {
    transform: translate(20px, -20px) rotate(-25deg);
}

.pseudopest .pestanya h2 {
    padding-bottom: 0px !important;
    margin: 0px 0 !important;
}

.pseudopest .pestanya.activa a.contingut-pestanya i {
    color: #c8102e!important;
}

.pseudopest .pestanya h2 a {
    color: #353430;
    text-decoration: none;
}

.pseudopest .pestanya.activa h2 a {
    color: #c8102e!important;
    text-decoration: none;
}

a.contingut-pestanya:hover {
    text-decoration: none;
}

.pseudopest .pestanya.activa .contingut-pestanya {
    background: #fff;
    border-bottom: 4px solid #c8102e;
}

@media (max-width: 1050px) {
    .contingut-pestanya {
        padding: 0 10px 10px 10px;
    }
}

@media (max-width: 999px) {
    .pseudopest .pestanya h2 {
        font-size: 15px;
    }
    .contingut-pestanya {
        min-height: 80px;
    }
    .pseudopest .pestanya .contingut-pestanya i {
        font-size: 40px!important;
    }
}


/* FI pseudopestanyes */


/* Llista passos fases */

ol.llistapassos {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
}

ol.llistapassos:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

ol.llistapassos li {
    display: flex;
    align-items: center;
    float: left;
    min-height: 42px;
    position: relative;
    border-radius: 21px;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    text-decoration: none;
    font-size: 15px;
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 3px;
    background-color: #eeeeee;
}

.llistapassos li:hover,
.opcioactiva {
    background: #c8102e!important;
}

.llistapassos li:hover a,
.opcioactiva a {
    color: #fff!important;
    ;
}

.llistapassos a {
    text-decoration: none !important;
    /*  display: list-item;
  list-style: none;*/
}

.llistapassos .restablircategories {
    display: none;
    margin-left: 15px;
}

.llistapassos .opcioactiva .restablircategories {
    display: inline;
}

@media (max-width: 930px) {
    .llistapassos li {
        padding: 0;
        /*    width: 80%;*/
    }
    .llistapassos a {
        /* width:100%;*/
        min-height: auto;
    }
}

@media (max-width: 767px) {
    ol.llistapassos {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    ol.llistapassos li {
        display: inline-flex;
        float: none;
    }
}


/* FI Llista passos fases */


/* Títols agrupació asset */

p.asset-entries-group-label.h3 {
    margin-top: 15px;
    color: #c8102e;
    font-weight: normal;
}

/* FI Títols agrupació asset */

#nom_page,
.breadcrumb,
.taglib-categorization-filter {
    display: none!important;
}