/********************/
/********************/
/** Rows & Modules **/
/** Animation      **/
/********************/
/********************/

/************************************/
/*  START :: SVG Lines, foundation  */
/************************************/
.line--row {
    --animation-line-color: #00FF91;
}
.line--row {
    position: relative !important;
}
.line--module {
    padding: 0 !important;
    pointer-events: none;
    position: absolute;
}
.line--svg {
    position: absolute;
}
.line--path {
    fill: none;
    stroke: var(--animation-line-color);
    stroke-dasharray: .1 4;
    stroke-linecap: round;
    stroke-width: 2px;    
}
.line--max-extender {
    display: none;
}
body:not(.fl-builder-edit) [data-active="true"] .line--path {
    animation: dash 300ms infinite linear;
}
@keyframes dash {
    to { stroke-dashoffset: -5; }
}
@keyframes dash-rev {
    to { stroke-dashoffset: 5; }
}
@keyframes draw-rev-stay {
    to { stroke-dashoffset: 0; }
}
@keyframes draw {
    to { stroke-dashoffset: -5; }
}
@keyframes draw-rev {
    to { stroke-dashoffset: 5; }
}
@keyframes draw--old {
    from {
        stroke-dashoffset: 1;
    }
    to {
        stroke-dashoffset: 0.5;
    }
}
/************************************/
/*  END   :: SVG Lines, foundation  */
/************************************/

/* START :: Animation – SVG Marching Ants */
    /* NOTE :: Requires SVG Lines, foundation */

.line--module--dotted-blog-hero {
    height: 80px;
    min-width: 684px;
    right: 0;
    top: 85px;
    width: auto;
}
.line--svg--dotted-blog-hero {
    width: 684px;
    height: 87px;
    top: 0;
    right: 0;
}
.line--helper1--dotted-blog-hero {
    border-left: 2px dotted var(--animation-line-color);
    bottom: calc(100% - 2px); /* 2px overlap to remove gap between svg */
    display: block;
    height: calc(80px + 5px); /* module top + buffer */
    left: 0;   
    position: absolute;  
    width: 100%;
}
    /* BB XL DESKTOP, and up */
    @media only screen and (min-width: 1368px){
        .line--module--dotted-blog-hero {
            right: 250px;
        }
    }
    /* TABLET, and down */
    @media only screen and (max-width: 992px) {
        .line--module--dotted-blog-hero {
            right: -50px;
        }
    }
    /* MOBILE, only */
    @media only screen and (max-width: 768px) {
        .line--module--dotted-blog-hero {
            right: unset;
            left: calc(100% - 100px);
            top: 40px;
        }
    }
/* END   :: Animation – SVG Marching Ants */

/* START :: Animation – SVG Snake */
    /* NOTE :: Requires SVG Lines, foundation */

.line--module--mission-loop {
    width: 100%;
    height: 1264px;
    top: 100px;
    left: -20px;
}
.line--svg--mission-loop {
    width: 1264px;
    height: auto;
    rotate: 180deg;
}
.line--svg--mission-loop .line--path--loop {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}
body:not(.fl-builder-edit) [data-active="true"] .line--svg--mission-loop .line--path--loop {
    animation: draw-rev 25s linear infinite;
}
    /* BB XL DESKTOP, and up */
    @media only screen and (min-width: 1368px){
        .line--module--dotted-blog-hero {
            right: 250px;
        }
    }
    /* BB "LARGE" DESKTOP, and down */
    @media only screen and (max-width: 1366px) {
        
    }
    /* TABLET, and down */
    @media only screen and (max-width: 992px) {

    }
    /* MOBILE, only */
    @media only screen and (max-width: 768px) {
        .line--module--mission-loop {
            display: none;
        }
    }
/* END   :: Animation – SVG Snake */














    /* BB XL DESKTOP, and up */
    @media only screen and (min-width: 1368px){
        .line--module--dotted-blog-hero {
            right: 250px;
        }
    }
    /* BB "LARGE" DESKTOP, and down */
    @media only screen and (max-width: 1366px) {
        
    }
    /* TABLET, and down */
    @media only screen and (max-width: 992px) {

    }
    /* MOBILE, only */
    @media only screen and (max-width: 768px) {

    }