INGREDIENTS
1 serving
color: #75cede
1 serving
font-size: 10px
1 serving
margin-top: -30px
1
font-size: 1rem
1 serving
background-position: top right
1 serving
background-size: 200px
1 serving
background-color: #f1f0e4
565656
color
1 serving
da-mailing-list-wrapper {
1 serving
da-mailing-list-wrapper .close {
1 serving
top: -10px
1 serving
color: #f1f0e4
4
border: 1px solid #f1f0e
1 serving
da-mailing-list-wrapper .close:before {
1 serving
display: block
1 serving
font-size: 12px
1 serving
da-mailing-list-wrapper .close:hover {
1 serving
da-mailing-list-wrapper .close:hover:before {
3
font-size: 5rem
1 serving
color: #33295d
1 serving
margin-top: 20px
1 serving
margin-bottom: 10px
3/5
background-color: rgba
1 serving
background-size: contain
1 serving
background-position: top left
1 serving
color: #ef4b53
1 serving
da-mailing-list .mailing-list--subscribe button {
1 serving
color: #ef4b53
1 serving
font-size: 13px
4
border-left: 1px solid #adaca
1 serving
da-mailing-list .mailing-list--subscribe button:focus {
1 serving
da-mailing-list .mailing-list--subscribe button:hover {
1 serving
da-mailing-list .mailing-list--subscribe .subscribe--wrapper {
4
border: 1px solid #adaca
1 serving
da-mailing-list .mailing-list--subscribe .message-wrapper span {
1 serving
display: block
1 serving
padding-bottom: 15px
1 serving
color: #f1f0e4
1 serving
font-size: 15px
1 serving
da-mailing-list .mailing-list--subscribe .message-wrapper span i {
1 serving
font-size: 13px
1 serving
color: #f6cd5a
1 serving
font-size: 16px
1 serving
color: #a2a2a2
4
border-bottom: 1px solid #adaca
1 serving
color: #f1f0e3
1 serving
display: block
1 serving
font-size: 11px
1 serving
font-style: italic
565656
color
1 serving
da-mailing-list-wrapper {
1 serving
font-size: 1rem
1 serving
font-size: 2rem
1 serving
da-mailing-list .loader
1 serving
da-mailing-list .loader:before
1 serving
da-mailing-list .loader:after {
1 serving
border-radius
1
width: 5em
1
height: 5em
1 serving
webkit-animation-fill-mode: both
1 serving
animation-fill-mode: both
1 serving
webkit-animation: load 1s infinite ease-in-out
1 serving
animation: load 1s infinite ease-in-out
1 serving
}
1 serving
da-mailing-list .loader {
1 serving
margin: 20px auto
1 serving
position: relative
1 serving
text-indent: -9999em
1 serving
webkit-transform: translatez
1 serving
ms-transform: translatez
1 serving
transform: translatez
webkit-animation-delay: 16s
animation-delay: 16s
1 serving
}
1 serving
da-mailing-list .loader:before
1 serving
da-mailing-list .loader:after {
1 serving
content
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
da-mailing-list .loader:before {
3
left: 5em
webkit-animation-delay: 32s
animation-delay: 32s
1 serving
}
1 serving
da-mailing-list .loader:after {
3
left: 5em
1 serving
}
7
webkit-keyframes load {
1 serving
{
box-shadow: 0 5em 0 -1.3em
1 serving
}
1 serving
{
box-shadow: 0 2.5em
1 serving
}
1 serving
}
7
keyframes load {
1 serving
{
box-shadow: 0 5em 0 -1.3em
1 serving
}
1 serving
{
box-shadow: 0 2.5em
1 serving
}
1 serving
}
1 serving
overlay {
1 serving
display: flex
1 serving
align-items: center
1 serving
position: fixed
1000000
1 serving
height: 100vh
1 serving
width: 100vw
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
3/5
background: rgba
1 serving
}
1 serving
da-mailing-list {
padding: 35px 2px
1 serving
font-weight: normal
1 serving
background-image: url)
1 serving
background-repeat: repeat-x
1 serving
border-radius: 5px
1 serving
overflow: hidden
box-shadow: 0 0 30px rgba
1 serving
}
1 serving
position: absolute
1 serving
max-width: 510px
1 serving
width: 95vw
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
margin: auto
1 serving
}
1 serving
position: absolute
1 serving
right: -10px
1 serving
height: 40px
1 serving
width: 40px
1 serving
line-height: 44px
1 serving
text-align: center
1 serving
border-radius: 40px
1 serving
background: #ef4b53
transition: all cubic-bezier 2s
webkit-transition: all cubic-bezier 2s
1 oz
m -transition: all cubic-bezier) 0.2s
box-shadow: 6px
1 serving
}
1 serving
position: absolute
1 serving
content:'no thanks
1 serving
right: -80px
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 90px
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
transform: translatex)
transition: all cubic-bezier 2s
webkit-transition: all cubic-bezier 2s
1 oz
m -transition: all cubic-bezier) 0.2s
1 serving
}
1 1/5
transform: scale
1 serving
cursor: pointer
1 serving
}
1
1 serving
transform: translatex
1 serving
}
1
da-mailing-list h {
1 serving
font-family: "brandongrotesque-bold"
line-height: 95em
1 serving
text-transform: uppercase
1 serving
text-align: left
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 30px 10px 5px
1 serving
}
1 serving
da-mailing-list .mailing-list--header {
1 serving
background-image: url)
1 serving
background-repeat: no-repeat
1 serving
}
1 serving
da-mailing-list .mailing-list--content {
servings
padding: 15px
margin: px 3px
1 1/2
1 serving
}
1 serving
da-mailing-list .mailing-list--content .bold {
1 serving
font-weight: bold
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe
1 serving
da-mailing-list .mailing-list--submit {
1 serving
background: #33295d
1 serving
padding: 20px 30px
1 serving
margin-right: -20px
1 serving
margin-left: -20px
1 serving
position: relative
1 serving
}
1 serving
da-mailing-list .mailing-list--submit {
1 serving
text-align: center
1 serving
background: transparent
1 serving
}
border: none
margin: auto
1 serving
background: #f6cd5a
1 serving
padding: 10px 15px
1 serving
position: absolute
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-weight: bold
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe .overlay {
1 serving
position: absolute
1 serving
width
1 serving
height
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
? outline: 0; outline: 0; outline 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
background: #e0b63f
1 serving
}
1 serving
position: relative
1 serving
overflow: hidden
1 serving
border-radius: 4px
1 serving
}
1 serving
}
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe input {
3/10
background: rgba
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
padding: 10px 15px
1 serving
padding-right: 70px
100
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe input:first-child {
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe input:focus {
? outline: 0; outline: 0; outline 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
da-mailing-list .smallprint {
1 1/5
100
1 serving
}
1 serving
media screen and {
1 serving
width: 93vw
1 serving
}
1 serving
da-mailing-list {
1 serving
}
1
da-mailing-list h {
padding: 2px 1px
1 serving
}
1 serving
da-mailing-list .mailing-list--content {
1 3/10
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe
1 serving
da-mailing-list .mailing-list--submit {
1 serving
padding: 20px
1 serving
}
1 serving
da-mailing-list .mailing-list--subscribe input {
1 serving
padding: 5px 10px
1 serving
}
1 serving
}