/*
Theme Name:    The Spark 
Description:   Child Theme for Beaver Builder
Version:       1.0.0
Author:        flourishonline.com
Author URI:    http://flourishonline.com
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/

@import "./assets/css/fonts.css"; 


/* Button */

.fl-page a.fl-button {

    -webkit-clip-path: polygon(2% 0%, 100% 0, 99% 78%, 100% 100%, 2% 100%, 0% 29%);
    clip-path: polygon(2% 0%, 100% 0, 99% 78%, 100% 100%, 2% 100%, 0% 29%);

}

/* Floating Image */

.sparkimage {
    position: relative;
}

.sparkimage {
    position: absolute;
    top: -113px;
    left: -180px;
}

.float-spark {
    position: absolute;
    top: 8vw;
    left: -1vw;
}


/* Subscribe Form */

.flourish-signup-form .uabb-form-field:nth-child(1) {

    width: 49%;
    float: left;
    display: inline;

}

.flourish-signup-form .uabb-form-field:nth-child(2) {

    width: 49%;
    float: right;
    
}

.flourish-signup-form .uabb-form-field:nth-child(3) {

   clear: both;
    
}

.flourish-signup-form .uabb-form-field input {

    border-radius: 4px !important;

}

.flourish-signup-form  .uabb-form-button .uabb-button {
    padding: 20px 24px;
    /* -webkit-clip-path: polygon(2% 0%, 100% 0, 99% 78%, 100% 100%, 2% 100%, 0% 29%);
    clip-path: polygon(2% 0%, 100% 0, 99% 78%, 100% 100%, 2% 100%, 0% 29%); */
    -webkit-clip-path: polygon(100% 0, 99.5% 70%, 100% 100%, 2% 100%, 0% 41%, 0.5% 1%);
    clip-path: polygon(100% 0, 99.5% 70%, 100% 100%, 2% 100%, 0% 41%, 0.5% 1%);
}


.flourish-signup-form h3.uabb-sf-heading {
    padding-bottom: 15px;
}

.flourish-signup-form .uabb-form-wrap {
    width: 80%;
    margin: 0 auto;
}


@media only screen and (max-width: 1280px) {

    body .thank-you-col-left .fl-col-content {

        padding-left: 10%;
    }

}

@media only screen and (max-width: 768px) {
    .sparkimage {
        position: relative;
        top: 0;
        left: 0;
    }

    .float-spark {
   
    
        top: 8vw;
        left: initial;
        width: 28% !important;
        right: 0;
       
    }

   

}