INGREDIENTS
333333
color
1 serving
font-size: 17px
1 serving
border: 1px solid #ebebeb
1 serving
container-fluid {
1 serving
flex-wrap: nowrap
1 serving
background-size: cover
8
border: 1px solid #ddd
1 serving
button {
6600
border: 1px solid
1 serving
color: #fff
1 serving
font-size: 20px
1 serving
color
2
button {
1 serving
display: inline-block
1 serving
background-color: #ffe32b
200
border:1px solid #f2d
31 cs
filter: progid:dximagetransform.microsoft.gradient
1 serving
margin-top: 11px
border-top: 1px solid
1 serving
display: block
color
1 serving
font-size: 20px
1 serving
z-index: 1; /* sit on top
1 box
padding-top: 100px; /* location of the
1 serving
width: ; /* full width
1 serving
height: ; /* full height
background-color: rgb; /* fallback color
9/10
background-color: rgba; /* w/ opacity
1 serving
display: block
1 serving
display: block
1 serving
color: #ccc
1 serving
the close button
1 serving
top: 15px
1 serving
color: #f1f1f1
1 serving
font-size: 40px
1 serving
color: #bbb
1 serving
vjs-big-play-button
1 ml
body
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
box-sizing: border-box
1 serving
}
1 serving
body {
1 serving
font-family: 'work sans'
1 serving
line-height: 24px
1 serving
}
1 serving
hr {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 container
{
1 serving
width
1 serving
margin: 0px auto
1 serving
padding: 0px
1 serving
}
1 serving
width
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
}
1 serving
container-flex {
1 serving
display: flex
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
flex-direction: row
1 serving
}
1 serving
container-vid {
1 serving
width
margin: auto
1 serving
text-align: center
1 serving
}
1 serving
bg-mbg {
1 serving
background: url) no-repeat
1 serving
}
1 serving
box-images {
1 serving
width
1 serving
overflow: hidden
1 serving
}
1 serving
box-reviews {
1 serving
}
1 serving
width
1 serving
height: 34px
margin: auto
6600
background: -webkit-linear-gradient
6600
background: -o-linear-gradient
6600
background: -moz-linear-gradient
6600
background: linear-gradient; /* standard syntax
1 serving
border-radius: 8px
1 serving
font-weight: bold
1 serving
text-decoration: none
1 serving
}
1 serving
button2-fixed {
1 serving
position: fixed
1 serving
width
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
3
box-shadow: 0px 0px 0px 0px #aaa
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
13000
1 serving
}
1 serving
width
margin: auto
1 serving
padding: 20px 0px
31 cs
background-image: -webkit-gradient)
31 cs
background-image: -webkit-linear-gradient
1 oz
background-image: -m -linear-gradient)
31 cs
background-image: -ms-linear-gradient
31 cs
background-image: -o-linear-gradient
31 cs
background-image: linear-gradient
1 serving
webkit-border-radius: 5px
1 oz
m -border-radius: 5px
1 serving
border-radius: 5px
1 serving
text-align: center
1 serving
text-decoration: none
1 serving
}
1 serving
centered_flex {
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-content:center
1 serving
}
1 serving
content-center {
1 serving
justify-content: center
1 serving
}
1 serving
dashline {
1 serving
width: 32px
1 serving
}
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"=>""}}
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
myimg {
1 serving
border-radius: 5px
1 serving
cursor: pointer
transition: 3s
1 serving
}
1 serving
myimg:hover {
7/10
1 serving
}
1 serving
playfair {
1 serving
font-family: 'playfair display'
1 serving
font-family: 'unna'
1 serving
font-weight: bold
1 serving
}
1 serving
ctabottom {
1 serving
font-weight: bold
1 serving
text-decoration: none
1 serving
}
1 Link
cta {
1 serving
display:none
1 serving
width
1 serving
padding: 10px 0px
55
background: rgb
1 serving
}
1 serving
limelightwrapper {
1 serving
width: auto
1 serving
height: auto
margin: auto
1 serving
}
1 Link
product {
1 serving
display: none
1 serving
}
1 serving
videosection {
1 serving
padding: 0px 0px 30px 0px
1 serving
}
1
productlink {
1 serving
display: none
1 serving
}
2
productlink {
1 serving
display: none
1 serving
}
1 serving
the modal
1 serving
modal {
1 serving
display: none; /* hidden by default
1 serving
position: fixed; /* stay in place
? left: 0; left: 0; left 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"=>""}}
1 serving
overflow: auto; /* enable scroll if needed
1 serving
}
1 serving
modal content
1 serving
modal-content {
1 serving
margin: auto
1 serving
width
1 serving
max-width: 700px
1 serving
}
1 serving
caption of modal image
1 serving
caption {
1 serving
margin: auto
1 serving
width
1 serving
max-width: 700px
1 serving
text-align: center
padding: 1px
1 serving
height: 150px
1 serving
}
1 serving
add animation
1 serving
modal-content
1 serving
webkit-animation-name: zoom
webkit-animation-duration: 6s
1 serving
animation-name: zoom
animation-duration: 6s
1 serving
}
1 serving
webkit-keyframes zoom {
1 serving
from
1 serving
to
1 serving
}
1 serving
keyframes zoom {
1 serving
from
1 serving
to
1 serving
}
1 serving
close {
1 serving
position: absolute
1 serving
right: 35px
1 serving
font-weight: bold
transition: 3s
1 serving
}
1 serving
close:hover
1 serving
close:focus {
1 serving
text-decoration: none
1 serving
cursor: pointer
1 serving
}
1 serving
citations
1 serving
citations ol
1 serving
citations ol li
1 serving
image width on smaller screens
1 serving
media only screen and {
1 serving
modal-content {
1 serving
width
1 serving
}
1 serving
}
1 serving
vjs-picture-in-picture-control
1 serving
vjs-progress-control