INGREDIENTS
6
color : #4945b
1 serving
webkit-box-pack : center
1 serving
ms-flex-pack : center
1 serving
webkit-box-pack : justify
1 serving
ms-flex-pack : justify
padding-top : 25em
1 serving
navigation>.inner>.links>a {
1 serving
color
1 serving
border-right : 1px solid #ccc
padding-bottom : 308em
border-bottom : 308em solid transparent
1 serving
navigation>.inner>.links>a:first-child {
1 serving
border-left : 1px solid #ccc
border-bottom : 308em solid #bb1919 !important
border-bottom : 308em solid #ffd230 !important
border-bottom : 308em solid #8ce !important
border-bottom : 308em solid #007bc7 !important
1 serving
pink:hover
1 serving
pink:focus {
border-bottom : 308em solid #f54997 !important
border-bottom : 308em solid #000 !important
1 serving
orange:hover
1 serving
orange:focus {
border-bottom : 308em solid #ff4900 !important
font-size : 80em
1
font-size : 5em
1 serving
color : #fff
333
color
1
font-size : 2em
font-size : 9em
464646
color
1 serving
webkit-box-pack : justify
1 serving
ms-flex-pack : justify
1 serving
font-size : 18px
333
color
1 container
search button {
1 serving
webkit-appearance : button
1 serving
webkit-box-pack : center
1 serving
ms-flex-pack : center
1 serving
button span.search-icon {
1 serving
background-size : 20px 20px
1 serving
color : #fff
1 serving
font-size : 12px
1 serving
color : #fff
1 serving
footer>.inner>.link-bar {
1 serving
footer>.inner>div>.links>li {
1 serving
font-size : 12px
1 serving
footer>.inner>div>.links>li:last-child {
1 serving
footer>.inner>div>.links>li>a {
1 serving
color : #fff
1 serving
display : inline-block
1 serving
footer>.inner>div>.links>li {
1 serving
display : inline-block
1 serving
navigation>.inner>.links>a:nth-of-type {
1
font-size : 2em
1 serving
navigation>.inner>.links>a:nth-of-type {
1 serving
navigation>.inner>.links>a:nth-of-type {
1 serving
navigation>.inner>.links>a:nth-of-type {
1 serving
navigation>.inner>.links>a:nth-of-type {
1 serving
display : block
1 serving
{
? margin : 0; margin : 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding : 0; padding : 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border : 0; border : 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-box-sizing : border-box
1 serving
box-sizing : border-box
1 serving
}
1 serving
body
1 ml
ht {
1 serving
height
1 serving
}
1 serving
body {
1 serving
width
1 serving
height
1 serving
min-height : 100vh
1 serving
font-family : reithsans
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
webkit-box-orient : vertical
1 serving
webkit-box-direction: normal
1 serving
ms-flex-direction : column
1 serving
flex-direction : column
1 serving
}
1 serving
{
1 serving
text-decoration : none
1 serving
}
1 serving
a:hover
1 serving
a:focus {
1 serving
text-decoration : underline
1 serving
}
1 serving
content {
1
1
1
1 serving
height
1 serving
width
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
}
1 serving
main-content {
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
webkit-box-align : center
1 serving
ms-flex-align : center
1 serving
align-items : center
1 serving
justify-content : center
1 serving
webkit-box-orient : vertical
1 serving
webkit-box-direction: normal
1 serving
ms-flex-direction : column
1 serving
flex-direction : column
margin : 3em
1 serving
width
1 serving
text-align : center
1 serving
}
1 serving
center {
margin : auto
1 serving
max-width : 976px
1 serving
same width as bbc home
servings
padding : 1em
1 serving
}
1 serving
navigation {
1 serving
height
1 serving
}
1 serving
navigation>.inner {
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
webkit-box-orient : horizontal
1 serving
webkit-box-direction: normal
1 serving
ms-flex-direction : row
1 serving
flex-direction : row
1 serving
justify-content : space-between
1 serving
}
links
navigation>.inner> {
1 serving
float : right
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
webkit-box-orient : horizontal
1 serving
webkit-box-direction: normal
1 serving
ms-flex-direction : row
1 serving
flex-direction : row
1 serving
webkit-box-align : center
1 serving
ms-flex-align : center
1 serving
align-items : center
1 serving
}
1 serving
text-decoration : none
1 serving
line-height : 2em
padding : 462em 12px 308em
1 serving
}
1 serving
}
1 serving
red:hover
1 serving
red:focus {
1 serving
}
1 serving
yellow:hover
1 serving
yellow:focus {
1 serving
}
1 serving
light-blue:hover
1 serving
light-blue:focus {
1 serving
}
1 serving
dark-blue:hover
1 serving
dark-blue:focus {
1 serving
}
1 serving
}
1 serving
black:hover
1 serving
black:focus {
1 serving
}
1 serving
}
1 serving
navigation>.inner>.logo>a>img {
24
height : 5px
1 serving
}
1 serving
navigation>.inner>.logo {
1 serving
width : 6em
1 serving
float : left
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
webkit-box-orient : horizontal
1 serving
webkit-box-direction: normal
1 serving
ms-flex-direction : row
1 serving
flex-direction : row
1 serving
webkit-box-align : center
1 serving
ms-flex-align : center
1 serving
align-items : center
padding : 0.308em 1em
1 serving
}
1 serving
header {
? -ms-flex-negative : 0; -ms-flex-negative : 0; ms-flex-negative 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? flex-shrink : 0 flex-shrink : 0 flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
nav {
1 serving
width
1 serving
min-height : 40px
1 serving
background : #fff
700
1 serving
}
1 serving
sub-navigation {
6
background : #4945b
1 serving
width
1 serving
}
1 serving
sub-navigation>.inner {
2
padding : 5em 1em
1 serving
}
1 serving
sub-navigation>.inner>.title {
400
1 serving
}
1
h {
padding : 5em
1 serving
}
1 serving
main>.text {
servings
padding : 1em 1em 1em
1 serving
max-width : 500px
1 serving
}
1 serving
text>p {
padding : 1em
1
line-height : 5em
1 serving
position : relative
1 serving
text-align : center
1 serving
}
1 serving
search
1 container
search {
1 serving
background : #e4e4e4
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
height : 36px
1 serving
justify-content : space-between
1 serving
webkit-box-align : center
1 serving
ms-flex-align : center
1 serving
align-items : center
servings
margin : 1em 10px 1em
1 serving
}
1 serving
input[type=text] {
1 serving
height
1 serving
padding : 6px 7px
1 serving
border : none
1 serving
background : #e4e4e4
1 serving
width
1 serving
}
1 serving
height : 36px
1 serving
width : 36px
1 serving
background : #e4e4e4
1 serving
border : none
1 serving
cursor : pointer
1 serving
position : relative
1 serving
display : -webkit-box
1 serving
display : -ms-flexbox
1 serving
display : flex
1 serving
justify-content : center
1 serving
webkit-box-align : center
1 serving
ms-flex-align : center
1 serving
align-items : center
1 serving
}
1 serving
width : 20px
1 serving
height : 20px
1 serving
}
1 serving
footer
1 serving
footer {
4 cs
background
padding : 1.5em
1 serving
position : relative
? -ms-flex-negative : 0; -ms-flex-negative : 0; ms-flex-negative 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? flex-shrink : 0; flex-shrink : 0; flex-shrink 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
footer-content>p>a {
700
1 serving
}
margin : 23px
1 serving
}
links
footer>.inner>div> {
1 serving
none
1 serving
height
1 serving
}
1 serving
text-decoration : none
1 serving
display : inline
margin : 10px 19px
1 serving
}
? margin-right : 0; margin-right : 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
footer-content {
? padding-top : 0; padding-top : 0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
links
footer>.inner>div> {
1 serving
display : inherit
? padding-left : 0; padding-left : 0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
display : none
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
sub-navigation>.inner {
1 serving
padding : 2em 1em
1 serving
}
1 serving
sub-navigation>.inner>.title {
1 serving
}
1 serving
display : none
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
display : none
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
display : none
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
display : none
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
content {
1 serving
}
1 serving
}
1 serving
font
1 serving
font-face {
1 serving
font-family
1 serving
reithsans
1 serving
src
1 serving
url
1 serving
format)
1 serving
url
1 serving
format)
1 serving
font-display
1 serving
swap
1 serving
}
1 serving
font-face {
1 serving
font-family
1 serving
reithsans
1 serving
src
1 serving
url
1 serving
format)
1 serving
url
1 serving
format)
1 serving
font-display
1 serving
swap
1 serving
font-weight
700
1 serving
}