INGREDIENTS
1 serving
border: 1px solid #ffffff
1 serving
display: block
102341
background-color
1 serving
background-size: cover
1 serving
color: #2de8bf
1 serving
font-size: 14px
1 serving
font-size: 32px
1 serving
color: #ffffff
1 serving
sfba_subscribe_form__fields_wrap {
1 serving
margin-top: 8px
1 serving
font-size: 11px
1 serving
background-color: #ffffff
1 serving
border: 1px solid #ffffff
1 serving
color: #7e7e7e
1 serving
color: #ffffff
1 serving
font-size: 13px
1 serving
display: inline-block
1 serving
margin-top: 10px
1 serving
font-size: 14px
957
sfba_subscribe_form_ #sfba-form2-button {
1 serving
display: block
1 serving
margin-top: 10px
1 serving
background-color: #2de8bf
102341
color
1 serving
font-size: 22px
1 serving
top: 0px
1 serving
font-size: 22px
1 serving
color: #fff
1 serving
font-size: 12px
1 serving
color: #ffffff
1 serving
color: #e6e6e6
1 serving
sfba-form2-button {
1 serving
sfba-attention-effect-flash.animation-start #sfba-form2-button {
1 serving
sfba-attention-effect-shake.animation-start #sfba-form2-button {
1 serving
sfba-attention-effect-swing.animation-start #sfba-form2-button {
1 serving
webkit-transform-origin: top center
1 serving
transform-origin: top center
1 serving
sfba-attention-effect-tada.animation-start #sfba-form2-button {
1 serving
sfba-attention-effect-heartbeat.animation-start #sfba-form2-button {
1 serving
sfba-attention-effect-wobble.animation-start #sfba-form2-button {
1 serving
margin-top: 10px
1 serving
font-size: 15px
1 serving
color: #7e7e7e
1 serving
color: #7e7e7e
1 serving
color: #7e7e7e
1 serving
font-size: 20px
1 serving
color: #fff
957
sfba_subscribe_form_ #sfba-form2-container{
1 serving
width: 300px
1 serving
font-family: 'poppins
1 serving
text-align: center
1 serving
padding: 20px 20px 15px
1 serving
background-image: url)
1 serving
background-repeat: no-repeat
margin: auto
1 serving
position: relative
1 serving
}
957
sfba_subscribe_form_subscribeform1_sub_heading {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height: 21px
1 serving
font-family: inherit
1 serving
}
957
sfba_subscribe_form_ #sfba-form2-container #sfba-form2-heading {
margin: 1px
1 serving
line-height: 48px
1 serving
font-weight: bold
1 serving
font-family: inherit
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
2 containers
sfba-form #sfba-form2-heading:before
2 containers
sfba-form #sfba-form2-heading:after{
1 serving
display:none
1 serving
}
1 serving
width
margin: auto
1 serving
max-width: 320px
1 serving
}
957
sfba_subscribe_form_sfba_subscribe_form__fields .sfba-form2-fields {
1 serving
width
1 serving
box-shadow: none
1 serving
padding-left: 15px
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
height: 32px
400
1 serving
font-family: inherit
1 serving
outline: none
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
957
sfba_subscribe_form_sfba-form2-consent-fields-main {
1 serving
text-align: left
1 serving
margin: 12px auto 5px
1
1 serving
}
1 serving
sfba-form2-consent-fields-main label {
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
400
1 serving
}
1 serving
sfba-form2-consent-fields-main label input[type="checkbox"] {
margin: 0 10px
1 serving
vertical-align: middle
1 serving
}
1 serving
sfba-conset-field-error {
1 serving
text-align: left
1 1/5
1 serving
}
1 serving
sfba-success-message{
1 serving
display: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
text-align: center
1 serving
padding: 10px 20px
1 serving
font-family: monospace
1 serving
letter-spacing: 1px
1 serving
}
1 serving
width
1 serving
border: none
1 serving
padding: 10px
600
1 serving
font-family: inherit
1 serving
cursor: pointer
1 serving
outline: none
1 1/5
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sfba_subscribe_form__fields.sfba_email_first{
1 serving
display: flex
1 serving
flex-direction: column
1 serving
}
1 serving
sfba_subscribe_form__fields.sfba_email_first .sfba-form-email{
1
1 serving
}
1 serving
sfba_subscribe_form__fields.sfba_email_first .sfba-form-name{
2
1 serving
}
1 container
sfba_thanks_ {
1 serving
display: flex
1 serving
align-items: center
1 serving
width
1 serving
height
1 serving
position: absolute
4/5
background: rgba
1 serving
left: 0px
1
1 serving
}
1 serving
sfba_thanks_image {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sfba_thanks_message {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
font-family: inherit
servings
padding: 15px
1 1/5
1 serving
}
1 serving
media only screen and {
2 containers
sfba-form {
1 serving
width
1 serving
}
1 serving
}
1 serving
sfba-form-credit {
margin: 25px -5px -1px
padding: 10px
1 serving
text-align: left
1 serving
text-decoration: none
1 serving
}
1 serving
sfba-form-credit a {
1 serving
text-decoration: none !important
1/2
background: rgba
1 serving
border-radius: 8px
1 serving
padding: 3px
1 serving
}
1 serving
sfba-form-credit a:hover {
1 serving
}
1 pty
form#sfba_subscribe_form #sfba_thanks_image.sfba-noem {
margin: auto 2px
1 serving
max-width: 128px
1 serving
max-height: 128px
1 serving
overflow: hidden
1 serving
}
1 serving
animated buttons
1 serving
webkit-animation: 1s
1 serving
animation-duration: 1s
1 serving
}
1 serving
webkit-keyframes flash {
1 serving
from
1 serving
to {
1
1 serving
}
1 serving
{
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
keyframes flash {
1 serving
from
1 serving
to {
1
1 serving
}
1 serving
{
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
webkit-animation-name: flash
1 serving
animation-name: flash
1 serving
}
1 serving
keyframes shake {
1 serving
from
1 serving
to {
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
{
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
{
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
}
1 serving
webkit-animation-name: shake
1 serving
animation-name: shake
1 serving
}
1 serving
webkit-keyframes swing {
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
to {
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
}
1 serving
keyframes swing {
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
{
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
to {
1 serving
webkit-transform: rotate3d)
1 serving
transform: rotate3d)
1 serving
}
1 serving
}
1 serving
webkit-animation-name: swing
1 serving
animation-name: swing
1 serving
}
1 serving
webkit-keyframes tada {
1 serving
from {
1
webkit-transform: scale3d
1
transform: scale3d
1 serving
}
1 serving
{
webkit-transform: scale3d rotate3d)
transform: scale3d rotate3d)
1 serving
}
1 serving
{
1
webkit-transform: scale3d rotate3d)
1
transform: scale3d rotate3d)
1 serving
}
1 serving
{
1
webkit-transform: scale3d rotate3d)
1
transform: scale3d rotate3d)
1 serving
}
1 serving
to {
1
webkit-transform: scale3d
1
transform: scale3d
1 serving
}
1 serving
}
1 serving
keyframes tada {
1 serving
from {
1
webkit-transform: scale3d
1
transform: scale3d
1 serving
}
1 serving
{
webkit-transform: scale3d rotate3d)
transform: scale3d rotate3d)
1 serving
}
1 serving
{
1
webkit-transform: scale3d rotate3d)
1
transform: scale3d rotate3d)
1 serving
}
1 serving
{
1
webkit-transform: scale3d rotate3d)
1
transform: scale3d rotate3d)
1 serving
}
1 serving
to {
1
webkit-transform: scale3d
1
transform: scale3d
1 serving
}
1 serving
}
1 serving
webkit-animation-name: tada
1 serving
animation-name: tada
1 serving
}
1 serving
webkit-keyframes heartbeat {
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
{
1 3/10
webkit-transform: scale
1 3/10
transform: scale
1 serving
}
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
{
1 3/10
webkit-transform: scale
1 3/10
transform: scale
1 serving
}
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
}
1 serving
keyframes heartbeat {
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
{
1 3/10
webkit-transform: scale
1 3/10
transform: scale
1 serving
}
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
{
1 3/10
webkit-transform: scale
1 3/10
transform: scale
1 serving
}
1 serving
{
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
}
1 serving
webkit-animation-name: heartbeat
1 serving
animation-name: heartbeat
1
webkit-animation-duration: 3s
1
animation-duration: 3s
1 serving
webkit-animation-timing-function: ease-in-out
1 serving
animation-timing-function: ease-in-out
1 serving
}
1 serving
webkit-keyframes wobble {
1 serving
from {
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
to {
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
}
1 serving
keyframes wobble {
1 serving
from {
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
{
webkit-transform: translate3d) rotate3d)
transform: translate3d) rotate3d)
1 serving
}
1 serving
to {
webkit-transform: translate3d
transform: translate3d
1 serving
}
1 serving
}
1 serving
webkit-animation-name: wobble
1 serving
animation-name: wobble
1 serving
}
1 container
sfba-main-form sfba-email-field-error
1 container
sfba-main-form sfba-conset-field-error {
1 serving
text-align: left
1 1/5
1 serving
font-family: inherit
1 serving
}
1 serving
media only screen and {
1 container
sfba_subscribe_form .sfba-main-form {
1 serving
width: !important
1 serving
}
1 serving
}
10 1/10
input.sfba-form-fields::placeholder { / chrome
1 serving
opacity: 1; / firefox
1 serving
}
1 serving
input.sfba-form-fields:-ms-input-placeholder { / internet explorer 10-11
1 serving
}
1 serving
input.sfba-form-fields::-ms-input-placeholder { / microsoft edge
1 serving
}
1 serving
form.sfba_subscribe_form
1 serving
form.sfba_subscribe_form * {
1 serving
webkit-box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
box-sizing: border-box
1 serving
}
1 pty
sfba_thanks_image.sfba-noem {
margin: auto 1px
1 serving
max-width: 100px
1 serving
max-height: 100px
1 serving
overflow: hidden
1 serving
}
1 serving
sfba_thanks_image img {
1 serving
width: auto
1 serving
height: auto
1 serving
max-width
1 serving
max-height
margin: auto
1 serving
}
1 serving
sfba_thanks_message {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
font-family: inherit
servings
padding: 15px
1 1/5
1 serving
}