/* =========================================
   CEFA - LIGNES INTERACTIVES
   ========================================= */

/* Section qui contient une portion de ligne */

.cefa-line-covered {
    position: relative;
}

/* Portion SVG en arrière-plan */

.cefa-line-covered > .cefa-elastic-line {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    overflow: hidden;

    pointer-events: none;

    margin: 0;
    padding: 0;
}

/* SVG */

.cefa-elastic-line svg {
    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

/* Aspect du tracé */

.cefa-elastic-line path {
    fill: none;
    stroke: var(--cefa-line-color, #D4EB65);
    stroke-width: 1.8px;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* =========================================
   CONTENU DIVI AU-DESSUS
   ========================================= */

.cefa-line-covered > .et_pb_row,
.cefa-line-covered > .et_pb_row_inner {
    position: relative;
    z-index: 1;
}

/* =========================================
   COULEURS FACULTATIVES
   ========================================= */

.cefa-elastic-line.cefa-line-blue {
    --cefa-line-color: #193653;
}

.cefa-elastic-line.cefa-line-orange {
    --cefa-line-color: #E75238;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .cefa-elastic-line {
        opacity: 0.6;
    }

}