jetsloth

/*Below will apply the chose wiggle effect to the submit button.*/
/*Just change the animation type to the wiiggle effect you want, wiggle1,wiggle2,wiggle3,wiggle4.*/
.gform_button.button {
    animation: wiggle1 1.5s ease-in infinite;
}

/*CSS Wiggle 1*/
@keyframes wiggle1 {
  0%, 7% {transform: rotateZ(0);}
  15% {transform: rotateZ(-13deg);}

jetsloth

/*Import google font - Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
/*Form outside wrapper styles*/
.gform_wrapper.logo-creator_wrapper {
    background: #FFFFFF;
    border: 2px solid #1D1D1F;
    box-shadow: 5px 5px 0 0 #000000;
    border-radius: 5px;
    position:relative;
}

jetsloth

/*Variables - Change Colors here*/
:root {
    --blue-color: #1451c7;
    --pink-color: #ff8089;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo5-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo5-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo5-box-layout input[type="tel"],
.gform_wrapper.gravity-theme .demo5-box-layout textarea {

jetsloth

/*Variables - Change Colors here*/
:root {
    --aqua-color: #9fe0dc;
    --dark-aqua-color: #83c4c0;
    --yellow-color: #f6c834;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo4-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo4-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo4-box-layout input[type="tel"],

jetsloth

/*Variables - Change Colors here*/
:root {
    --red-color: #d12d5d;
    --dark-blue-color: #0c1c34;
    --blue-color: #1451c7;
}
/*Hide legand*/
.gform_required_legend {
    display:none;
}

jetsloth

/*Variables - Change Colors here*/
:root {
    --red-color: #d12d5d;
    --dark-blue-color: #0c1c34;
    --blue-color: #1451c7;
}
/*Hide legand*/
.gform_required_legend {
    display:none;
}

jetsloth

/*Variables - Change Colors here*/
:root {
    --aqua-color: #9fe0dc;
    --dark-aqua-color: #83c4c0;
    --orange-color: #f68b2e;
}
/* Basic input styles */
.gform_wrapper.gravity-theme .demo1-box-layout input[type="text"],
.gform_wrapper.gravity-theme .demo1-box-layout input[type="email"],
.gform_wrapper.gravity-theme .demo1-box-layout input[type="tel"],

jetsloth

/*Gravity Forms 2.5+ CSS Styled Radio & Checkbox fields*/
.gchoice {
    z-index:1;
    position:relative;
    margin:0 0 10px 0;
    padding:0;
    height:70px;
}
input.gfield-choice-input {
    z-index:2;

jetsloth

/* ////////////  Legacy CSS version //////////// */
.gform_legacy_markup_wrapper.gform_wrapper li.gfield ul li.gchoice {
    z-index:1;
    position:relative;
    margin:0 0 10px 0;
    padding:0;
    height:70px;
}
.gform_legacy_markup_wrapper.gform_wrapper li.gfield ul li.gchoice input {
    z-index:2;

jetsloth

/* Style form wrapper max width 900px */
.gppt-has-page-transitions_wrapper {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-shadow: 2px 3px 4px 0 rgba(33,39,47,0.05);
    border-radius: 8px; 
    max-width:900px;
    min-height: 560px;  
    margin:0 auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;