/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#gform_wrapper_1 .gform_footer{vertical-align:top;}
.border01:after{content: " ";
    background: rgb(164,90,157);
    background: linear-gradient(90deg, rgba(164,90,157,1) 0%, rgba(97,189,235,1) 50%, rgba(0,114,165,1) 100%);
    height: 5px;
    display: block;}
.border02:after, #footer:before{content: " ";
    position: absolute;
    z-index:200;
    width: 100%;
    height:5px;
    top: -5px;
    background: linear-gradient(270deg, #a261a2, #61bdeb, #0072a5, #61bdeb);
    background-size: 600% 600%;

    -webkit-animation: cms 30s ease infinite;
    -moz-animation: cms 30s ease infinite;
    -o-animation: cms 30s ease infinite;
    animation: cms 30s ease infinite;
}
#top-bar {    background: linear-gradient(270deg, #a261a2, #61bdeb, #0072a5, #61bdeb);
    background-size: 600% 600%;

    -webkit-animation: cms 30s ease infinite;
    -moz-animation: cms 30s ease infinite;
    -o-animation: cms 30s ease infinite;
    animation: cms 30s ease infinite;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* Animation */

@-webkit-keyframes cms {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes cms {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes cms {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes cms {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}

}