/* BORDATO */

ul.is-style-bordered{
    padding:0;
    list-style: none;
}

ul.is-style-bordered li{
    margin-top:0;
    padding-left:0;
    padding-right:0;
    padding-top:.75rem;
    padding-bottom:.75rem;
    border-top: solid 1px var(--wp--preset--color--gray);
    position:relative;
}

ul.is-style-bordered li:last-child{
    border-bottom: solid 1px var(--wp--preset--color--gray);
}


ul.is-style-bordered a:where(:not(.wp-element-button)){
    text-decoration: none!important;
    color:inherit;
    
}

ul.is-style-bordered li:has(a){
    transition: background-color .5s ease-in-out;
    padding-right:2rem;
}

ul.is-style-bordered li:has(a):hover{
    background-color: rgba(0,0,0,0.05);
}

ul.is-style-bordered li a:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

ul.is-style-bordered li:has(a):after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: .5rem;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background-color: var(--wp--preset--color--darkgray);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: 100%;
    mask-image: url(icons/arrow-right-bold.svg);
    
}

/* FINANZIAMENTO TIPO 1 */

ul.is-style-finanziamento1{
    padding:0;
    list-style: none;
}


ul.is-style-finanziamento1 li{
    display:block;
    border: solid 1px var(--wp--preset--color--gray);
    border-bottom: solid 10px var(--wp--preset--color--finanziamentoyellow);
    padding: 1rem;
    margin-bottom:1.5rem;
    position:relative;
    font-weight: 300;
    background-color: var(--wp--preset--color--white);   
}

ul.is-style-finanziamento1 li:not(:last-child):before{
    content: "";
    position: absolute;
    bottom: -20px;
    left: var(--wp--preset--spacing--20);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--wp--preset--color--finanziamentoyellow);
}

ul.is-style-finanziamento1 li:not(:last-child):after{
    content: '';
    display: block;
    position: absolute;
    bottom: -18px;
    left: calc(var(--wp--preset--spacing--20) + 13px);
    width: 15px;
    height: 15px;
    background-color: var(--wp--preset--color--white);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: 100%;
    mask-image: url(./icons/arrow-double-down.svg);
}

ul.is-style-finanziamento1 li:first-child:before{
    border-top: 20px solid var(--wp--preset--color--gray);
}

ul.is-style-finanziamento1 li:first-child{
    background-color: #f5f2ef;
    border-bottom: solid 10px var(--wp--preset--color--gray);
}

/* FINANZIAMENTO TIPO 2 */

ul.is-style-finanziamento2{
    padding:0;
    list-style: none;
}


ul.is-style-finanziamento2 li{
    display:block;
    border: solid 1px var(--wp--preset--color--gray);
    border-left: solid 10px var(--wp--preset--color--finanziamentoyellow);
    padding: 1rem 1rem 1rem 2rem;
    margin-bottom:1.5rem;
    position:relative;
    font-weight: 300;
    background-color: var(--wp--preset--color--white);   
}

ul.is-style-finanziamento2 li:before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-left: 20px solid var(--wp--preset--color--finanziamentoyellow);
}

ul.is-style-finanziamento2 li:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    width: 15px;
    height: 15px;
    background-color: var(--wp--preset--color--white);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: 100%;
    mask-image: url(./icons/arrow-double-right.svg);
}