/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/*animacion logo*/

.intro_logo .centrar{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
@media (max-width: 930px){
    .intro_logo .centrar{
    padding-left:20px;
    padding-right:20px;
    }
    .intro_logo .centrar{
        overflow: hidden;
        
    }
    .intro_logo .centrar #logo_unido, .intro_logo .centrar #logo{
        width:100%;
        
    }
}

/*S*/
.start #logo path:nth-child(7){
    stroke-dasharray: 1222px;
    stroke-dashoffset: 1222px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim 0.5s forwards, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards, stroke_ 0.5s ease forwards 3s;
}
/*E*/
.start #logo path:nth-child(6){
    stroke-dasharray: 569px;
    stroke-dashoffset: 569px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim 0.5s forwards 0.5s, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards 0.5s, stroke_ 0.5s ease forwards 3s;
}
/* N */
.start #logo path:nth-child(1){
    stroke-dasharray: 760px;
    stroke-dashoffset: 760px;
    stroke-width: 2;
    animation: line-anim 0.5s forwards 1s, stroke_ 0.5s ease forwards 3s;
    stroke:white;
    -webkit-animation: line-anim 0.5s forwards 1s, stroke_ 0.5s ease forwards 3s;
}
/* U*/
.start #logo path:nth-child(4){
    stroke-dasharray: 755px;
    stroke-dashoffset: 755px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim 0.5s forwards 1.5s, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards 1.5s, stroke_ 0.5s ease forwards 3s;
}
/*E*/
.start #logo path:nth-child(5){
    stroke-dasharray: 682px;
    stroke-dashoffset: 682px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim;
    animation: line-anim 0.5s forwards 2s, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards 2s, stroke_ 0.5s ease forwards 3s;
}

/*L*/
.start #logo path:nth-child(2){
    stroke-dasharray: 777px;
    stroke-dashoffset: 777px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim;
    animation: line-anim 0.5s forwards 2.5s, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards 2.5s, stroke_ 0.5s ease forwards 3s;
}
/* O */
.start #logo path:nth-child(3){
    stroke-dasharray: 755px;
    stroke-dashoffset: 755px;
    stroke:white;
    stroke-width: 2;
    animation: line-anim 0.5s forwards 3s, stroke_ 0.5s ease forwards 3s;
    -webkit-animation: line-anim 0.5s forwards 3s, stroke_ 0.5s ease forwards 3s;
}


.start #logo{

    fill:transparent;
}
@keyframes line-anim{
    to{
        stroke-dashoffset: 0;
    }
}
.intro_logo #logo_unido path{
    fill:white;
}
.start #logo_unido path{
    animation: fill_ 0.5s ease forwards 3s, relampago 3s  ease forwards 6s infinite;
    -webkit-animation: fill_ 0.5s ease forwards 3s, relampago 3s  ease forwards 6s infinite;
    fill:transparent;
}

@keyframes fill_{

    0%{
        fill:transparent;
    }
    2%{
        fill:white;
    }
    4%{
        fill:transparent;
    }
    6%{
        fill:white;
    }
    8%{
        fill:transparent;
    }
    10%{
        fill:white;
    }
    12%{
        fill:transparent;
    }
    14%{
        fill:white;
    }
    20%{
        fill:transparent;
    }
    30%{
        fill:white;
    }
    40%{
        fill:transparent;
    }
    50%{
        fill:white;
    }
    60%{
        fill:transparent;
    }
    70%{
        fill:white;
    }
    80%{
        fill:transparent;
    }
    90%{
        fill:white;
    }
    to{
        fill:white;
    }
}

@keyframes stroke_{
    from{
        stroke:white;
        stroke-width: 2;
    }
    to{
        stroke:transparent;
        stroke-width: 0;
    }
}


@keyframes relampago{
    48%{
        fill:white;
    }
    50%{
        fill:transparent;
    }
    51%{
        fill:white;
    }
    52%{
        fill:transparent;
    }
    53%{
        fill:white;
    }
    54%{
        fill:transparent;
    }
    55%{
        fill:white;
    }
    56%{
        fill:transparent;
    }
    62%{
        fill:white;
    }
    to{
        fill:white;
    }
}