Page Menu
Home
DevCentral
Search
Configure Global Search
Log In
Files
F12742061
foundation.css
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
131 KB
Referenced Files
None
Subscribers
None
foundation.css
View Options
@
import
url
(
"//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"
)
;
meta
.
foundation-mq-small
{
font-family
:
"/only screen and (max-width: 40em)/"
;
width
:
0
em
;
}
meta
.
foundation-mq-medium
{
font-family
:
"/only screen and (min-width:40.063em) and (max-width:64em)/"
;
width
:
40.063
em
;
}
meta
.
foundation-mq-large
{
font-family
:
"/only screen and (min-width:64.063em)/"
;
width
:
64.063
em
;
}
meta
.
foundation-mq-xlarge
{
font-family
:
"/only screen and (min-width:90.063em)/"
;
width
:
90.063
em
;
}
meta
.
foundation-mq-xxlarge
{
font-family
:
"/only screen and (min-width:120.063em)/"
;
width
:
120.063
em
;
}
*,
*
:
before
,
*
:
after
{
-moz-
box-sizing
:
border-box
;
-webkit-
box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
html
,
body
{
font-size
:
100
%
;
}
body
{
background
:
white
;
color
:
#cecece
;
padding
:
0
;
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
normal
;
font-style
:
normal
;
line-height
:
1
;
position
:
relative
;
cursor
:
default
;
}
a
:
hover
{
cursor
:
pointer
;
}
img
,
object
,
embed
{
max-width
:
100
%
;
height
:
auto
;
}
object
,
embed
{
height
:
100
%
;
}
img
{
-ms-
interpolation-mode
:
bicubic
;
}
#
map_canvas
img
,
#
map_canvas
embed
,
#
map_canvas
object
,
.
map_canvas
img
,
.
map_canvas
embed
,
.
map_canvas
object
{
max-width
:
none
!important
;
}
.
left
{
float
:
left
!important
;
}
.
right
{
float
:
right
!important
;
}
.
clearfix
{
*
zoom
:
1
;
}
.
clearfix
:
before
,
.
clearfix
:
after
{
content
:
" "
;
display
:
table
;
}
.
clearfix
:
after
{
clear
:
both
;
}
.
text-left
{
text-align
:
left
!important
;
}
.
text-right
{
text-align
:
right
!important
;
}
.
text-center
{
text-align
:
center
!important
;
}
.
text-justify
{
text-align
:
justify
!important
;
}
.
hide
{
display
:
none
;
}
.
antialiased
{
-webkit-
font-smoothing
:
antialiased
;
}
img
{
display
:
inline-block
;
vertical-align
:
middle
;
}
textarea
{
height
:
auto
;
min-height
:
50
px
;
}
select
{
width
:
100
%
;
}
.
row
{
width
:
100
%
;
margin-left
:
auto
;
margin-right
:
auto
;
margin-top
:
0
;
margin-bottom
:
0
;
max-width
:
62.5
em
;
*
zoom
:
1
;
}
.
row
:
before
,
.
row
:
after
{
content
:
" "
;
display
:
table
;
}
.
row
:
after
{
clear
:
both
;
}
.
row
.
collapse
>
.
column
,
.
row
.
collapse
>
.
columns
{
position
:
relative
;
padding-left
:
0
;
padding-right
:
0
;
float
:
left
;
}
.
row
.
collapse
.
row
{
margin-left
:
0
;
margin-right
:
0
;
}
.
row
.
row
{
width
:
auto
;
margin-left
:
-0.9375
em
;
margin-right
:
-0.9375
em
;
margin-top
:
0
;
margin-bottom
:
0
;
max-width
:
none
;
*
zoom
:
1
;
}
.
row
.
row
:
before
,
.
row
.
row
:
after
{
content
:
" "
;
display
:
table
;
}
.
row
.
row
:
after
{
clear
:
both
;
}
.
row
.
row
.
collapse
{
width
:
auto
;
margin
:
0
;
max-width
:
none
;
*
zoom
:
1
;
}
.
row
.
row
.
collapse
:
before
,
.
row
.
row
.
collapse
:
after
{
content
:
" "
;
display
:
table
;
}
.
row
.
row
.
collapse
:
after
{
clear
:
both
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
width
:
100
%
;
float
:
left
;
}
@
media
only
screen
{
.
small-push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
small-pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
small-push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
small-pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
small-push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
small-pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
small-push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
small-pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
small-push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
small-pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
small-push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
small-pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
small-push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
small-pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
small-push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
small-pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
small-push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
small-pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
small-push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
small-pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
small-push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
small-pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
float
:
left
;
}
.
small-1
{
position
:
relative
;
width
:
8.33333
%
;
}
.
small-2
{
position
:
relative
;
width
:
16.66667
%
;
}
.
small-3
{
position
:
relative
;
width
:
25
%
;
}
.
small-4
{
position
:
relative
;
width
:
33.33333
%
;
}
.
small-5
{
position
:
relative
;
width
:
41.66667
%
;
}
.
small-6
{
position
:
relative
;
width
:
50
%
;
}
.
small-7
{
position
:
relative
;
width
:
58.33333
%
;
}
.
small-8
{
position
:
relative
;
width
:
66.66667
%
;
}
.
small-9
{
position
:
relative
;
width
:
75
%
;
}
.
small-10
{
position
:
relative
;
width
:
83.33333
%
;
}
.
small-11
{
position
:
relative
;
width
:
91.66667
%
;
}
.
small-12
{
position
:
relative
;
width
:
100
%
;
}
.
small-offset-0
{
position
:
relative
;
margin-left
:
0
%
;
}
.
small-offset-1
{
position
:
relative
;
margin-left
:
8.33333
%
;
}
.
small-offset-2
{
position
:
relative
;
margin-left
:
16.66667
%
;
}
.
small-offset-3
{
position
:
relative
;
margin-left
:
25
%
;
}
.
small-offset-4
{
position
:
relative
;
margin-left
:
33.33333
%
;
}
.
small-offset-5
{
position
:
relative
;
margin-left
:
41.66667
%
;
}
.
small-offset-6
{
position
:
relative
;
margin-left
:
50
%
;
}
.
small-offset-7
{
position
:
relative
;
margin-left
:
58.33333
%
;
}
.
small-offset-8
{
position
:
relative
;
margin-left
:
66.66667
%
;
}
.
small-offset-9
{
position
:
relative
;
margin-left
:
75
%
;
}
.
small-offset-10
{
position
:
relative
;
margin-left
:
83.33333
%
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
:
last-child
{
float
:
right
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
.
end
{
float
:
left
;
}
.
column
.
small-centered
,
.
columns
.
small-centered
{
position
:
relative
;
margin-left
:
auto
;
margin-right
:
auto
;
float
:
none
!important
;
}
.
column
.
small-uncentered
,
.
columns
.
small-uncentered
{
margin-left
:
0
;
margin-right
:
0
;
float
:
left
!important
;
}
.
column
.
small-uncentered
.
opposite
,
.
columns
.
small-uncentered
.
opposite
{
float
:
right
!important
;
}
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
medium-push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
medium-pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
medium-push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
medium-pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
medium-push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
medium-pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
medium-push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
medium-pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
medium-push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
medium-pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
medium-push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
medium-pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
medium-push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
medium-pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
medium-push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
medium-pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
medium-push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
medium-pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
medium-push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
medium-pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
medium-push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
medium-pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
float
:
left
;
}
.
medium-1
{
position
:
relative
;
width
:
8.33333
%
;
}
.
medium-2
{
position
:
relative
;
width
:
16.66667
%
;
}
.
medium-3
{
position
:
relative
;
width
:
25
%
;
}
.
medium-4
{
position
:
relative
;
width
:
33.33333
%
;
}
.
medium-5
{
position
:
relative
;
width
:
41.66667
%
;
}
.
medium-6
{
position
:
relative
;
width
:
50
%
;
}
.
medium-7
{
position
:
relative
;
width
:
58.33333
%
;
}
.
medium-8
{
position
:
relative
;
width
:
66.66667
%
;
}
.
medium-9
{
position
:
relative
;
width
:
75
%
;
}
.
medium-10
{
position
:
relative
;
width
:
83.33333
%
;
}
.
medium-11
{
position
:
relative
;
width
:
91.66667
%
;
}
.
medium-12
{
position
:
relative
;
width
:
100
%
;
}
.
medium-offset-0
{
position
:
relative
;
margin-left
:
0
%
;
}
.
medium-offset-1
{
position
:
relative
;
margin-left
:
8.33333
%
;
}
.
medium-offset-2
{
position
:
relative
;
margin-left
:
16.66667
%
;
}
.
medium-offset-3
{
position
:
relative
;
margin-left
:
25
%
;
}
.
medium-offset-4
{
position
:
relative
;
margin-left
:
33.33333
%
;
}
.
medium-offset-5
{
position
:
relative
;
margin-left
:
41.66667
%
;
}
.
medium-offset-6
{
position
:
relative
;
margin-left
:
50
%
;
}
.
medium-offset-7
{
position
:
relative
;
margin-left
:
58.33333
%
;
}
.
medium-offset-8
{
position
:
relative
;
margin-left
:
66.66667
%
;
}
.
medium-offset-9
{
position
:
relative
;
margin-left
:
75
%
;
}
.
medium-offset-10
{
position
:
relative
;
margin-left
:
83.33333
%
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
:
last-child
{
float
:
right
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
.
end
{
float
:
left
;
}
.
column
.
medium-centered
,
.
columns
.
medium-centered
{
position
:
relative
;
margin-left
:
auto
;
margin-right
:
auto
;
float
:
none
!important
;
}
.
column
.
medium-uncentered
,
.
columns
.
medium-uncentered
{
margin-left
:
0
;
margin-right
:
0
;
float
:
left
!important
;
}
.
column
.
medium-uncentered
.
opposite
,
.
columns
.
medium-uncentered
.
opposite
{
float
:
right
!important
;
}
.
push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
}
@
media
only
screen
and
(
min-width
:
64
.
063em
)
{
.
large-push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
large-pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
large-push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
large-pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
large-push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
large-pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
large-push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
large-pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
large-push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
large-pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
large-push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
large-pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
large-push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
large-pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
large-push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
large-pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
large-push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
large-pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
large-push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
large-pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
large-push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
large-pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
float
:
left
;
}
.
large-1
{
position
:
relative
;
width
:
8.33333
%
;
}
.
large-2
{
position
:
relative
;
width
:
16.66667
%
;
}
.
large-3
{
position
:
relative
;
width
:
25
%
;
}
.
large-4
{
position
:
relative
;
width
:
33.33333
%
;
}
.
large-5
{
position
:
relative
;
width
:
41.66667
%
;
}
.
large-6
{
position
:
relative
;
width
:
50
%
;
}
.
large-7
{
position
:
relative
;
width
:
58.33333
%
;
}
.
large-8
{
position
:
relative
;
width
:
66.66667
%
;
}
.
large-9
{
position
:
relative
;
width
:
75
%
;
}
.
large-10
{
position
:
relative
;
width
:
83.33333
%
;
}
.
large-11
{
position
:
relative
;
width
:
91.66667
%
;
}
.
large-12
{
position
:
relative
;
width
:
100
%
;
}
.
large-offset-0
{
position
:
relative
;
margin-left
:
0
%
;
}
.
large-offset-1
{
position
:
relative
;
margin-left
:
8.33333
%
;
}
.
large-offset-2
{
position
:
relative
;
margin-left
:
16.66667
%
;
}
.
large-offset-3
{
position
:
relative
;
margin-left
:
25
%
;
}
.
large-offset-4
{
position
:
relative
;
margin-left
:
33.33333
%
;
}
.
large-offset-5
{
position
:
relative
;
margin-left
:
41.66667
%
;
}
.
large-offset-6
{
position
:
relative
;
margin-left
:
50
%
;
}
.
large-offset-7
{
position
:
relative
;
margin-left
:
58.33333
%
;
}
.
large-offset-8
{
position
:
relative
;
margin-left
:
66.66667
%
;
}
.
large-offset-9
{
position
:
relative
;
margin-left
:
75
%
;
}
.
large-offset-10
{
position
:
relative
;
margin-left
:
83.33333
%
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
:
last-child
{
float
:
right
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
.
end
{
float
:
left
;
}
.
column
.
large-centered
,
.
columns
.
large-centered
{
position
:
relative
;
margin-left
:
auto
;
margin-right
:
auto
;
float
:
none
!important
;
}
.
column
.
large-uncentered
,
.
columns
.
large-uncentered
{
margin-left
:
0
;
margin-right
:
0
;
float
:
left
!important
;
}
.
column
.
large-uncentered
.
opposite
,
.
columns
.
large-uncentered
.
opposite
{
float
:
right
!important
;
}
}
@
media
only
screen
and
(
min-width
:
90
.
063em
)
{
.
xlarge-push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
xlarge-pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
xlarge-push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
xlarge-pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
xlarge-push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
xlarge-pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
xlarge-push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
xlarge-pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
xlarge-push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
xlarge-pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
xlarge-push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
xlarge-pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
xlarge-push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
xlarge-pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
xlarge-push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
xlarge-pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
xlarge-push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
xlarge-pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
xlarge-push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
xlarge-pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
xlarge-push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
xlarge-pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
float
:
left
;
}
.
xlarge-1
{
position
:
relative
;
width
:
8.33333
%
;
}
.
xlarge-2
{
position
:
relative
;
width
:
16.66667
%
;
}
.
xlarge-3
{
position
:
relative
;
width
:
25
%
;
}
.
xlarge-4
{
position
:
relative
;
width
:
33.33333
%
;
}
.
xlarge-5
{
position
:
relative
;
width
:
41.66667
%
;
}
.
xlarge-6
{
position
:
relative
;
width
:
50
%
;
}
.
xlarge-7
{
position
:
relative
;
width
:
58.33333
%
;
}
.
xlarge-8
{
position
:
relative
;
width
:
66.66667
%
;
}
.
xlarge-9
{
position
:
relative
;
width
:
75
%
;
}
.
xlarge-10
{
position
:
relative
;
width
:
83.33333
%
;
}
.
xlarge-11
{
position
:
relative
;
width
:
91.66667
%
;
}
.
xlarge-12
{
position
:
relative
;
width
:
100
%
;
}
.
xlarge-offset-0
{
position
:
relative
;
margin-left
:
0
%
;
}
.
xlarge-offset-1
{
position
:
relative
;
margin-left
:
8.33333
%
;
}
.
xlarge-offset-2
{
position
:
relative
;
margin-left
:
16.66667
%
;
}
.
xlarge-offset-3
{
position
:
relative
;
margin-left
:
25
%
;
}
.
xlarge-offset-4
{
position
:
relative
;
margin-left
:
33.33333
%
;
}
.
xlarge-offset-5
{
position
:
relative
;
margin-left
:
41.66667
%
;
}
.
xlarge-offset-6
{
position
:
relative
;
margin-left
:
50
%
;
}
.
xlarge-offset-7
{
position
:
relative
;
margin-left
:
58.33333
%
;
}
.
xlarge-offset-8
{
position
:
relative
;
margin-left
:
66.66667
%
;
}
.
xlarge-offset-9
{
position
:
relative
;
margin-left
:
75
%
;
}
.
xlarge-offset-10
{
position
:
relative
;
margin-left
:
83.33333
%
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
:
last-child
{
float
:
right
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
.
end
{
float
:
left
;
}
.
column
.
xlarge-centered
,
.
columns
.
xlarge-centered
{
position
:
relative
;
margin-left
:
auto
;
margin-right
:
auto
;
float
:
none
!important
;
}
.
column
.
xlarge-uncentered
,
.
columns
.
xlarge-uncentered
{
margin-left
:
0
;
margin-right
:
0
;
float
:
left
!important
;
}
.
column
.
xlarge-uncentered
.
opposite
,
.
columns
.
xlarge-uncentered
.
opposite
{
float
:
right
!important
;
}
}
@
media
only
screen
and
(
min-width
:
120
.
063em
)
{
.
xxlarge-push-1
{
position
:
relative
;
left
:
8.33333
%
;
right
:
auto
;
}
.
xxlarge-pull-1
{
position
:
relative
;
right
:
8.33333
%
;
left
:
auto
;
}
.
xxlarge-push-2
{
position
:
relative
;
left
:
16.66667
%
;
right
:
auto
;
}
.
xxlarge-pull-2
{
position
:
relative
;
right
:
16.66667
%
;
left
:
auto
;
}
.
xxlarge-push-3
{
position
:
relative
;
left
:
25
%
;
right
:
auto
;
}
.
xxlarge-pull-3
{
position
:
relative
;
right
:
25
%
;
left
:
auto
;
}
.
xxlarge-push-4
{
position
:
relative
;
left
:
33.33333
%
;
right
:
auto
;
}
.
xxlarge-pull-4
{
position
:
relative
;
right
:
33.33333
%
;
left
:
auto
;
}
.
xxlarge-push-5
{
position
:
relative
;
left
:
41.66667
%
;
right
:
auto
;
}
.
xxlarge-pull-5
{
position
:
relative
;
right
:
41.66667
%
;
left
:
auto
;
}
.
xxlarge-push-6
{
position
:
relative
;
left
:
50
%
;
right
:
auto
;
}
.
xxlarge-pull-6
{
position
:
relative
;
right
:
50
%
;
left
:
auto
;
}
.
xxlarge-push-7
{
position
:
relative
;
left
:
58.33333
%
;
right
:
auto
;
}
.
xxlarge-pull-7
{
position
:
relative
;
right
:
58.33333
%
;
left
:
auto
;
}
.
xxlarge-push-8
{
position
:
relative
;
left
:
66.66667
%
;
right
:
auto
;
}
.
xxlarge-pull-8
{
position
:
relative
;
right
:
66.66667
%
;
left
:
auto
;
}
.
xxlarge-push-9
{
position
:
relative
;
left
:
75
%
;
right
:
auto
;
}
.
xxlarge-pull-9
{
position
:
relative
;
right
:
75
%
;
left
:
auto
;
}
.
xxlarge-push-10
{
position
:
relative
;
left
:
83.33333
%
;
right
:
auto
;
}
.
xxlarge-pull-10
{
position
:
relative
;
right
:
83.33333
%
;
left
:
auto
;
}
.
xxlarge-push-11
{
position
:
relative
;
left
:
91.66667
%
;
right
:
auto
;
}
.
xxlarge-pull-11
{
position
:
relative
;
right
:
91.66667
%
;
left
:
auto
;
}
.
column
,
.
columns
{
position
:
relative
;
padding-left
:
0.9375
em
;
padding-right
:
0.9375
em
;
float
:
left
;
}
.
xxlarge-1
{
position
:
relative
;
width
:
8.33333
%
;
}
.
xxlarge-2
{
position
:
relative
;
width
:
16.66667
%
;
}
.
xxlarge-3
{
position
:
relative
;
width
:
25
%
;
}
.
xxlarge-4
{
position
:
relative
;
width
:
33.33333
%
;
}
.
xxlarge-5
{
position
:
relative
;
width
:
41.66667
%
;
}
.
xxlarge-6
{
position
:
relative
;
width
:
50
%
;
}
.
xxlarge-7
{
position
:
relative
;
width
:
58.33333
%
;
}
.
xxlarge-8
{
position
:
relative
;
width
:
66.66667
%
;
}
.
xxlarge-9
{
position
:
relative
;
width
:
75
%
;
}
.
xxlarge-10
{
position
:
relative
;
width
:
83.33333
%
;
}
.
xxlarge-11
{
position
:
relative
;
width
:
91.66667
%
;
}
.
xxlarge-12
{
position
:
relative
;
width
:
100
%
;
}
.
xxlarge-offset-0
{
position
:
relative
;
margin-left
:
0
%
;
}
.
xxlarge-offset-1
{
position
:
relative
;
margin-left
:
8.33333
%
;
}
.
xxlarge-offset-2
{
position
:
relative
;
margin-left
:
16.66667
%
;
}
.
xxlarge-offset-3
{
position
:
relative
;
margin-left
:
25
%
;
}
.
xxlarge-offset-4
{
position
:
relative
;
margin-left
:
33.33333
%
;
}
.
xxlarge-offset-5
{
position
:
relative
;
margin-left
:
41.66667
%
;
}
.
xxlarge-offset-6
{
position
:
relative
;
margin-left
:
50
%
;
}
.
xxlarge-offset-7
{
position
:
relative
;
margin-left
:
58.33333
%
;
}
.
xxlarge-offset-8
{
position
:
relative
;
margin-left
:
66.66667
%
;
}
.
xxlarge-offset-9
{
position
:
relative
;
margin-left
:
75
%
;
}
.
xxlarge-offset-10
{
position
:
relative
;
margin-left
:
83.33333
%
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
:
last-child
{
float
:
right
;
}
[
class
*=
"column"
]
+
[
class
*=
"column"
]
.
end
{
float
:
left
;
}
.
column
.
xxlarge-centered
,
.
columns
.
xxlarge-centered
{
position
:
relative
;
margin-left
:
auto
;
margin-right
:
auto
;
float
:
none
!important
;
}
.
column
.
xxlarge-uncentered
,
.
columns
.
xxlarge-uncentered
{
margin-left
:
0
;
margin-right
:
0
;
float
:
left
!important
;
}
.
column
.
xxlarge-uncentered
.
opposite
,
.
columns
.
xxlarge-uncentered
.
opposite
{
float
:
right
!important
;
}
}
meta
.
foundation-mq-topbar
{
font-family
:
"/only screen and (min-width:40.063em)/"
;
width
:
58.75
em
;
}
/* Wrapped around .top-bar to contain to grid width */
.
contain-to-grid
{
width
:
100
%
;
background
:
#333333
;
}
.
contain-to-grid
.
top-bar
{
margin-bottom
:
0
;
}
.
fixed
{
width
:
100
%
;
left
:
0
;
position
:
fixed
;
top
:
0
;
z-index
:
99
;
}
.
fixed
.
expanded
:
not
(
.
top-bar
)
{
overflow-y
:
auto
;
height
:
auto
;
width
:
100
%
;
max-height
:
100
%
;
}
.
fixed
.
expanded
:
not
(
.
top-bar
)
.
title-area
{
position
:
fixed
;
width
:
100
%
;
z-index
:
99
;
}
.
fixed
.
expanded
:
not
(
.
top-bar
)
.
top-bar-section
{
z-index
:
98
;
margin-top
:
45
px
;
}
.
top-bar
{
overflow
:
hidden
;
height
:
45
px
;
line-height
:
45
px
;
position
:
relative
;
background
:
#333333
;
margin-bottom
:
0
;
}
.
top-bar
ul
{
margin-bottom
:
0
;
list-style
:
none
;
}
.
top-bar
.
row
{
max-width
:
none
;
}
.
top-bar
form
,
.
top-bar
input
{
margin-bottom
:
0
;
}
.
top-bar
input
{
height
:
auto
;
padding-top
:
.35
rem
;
padding-bottom
:
.35
rem
;
font-size
:
0.75
rem
;
}
.
top-bar
.
button
{
padding-top
:
.45
rem
;
padding-bottom
:
.35
rem
;
margin-bottom
:
0
;
font-size
:
0.75
rem
;
}
.
top-bar
.
title-area
{
position
:
relative
;
margin
:
0
;
}
.
top-bar
.
name
{
height
:
45
px
;
margin
:
0
;
font-size
:
16
px
;
}
.
top-bar
.
name
h1
{
line-height
:
45
px
;
font-size
:
1.0625
rem
;
margin
:
0
;
}
.
top-bar
.
name
h1
a
{
font-weight
:
normal
;
color
:
white
;
width
:
50
%
;
display
:
block
;
padding
:
0
15
px
;
}
.
top-bar
.
toggle-topbar
{
position
:
absolute
;
right
:
0
;
top
:
0
;
}
.
top-bar
.
toggle-topbar
a
{
color
:
white
;
text-transform
:
uppercase
;
font-size
:
0.8125
rem
;
font-weight
:
bold
;
position
:
relative
;
display
:
block
;
padding
:
0
15
px
;
height
:
45
px
;
line-height
:
45
px
;
}
.
top-bar
.
toggle-topbar
.
menu-icon
{
right
:
15
px
;
top
:
50
%
;
margin-top
:
-16
px
;
padding-left
:
40
px
;
}
.
top-bar
.
toggle-topbar
.
menu-icon
a
{
text-indent
:
-48
px
;
width
:
34
px
;
height
:
34
px
;
line-height
:
33
px
;
padding
:
0
;
color
:
white
;
}
.
top-bar
.
toggle-topbar
.
menu-icon
a
span
{
position
:
absolute
;
right
:
0
;
display
:
block
;
width
:
16
px
;
height
:
0
;
-webkit-
box-shadow
:
0
10
px
0
1
px
white
,
0
16
px
0
1
px
white
,
0
22
px
0
1
px
white
;
box-shadow
:
0
10
px
0
1
px
white
,
0
16
px
0
1
px
white
,
0
22
px
0
1
px
white
;
}
.
top-bar
.
expanded
{
height
:
auto
;
background
:
transparent
;
}
.
top-bar
.
expanded
.
title-area
{
background
:
#333333
;
}
.
top-bar
.
expanded
.
toggle-topbar
a
{
color
:
#888888
;
}
.
top-bar
.
expanded
.
toggle-topbar
a
span
{
-webkit-
box-shadow
:
0
10
px
0
1
px
#888888
,
0
16
px
0
1
px
#888888
,
0
22
px
0
1
px
#888888
;
box-shadow
:
0
10
px
0
1
px
#888888
,
0
16
px
0
1
px
#888888
,
0
22
px
0
1
px
#888888
;
}
.
top-bar-section
{
left
:
0
;
position
:
relative
;
width
:
auto
;
-webkit-
transition
:
left
300
ms
ease-out
;
-moz-
transition
:
left
300
ms
ease-out
;
transition
:
left
300
ms
ease-out
;
}
.
top-bar-section
ul
{
width
:
100
%
;
height
:
auto
;
display
:
block
;
background
:
#333333
;
font-size
:
16
px
;
margin
:
0
;
}
.
top-bar-section
.
divider
,
.
top-bar-section
[
role
=
"separator"
]
{
border-top
:
solid
1
px
#1a1a1a
;
clear
:
both
;
height
:
1
px
;
width
:
100
%
;
}
.
top-bar-section
ul
li
>
a
{
display
:
block
;
width
:
100
%
;
color
:
white
;
padding
:
12
px
0
12
px
0
;
padding-left
:
15
px
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
0.8125
rem
;
font-weight
:
normal
;
background
:
#333333
;
}
.
top-bar-section
ul
li
>
a
.
button
{
background
:
#80b4a7
;
font-size
:
0.8125
rem
;
padding-right
:
15
px
;
padding-left
:
15
px
;
}
.
top-bar-section
ul
li
>
a
.
button
:
hover
{
background
:
#60a191
;
}
.
top-bar-section
ul
li
>
a
.
button
.
secondary
{
background
:
#76a392
;
}
.
top-bar-section
ul
li
>
a
.
button
.
secondary
:
hover
{
background
:
#5c8a79
;
}
.
top-bar-section
ul
li
>
a
.
button
.
success
{
background
:
#6c785f
;
}
.
top-bar-section
ul
li
>
a
.
button
.
success
:
hover
{
background
:
#525c48
;
}
.
top-bar-section
ul
li
>
a
.
button
.
alert
{
background
:
#b24a28
;
}
.
top-bar-section
ul
li
>
a
.
button
.
alert
:
hover
{
background
:
#88391f
;
}
.
top-bar-section
ul
li
:
hover
>
a
{
background
:
#272727
;
color
:
white
;
}
.
top-bar-section
ul
li
.
active
>
a
{
background
:
#80b4a7
;
color
:
white
;
}
.
top-bar-section
ul
li
.
active
>
a
:
hover
{
background
:
#70ab9c
;
}
.
top-bar-section
.
has-form
{
padding
:
15
px
;
}
.
top-bar-section
.
has-dropdown
{
position
:
relative
;
}
.
top-bar-section
.
has-dropdown
>
a
:
after
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
inset
5
px
;
border-color
:
transparent
transparent
transparent
rgba
(
255
,
255
,
255
,
0.4
);
border-left-style
:
solid
;
margin-right
:
15
px
;
margin-top
:
-4.5
px
;
position
:
absolute
;
top
:
50
%
;
right
:
0
;
}
.
top-bar-section
.
has-dropdown
.
moved
{
position
:
static
;
}
.
top-bar-section
.
has-dropdown
.
moved
>
.
dropdown
{
display
:
block
;
}
.
top-bar-section
.
dropdown
{
position
:
absolute
;
left
:
100
%
;
top
:
0
;
display
:
none
;
z-index
:
99
;
}
.
top-bar-section
.
dropdown
li
{
width
:
100
%
;
height
:
auto
;
}
.
top-bar-section
.
dropdown
li
a
{
font-weight
:
normal
;
padding
:
8
px
15
px
;
}
.
top-bar-section
.
dropdown
li
a
.
parent-link
{
font-weight
:
normal
;
}
.
top-bar-section
.
dropdown
li
.
title
h5
{
margin-bottom
:
0
;
}
.
top-bar-section
.
dropdown
li
.
title
h5
a
{
color
:
white
;
line-height
:
22.5
px
;
display
:
block
;
}
.
top-bar-section
.
dropdown
label
{
padding
:
8
px
15
px
2
px
;
margin-bottom
:
0
;
text-transform
:
uppercase
;
color
:
#777777
;
font-weight
:
bold
;
font-size
:
0.625
rem
;
}
.
js-generated
{
display
:
block
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
top-bar
{
background
:
#333333
;
*
zoom
:
1
;
overflow
:
visible
;
}
.
top-bar
:
before
,
.
top-bar
:
after
{
content
:
" "
;
display
:
table
;
}
.
top-bar
:
after
{
clear
:
both
;
}
.
top-bar
.
toggle-topbar
{
display
:
none
;
}
.
top-bar
.
title-area
{
float
:
left
;
}
.
top-bar
.
name
h1
a
{
width
:
auto
;
}
.
top-bar
input
,
.
top-bar
.
button
{
font-size
:
0.875
rem
;
position
:
relative
;
top
:
7
px
;
}
.
top-bar
.
expanded
{
background
:
#333333
;
}
.
contain-to-grid
.
top-bar
{
max-width
:
62.5
em
;
margin
:
0
auto
;
margin-bottom
:
0
;
}
.
top-bar-section
{
-webkit-
transition
:
none
0
0
;
-moz-
transition
:
none
0
0
;
transition
:
none
0
0
;
left
:
0
!important
;
}
.
top-bar-section
ul
{
width
:
auto
;
height
:
auto
!important
;
display
:
inline
;
}
.
top-bar-section
ul
li
{
float
:
left
;
}
.
top-bar-section
ul
li
.
js-generated
{
display
:
none
;
}
.
top-bar-section
li
.
hover
>
a
:
not
(
.
button
)
{
background
:
#272727
;
color
:
white
;
}
.
top-bar-section
li
a
:
not
(
.
button
)
{
padding
:
0
15
px
;
line-height
:
45
px
;
background
:
#333333
;
}
.
top-bar-section
li
a
:
not
(
.
button
)
:
hover
{
background
:
#272727
;
}
.
top-bar-section
.
has-dropdown
>
a
{
padding-right
:
35
px
!important
;
}
.
top-bar-section
.
has-dropdown
>
a
:
after
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
inset
5
px
;
border-color
:
rgba
(
255
,
255
,
255
,
0.4
)
transparent
transparent
transparent
;
border-top-style
:
solid
;
margin-top
:
-2.5
px
;
top
:
22.5
px
;
}
.
top-bar-section
.
has-dropdown
.
moved
{
position
:
relative
;
}
.
top-bar-section
.
has-dropdown
.
moved
>
.
dropdown
{
display
:
none
;
}
.
top-bar-section
.
has-dropdown
.
hover
>
.
dropdown
,
.
top-bar-section
.
has-dropdown
.
not-click
:
hover
>
.
dropdown
{
display
:
block
;
}
.
top-bar-section
.
has-dropdown
.
dropdown
li
.
has-dropdown
>
a
:
after
{
border
:
none
;
content
:
"\00bb"
;
top
:
1
rem
;
margin-top
:
-2
px
;
right
:
5
px
;
}
.
top-bar-section
.
dropdown
{
left
:
0
;
top
:
auto
;
background
:
transparent
;
min-width
:
100
%
;
}
.
top-bar-section
.
dropdown
li
a
{
color
:
white
;
line-height
:
1
;
white-space
:
nowrap
;
padding
:
12
px
15
px
;
background
:
#333333
;
}
.
top-bar-section
.
dropdown
li
label
{
white-space
:
nowrap
;
background
:
#333333
;
}
.
top-bar-section
.
dropdown
li
.
dropdown
{
left
:
100
%
;
top
:
0
;
}
.
top-bar-section
>
ul
>
.
divider
,
.
top-bar-section
>
ul
>
[
role
=
"separator"
]
{
border-bottom
:
none
;
border-top
:
none
;
border-right
:
solid
1
px
#4d4d4d
;
clear
:
none
;
height
:
45
px
;
width
:
0
;
}
.
top-bar-section
.
has-form
{
background
:
#333333
;
padding
:
0
15
px
;
height
:
45
px
;
}
.
top-bar-section
ul
.
right
li
.
dropdown
{
left
:
auto
;
right
:
0
;
}
.
top-bar-section
ul
.
right
li
.
dropdown
li
.
dropdown
{
right
:
100
%
;
}
.
no-js
.
top-bar-section
ul
li
:
hover
>
a
{
background
:
#272727
;
color
:
white
;
}
.
no-js
.
top-bar-section
ul
li
:
active
>
a
{
background
:
#80b4a7
;
color
:
white
;
}
.
no-js
.
top-bar-section
.
has-dropdown
:
hover
>
.
dropdown
{
display
:
block
;
}
}
.
breadcrumbs
{
display
:
block
;
padding
:
0.5625
rem
0.875
rem
0.5625
rem
;
overflow
:
hidden
;
margin-left
:
0
;
list-style
:
none
;
border-style
:
solid
;
border-width
:
1
px
;
background-color
:
#85ad9e
;
border-color
:
#679986
;
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
breadcrumbs
>
*
{
margin
:
0
;
float
:
left
;
font-size
:
0.6875
rem
;
text-transform
:
uppercase
;
}
.
breadcrumbs
>
*
:
hover
a
,
.
breadcrumbs
>
*
:
focus
a
{
text-decoration
:
underline
;
}
.
breadcrumbs
>
*
a
,
.
breadcrumbs
>
*
span
{
text-transform
:
uppercase
;
color
:
#80b4a7
;
}
.
breadcrumbs
>
*
.
current
{
cursor
:
default
;
color
:
#333333
;
}
.
breadcrumbs
>
*
.
current
a
{
cursor
:
default
;
color
:
#333333
;
}
.
breadcrumbs
>
*
.
current
:
hover
,
.
breadcrumbs
>
*
.
current
:
hover
a
,
.
breadcrumbs
>
*
.
current
:
focus
,
.
breadcrumbs
>
*
.
current
:
focus
a
{
text-decoration
:
none
;
}
.
breadcrumbs
>
*
.
unavailable
{
color
:
#999999
;
}
.
breadcrumbs
>
*
.
unavailable
a
{
color
:
#999999
;
}
.
breadcrumbs
>
*
.
unavailable
:
hover
,
.
breadcrumbs
>
*
.
unavailable
:
hover
a
,
.
breadcrumbs
>
*
.
unavailable
:
focus
,
.
breadcrumbs
>
*
.
unavailable
a
:
focus
{
text-decoration
:
none
;
color
:
#999999
;
cursor
:
default
;
}
.
breadcrumbs
>
*
:
before
{
content
:
"/"
;
color
:
#aaaaaa
;
margin
:
0
0.75
rem
;
position
:
relative
;
top
:
1
px
;
}
.
breadcrumbs
>
*
:
first-child
:
before
{
content
:
" "
;
margin
:
0
;
}
.
alert-box
{
border-style
:
solid
;
border-width
:
1
px
;
display
:
block
;
font-weight
:
normal
;
margin-bottom
:
1.25
rem
;
position
:
relative
;
padding
:
0.875
rem
1.5
rem
0.875
rem
0.875
rem
;
font-size
:
0.8125
rem
;
background-color
:
#80b4a7
;
border-color
:
#70ab9c
;
color
:
white
;
}
.
alert-box
.
close
{
font-size
:
1.375
rem
;
padding
:
9
px
6
px
4
px
;
line-height
:
0
;
position
:
absolute
;
top
:
50
%
;
margin-top
:
-0.6875
rem
;
right
:
0.25
rem
;
color
:
#333333
;
opacity
:
0.3
;
}
.
alert-box
.
close
:
hover
,
.
alert-box
.
close
:
focus
{
opacity
:
0.5
;
}
.
alert-box
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
alert-box
.
round
{
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
}
.
alert-box
.
success
{
background-color
:
#6c785f
;
border-color
:
#5f6a54
;
color
:
white
;
}
.
alert-box
.
alert
{
background-color
:
#b24a28
;
border-color
:
#9d4123
;
color
:
white
;
}
.
alert-box
.
secondary
{
background-color
:
#76a392
;
border-color
:
#679986
;
color
:
white
;
}
.
alert-box
.
warning
{
background-color
:
#f08a24
;
border-color
:
#ea7d10
;
color
:
white
;
}
.
alert-box
.
info
{
background-color
:
#a0d3e8
;
border-color
:
#8bc9e3
;
color
:
black
;
}
.
inline-list
{
margin
:
0
auto
1.0625
rem
auto
;
margin-left
:
-1.375
rem
;
margin-right
:
0
;
padding
:
0
;
list-style
:
none
;
overflow
:
hidden
;
}
.
inline-list
>
li
{
list-style
:
none
;
float
:
left
;
margin-left
:
1.375
rem
;
display
:
block
;
}
.
inline-list
>
li
>
*
{
display
:
block
;
}
button
,
.
button
{
cursor
:
pointer
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
normal
;
line-height
:
normal
;
margin
:
0
0
1.25
rem
;
position
:
relative
;
text-decoration
:
none
;
text-align
:
center
;
display
:
inline-block
;
padding-top
:
1
rem
;
padding-right
:
2
rem
;
padding-bottom
:
1.0625
rem
;
padding-left
:
2
rem
;
font-size
:
1
rem
;
/* @else { font-size: $padding - rem-calc(2); } */
background-color
:
#80b4a7
;
border-color
:
#70ab9c
;
color
:
white
;
-webkit-
transition
:
background-color
300
ms
ease-out
;
-moz-
transition
:
background-color
300
ms
ease-out
;
transition
:
background-color
300
ms
ease-out
;
padding-top
:
1.0625
rem
;
padding-bottom
:
1
rem
;
-webkit-
appearance
:
none
;
border
:
none
;
font-weight
:
normal
!important
;
}
button
:
hover
,
button
:
focus
,
.
button
:
hover
,
.
button
:
focus
{
background-color
:
#70ab9c
;
}
button
:
hover
,
button
:
focus
,
.
button
:
hover
,
.
button
:
focus
{
color
:
white
;
}
button
.
secondary
,
.
button
.
secondary
{
background-color
:
#76a392
;
border-color
:
#679986
;
color
:
white
;
}
button
.
secondary
:
hover
,
button
.
secondary
:
focus
,
.
button
.
secondary
:
hover
,
.
button
.
secondary
:
focus
{
background-color
:
#679986
;
}
button
.
secondary
:
hover
,
button
.
secondary
:
focus
,
.
button
.
secondary
:
hover
,
.
button
.
secondary
:
focus
{
color
:
white
;
}
button
.
success
,
.
button
.
success
{
background-color
:
#6c785f
;
border-color
:
#5f6a54
;
color
:
white
;
}
button
.
success
:
hover
,
button
.
success
:
focus
,
.
button
.
success
:
hover
,
.
button
.
success
:
focus
{
background-color
:
#5f6a54
;
}
button
.
success
:
hover
,
button
.
success
:
focus
,
.
button
.
success
:
hover
,
.
button
.
success
:
focus
{
color
:
white
;
}
button
.
alert
,
.
button
.
alert
{
background-color
:
#b24a28
;
border-color
:
#9d4123
;
color
:
white
;
}
button
.
alert
:
hover
,
button
.
alert
:
focus
,
.
button
.
alert
:
hover
,
.
button
.
alert
:
focus
{
background-color
:
#9d4123
;
}
button
.
alert
:
hover
,
button
.
alert
:
focus
,
.
button
.
alert
:
hover
,
.
button
.
alert
:
focus
{
color
:
white
;
}
button
.
large
,
.
button
.
large
{
padding-top
:
1.125
rem
;
padding-right
:
2.25
rem
;
padding-bottom
:
1.1875
rem
;
padding-left
:
2.25
rem
;
font-size
:
1.25
rem
;
/* @else { font-size: $padding - rem-calc(2); } */
}
button
.
small
,
.
button
.
small
{
padding-top
:
0.875
rem
;
padding-right
:
1.75
rem
;
padding-bottom
:
0.9375
rem
;
padding-left
:
1.75
rem
;
font-size
:
0.8125
rem
;
/* @else { font-size: $padding - rem-calc(2); } */
}
button
.
tiny
,
.
button
.
tiny
{
padding-top
:
0.625
rem
;
padding-right
:
1.25
rem
;
padding-bottom
:
0.6875
rem
;
padding-left
:
1.25
rem
;
font-size
:
0.6875
rem
;
/* @else { font-size: $padding - rem-calc(2); } */
}
button
.
expand
,
.
button
.
expand
{
padding-right
:
0
;
padding-left
:
0
;
width
:
100
%
;
}
button
.
left-align
,
.
button
.
left-align
{
text-align
:
left
;
text-indent
:
0.75
rem
;
}
button
.
right-align
,
.
button
.
right-align
{
text-align
:
right
;
padding-right
:
0.75
rem
;
}
button
.
radius
,
.
button
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
button
.
round
,
.
button
.
round
{
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
}
button
.
disabled
,
button
[
disabled
],
.
button
.
disabled
,
.
button
[
disabled
]
{
background-color
:
#80b4a7
;
border-color
:
#70ab9c
;
color
:
white
;
cursor
:
default
;
opacity
:
0.7
;
-webkit-
box-shadow
:
none
;
box-shadow
:
none
;
}
button
.
disabled
:
hover
,
button
.
disabled
:
focus
,
button
[
disabled
]
:
hover
,
button
[
disabled
]
:
focus
,
.
button
.
disabled
:
hover
,
.
button
.
disabled
:
focus
,
.
button
[
disabled
]
:
hover
,
.
button
[
disabled
]
:
focus
{
background-color
:
#70ab9c
;
}
button
.
disabled
:
hover
,
button
.
disabled
:
focus
,
button
[
disabled
]
:
hover
,
button
[
disabled
]
:
focus
,
.
button
.
disabled
:
hover
,
.
button
.
disabled
:
focus
,
.
button
[
disabled
]
:
hover
,
.
button
[
disabled
]
:
focus
{
color
:
white
;
}
button
.
disabled
:
hover
,
button
.
disabled
:
focus
,
button
[
disabled
]
:
hover
,
button
[
disabled
]
:
focus
,
.
button
.
disabled
:
hover
,
.
button
.
disabled
:
focus
,
.
button
[
disabled
]
:
hover
,
.
button
[
disabled
]
:
focus
{
background-color
:
#80b4a7
;
}
button
.
disabled
.
secondary
,
button
[
disabled
]
.
secondary
,
.
button
.
disabled
.
secondary
,
.
button
[
disabled
]
.
secondary
{
background-color
:
#76a392
;
border-color
:
#679986
;
color
:
white
;
cursor
:
default
;
opacity
:
0.7
;
-webkit-
box-shadow
:
none
;
box-shadow
:
none
;
}
button
.
disabled
.
secondary
:
hover
,
button
.
disabled
.
secondary
:
focus
,
button
[
disabled
]
.
secondary
:
hover
,
button
[
disabled
]
.
secondary
:
focus
,
.
button
.
disabled
.
secondary
:
hover
,
.
button
.
disabled
.
secondary
:
focus
,
.
button
[
disabled
]
.
secondary
:
hover
,
.
button
[
disabled
]
.
secondary
:
focus
{
background-color
:
#679986
;
}
button
.
disabled
.
secondary
:
hover
,
button
.
disabled
.
secondary
:
focus
,
button
[
disabled
]
.
secondary
:
hover
,
button
[
disabled
]
.
secondary
:
focus
,
.
button
.
disabled
.
secondary
:
hover
,
.
button
.
disabled
.
secondary
:
focus
,
.
button
[
disabled
]
.
secondary
:
hover
,
.
button
[
disabled
]
.
secondary
:
focus
{
color
:
white
;
}
button
.
disabled
.
secondary
:
hover
,
button
.
disabled
.
secondary
:
focus
,
button
[
disabled
]
.
secondary
:
hover
,
button
[
disabled
]
.
secondary
:
focus
,
.
button
.
disabled
.
secondary
:
hover
,
.
button
.
disabled
.
secondary
:
focus
,
.
button
[
disabled
]
.
secondary
:
hover
,
.
button
[
disabled
]
.
secondary
:
focus
{
background-color
:
#76a392
;
}
button
.
disabled
.
success
,
button
[
disabled
]
.
success
,
.
button
.
disabled
.
success
,
.
button
[
disabled
]
.
success
{
background-color
:
#6c785f
;
border-color
:
#5f6a54
;
color
:
white
;
cursor
:
default
;
opacity
:
0.7
;
-webkit-
box-shadow
:
none
;
box-shadow
:
none
;
}
button
.
disabled
.
success
:
hover
,
button
.
disabled
.
success
:
focus
,
button
[
disabled
]
.
success
:
hover
,
button
[
disabled
]
.
success
:
focus
,
.
button
.
disabled
.
success
:
hover
,
.
button
.
disabled
.
success
:
focus
,
.
button
[
disabled
]
.
success
:
hover
,
.
button
[
disabled
]
.
success
:
focus
{
background-color
:
#5f6a54
;
}
button
.
disabled
.
success
:
hover
,
button
.
disabled
.
success
:
focus
,
button
[
disabled
]
.
success
:
hover
,
button
[
disabled
]
.
success
:
focus
,
.
button
.
disabled
.
success
:
hover
,
.
button
.
disabled
.
success
:
focus
,
.
button
[
disabled
]
.
success
:
hover
,
.
button
[
disabled
]
.
success
:
focus
{
color
:
white
;
}
button
.
disabled
.
success
:
hover
,
button
.
disabled
.
success
:
focus
,
button
[
disabled
]
.
success
:
hover
,
button
[
disabled
]
.
success
:
focus
,
.
button
.
disabled
.
success
:
hover
,
.
button
.
disabled
.
success
:
focus
,
.
button
[
disabled
]
.
success
:
hover
,
.
button
[
disabled
]
.
success
:
focus
{
background-color
:
#6c785f
;
}
button
.
disabled
.
alert
,
button
[
disabled
]
.
alert
,
.
button
.
disabled
.
alert
,
.
button
[
disabled
]
.
alert
{
background-color
:
#b24a28
;
border-color
:
#9d4123
;
color
:
white
;
cursor
:
default
;
opacity
:
0.7
;
-webkit-
box-shadow
:
none
;
box-shadow
:
none
;
}
button
.
disabled
.
alert
:
hover
,
button
.
disabled
.
alert
:
focus
,
button
[
disabled
]
.
alert
:
hover
,
button
[
disabled
]
.
alert
:
focus
,
.
button
.
disabled
.
alert
:
hover
,
.
button
.
disabled
.
alert
:
focus
,
.
button
[
disabled
]
.
alert
:
hover
,
.
button
[
disabled
]
.
alert
:
focus
{
background-color
:
#9d4123
;
}
button
.
disabled
.
alert
:
hover
,
button
.
disabled
.
alert
:
focus
,
button
[
disabled
]
.
alert
:
hover
,
button
[
disabled
]
.
alert
:
focus
,
.
button
.
disabled
.
alert
:
hover
,
.
button
.
disabled
.
alert
:
focus
,
.
button
[
disabled
]
.
alert
:
hover
,
.
button
[
disabled
]
.
alert
:
focus
{
color
:
white
;
}
button
.
disabled
.
alert
:
hover
,
button
.
disabled
.
alert
:
focus
,
button
[
disabled
]
.
alert
:
hover
,
button
[
disabled
]
.
alert
:
focus
,
.
button
.
disabled
.
alert
:
hover
,
.
button
.
disabled
.
alert
:
focus
,
.
button
[
disabled
]
.
alert
:
hover
,
.
button
[
disabled
]
.
alert
:
focus
{
background-color
:
#b24a28
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
button
,
.
button
{
display
:
inline-block
;
}
}
.
button-group
{
list-style
:
none
;
margin
:
0
;
*
zoom
:
1
;
}
.
button-group
:
before
,
.
button-group
:
after
{
content
:
" "
;
display
:
table
;
}
.
button-group
:
after
{
clear
:
both
;
}
.
button-group
>
*
{
margin
:
0
;
float
:
left
;
}
.
button-group
>
*
>
button
,
.
button-group
>
*
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
>
*
:
first-child
{
margin-left
:
0
;
}
.
button-group
.
radius
>
*
>
button
,
.
button-group
.
radius
>
*
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
radius
>
*
:
first-child
,
.
button-group
.
radius
>
*
:
first-child
>
a
,
.
button-group
.
radius
>
*
:
first-child
>
button
,
.
button-group
.
radius
>
*
:
first-child
>
.
button
{
-moz-
border-radius-bottomleft
:
3
px
;
-moz-
border-radius-topleft
:
3
px
;
-webkit-
border-bottom-left-radius
:
3
px
;
-webkit-
border-top-left-radius
:
3
px
;
border-bottom-left-radius
:
3
px
;
border-top-left-radius
:
3
px
;
}
.
button-group
.
radius
>
*
:
last-child
,
.
button-group
.
radius
>
*
:
last-child
>
a
,
.
button-group
.
radius
>
*
:
last-child
>
button
,
.
button-group
.
radius
>
*
:
last-child
>
.
button
{
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
.
button-group
.
round
>
*
>
button
,
.
button-group
.
round
>
*
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
round
>
*
:
first-child
,
.
button-group
.
round
>
*
:
first-child
>
a
,
.
button-group
.
round
>
*
:
first-child
>
button
,
.
button-group
.
round
>
*
:
first-child
>
.
button
{
-moz-
border-radius-bottomleft
:
1000
px
;
-moz-
border-radius-topleft
:
1000
px
;
-webkit-
border-bottom-left-radius
:
1000
px
;
-webkit-
border-top-left-radius
:
1000
px
;
border-bottom-left-radius
:
1000
px
;
border-top-left-radius
:
1000
px
;
}
.
button-group
.
round
>
*
:
last-child
,
.
button-group
.
round
>
*
:
last-child
>
a
,
.
button-group
.
round
>
*
:
last-child
>
button
,
.
button-group
.
round
>
*
:
last-child
>
.
button
{
-moz-
border-radius-topright
:
1000
px
;
-moz-
border-radius-bottomright
:
1000
px
;
-webkit-
border-top-right-radius
:
1000
px
;
-webkit-
border-bottom-right-radius
:
1000
px
;
border-top-right-radius
:
1000
px
;
border-bottom-right-radius
:
1000
px
;
}
.
button-group
.
even-2
li
{
width
:
50
%
;
}
.
button-group
.
even-2
li
>
button
,
.
button-group
.
even-2
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-2
li
button
,
.
button-group
.
even-2
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-3
li
{
width
:
33.33333
%
;
}
.
button-group
.
even-3
li
>
button
,
.
button-group
.
even-3
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-3
li
button
,
.
button-group
.
even-3
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-4
li
{
width
:
25
%
;
}
.
button-group
.
even-4
li
>
button
,
.
button-group
.
even-4
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-4
li
button
,
.
button-group
.
even-4
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-5
li
{
width
:
20
%
;
}
.
button-group
.
even-5
li
>
button
,
.
button-group
.
even-5
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-5
li
button
,
.
button-group
.
even-5
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-6
li
{
width
:
16.66667
%
;
}
.
button-group
.
even-6
li
>
button
,
.
button-group
.
even-6
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-6
li
button
,
.
button-group
.
even-6
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-7
li
{
width
:
14.28571
%
;
}
.
button-group
.
even-7
li
>
button
,
.
button-group
.
even-7
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-7
li
button
,
.
button-group
.
even-7
li
.
button
{
width
:
100
%
;
}
.
button-group
.
even-8
li
{
width
:
12.5
%
;
}
.
button-group
.
even-8
li
>
button
,
.
button-group
.
even-8
li
.
button
{
border-right
:
1
px
solid
;
border-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
button-group
.
even-8
li
button
,
.
button-group
.
even-8
li
.
button
{
width
:
100
%
;
}
.
button-bar
{
*
zoom
:
1
;
}
.
button-bar
:
before
,
.
button-bar
:
after
{
content
:
" "
;
display
:
table
;
}
.
button-bar
:
after
{
clear
:
both
;
}
.
button-bar
.
button-group
{
float
:
left
;
margin-right
:
0.625
rem
;
}
.
button-bar
.
button-group
div
{
overflow
:
hidden
;
}
/* Panels */
.
panel
{
border-style
:
solid
;
border-width
:
1
px
;
border-color
:
#d9d9d9
;
margin-bottom
:
1.25
rem
;
padding
:
1.25
rem
;
background
:
#f2f2f2
;
}
.
panel
>
:
first-child
{
margin-top
:
0
;
}
.
panel
>
:
last-child
{
margin-bottom
:
0
;
}
.
panel
h1
,
.
panel
h2
,
.
panel
h3
,
.
panel
h4
,
.
panel
h5
,
.
panel
h6
,
.
panel
p
{
color
:
#333333
;
}
.
panel
h1
,
.
panel
h2
,
.
panel
h3
,
.
panel
h4
,
.
panel
h5
,
.
panel
h6
{
line-height
:
1
;
margin-bottom
:
0.625
rem
;
}
.
panel
h1
.
subheader
,
.
panel
h2
.
subheader
,
.
panel
h3
.
subheader
,
.
panel
h4
.
subheader
,
.
panel
h5
.
subheader
,
.
panel
h6
.
subheader
{
line-height
:
1.4
;
}
.
panel
.
callout
{
border-style
:
solid
;
border-width
:
1
px
;
border-color
:
#dfece9
;
margin-bottom
:
1.25
rem
;
padding
:
1.25
rem
;
background
:
white
;
}
.
panel
.
callout
>
:
first-child
{
margin-top
:
0
;
}
.
panel
.
callout
>
:
last-child
{
margin-bottom
:
0
;
}
.
panel
.
callout
h1
,
.
panel
.
callout
h2
,
.
panel
.
callout
h3
,
.
panel
.
callout
h4
,
.
panel
.
callout
h5
,
.
panel
.
callout
h6
,
.
panel
.
callout
p
{
color
:
#333333
;
}
.
panel
.
callout
h1
,
.
panel
.
callout
h2
,
.
panel
.
callout
h3
,
.
panel
.
callout
h4
,
.
panel
.
callout
h5
,
.
panel
.
callout
h6
{
line-height
:
1
;
margin-bottom
:
0.625
rem
;
}
.
panel
.
callout
h1
.
subheader
,
.
panel
.
callout
h2
.
subheader
,
.
panel
.
callout
h3
.
subheader
,
.
panel
.
callout
h4
.
subheader
,
.
panel
.
callout
h5
.
subheader
,
.
panel
.
callout
h6
.
subheader
{
line-height
:
1.4
;
}
.
panel
.
callout
a
{
color
:
#80b4a7
;
}
.
panel
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
dropdown
.
button
{
position
:
relative
;
padding-right
:
3.5625
rem
;
}
.
dropdown
.
button
:
before
{
position
:
absolute
;
content
:
""
;
width
:
0
;
height
:
0
;
display
:
block
;
border-style
:
solid
;
border-color
:
white
transparent
transparent
transparent
;
top
:
50
%
;
}
.
dropdown
.
button
:
before
{
border-width
:
0.375
rem
;
right
:
1.40625
rem
;
margin-top
:
-0.15625
rem
;
}
.
dropdown
.
button
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
dropdown
.
button
.
tiny
{
padding-right
:
2.625
rem
;
}
.
dropdown
.
button
.
tiny
:
before
{
border-width
:
0.375
rem
;
right
:
1.125
rem
;
margin-top
:
-0.125
rem
;
}
.
dropdown
.
button
.
tiny
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
dropdown
.
button
.
small
{
padding-right
:
3.0625
rem
;
}
.
dropdown
.
button
.
small
:
before
{
border-width
:
0.4375
rem
;
right
:
1.3125
rem
;
margin-top
:
-0.15625
rem
;
}
.
dropdown
.
button
.
small
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
dropdown
.
button
.
large
{
padding-right
:
3.625
rem
;
}
.
dropdown
.
button
.
large
:
before
{
border-width
:
0.3125
rem
;
right
:
1.71875
rem
;
margin-top
:
-0.15625
rem
;
}
.
dropdown
.
button
.
large
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
dropdown
.
button
.
secondary
:
before
{
border-color
:
#333333
transparent
transparent
transparent
;
}
/* Image Thumbnails */
.
th
{
line-height
:
0
;
display
:
inline-block
;
border
:
solid
4
px
white
;
-webkit-
box-shadow
:
0
0
0
1
px
rgba
(
0
,
0
,
0
,
0.2
);
box-shadow
:
0
0
0
1
px
rgba
(
0
,
0
,
0
,
0.2
);
-webkit-
transition
:
all
200
ms
ease-out
;
-moz-
transition
:
all
200
ms
ease-out
;
transition
:
all
200
ms
ease-out
;
}
.
th
:
hover
,
.
th
:
focus
{
-webkit-
box-shadow
:
0
0
6
px
1
px
rgba
(
128
,
180
,
167
,
0.5
);
box-shadow
:
0
0
6
px
1
px
rgba
(
128
,
180
,
167
,
0.5
);
}
.
th
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
a
.
th
{
display
:
inline-block
;
max-width
:
100
%
;
}
/* Pricing Tables */
.
pricing-table
{
border
:
solid
1
px
#dddddd
;
margin-left
:
0
;
margin-bottom
:
1.25
rem
;
}
.
pricing-table
*
{
list-style
:
none
;
line-height
:
1
;
}
.
pricing-table
.
title
{
background-color
:
#333333
;
padding
:
0.9375
rem
1.25
rem
;
text-align
:
center
;
color
:
#eeeeee
;
font-weight
:
normal
;
font-size
:
1
rem
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
}
.
pricing-table
.
price
{
background-color
:
#f6f6f6
;
padding
:
0.9375
rem
1.25
rem
;
text-align
:
center
;
color
:
#333333
;
font-weight
:
normal
;
font-size
:
2
rem
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
}
.
pricing-table
.
description
{
background-color
:
white
;
padding
:
0.9375
rem
;
text-align
:
center
;
color
:
#777777
;
font-size
:
0.75
rem
;
font-weight
:
normal
;
line-height
:
1.4
;
border-bottom
:
dotted
1
px
#dddddd
;
}
.
pricing-table
.
bullet-item
{
background-color
:
white
;
padding
:
0.9375
rem
;
text-align
:
center
;
color
:
#333333
;
font-size
:
0.875
rem
;
font-weight
:
normal
;
border-bottom
:
dotted
1
px
#dddddd
;
}
.
pricing-table
.
cta-button
{
background-color
:
white
;
text-align
:
center
;
padding
:
1.25
rem
1.25
rem
0
;
}
@
-webkit-keyframes
rotate
{
from
{
-webkit-
transform
:
rotate
(
0
deg
);
}
to
{
-webkit-
transform
:
rotate
(
360
deg
);
}
}
@
-moz-keyframes
rotate
{
from
{
-moz-
transform
:
rotate
(
0
deg
);
}
to
{
-moz-
transform
:
rotate
(
360
deg
);
}
}
@
-o-keyframes
rotate
{
from
{
-o-
transform
:
rotate
(
0
deg
);
}
to
{
-o-
transform
:
rotate
(
360
deg
);
}
}
@
keyframes
rotate
{
from
{
transform
:
rotate
(
0
deg
);
}
to
{
transform
:
rotate
(
360
deg
);
}
}
/* Orbit Graceful Loading */
.
slideshow-wrapper
{
position
:
relative
;
}
.
slideshow-wrapper
ul
{
list-style-type
:
none
;
margin
:
0
;
}
.
slideshow-wrapper
ul
li
,
.
slideshow-wrapper
ul
li
.
orbit-caption
{
display
:
none
;
}
.
slideshow-wrapper
ul
li
:
first-child
{
display
:
block
;
}
.
slideshow-wrapper
.
orbit-container
{
background-color
:
transparent
;
}
.
slideshow-wrapper
.
orbit-container
li
{
display
:
block
;
}
.
slideshow-wrapper
.
orbit-container
li
.
orbit-caption
{
display
:
block
;
}
.
preloader
{
display
:
block
;
width
:
40
px
;
height
:
40
px
;
position
:
absolute
;
top
:
50
%
;
left
:
50
%
;
margin-top
:
-20
px
;
margin-left
:
-20
px
;
border
:
solid
3
px
;
border-color
:
#555555
white
;
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
-webkit-
animation-name
:
rotate
;
-webkit-
animation-duration
:
1.5
s
;
-webkit-
animation-iteration-count
:
infinite
;
-webkit-
animation-timing-function
:
linear
;
-moz-
animation-name
:
rotate
;
-moz-
animation-duration
:
1.5
s
;
-moz-
animation-iteration-count
:
infinite
;
-moz-
animation-timing-function
:
linear
;
-o-
animation-name
:
rotate
;
-o-
animation-duration
:
1.5
s
;
-o-
animation-iteration-count
:
infinite
;
-o-
animation-timing-function
:
linear
;
animation-name
:
rotate
;
animation-duration
:
1.5
s
;
animation-iteration-count
:
infinite
;
animation-timing-function
:
linear
;
}
.
orbit-container
{
overflow
:
hidden
;
width
:
100
%
;
position
:
relative
;
background
:
none
;
}
.
orbit-container
.
orbit-slides-container
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
position
:
relative
;
}
.
orbit-container
.
orbit-slides-container
img
{
display
:
block
;
max-width
:
100
%
;
}
.
orbit-container
.
orbit-slides-container
>
*
{
position
:
absolute
;
top
:
0
;
width
:
100
%
;
margin-left
:
100
%
;
}
.
orbit-container
.
orbit-slides-container
>
*
:
first-child
{
margin-left
:
0
%
;
}
.
orbit-container
.
orbit-slides-container
>
*
.
orbit-caption
{
position
:
absolute
;
bottom
:
0
;
background-color
:
rgba
(
51
,
51
,
51
,
0.8
);
color
:
white
;
width
:
100
%
;
padding
:
10
px
14
px
;
font-size
:
0.875
rem
;
}
.
orbit-container
.
orbit-slide-number
{
position
:
absolute
;
top
:
10
px
;
left
:
10
px
;
font-size
:
12
px
;
color
:
white
;
background
:
rgba
(
0
,
0
,
0
,
0
);
z-index
:
10
;
}
.
orbit-container
.
orbit-slide-number
span
{
font-weight
:
700
;
padding
:
0.3125
rem
;
}
.
orbit-container
.
orbit-timer
{
position
:
absolute
;
top
:
12
px
;
right
:
10
px
;
height
:
6
px
;
width
:
100
px
;
z-index
:
10
;
}
.
orbit-container
.
orbit-timer
.
orbit-progress
{
height
:
3
px
;
background-color
:
rgba
(
255
,
255
,
255
,
0.3
);
display
:
block
;
width
:
0
%
;
position
:
relative
;
right
:
20
px
;
top
:
5
px
;
}
.
orbit-container
.
orbit-timer
>
span
{
display
:
none
;
position
:
absolute
;
top
:
0
px
;
right
:
0
;
width
:
11
px
;
height
:
14
px
;
border
:
solid
4
px
white
;
border-top
:
none
;
border-bottom
:
none
;
}
.
orbit-container
.
orbit-timer
.
paused
>
span
{
right
:
-4
px
;
top
:
0
px
;
width
:
11
px
;
height
:
14
px
;
border
:
inset
8
px
;
border-right-style
:
solid
;
border-color
:
transparent
transparent
transparent
white
;
}
.
orbit-container
.
orbit-timer
.
paused
>
span
.
dark
{
border-color
:
transparent
transparent
transparent
#333333
;
}
.
orbit-container
:
hover
.
orbit-timer
>
span
{
display
:
block
;
}
.
orbit-container
.
orbit-prev
,
.
orbit-container
.
orbit-next
{
position
:
absolute
;
top
:
45
%
;
margin-top
:
-25
px
;
width
:
36
px
;
height
:
60
px
;
line-height
:
50
px
;
color
:
white
;
text-indent
:
-9999
px
!important
;
z-index
:
10
;
}
.
orbit-container
.
orbit-prev
:
hover
,
.
orbit-container
.
orbit-next
:
hover
{
background-color
:
rgba
(
0
,
0
,
0
,
0.3
);
}
.
orbit-container
.
orbit-prev
>
span
,
.
orbit-container
.
orbit-next
>
span
{
position
:
absolute
;
top
:
50
%
;
margin-top
:
-10
px
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
inset
10
px
;
}
.
orbit-container
.
orbit-prev
{
left
:
0
;
}
.
orbit-container
.
orbit-prev
>
span
{
border-right-style
:
solid
;
border-color
:
transparent
;
border-right-color
:
white
;
}
.
orbit-container
.
orbit-prev
:
hover
>
span
{
border-right-color
:
white
;
}
.
orbit-container
.
orbit-next
{
right
:
0
;
}
.
orbit-container
.
orbit-next
>
span
{
border-color
:
transparent
;
border-left-style
:
solid
;
border-left-color
:
white
;
left
:
50
%
;
margin-left
:
-4
px
;
}
.
orbit-container
.
orbit-next
:
hover
>
span
{
border-left-color
:
white
;
}
.
orbit-bullets-container
{
text-align
:
center
;
}
.
orbit-bullets
{
margin
:
0
auto
30
px
auto
;
overflow
:
hidden
;
position
:
relative
;
top
:
10
px
;
float
:
none
;
text-align
:
center
;
display
:
inline-block
;
}
.
orbit-bullets
li
{
display
:
block
;
width
:
0.5625
rem
;
height
:
0.5625
rem
;
background
:
#cccccc
;
float
:
left
;
margin-right
:
6
px
;
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
}
.
orbit-bullets
li
.
active
{
background
:
#999999
;
}
.
orbit-bullets
li
:
last-child
{
margin-right
:
0
;
}
.
touch
.
orbit-container
.
orbit-prev
,
.
touch
.
orbit-container
.
orbit-next
{
display
:
none
;
}
.
touch
.
orbit-bullets
{
display
:
none
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
touch
.
orbit-container
.
orbit-prev
,
.
touch
.
orbit-container
.
orbit-next
{
display
:
inherit
;
}
.
touch
.
orbit-bullets
{
display
:
block
;
}
}
@
media
only
screen
and
(
max-width
:
40em
)
{
.
orbit-stack-on-small
.
orbit-slides-container
{
height
:
auto
!important
;
}
.
orbit-stack-on-small
.
orbit-slides-container
>
*
{
position
:
relative
;
margin-left
:
0
%
!important
;
}
.
orbit-stack-on-small
.
orbit-timer
,
.
orbit-stack-on-small
.
orbit-next
,
.
orbit-stack-on-small
.
orbit-prev
,
.
orbit-stack-on-small
.
orbit-bullets
{
display
:
none
;
}
}
[
data-magellan-expedition
]
{
background
:
white
;
z-index
:
50
;
min-width
:
100
%
;
padding
:
10
px
;
}
[
data-magellan-expedition
]
.
sub-nav
{
margin-bottom
:
0
;
}
[
data-magellan-expedition
]
.
sub-nav
dd
{
margin-bottom
:
0
;
}
[
data-magellan-expedition
]
.
sub-nav
.
active
{
line-height
:
1.8
em
;
}
.
tabs
{
*
zoom
:
1
;
margin-bottom
:
0
!important
;
}
.
tabs
:
before
,
.
tabs
:
after
{
content
:
" "
;
display
:
table
;
}
.
tabs
:
after
{
clear
:
both
;
}
.
tabs
dd
{
position
:
relative
;
margin-bottom
:
0
!important
;
top
:
1
px
;
float
:
left
;
}
.
tabs
dd
>
a
{
display
:
block
;
background
:
#efefef
;
color
:
#222222
;
padding-top
:
1
rem
;
padding-right
:
2
rem
;
padding-bottom
:
1.0625
rem
;
padding-left
:
2
rem
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1
rem
;
}
.
tabs
dd
>
a
:
hover
{
background
:
#e2e2e2
;
}
.
tabs
dd
.
active
a
{
background
:
#fff
;
}
.
tabs
.
radius
dd
:
first-child
a
{
-moz-
border-radius-bottomleft
:
3
px
;
-moz-
border-radius-topleft
:
3
px
;
-webkit-
border-bottom-left-radius
:
3
px
;
-webkit-
border-top-left-radius
:
3
px
;
border-bottom-left-radius
:
3
px
;
border-top-left-radius
:
3
px
;
}
.
tabs
.
radius
dd
:
last-child
a
{
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
.
tabs
.
vertical
dd
{
position
:
inherit
;
float
:
none
;
display
:
block
;
top
:
auto
;
}
.
tabs-content
{
*
zoom
:
1
;
margin-bottom
:
1.5
rem
;
}
.
tabs-content
:
before
,
.
tabs-content
:
after
{
content
:
" "
;
display
:
table
;
}
.
tabs-content
:
after
{
clear
:
both
;
}
.
tabs-content
>
.
content
{
display
:
none
;
float
:
left
;
padding
:
0.9375
em
0
;
}
.
tabs-content
>
.
content
.
active
{
display
:
block
;
}
.
tabs-content
>
.
content
.
contained
{
padding
:
0.9375
em
;
}
.
tabs-content
.
vertical
{
display
:
block
;
}
.
tabs-content
.
vertical
>
.
content
{
padding
:
0
0.9375
em
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
tabs
.
vertical
{
width
:
20
%
;
float
:
left
;
margin-bottom
:
1.25
rem
;
}
.
tabs-content
.
vertical
{
width
:
80
%
;
float
:
left
;
margin-left
:
-1
px
;
}
}
ul
.
pagination
{
display
:
block
;
height
:
1.5
rem
;
margin-left
:
-0.3125
rem
;
}
ul
.
pagination
li
{
height
:
1.5
rem
;
color
:
#222222
;
font-size
:
0.875
rem
;
margin-left
:
0.3125
rem
;
}
ul
.
pagination
li
a
{
display
:
block
;
padding
:
0.0625
rem
0.625
rem
0.0625
rem
;
color
:
#999999
;
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
ul
.
pagination
li
:
hover
a
,
ul
.
pagination
li
a
:
focus
{
background
:
#e6e6e6
;
}
ul
.
pagination
li
.
unavailable
a
{
cursor
:
default
;
color
:
#999999
;
}
ul
.
pagination
li
.
unavailable
:
hover
a
,
ul
.
pagination
li
.
unavailable
a
:
focus
{
background
:
transparent
;
}
ul
.
pagination
li
.
current
a
{
background
:
#80b4a7
;
color
:
white
;
font-weight
:
bold
;
cursor
:
default
;
}
ul
.
pagination
li
.
current
a
:
hover
,
ul
.
pagination
li
.
current
a
:
focus
{
background
:
#80b4a7
;
}
ul
.
pagination
li
{
float
:
left
;
display
:
block
;
}
/* Pagination centred wrapper */
.
pagination-centered
{
text-align
:
center
;
}
.
pagination-centered
ul
.
pagination
li
{
float
:
none
;
display
:
inline-block
;
}
.
side-nav
{
display
:
block
;
margin
:
0
;
padding
:
0.875
rem
0
;
list-style-type
:
none
;
list-style-position
:
inside
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
}
.
side-nav
li
{
margin
:
0
0
0.4375
rem
0
;
font-size
:
0.875
rem
;
}
.
side-nav
li
a
{
display
:
block
;
color
:
#80b4a7
;
}
.
side-nav
li
.
active
>
a
:
first-child
{
color
:
#4d4d4d
;
font-weight
:
normal
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
}
.
side-nav
li
.
divider
{
border-top
:
1
px
solid
;
height
:
0
;
padding
:
0
;
list-style
:
none
;
border-top-color
:
#e6e6e6
;
}
.
accordion
{
*
zoom
:
1
;
margin-bottom
:
0
;
}
.
accordion
:
before
,
.
accordion
:
after
{
content
:
" "
;
display
:
table
;
}
.
accordion
:
after
{
clear
:
both
;
}
.
accordion
dd
{
display
:
block
;
margin-bottom
:
0
!important
;
}
.
accordion
dd
.
active
a
{
background
:
#e7e7e7
;
}
.
accordion
dd
>
a
{
background
:
#efefef
;
color
:
#222222
;
padding
:
1
rem
;
display
:
block
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1
rem
;
}
.
accordion
dd
>
a
:
hover
{
background
:
#e2e2e2
;
}
.
accordion
.
content
{
display
:
none
;
padding
:
0.9375
em
;
}
.
accordion
.
content
.
active
{
display
:
block
;
background
:
white
;
}
p
.
lead
{
font-size
:
1.21875
rem
;
line-height
:
1.6
;
}
.
subheader
{
line-height
:
1.4
;
color
:
#c3c3c3
;
font-weight
:
300
;
margin-top
:
0.2
rem
;
margin-bottom
:
0.5
rem
;
}
/* Typography resets */
div
,
dl
,
dt
,
dd
,
ul
,
ol
,
li
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
pre
,
form
,
p
,
blockquote
,
th
,
td
{
margin
:
0
;
padding
:
0
;
direction
:
ltr
;
}
/* Default Link Styles */
a
{
color
:
#80b4a7
;
text-decoration
:
none
;
line-height
:
inherit
;
}
a
:
hover
,
a
:
focus
{
color
:
#70ab9c
;
}
a
img
{
border
:
none
;
}
/* Default paragraph styles */
p
{
font-family
:
inherit
;
font-weight
:
normal
;
font-size
:
1
rem
;
line-height
:
1.6
;
margin-bottom
:
1.25
rem
;
text-rendering
:
optimizeLegibility
;
}
p
aside
{
font-size
:
0.875
rem
;
line-height
:
1.35
;
font-style
:
italic
;
}
/* Default header styles */
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-family
:
"Open Sans"
,
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
300
;
font-style
:
normal
;
color
:
#767676
;
text-rendering
:
optimizeLegibility
;
margin-top
:
0.2
rem
;
margin-bottom
:
0.5
rem
;
line-height
:
1.4
;
}
h1
small
,
h2
small
,
h3
small
,
h4
small
,
h5
small
,
h6
small
{
font-size
:
60
%
;
color
:
#c3c3c3
;
line-height
:
0
;
}
h1
{
font-size
:
2.125
rem
;
}
h2
{
font-size
:
1.6875
rem
;
}
h3
{
font-size
:
1.375
rem
;
}
h4
{
font-size
:
1.125
rem
;
}
h5
{
font-size
:
1.125
rem
;
}
h6
{
font-size
:
1
rem
;
}
hr
{
border
:
solid
#dddddd
;
border-width
:
1
px
0
0
;
clear
:
both
;
margin
:
1.25
rem
0
1.1875
rem
;
height
:
0
;
}
/* Helpful Typography Defaults */
em
,
i
{
font-style
:
italic
;
line-height
:
inherit
;
}
strong
,
b
{
font-weight
:
bold
;
line-height
:
inherit
;
}
small
{
font-size
:
60
%
;
line-height
:
inherit
;
}
code
{
font-family
:
Consolas
,
"Liberation Mono"
,
Courier
,
monospace
;
font-weight
:
bold
;
color
:
#74301a
;
}
/* Lists */
ul
,
ol
,
dl
{
font-size
:
1
rem
;
line-height
:
1.6
;
margin-bottom
:
1.25
rem
;
list-style-position
:
outside
;
font-family
:
inherit
;
}
ul
{
margin-left
:
1.1
rem
;
}
ul
.
no-bullet
{
margin-left
:
0
;
}
ul
.
no-bullet
li
ul
,
ul
.
no-bullet
li
ol
{
margin-left
:
1.25
rem
;
margin-bottom
:
0
;
list-style
:
none
;
}
/* Unordered Lists */
ul
li
ul
,
ul
li
ol
{
margin-left
:
1.25
rem
;
margin-bottom
:
0
;
font-size
:
1
rem
;
/* Override nested font-size change */
}
ul
.
square
li
ul
,
ul
.
circle
li
ul
,
ul
.
disc
li
ul
{
list-style
:
inherit
;
}
ul
.
square
{
list-style-type
:
square
;
margin-left
:
1.1
rem
;
}
ul
.
circle
{
list-style-type
:
circle
;
margin-left
:
1.1
rem
;
}
ul
.
disc
{
list-style-type
:
disc
;
margin-left
:
1.1
rem
;
}
ul
.
no-bullet
{
list-style
:
none
;
}
/* Ordered Lists */
ol
{
margin-left
:
1.4
rem
;
}
ol
li
ul
,
ol
li
ol
{
margin-left
:
1.25
rem
;
margin-bottom
:
0
;
}
/* Definition Lists */
dl
dt
{
margin-bottom
:
0.3
rem
;
font-weight
:
bold
;
}
dl
dd
{
margin-bottom
:
0.75
rem
;
}
/* Abbreviations */
abbr
,
acronym
{
text-transform
:
uppercase
;
font-size
:
90
%
;
color
:
#cecece
;
border-bottom
:
1
px
dotted
#dddddd
;
cursor
:
help
;
}
abbr
{
text-transform
:
none
;
}
/* Blockquotes */
blockquote
{
margin
:
0
0
1.25
rem
;
padding
:
0.5625
rem
1.25
rem
0
1.1875
rem
;
border-left
:
1
px
solid
#dddddd
;
}
blockquote
cite
{
display
:
block
;
font-size
:
0.8125
rem
;
color
:
darkgrey
;
}
blockquote
cite
:
before
{
content
:
"\2014 \0020"
;
}
blockquote
cite
a
,
blockquote
cite
a
:
visited
{
color
:
darkgrey
;
}
blockquote
,
blockquote
p
{
line-height
:
1.6
;
color
:
#c3c3c3
;
}
/* Microformats */
.
vcard
{
display
:
inline-block
;
margin
:
0
0
1.25
rem
0
;
border
:
1
px
solid
#dddddd
;
padding
:
0.625
rem
0.75
rem
;
}
.
vcard
li
{
margin
:
0
;
display
:
block
;
}
.
vcard
.
fn
{
font-weight
:
bold
;
font-size
:
0.9375
rem
;
}
.
vevent
.
summary
{
font-weight
:
bold
;
}
.
vevent
abbr
{
cursor
:
default
;
text-decoration
:
none
;
font-weight
:
bold
;
border
:
none
;
padding
:
0
0.0625
rem
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
line-height
:
1.4
;
}
h1
{
font-size
:
2.75
rem
;
}
h2
{
font-size
:
2.3125
rem
;
}
h3
{
font-size
:
1.6875
rem
;
}
h4
{
font-size
:
1.4375
rem
;
}
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.
print-only
{
display
:
none
!important
;
}
@
media
print
{
*
{
background
:
transparent
!important
;
color
:
black
!important
;
/* Black prints faster: h5bp.com/s */
box-shadow
:
none
!important
;
text-shadow
:
none
!important
;
}
a
,
a
:
visited
{
text-decoration
:
underline
;
}
a
[
href
]
:
after
{
content
:
" ("
attr
(
href
)
")"
;
}
abbr
[
title
]
:
after
{
content
:
" ("
attr
(
title
)
")"
;
}
.
ir
a
:
after
,
a
[
href
^=
"javascript:"
]
:
after
,
a
[
href
^=
"#"
]
:
after
{
content
:
""
;
}
pre
,
blockquote
{
border
:
1
px
solid
#999999
;
page-break-inside
:
avoid
;
}
thead
{
display
:
table-header-group
;
/* h5bp.com/t */
}
tr
,
img
{
page-break-inside
:
avoid
;
}
img
{
max-width
:
100
%
!important
;
}
@
page
{
margin
:
0
.
5cm
;
}
p
,
h2
,
h3
{
orphans
:
3
;
widows
:
3
;
}
h2
,
h3
{
page-break-after
:
avoid
;
}
.
hide-on-print
{
display
:
none
!important
;
}
.
print-only
{
display
:
block
!important
;
}
.
hide-for-print
{
display
:
none
!important
;
}
.
show-for-print
{
display
:
inherit
!important
;
}
}
.
split
.
button
{
position
:
relative
;
padding-right
:
5.0625
rem
;
}
.
split
.
button
span
{
display
:
block
;
height
:
100
%
;
position
:
absolute
;
right
:
0
;
top
:
0
;
border-left
:
solid
1
px
;
}
.
split
.
button
span
:
before
{
position
:
absolute
;
content
:
""
;
width
:
0
;
height
:
0
;
display
:
block
;
border-style
:
inset
;
top
:
50
%
;
left
:
50
%
;
}
.
split
.
button
span
:
active
{
background-color
:
rgba
(
0
,
0
,
0
,
0.1
);
}
.
split
.
button
span
{
border-left-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
split
.
button
span
{
width
:
3.09375
rem
;
}
.
split
.
button
span
:
before
{
border-top-style
:
solid
;
border-width
:
0.375
rem
;
top
:
48
%
;
margin-left
:
-0.375
rem
;
}
.
split
.
button
span
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
split
.
button
.
secondary
span
{
border-left-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
split
.
button
.
secondary
span
:
before
{
border-color
:
white
transparent
transparent
transparent
;
}
.
split
.
button
.
alert
span
{
border-left-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
split
.
button
.
success
span
{
border-left-color
:
rgba
(
255
,
255
,
255
,
0.5
);
}
.
split
.
button
.
tiny
{
padding-right
:
3.75
rem
;
}
.
split
.
button
.
tiny
span
{
width
:
2.25
rem
;
}
.
split
.
button
.
tiny
span
:
before
{
border-top-style
:
solid
;
border-width
:
0.375
rem
;
top
:
48
%
;
margin-left
:
-0.375
rem
;
}
.
split
.
button
.
small
{
padding-right
:
4.375
rem
;
}
.
split
.
button
.
small
span
{
width
:
2.625
rem
;
}
.
split
.
button
.
small
span
:
before
{
border-top-style
:
solid
;
border-width
:
0.4375
rem
;
top
:
48
%
;
margin-left
:
-0.375
rem
;
}
.
split
.
button
.
large
{
padding-right
:
5.5
rem
;
}
.
split
.
button
.
large
span
{
width
:
3.4375
rem
;
}
.
split
.
button
.
large
span
:
before
{
border-top-style
:
solid
;
border-width
:
0.3125
rem
;
top
:
48
%
;
margin-left
:
-0.375
rem
;
}
.
split
.
button
.
expand
{
padding-left
:
2
rem
;
}
.
split
.
button
.
secondary
span
:
before
{
border-color
:
#333333
transparent
transparent
transparent
;
}
.
split
.
button
.
radius
span
{
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
.
split
.
button
.
round
span
{
-moz-
border-radius-topright
:
1000
px
;
-moz-
border-radius-bottomright
:
1000
px
;
-webkit-
border-top-right-radius
:
1000
px
;
-webkit-
border-bottom-right-radius
:
1000
px
;
border-top-right-radius
:
1000
px
;
border-bottom-right-radius
:
1000
px
;
}
.
reveal-modal-bg
{
position
:
fixed
;
height
:
100
%
;
width
:
100
%
;
background
:
black
;
background
:
rgba
(
0
,
0
,
0
,
0.45
);
z-index
:
98
;
display
:
none
;
top
:
0
;
left
:
0
;
}
.
reveal-modal
{
visibility
:
hidden
;
display
:
none
;
position
:
absolute
;
left
:
50
%
;
z-index
:
99
;
height
:
auto
;
margin-left
:
-40
%
;
width
:
80
%
;
background-color
:
white
;
padding
:
1.25
rem
;
border
:
solid
1
px
#666666
;
-webkit-
box-shadow
:
0
0
10
px
rgba
(
0
,
0
,
0
,
0.4
);
box-shadow
:
0
0
10
px
rgba
(
0
,
0
,
0
,
0.4
);
top
:
50
px
;
}
.
reveal-modal
.
column
,
.
reveal-modal
.
columns
{
min-width
:
0
;
}
.
reveal-modal
>
:
first-child
{
margin-top
:
0
;
}
.
reveal-modal
>
:
last-child
{
margin-bottom
:
0
;
}
.
reveal-modal
.
close-reveal-modal
{
font-size
:
1.375
rem
;
line-height
:
1
;
position
:
absolute
;
top
:
0.5
rem
;
right
:
0.6875
rem
;
color
:
#aaaaaa
;
font-weight
:
bold
;
cursor
:
pointer
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
reveal-modal
{
padding
:
1.875
rem
;
top
:
6.25
rem
;
}
.
reveal-modal
.
tiny
{
margin-left
:
-15
%
;
width
:
30
%
;
}
.
reveal-modal
.
small
{
margin-left
:
-20
%
;
width
:
40
%
;
}
.
reveal-modal
.
medium
{
margin-left
:
-30
%
;
width
:
60
%
;
}
.
reveal-modal
.
large
{
margin-left
:
-35
%
;
width
:
70
%
;
}
.
reveal-modal
.
xlarge
{
margin-left
:
-47.5
%
;
width
:
95
%
;
}
}
@
media
print
{
.
reveal-modal
{
background
:
white
!important
;
}
}
/* Tooltips */
.
has-tip
{
border-bottom
:
dotted
1
px
#cccccc
;
cursor
:
help
;
font-weight
:
bold
;
color
:
#333333
;
}
.
has-tip
:
hover
,
.
has-tip
:
focus
{
border-bottom
:
dotted
1
px
#4c8274
;
color
:
#80b4a7
;
}
.
has-tip
.
tip-left
,
.
has-tip
.
tip-right
{
float
:
none
!important
;
}
.
tooltip
{
display
:
none
;
position
:
absolute
;
z-index
:
999
;
font-weight
:
normal
;
font-size
:
0.875
rem
;
line-height
:
1.3
;
padding
:
0.75
rem
;
max-width
:
85
%
;
left
:
50
%
;
width
:
100
%
;
color
:
white
;
background
:
#333333
;
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
tooltip
>
.
nub
{
display
:
block
;
left
:
5
px
;
position
:
absolute
;
width
:
0
;
height
:
0
;
border
:
solid
5
px
;
border-color
:
transparent
transparent
#333333
transparent
;
top
:
-10
px
;
}
.
tooltip
.
opened
{
color
:
#80b4a7
!important
;
border-bottom
:
dotted
1
px
#4c8274
!important
;
}
.
tap-to-close
{
display
:
block
;
font-size
:
0.625
rem
;
color
:
#777777
;
font-weight
:
normal
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
tooltip
>
.
nub
{
border-color
:
transparent
transparent
#333333
transparent
;
top
:
-10
px
;
}
.
tooltip
.
tip-top
>
.
nub
{
border-color
:
#333333
transparent
transparent
transparent
;
top
:
auto
;
bottom
:
-10
px
;
}
.
tooltip
.
tip-left
,
.
tooltip
.
tip-right
{
float
:
none
!important
;
}
.
tooltip
.
tip-left
>
.
nub
{
border-color
:
transparent
transparent
transparent
#333333
;
right
:
-10
px
;
left
:
auto
;
top
:
50
%
;
margin-top
:
-5
px
;
}
.
tooltip
.
tip-right
>
.
nub
{
border-color
:
transparent
#333333
transparent
transparent
;
right
:
auto
;
left
:
-10
px
;
top
:
50
%
;
margin-top
:
-5
px
;
}
}
/* Clearing Styles */
[
data-clearing
]
{
*
zoom
:
1
;
margin-bottom
:
0
;
margin-left
:
0
;
list-style
:
none
;
}
[
data-clearing
]
:
before
,
[
data-clearing
]
:
after
{
content
:
" "
;
display
:
table
;
}
[
data-clearing
]
:
after
{
clear
:
both
;
}
[
data-clearing
]
li
{
float
:
left
;
margin-right
:
10
px
;
}
.
clearing-blackout
{
background
:
#333333
;
position
:
fixed
;
width
:
100
%
;
height
:
100
%
;
top
:
0
;
left
:
0
;
z-index
:
998
;
}
.
clearing-blackout
.
clearing-close
{
display
:
block
;
}
.
clearing-container
{
position
:
relative
;
z-index
:
998
;
height
:
100
%
;
overflow
:
hidden
;
margin
:
0
;
}
.
visible-img
{
height
:
95
%
;
position
:
relative
;
}
.
visible-img
img
{
position
:
absolute
;
left
:
50
%
;
top
:
50
%
;
margin-left
:
-50
%
;
max-height
:
100
%
;
max-width
:
100
%
;
}
.
clearing-caption
{
color
:
#cccccc
;
font-size
:
0.875
em
;
line-height
:
1.3
;
margin-bottom
:
0
;
text-align
:
center
;
bottom
:
0
;
background
:
#333333
;
width
:
100
%
;
padding
:
10
px
30
px
20
px
;
position
:
absolute
;
left
:
0
;
}
.
clearing-close
{
z-index
:
999
;
padding-left
:
20
px
;
padding-top
:
10
px
;
font-size
:
30
px
;
line-height
:
1
;
color
:
#cccccc
;
display
:
none
;
}
.
clearing-close
:
hover
,
.
clearing-close
:
focus
{
color
:
#ccc
;
}
.
clearing-assembled
.
clearing-container
{
height
:
100
%
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
{
display
:
none
;
}
.
clearing-feature
li
{
display
:
none
;
}
.
clearing-feature
li
.
clearing-featured-img
{
display
:
block
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
clearing-main-prev
,
.
clearing-main-next
{
position
:
absolute
;
height
:
100
%
;
width
:
40
px
;
top
:
0
;
}
.
clearing-main-prev
>
span
,
.
clearing-main-next
>
span
{
position
:
absolute
;
top
:
50
%
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
solid
12
px
;
}
.
clearing-main-prev
>
span
:
hover
,
.
clearing-main-next
>
span
:
hover
{
opacity
:
0.8
;
}
.
clearing-main-prev
{
left
:
0
;
}
.
clearing-main-prev
>
span
{
left
:
5
px
;
border-color
:
transparent
;
border-right-color
:
#cccccc
;
}
.
clearing-main-next
{
right
:
0
;
}
.
clearing-main-next
>
span
{
border-color
:
transparent
;
border-left-color
:
#cccccc
;
}
.
clearing-main-prev
.
disabled
,
.
clearing-main-next
.
disabled
{
opacity
:
0.3
;
}
.
clearing-assembled
.
clearing-container
.
carousel
{
background
:
rgba
(
51
,
51
,
51
,
0.8
);
height
:
120
px
;
margin-top
:
10
px
;
text-align
:
center
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
{
display
:
inline-block
;
z-index
:
999
;
height
:
100
%
;
position
:
relative
;
float
:
none
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
{
display
:
block
;
width
:
120
px
;
min-height
:
inherit
;
float
:
left
;
overflow
:
hidden
;
margin-right
:
0
;
padding
:
0
;
position
:
relative
;
cursor
:
pointer
;
opacity
:
0.4
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
.
fix-height
img
{
height
:
100
%
;
max-width
:
none
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
a
.
th
{
border
:
none
;
-webkit-
box-shadow
:
none
;
box-shadow
:
none
;
display
:
block
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
img
{
cursor
:
pointer
!important
;
width
:
100
%
!important
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
.
visible
{
opacity
:
1
;
}
.
clearing-assembled
.
clearing-container
.
carousel
>
ul
li
:
hover
{
opacity
:
0.8
;
}
.
clearing-assembled
.
clearing-container
.
visible-img
{
background
:
#333333
;
overflow
:
hidden
;
height
:
85
%
;
}
.
clearing-close
{
position
:
absolute
;
top
:
10
px
;
right
:
20
px
;
padding-left
:
0
;
padding-top
:
0
;
}
}
/* Progress Bar */
.
progress
{
background-color
:
#f6f6f6
;
height
:
1.5625
rem
;
border
:
1
px
solid
#cccccc
;
padding
:
0.125
rem
;
margin-bottom
:
0.625
rem
;
}
.
progress
.
meter
{
background
:
#80b4a7
;
height
:
100
%
;
display
:
block
;
}
.
progress
.
secondary
.
meter
{
background
:
#76a392
;
height
:
100
%
;
display
:
block
;
}
.
progress
.
success
.
meter
{
background
:
#6c785f
;
height
:
100
%
;
display
:
block
;
}
.
progress
.
alert
.
meter
{
background
:
#b24a28
;
height
:
100
%
;
display
:
block
;
}
.
progress
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
progress
.
radius
.
meter
{
-webkit-
border-radius
:
2
px
;
border-radius
:
2
px
;
}
.
progress
.
round
{
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
}
.
progress
.
round
.
meter
{
-webkit-
border-radius
:
999
px
;
border-radius
:
999
px
;
}
.
sub-nav
{
display
:
block
;
width
:
auto
;
overflow
:
hidden
;
margin
:
-0.25
rem
0
1.125
rem
;
padding-top
:
0.25
rem
;
margin-right
:
0
;
margin-left
:
-0.75
rem
;
}
.
sub-nav
dt
{
text-transform
:
uppercase
;
}
.
sub-nav
dt
,
.
sub-nav
dd
,
.
sub-nav
li
{
float
:
left
;
display
:
inline
;
margin-left
:
1
rem
;
margin-bottom
:
0.625
rem
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
normal
;
font-size
:
0.875
rem
;
color
:
#999999
;
}
.
sub-nav
dt
a
,
.
sub-nav
dd
a
,
.
sub-nav
li
a
{
text-decoration
:
none
;
color
:
#999999
;
}
.
sub-nav
dt
a
:
hover
,
.
sub-nav
dd
a
:
hover
,
.
sub-nav
li
a
:
hover
{
color
:
#70ab9c
;
}
.
sub-nav
dt
.
active
a
,
.
sub-nav
dd
.
active
a
,
.
sub-nav
li
.
active
a
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
font-weight
:
normal
;
background
:
#80b4a7
;
padding
:
0.1875
rem
1
rem
;
cursor
:
default
;
color
:
white
;
}
.
sub-nav
dt
.
active
a
:
hover
,
.
sub-nav
dd
.
active
a
:
hover
,
.
sub-nav
li
.
active
a
:
hover
{
background
:
#70ab9c
;
}
/* Foundation Joyride */
.
joyride-list
{
display
:
none
;
}
/* Default styles for the container */
.
joyride-tip-guide
{
display
:
none
;
position
:
absolute
;
background
:
#333333
;
color
:
white
;
z-index
:
101
;
top
:
0
;
left
:
2.5
%
;
font-family
:
inherit
;
font-weight
:
normal
;
width
:
95
%
;
}
.
lt-ie9
.
joyride-tip-guide
{
max-width
:
800
px
;
left
:
50
%
;
margin-left
:
-400
px
;
}
.
joyride-content-wrapper
{
width
:
100
%
;
padding
:
1.125
rem
1.25
rem
1.5
rem
;
}
.
joyride-content-wrapper
.
button
{
margin-bottom
:
0
!important
;
}
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.
joyride-tip-guide
.
joyride-nub
{
display
:
block
;
position
:
absolute
;
left
:
22
px
;
width
:
0
;
height
:
0
;
border
:
10
px
solid
#333333
;
}
.
joyride-tip-guide
.
joyride-nub
.
top
{
border-top-style
:
solid
;
border-color
:
#333333
;
border-top-color
:
transparent
!important
;
border-left-color
:
transparent
!important
;
border-right-color
:
transparent
!important
;
top
:
-20
px
;
}
.
joyride-tip-guide
.
joyride-nub
.
bottom
{
border-bottom-style
:
solid
;
border-color
:
#333333
!important
;
border-bottom-color
:
transparent
!important
;
border-left-color
:
transparent
!important
;
border-right-color
:
transparent
!important
;
bottom
:
-20
px
;
}
.
joyride-tip-guide
.
joyride-nub
.
right
{
right
:
-20
px
;
}
.
joyride-tip-guide
.
joyride-nub
.
left
{
left
:
-20
px
;
}
/* Typography */
.
joyride-tip-guide
h1
,
.
joyride-tip-guide
h2
,
.
joyride-tip-guide
h3
,
.
joyride-tip-guide
h4
,
.
joyride-tip-guide
h5
,
.
joyride-tip-guide
h6
{
line-height
:
1.25
;
margin
:
0
;
font-weight
:
bold
;
color
:
white
;
}
.
joyride-tip-guide
p
{
margin
:
0
0
1.125
rem
0
;
font-size
:
0.875
rem
;
line-height
:
1.3
;
}
.
joyride-timer-indicator-wrap
{
width
:
50
px
;
height
:
3
px
;
border
:
solid
1
px
#555555
;
position
:
absolute
;
right
:
1.0625
rem
;
bottom
:
1
rem
;
}
.
joyride-timer-indicator
{
display
:
block
;
width
:
0
;
height
:
inherit
;
background
:
#666666
;
}
.
joyride-close-tip
{
position
:
absolute
;
right
:
12
px
;
top
:
10
px
;
color
:
#777777
!important
;
text-decoration
:
none
;
font-size
:
24
px
;
font-weight
:
normal
;
line-height
:
0.5
!important
;
}
.
joyride-close-tip
:
hover
,
.
joyride-close-tip
:
focus
{
color
:
#eeeeee
!important
;
}
.
joyride-modal-bg
{
position
:
fixed
;
height
:
100
%
;
width
:
100
%
;
background
:
transparent
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
z-index
:
100
;
display
:
none
;
top
:
0
;
left
:
0
;
cursor
:
pointer
;
}
.
joyride-expose-wrapper
{
background-color
:
#ffffff
;
position
:
absolute
;
border-radius
:
3
px
;
z-index
:
102
;
-moz-
box-shadow
:
0
0
30
px
white
;
-webkit-
box-shadow
:
0
0
15
px
white
;
box-shadow
:
0
0
15
px
white
;
}
.
joyride-expose-cover
{
background
:
transparent
;
border-radius
:
3
px
;
position
:
absolute
;
z-index
:
9999
;
top
:
0
;
left
:
0
;
}
/* Styles for screens that are atleast 768px; */
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
joyride-tip-guide
{
width
:
300
px
;
left
:
inherit
;
}
.
joyride-tip-guide
.
joyride-nub
.
bottom
{
border-color
:
#333333
!important
;
border-bottom-color
:
transparent
!important
;
border-left-color
:
transparent
!important
;
border-right-color
:
transparent
!important
;
bottom
:
-20
px
;
}
.
joyride-tip-guide
.
joyride-nub
.
right
{
border-color
:
#333333
!important
;
border-top-color
:
transparent
!important
;
border-right-color
:
transparent
!important
;
border-bottom-color
:
transparent
!important
;
top
:
22
px
;
left
:
auto
;
right
:
-20
px
;
}
.
joyride-tip-guide
.
joyride-nub
.
left
{
border-color
:
#333333
!important
;
border-top-color
:
transparent
!important
;
border-left-color
:
transparent
!important
;
border-bottom-color
:
transparent
!important
;
top
:
22
px
;
left
:
-20
px
;
right
:
auto
;
}
}
.
label
{
font-weight
:
normal
;
font-family
:
"Helvetica Neue"
,
"Helvetica"
,
Helvetica
,
Arial
,
sans-serif
;
text-align
:
center
;
text-decoration
:
none
;
line-height
:
1
;
white-space
:
nowrap
;
display
:
inline-block
;
position
:
relative
;
margin-bottom
:
inherit
;
padding
:
0.25
rem
0.5
rem
0.375
rem
;
font-size
:
0.6875
rem
;
background-color
:
#80b4a7
;
color
:
white
;
}
.
label
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
.
label
.
round
{
-webkit-
border-radius
:
1000
px
;
border-radius
:
1000
px
;
}
.
label
.
alert
{
background-color
:
#b24a28
;
color
:
white
;
}
.
label
.
success
{
background-color
:
#6c785f
;
color
:
white
;
}
.
label
.
secondary
{
background-color
:
#76a392
;
color
:
white
;
}
p
.
lead
{
font-size
:
1.21875
rem
;
line-height
:
1.6
;
}
.
subheader
{
line-height
:
1.4
;
color
:
#c3c3c3
;
font-weight
:
300
;
margin-top
:
0.2
rem
;
margin-bottom
:
0.5
rem
;
}
meta
.
foundation-mq-topbar
{
font-family
:
"/only screen and (min-width:40.063em)/"
;
width
:
58.75
em
;
}
.
off-canvas-wrap
,
.
inner-wrap
,
nav
.
tab-bar
,
.
left-off-canvas-menu
,
.
left-off-canvas-menu
*,
.
right-off-canvas-menu
,
.
move-right
a
.
exit-off-canvas
,
.
move-left
a
.
exit-off-canvas
{
-webkit-
backface-visibility
:
hidden
;
}
.
off-canvas-wrap
,
.
inner-wrap
{
position
:
relative
;
width
:
100
%
;
}
.
left-off-canvas-menu
,
.
right-off-canvas-menu
{
width
:
250
px
;
top
:
0
;
bottom
:
0
;
height
:
100
%
;
position
:
absolute
;
overflow-y
:
auto
;
background
:
#333333
;
z-index
:
1001
;
box-sizing
:
content-box
;
}
section
.
left-small
,
section
.
right-small
{
width
:
2.8125
rem
;
height
:
2.8125
rem
;
position
:
absolute
;
top
:
0
;
}
.
off-canvas-wrap
{
overflow
:
hidden
;
}
.
inner-wrap
{
*
zoom
:
1
;
-webkit-
transition
:
-webkit-
transform
500
ms
ease
;
-moz-
transition
:
-moz-
transform
500
ms
ease
;
-ms-
transition
:
-ms-
transform
500
ms
ease
;
-o-
transition
:
-o-
transform
500
ms
ease
;
transition
:
transform
500
ms
ease
;
}
.
inner-wrap
:
before
,
.
inner-wrap
:
after
{
content
:
" "
;
display
:
table
;
}
.
inner-wrap
:
after
{
clear
:
both
;
}
nav
.
tab-bar
{
background
:
#333333
;
color
:
white
;
height
:
2.8125
rem
;
line-height
:
2.8125
rem
;
position
:
relative
;
}
nav
.
tab-bar
h1
,
nav
.
tab-bar
h2
,
nav
.
tab-bar
h3
,
nav
.
tab-bar
h4
,
nav
.
tab-bar
h5
,
nav
.
tab-bar
h6
{
color
:
white
;
font-weight
:
bold
;
line-height
:
2.8125
rem
;
margin
:
0
;
}
nav
.
tab-bar
h1
,
nav
.
tab-bar
h2
,
nav
.
tab-bar
h3
,
nav
.
tab-bar
h4
{
font-size
:
1.125
rem
;
}
section
.
left-small
{
border-right
:
solid
1
px
#1a1a1a
;
box-shadow
:
1
px
0
0
#4d4d4d
;
left
:
0
;
}
section
.
right-small
{
border-left
:
solid
1
px
#4d4d4d
;
box-shadow
:
-1
px
0
0
#1a1a1a
;
right
:
0
;
}
section
.
tab-bar-section
{
padding
:
0
0.625
rem
;
position
:
absolute
;
text-align
:
center
;
height
:
2.8125
rem
;
top
:
0
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
section
.
tab-bar-section
{
text-align
:
left
;
}
}
section
.
tab-bar-section
.
left
{
left
:
0
;
right
:
2.8125
rem
;
}
section
.
tab-bar-section
.
right
{
left
:
2.8125
rem
;
right
:
0
;
}
section
.
tab-bar-section
.
middle
{
left
:
2.8125
rem
;
right
:
2.8125
rem
;
}
a
.
menu-icon
{
text-indent
:
2.1875
rem
;
width
:
2.8125
rem
;
height
:
2.8125
rem
;
display
:
block
;
line-height
:
2.0625
rem
;
padding
:
0
;
color
:
white
;
position
:
relative
;
}
a
.
menu-icon
span
{
position
:
absolute
;
display
:
block
;
width
:
1
rem
;
height
:
0
;
left
:
0.8125
rem
;
top
:
0.3125
rem
;
-webkit-
box-shadow
:
0
10
px
0
1
px
white
,
0
16
px
0
1
px
white
,
0
22
px
0
1
px
white
;
box-shadow
:
0
10
px
0
1
px
white
,
0
16
px
0
1
px
white
,
0
22
px
0
1
px
white
;
}
a
.
menu-icon
:
hover
span
{
-webkit-
box-shadow
:
0
10
px
0
1
px
#b3b3b3
,
0
16
px
0
1
px
#b3b3b3
,
0
22
px
0
1
px
#b3b3b3
;
box-shadow
:
0
10
px
0
1
px
#b3b3b3
,
0
16
px
0
1
px
#b3b3b3
,
0
22
px
0
1
px
#b3b3b3
;
}
.
left-off-canvas-menu
{
-webkit-
transform
:
translate3d
(
-100
%
,
0
,
0
);
-moz-
transform
:
translate3d
(
-100
%
,
0
,
0
);
-ms-
transform
:
translate3d
(
-100
%
,
0
,
0
);
-o-
transform
:
translate3d
(
-100
%
,
0
,
0
);
transform
:
translate3d
(
-100
%
,
0
,
0
);
}
.
right-off-canvas-menu
{
-webkit-
transform
:
translate3d
(
100
%
,
0
,
0
);
-moz-
transform
:
translate3d
(
100
%
,
0
,
0
);
-ms-
transform
:
translate3d
(
100
%
,
0
,
0
);
-o-
transform
:
translate3d
(
100
%
,
0
,
0
);
transform
:
translate3d
(
100
%
,
0
,
0
);
right
:
0
;
}
ul
.
off-canvas-list
{
list-style-type
:
none
;
padding
:
0
;
margin
:
0
;
}
ul
.
off-canvas-list
li
label
{
padding
:
0.3
rem
0.9375
rem
;
color
:
#999999
;
text-transform
:
uppercase
;
font-weight
:
bold
;
background
:
#444444
;
border-top
:
1
px
solid
#5e5e5e
;
border-bottom
:
none
;
margin
:
0
;
}
ul
.
off-canvas-list
li
a
{
display
:
block
;
padding
:
0.66667
rem
;
color
:
rgba
(
255
,
255
,
255
,
0.7
);
border-bottom
:
1
px
solid
#262626
;
}
.
move-right
>
.
inner-wrap
{
-webkit-
transform
:
translate3d
(
250
px
,
0
,
0
);
-moz-
transform
:
translate3d
(
250
px
,
0
,
0
);
-ms-
transform
:
translate3d
(
250
px
,
0
,
0
);
-o-
transform
:
translate3d
(
250
px
,
0
,
0
);
transform
:
translate3d
(
250
px
,
0
,
0
);
}
.
move-right
a
.
exit-off-canvas
{
transition
:
background
300
ms
ease
;
cursor
:
pointer
;
box-shadow
:
-4
px
0
4
px
rgba
(
0
,
0
,
0
,
0.5
),
4
px
0
4
px
rgba
(
0
,
0
,
0
,
0.5
);
display
:
block
;
position
:
absolute
;
background
:
rgba
(
255
,
255
,
255
,
0.2
);
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
z-index
:
1002
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
move-right
a
.
exit-off-canvas
:
hover
{
background
:
rgba
(
255
,
255
,
255
,
0.05
);
}
}
.
move-left
>
.
inner-wrap
{
-webkit-
transform
:
translate3d
(
-250
px
,
0
,
0
);
-moz-
transform
:
translate3d
(
-250
px
,
0
,
0
);
-ms-
transform
:
translate3d
(
-250
px
,
0
,
0
);
-o-
transform
:
translate3d
(
-250
px
,
0
,
0
);
transform
:
translate3d
(
-250
px
,
0
,
0
);
}
.
move-left
a
.
exit-off-canvas
{
transition
:
background
300
ms
ease
;
cursor
:
pointer
;
box-shadow
:
-4
px
0
4
px
rgba
(
0
,
0
,
0
,
0.5
),
4
px
0
4
px
rgba
(
0
,
0
,
0
,
0.5
);
display
:
block
;
position
:
absolute
;
background
:
rgba
(
255
,
255
,
255
,
0.2
);
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
z-index
:
1002
;
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
move-left
a
.
exit-off-canvas
:
hover
{
background
:
rgba
(
255
,
255
,
255
,
0.05
);
}
}
.
lt-ie10
.
left-off-canvas-menu
{
left
:
-250
px
;
}
.
lt-ie10
.
right-off-canvas-menu
{
right
:
-250
px
;
}
.
lt-ie10
.
move-left
>
.
inner-wrap
{
right
:
250
px
;
}
.
lt-ie10
.
move-right
>
.
inner-wrap
{
left
:
250
px
;
}
@
media
only
screen
and
(
max-width
:
40em
)
{
.
f-dropdown
{
max-width
:
100
%
;
left
:
0
;
}
}
/* Foundation Dropdowns */
.
f-dropdown
{
position
:
absolute
;
top
:
-9999
px
;
list-style
:
none
;
margin-left
:
0
;
width
:
100
%
;
max-height
:
none
;
height
:
auto
;
background
:
white
;
border
:
solid
1
px
#cccccc
;
font-size
:
16
px
;
z-index
:
99
;
margin-top
:
2
px
;
max-width
:
200
px
;
}
.
f-dropdown
>
*
:
first-child
{
margin-top
:
0
;
}
.
f-dropdown
>
*
:
last-child
{
margin-bottom
:
0
;
}
.
f-dropdown
:
before
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
inset
6
px
;
border-color
:
transparent
transparent
white
transparent
;
border-bottom-style
:
solid
;
position
:
absolute
;
top
:
-12
px
;
left
:
10
px
;
z-index
:
99
;
}
.
f-dropdown
:
after
{
content
:
""
;
display
:
block
;
width
:
0
;
height
:
0
;
border
:
inset
7
px
;
border-color
:
transparent
transparent
#cccccc
transparent
;
border-bottom-style
:
solid
;
position
:
absolute
;
top
:
-14
px
;
left
:
9
px
;
z-index
:
98
;
}
.
f-dropdown
.
right
:
before
{
left
:
auto
;
right
:
10
px
;
}
.
f-dropdown
.
right
:
after
{
left
:
auto
;
right
:
9
px
;
}
.
f-dropdown
li
{
font-size
:
0.875
rem
;
cursor
:
pointer
;
line-height
:
1.125
rem
;
margin
:
0
;
}
.
f-dropdown
li
:
hover
,
.
f-dropdown
li
:
focus
{
background
:
#eeeeee
;
}
.
f-dropdown
li
a
{
display
:
block
;
padding
:
0.5
rem
;
color
:
#555555
;
}
.
f-dropdown
.
content
{
position
:
absolute
;
top
:
-9999
px
;
list-style
:
none
;
margin-left
:
0
;
padding
:
1.25
rem
;
width
:
100
%
;
height
:
auto
;
max-height
:
none
;
background
:
white
;
border
:
solid
1
px
#cccccc
;
font-size
:
16
px
;
z-index
:
99
;
max-width
:
200
px
;
}
.
f-dropdown
.
content
>
*
:
first-child
{
margin-top
:
0
;
}
.
f-dropdown
.
content
>
*
:
last-child
{
margin-bottom
:
0
;
}
.
f-dropdown
.
tiny
{
max-width
:
200
px
;
}
.
f-dropdown
.
small
{
max-width
:
300
px
;
}
.
f-dropdown
.
medium
{
max-width
:
500
px
;
}
.
f-dropdown
.
large
{
max-width
:
800
px
;
}
table
{
background
:
white
;
margin-bottom
:
1.25
rem
;
border
:
solid
1
px
#dddddd
;
}
table
thead
,
table
tfoot
{
background
:
whitesmoke
;
font-weight
:
bold
;
}
table
thead
tr
th
,
table
thead
tr
td
,
table
tfoot
tr
th
,
table
tfoot
tr
td
{
padding
:
0.5
rem
0.625
rem
0.625
rem
;
font-size
:
0.875
rem
;
color
:
#222222
;
text-align
:
left
;
}
table
tr
th
,
table
tr
td
{
padding
:
0.5625
rem
0.625
rem
;
font-size
:
0.875
rem
;
color
:
#222222
;
}
table
tr
.
even
,
table
tr
.
alt
,
table
tr
:
nth-of-type
(
even
)
{
background
:
#f9f9f9
;
}
table
thead
tr
th
,
table
tfoot
tr
th
,
table
tbody
tr
td
,
table
tr
td
,
table
tfoot
tr
td
{
display
:
table-cell
;
line-height
:
1.125
rem
;
}
/* Standard Forms */
form
{
margin
:
0
0
1
rem
;
}
/* Using forms within rows, we need to set some defaults */
form
.
row
.
row
{
margin
:
0
-0.5
rem
;
}
form
.
row
.
row
.
column
,
form
.
row
.
row
.
columns
{
padding
:
0
0.5
rem
;
}
form
.
row
.
row
.
collapse
{
margin
:
0
;
}
form
.
row
.
row
.
collapse
.
column
,
form
.
row
.
row
.
collapse
.
columns
{
padding
:
0
;
}
form
.
row
.
row
.
collapse
input
{
-moz-
border-radius-bottomright
:
0
;
-moz-
border-radius-topright
:
0
;
-webkit-
border-bottom-right-radius
:
0
;
-webkit-
border-top-right-radius
:
0
;
}
form
.
row
input
.
column
,
form
.
row
input
.
columns
,
form
.
row
textarea
.
column
,
form
.
row
textarea
.
columns
{
padding-left
:
0.5
rem
;
}
/* Label Styles */
label
{
font-size
:
0.875
rem
;
color
:
#4d4d4d
;
cursor
:
pointer
;
display
:
block
;
font-weight
:
normal
;
margin-bottom
:
0.5
rem
;
/* Styles for required inputs */
}
label
.
right
{
float
:
none
;
text-align
:
right
;
}
label
.
inline
{
margin
:
0
0
1
rem
0
;
padding
:
0.625
rem
0
;
}
label
small
{
text-transform
:
capitalize
;
color
:
#666666
;
}
select
{
-webkit-
appearance
:
none
!important
;
background
:
#fafafa
url
(
"data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="
)
no-repeat
;
background-position-x
:
97
%
;
background-position-y
:
center
;
border
:
1
px
solid
#cccccc
;
padding
:
0.5
rem
;
font-size
:
0.875
rem
;
-webkit-
border-radius
:
0
;
border-radius
:
0
;
}
select
.
radius
{
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
select
:
hover
{
background
:
#f2f2f2
url
(
"data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="
)
no-repeat
;
background-position-x
:
97
%
;
background-position-y
:
center
;
border-color
:
#999999
;
}
@
-moz-document
url-prefix
()
{
select
{
background
:
#fafafa
;
}
select
:
hover
{
background
:
#f2f2f2
;
}
}
/* Attach elements to the beginning or end of an input */
.
prefix
,
.
postfix
{
display
:
block
;
position
:
relative
;
z-index
:
2
;
text-align
:
center
;
width
:
100
%
;
padding-top
:
0
;
padding-bottom
:
0
;
border-style
:
solid
;
border-width
:
1
px
;
overflow
:
hidden
;
font-size
:
0.875
rem
;
height
:
2.3125
rem
;
line-height
:
2.3125
rem
;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.
postfix
.
button
{
padding-left
:
0
;
padding-right
:
0
;
padding-top
:
0
;
padding-bottom
:
0
;
text-align
:
center
;
line-height
:
2.125
rem
;
border
:
none
;
}
.
prefix
.
button
{
padding-left
:
0
;
padding-right
:
0
;
padding-top
:
0
;
padding-bottom
:
0
;
text-align
:
center
;
line-height
:
2.125
rem
;
border
:
none
;
}
.
prefix
.
button
.
radius
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-bottomleft
:
3
px
;
-moz-
border-radius-topleft
:
3
px
;
-webkit-
border-bottom-left-radius
:
3
px
;
-webkit-
border-top-left-radius
:
3
px
;
border-bottom-left-radius
:
3
px
;
border-top-left-radius
:
3
px
;
}
.
postfix
.
button
.
radius
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
.
prefix
.
button
.
round
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-bottomleft
:
1000
px
;
-moz-
border-radius-topleft
:
1000
px
;
-webkit-
border-bottom-left-radius
:
1000
px
;
-webkit-
border-top-left-radius
:
1000
px
;
border-bottom-left-radius
:
1000
px
;
border-top-left-radius
:
1000
px
;
}
.
postfix
.
button
.
round
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-topright
:
1000
px
;
-moz-
border-radius-bottomright
:
1000
px
;
-webkit-
border-top-right-radius
:
1000
px
;
-webkit-
border-bottom-right-radius
:
1000
px
;
border-top-right-radius
:
1000
px
;
border-bottom-right-radius
:
1000
px
;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span
.
prefix
,
label
.
prefix
{
background
:
#f2f2f2
;
border-color
:
#d9d9d9
;
border-right
:
none
;
color
:
#333333
;
}
span
.
prefix
.
radius
,
label
.
prefix
.
radius
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-bottomleft
:
3
px
;
-moz-
border-radius-topleft
:
3
px
;
-webkit-
border-bottom-left-radius
:
3
px
;
-webkit-
border-top-left-radius
:
3
px
;
border-bottom-left-radius
:
3
px
;
border-top-left-radius
:
3
px
;
}
span
.
postfix
,
label
.
postfix
{
background
:
#f2f2f2
;
border-color
:
#cccccc
;
border-left
:
none
;
color
:
#333333
;
}
span
.
postfix
.
radius
,
label
.
postfix
.
radius
{
-webkit-
border-radius
:
0
;
border-radius
:
0
;
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
/* Input groups will automatically style first and last elements of the group */
.
input-group
.
radius
>
*
:
first-child
,
.
input-group
.
radius
>
*
:
first-child
*
{
-moz-
border-radius-bottomleft
:
3
px
;
-moz-
border-radius-topleft
:
3
px
;
-webkit-
border-bottom-left-radius
:
3
px
;
-webkit-
border-top-left-radius
:
3
px
;
border-bottom-left-radius
:
3
px
;
border-top-left-radius
:
3
px
;
}
.
input-group
.
radius
>
*
:
last-child
,
.
input-group
.
radius
>
*
:
last-child
*
{
-moz-
border-radius-topright
:
3
px
;
-moz-
border-radius-bottomright
:
3
px
;
-webkit-
border-top-right-radius
:
3
px
;
-webkit-
border-bottom-right-radius
:
3
px
;
border-top-right-radius
:
3
px
;
border-bottom-right-radius
:
3
px
;
}
.
input-group
.
round
>
*
:
first-child
,
.
input-group
.
round
>
*
:
first-child
*
{
-moz-
border-radius-bottomleft
:
1000
px
;
-moz-
border-radius-topleft
:
1000
px
;
-webkit-
border-bottom-left-radius
:
1000
px
;
-webkit-
border-top-left-radius
:
1000
px
;
border-bottom-left-radius
:
1000
px
;
border-top-left-radius
:
1000
px
;
}
.
input-group
.
round
>
*
:
last-child
,
.
input-group
.
round
>
*
:
last-child
*
{
-moz-
border-radius-topright
:
1000
px
;
-moz-
border-radius-bottomright
:
1000
px
;
-webkit-
border-top-right-radius
:
1000
px
;
-webkit-
border-bottom-right-radius
:
1000
px
;
border-top-right-radius
:
1000
px
;
border-bottom-right-radius
:
1000
px
;
}
/* We use this to get basic styling on all basic form elements */
input
[
type
=
"text"
],
input
[
type
=
"password"
],
input
[
type
=
"date"
],
input
[
type
=
"datetime"
],
input
[
type
=
"datetime-local"
],
input
[
type
=
"month"
],
input
[
type
=
"week"
],
input
[
type
=
"email"
],
input
[
type
=
"number"
],
input
[
type
=
"search"
],
input
[
type
=
"tel"
],
input
[
type
=
"time"
],
input
[
type
=
"url"
],
textarea
{
-webkit-
appearance
:
none
;
-webkit-
border-radius
:
0
;
border-radius
:
0
;
background-color
:
white
;
font-family
:
inherit
;
border
:
1
px
solid
#cccccc
;
-webkit-
box-shadow
:
inset
0
1
px
2
px
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
inset
0
1
px
2
px
rgba
(
0
,
0
,
0
,
0.1
);
color
:
rgba
(
0
,
0
,
0
,
0.75
);
display
:
block
;
font-size
:
0.875
rem
;
margin
:
0
0
1
rem
0
;
padding
:
0.5
rem
;
height
:
2.3125
rem
;
width
:
100
%
;
-moz-
box-sizing
:
border-box
;
-webkit-
box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-
transition
:
-webkit-
box-shadow
0.45
s
,
border-color
0.45
s
ease-in-out
;
-moz-
transition
:
-moz-
box-shadow
0.45
s
,
border-color
0.45
s
ease-in-out
;
transition
:
box-shadow
0.45
s
,
border-color
0.45
s
ease-in-out
;
}
input
[
type
=
"text"
]
:
focus
,
input
[
type
=
"password"
]
:
focus
,
input
[
type
=
"date"
]
:
focus
,
input
[
type
=
"datetime"
]
:
focus
,
input
[
type
=
"datetime-local"
]
:
focus
,
input
[
type
=
"month"
]
:
focus
,
input
[
type
=
"week"
]
:
focus
,
input
[
type
=
"email"
]
:
focus
,
input
[
type
=
"number"
]
:
focus
,
input
[
type
=
"search"
]
:
focus
,
input
[
type
=
"tel"
]
:
focus
,
input
[
type
=
"time"
]
:
focus
,
input
[
type
=
"url"
]
:
focus
,
textarea
:
focus
{
-webkit-
box-shadow
:
0
0
5
px
#999999
;
-moz-
box-shadow
:
0
0
5
px
#999999
;
box-shadow
:
0
0
5
px
#999999
;
border-color
:
#999999
;
}
input
[
type
=
"text"
]
:
focus
,
input
[
type
=
"password"
]
:
focus
,
input
[
type
=
"date"
]
:
focus
,
input
[
type
=
"datetime"
]
:
focus
,
input
[
type
=
"datetime-local"
]
:
focus
,
input
[
type
=
"month"
]
:
focus
,
input
[
type
=
"week"
]
:
focus
,
input
[
type
=
"email"
]
:
focus
,
input
[
type
=
"number"
]
:
focus
,
input
[
type
=
"search"
]
:
focus
,
input
[
type
=
"tel"
]
:
focus
,
input
[
type
=
"time"
]
:
focus
,
input
[
type
=
"url"
]
:
focus
,
textarea
:
focus
{
background
:
#fafafa
;
border-color
:
#999999
;
outline
:
none
;
}
input
[
type
=
"text"
][
disabled
],
input
[
type
=
"password"
][
disabled
],
input
[
type
=
"date"
][
disabled
],
input
[
type
=
"datetime"
][
disabled
],
input
[
type
=
"datetime-local"
][
disabled
],
input
[
type
=
"month"
][
disabled
],
input
[
type
=
"week"
][
disabled
],
input
[
type
=
"email"
][
disabled
],
input
[
type
=
"number"
][
disabled
],
input
[
type
=
"search"
][
disabled
],
input
[
type
=
"tel"
][
disabled
],
input
[
type
=
"time"
][
disabled
],
input
[
type
=
"url"
][
disabled
],
textarea
[
disabled
]
{
background-color
:
#dddddd
;
}
/* Adjust margin for form elements below */
input
[
type
=
"file"
],
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
],
select
{
margin
:
0
0
1
rem
0
;
}
input
[
type
=
"checkbox"
]
+
label
,
input
[
type
=
"radio"
]
+
label
{
display
:
inline-block
;
margin-left
:
0.5
rem
;
margin-right
:
1
rem
;
margin-bottom
:
0
;
vertical-align
:
baseline
;
}
/* Normalize file input width */
input
[
type
=
"file"
]
{
width
:
100
%
;
}
/* We add basic fieldset styling */
fieldset
{
border
:
solid
1
px
#dddddd
;
padding
:
1.25
rem
;
margin
:
1.125
rem
0
;
}
fieldset
legend
{
font-weight
:
bold
;
background
:
white
;
padding
:
0
0.1875
rem
;
margin
:
0
;
margin-left
:
-0.1875
rem
;
}
/* Error Handling */
[
data-abide
]
.
error
small
.
error
,
[
data-abide
]
span
.
error
,
[
data-abide
]
small
.
error
{
display
:
block
;
padding
:
0.375
rem
0.5625
rem
0.5625
rem
;
margin-top
:
-1
px
;
margin-bottom
:
1
rem
;
font-size
:
0.75
rem
;
font-weight
:
normal
;
font-style
:
italic
;
background
:
#b24a28
;
color
:
white
;
}
[
data-abide
]
span
.
error
,
[
data-abide
]
small
.
error
{
display
:
none
;
}
span
.
error
,
small
.
error
{
display
:
block
;
padding
:
0.375
rem
0.5625
rem
0.5625
rem
;
margin-top
:
-1
px
;
margin-bottom
:
1
rem
;
font-size
:
0.75
rem
;
font-weight
:
normal
;
font-style
:
italic
;
background
:
#b24a28
;
color
:
white
;
}
.
error
input
,
.
error
textarea
,
.
error
select
{
margin-bottom
:
0
;
}
.
error
label
,
.
error
label
.
error
{
color
:
#b24a28
;
}
.
error
>
small
,
.
error
small
.
error
{
display
:
block
;
padding
:
0.375
rem
0.5625
rem
0.5625
rem
;
margin-top
:
-1
px
;
margin-bottom
:
1
rem
;
font-size
:
0.75
rem
;
font-weight
:
normal
;
font-style
:
italic
;
background
:
#b24a28
;
color
:
white
;
}
.
error
span
.
error-message
{
display
:
block
;
}
input
.
error
,
textarea
.
error
{
margin-bottom
:
0
;
}
label
.
error
{
color
:
#b24a28
;
}
[
class
*=
"block-grid-"
]
{
display
:
block
;
padding
:
0
;
margin
:
0
-0.625
rem
;
*
zoom
:
1
;
}
[
class
*=
"block-grid-"
]
:
before
,
[
class
*=
"block-grid-"
]
:
after
{
content
:
" "
;
display
:
table
;
}
[
class
*=
"block-grid-"
]
:
after
{
clear
:
both
;
}
[
class
*=
"block-grid-"
]
>
li
{
display
:
inline
;
height
:
auto
;
float
:
left
;
padding
:
0
0.625
rem
1.25
rem
;
}
@
media
only
screen
{
.
small-block-grid-1
>
li
{
width
:
100
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-2
>
li
{
width
:
50
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-3
>
li
{
width
:
33.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-4
>
li
{
width
:
25
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-5
>
li
{
width
:
20
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-6
>
li
{
width
:
16.66667
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-7
>
li
{
width
:
14.28571
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-8
>
li
{
width
:
12.5
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-9
>
li
{
width
:
11.11111
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-10
>
li
{
width
:
10
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-11
>
li
{
width
:
9.09091
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
small-block-grid-12
>
li
{
width
:
8.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
small-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
small-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
medium-block-grid-1
>
li
{
width
:
100
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-2
>
li
{
width
:
50
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-3
>
li
{
width
:
33.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-4
>
li
{
width
:
25
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-5
>
li
{
width
:
20
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-6
>
li
{
width
:
16.66667
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-7
>
li
{
width
:
14.28571
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-8
>
li
{
width
:
12.5
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-9
>
li
{
width
:
11.11111
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-10
>
li
{
width
:
10
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-11
>
li
{
width
:
9.09091
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
medium-block-grid-12
>
li
{
width
:
8.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
medium-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
medium-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
@
media
only
screen
and
(
min-width
:
64
.
063em
)
{
.
large-block-grid-1
>
li
{
width
:
100
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-1
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-1
>
li
:
nth-of-type
(
1n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-2
>
li
{
width
:
50
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-2
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-2
>
li
:
nth-of-type
(
2n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-3
>
li
{
width
:
33.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-3
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-3
>
li
:
nth-of-type
(
3n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-4
>
li
{
width
:
25
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-4
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-4
>
li
:
nth-of-type
(
4n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-5
>
li
{
width
:
20
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-5
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-5
>
li
:
nth-of-type
(
5n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-6
>
li
{
width
:
16.66667
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-6
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-6
>
li
:
nth-of-type
(
6n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-7
>
li
{
width
:
14.28571
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-7
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-7
>
li
:
nth-of-type
(
7n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-8
>
li
{
width
:
12.5
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-8
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-8
>
li
:
nth-of-type
(
8n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-9
>
li
{
width
:
11.11111
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-9
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-9
>
li
:
nth-of-type
(
9n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-10
>
li
{
width
:
10
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-10
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-10
>
li
:
nth-of-type
(
10n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-11
>
li
{
width
:
9.09091
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-11
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-11
>
li
:
nth-of-type
(
11n
+
1
)
{
clear
:
both
;
}
.
large-block-grid-12
>
li
{
width
:
8.33333
%
;
padding
:
0
0.625
rem
1.25
rem
;
}
.
large-block-grid-12
>
li
:
nth-of-type
(
n
)
{
clear
:
none
;
}
.
large-block-grid-12
>
li
:
nth-of-type
(
12n
+
1
)
{
clear
:
both
;
}
}
.
flex-video
{
position
:
relative
;
padding-top
:
1.5625
rem
;
padding-bottom
:
67.5
%
;
height
:
0
;
margin-bottom
:
1
rem
;
overflow
:
hidden
;
}
.
flex-video
.
widescreen
{
padding-bottom
:
57.25
%
;
}
.
flex-video
.
vimeo
{
padding-top
:
0
;
}
.
flex-video
iframe
,
.
flex-video
object
,
.
flex-video
embed
,
.
flex-video
video
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100
%
;
height
:
100
%
;
}
.
keystroke
,
kbd
{
background-color
:
#ededed
;
border-color
:
#dbdbdb
;
color
:
#222222
;
border-style
:
solid
;
border-width
:
1
px
;
margin
:
0
;
font-family
:
"Consolas"
,
"Menlo"
,
"Courier"
,
monospace
;
font-size
:
0.875
rem
;
padding
:
0.125
rem
0.25
rem
0
;
-webkit-
border-radius
:
3
px
;
border-radius
:
3
px
;
}
/* Foundation Visibility HTML Classes */
.
show-for-small
,
.
show-for-small-only
,
.
show-for-medium-down
,
.
show-for-large-down
,
.
hide-for-medium
,
.
hide-for-medium-up
,
.
hide-for-medium-only
,
.
hide-for-large
,
.
hide-for-large-up
,
.
hide-for-large-only
,
.
hide-for-xlarge
,
.
hide-for-xlarge-up
,
.
hide-for-xlarge-only
,
.
hide-for-xxlarge-up
,
.
hide-for-xxlarge-only
{
display
:
inherit
!important
;
}
.
hide-for-small
,
.
hide-for-small-only
,
.
hide-for-medium-down
,
.
show-for-medium
,
.
show-for-medium-up
,
.
show-for-medium-only
,
.
hide-for-large-down
,
.
show-for-large
,
.
show-for-large-up
,
.
show-for-large-only
,
.
show-for-xlarge
,
.
show-for-xlarge-up
,
.
show-for-xlarge-only
,
.
show-for-xxlarge-up
,
.
show-for-xxlarge-only
{
display
:
none
!important
;
}
/* Specific visibility for tables */
table
.
show-for-small
,
table
.
show-for-small-only
,
table
.
show-for-medium-down
,
table
.
show-for-large-down
,
table
.
hide-for-medium
,
table
.
hide-for-medium-up
,
table
.
hide-for-medium-only
,
table
.
hide-for-large
,
table
.
hide-for-large-up
,
table
.
hide-for-large-only
,
table
.
hide-for-xlarge
,
table
.
hide-for-xlarge-up
,
table
.
hide-for-xlarge-only
,
table
.
hide-for-xxlarge-up
,
table
.
hide-for-xxlarge-only
{
display
:
table
;
}
thead
.
show-for-small
,
thead
.
show-for-small-only
,
thead
.
show-for-medium-down
,
thead
.
show-for-large-down
,
thead
.
hide-for-medium
,
thead
.
hide-for-medium-up
,
thead
.
hide-for-medium-only
,
thead
.
hide-for-large
,
thead
.
hide-for-large-up
,
thead
.
hide-for-large-only
,
thead
.
hide-for-xlarge
,
thead
.
hide-for-xlarge-up
,
thead
.
hide-for-xlarge-only
,
thead
.
hide-for-xxlarge-up
,
thead
.
hide-for-xxlarge-only
{
display
:
table-header-group
!important
;
}
tbody
.
show-for-small
,
tbody
.
show-for-small-only
,
tbody
.
show-for-medium-down
,
tbody
.
show-for-large-down
,
tbody
.
hide-for-medium
,
tbody
.
hide-for-medium-up
,
tbody
.
hide-for-medium-only
,
tbody
.
hide-for-large
,
tbody
.
hide-for-large-up
,
tbody
.
hide-for-large-only
,
tbody
.
hide-for-xlarge
,
tbody
.
hide-for-xlarge-up
,
tbody
.
hide-for-xlarge-only
,
tbody
.
hide-for-xxlarge-up
,
tbody
.
hide-for-xxlarge-only
{
display
:
table-row-group
!important
;
}
tr
.
show-for-small
,
tr
.
show-for-small-only
,
tr
.
show-for-medium-down
,
tr
.
show-for-large-down
,
tr
.
hide-for-medium
,
tr
.
hide-for-medium-up
,
tr
.
hide-for-medium-only
,
tr
.
hide-for-large
,
tr
.
hide-for-large-up
,
tr
.
hide-for-large-only
,
tr
.
hide-for-xlarge
,
tr
.
hide-for-xlarge-up
,
tr
.
hide-for-xlarge-only
,
tr
.
hide-for-xxlarge-up
,
tr
.
hide-for-xxlarge-only
{
display
:
table-row
!important
;
}
td
.
show-for-small
,
td
.
show-for-small-only
,
td
.
show-for-medium-down
td
.
show-for-large-down
,
td
.
hide-for-medium
,
td
.
hide-for-medium-up
,
td
.
hide-for-large
,
td
.
hide-for-large-up
,
td
.
hide-for-xlarge
td
.
hide-for-xlarge-up
,
td
.
hide-for-xxlarge-up
,
th
.
show-for-small
,
th
.
show-for-small-only
,
th
.
show-for-medium-down
th
.
show-for-large-down
,
th
.
hide-for-medium
,
th
.
hide-for-medium-up
,
th
.
hide-for-large
,
th
.
hide-for-large-up
,
th
.
hide-for-xlarge
th
.
hide-for-xlarge-up
,
th
.
hide-for-xxlarge-up
{
display
:
table-cell
!important
;
}
/* Medium Displays: 641px and up */
@
media
only
screen
and
(
min-width
:
40
.
063em
)
{
.
hide-for-small
,
.
hide-for-small-only
,
.
show-for-medium
,
.
show-for-medium-down
,
.
show-for-medium-up
,
.
show-for-medium-only
,
.
hide-for-large
,
.
hide-for-large-up
,
.
hide-for-large-only
,
.
hide-for-xlarge
,
.
hide-for-xlarge-up
,
.
hide-for-xlarge-only
,
.
hide-for-xxlarge-up
,
.
hide-for-xxlarge-only
{
display
:
inherit
!important
;
}
.
show-for-small
,
.
show-for-small-only
,
.
hide-for-medium
,
.
hide-for-medium-down
,
.
hide-for-medium-up
,
.
hide-for-medium-only
,
.
hide-for-large-down
,
.
show-for-large
,
.
show-for-large-up
,
.
show-for-large-only
,
.
show-for-xlarge
,
.
show-for-xlarge-up
,
.
show-for-xlarge-only
,
.
show-for-xxlarge-up
,
.
show-for-xxlarge-only
{
display
:
none
!important
;
}
/* Specific visibility for tables */
table
.
hide-for-small
,
table
.
hide-for-small-only
,
table
.
show-for-medium
,
table
.
show-for-medium-down
,
table
.
show-for-medium-up
,
table
.
show-for-medium-only
,
table
.
hide-for-large
,
table
.
hide-for-large-up
,
table
.
hide-for-large-only
,
table
.
hide-for-xlarge
,
table
.
hide-for-xlarge-up
,
table
.
hide-for-xlarge-only
,
table
.
hide-for-xxlarge-up
,
table
.
hide-for-xxlarge-only
{
display
:
table
;
}
thead
.
hide-for-small
,
thead
.
hide-for-small-only
,
thead
.
show-for-medium
,
thead
.
show-for-medium-down
,
thead
.
show-for-medium-up
,
thead
.
show-for-medium-only
,
thead
.
hide-for-large
,
thead
.
hide-for-large-up
,
thead
.
hide-for-large-only
,
thead
.
hide-for-xlarge
,
thead
.
hide-for-xlarge-up
,
thead
.
hide-for-xlarge-only
,
thead
.
hide-for-xxlarge-up
,
thead
.
hide-for-xxlarge-only
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-small
,
tbody
.
hide-for-small-only
,
tbody
.
show-for-medium
,
tbody
.
show-for-medium-down
,
tbody
.
show-for-medium-up
,
tbody
.
show-for-medium-only
,
tbody
.
hide-for-large
,
tbody
.
hide-for-large-up
,
tbody
.
hide-for-large-only
,
tbody
.
hide-for-xlarge
,
tbody
.
hide-for-xlarge-up
,
tbody
.
hide-for-xlarge-only
,
tbody
.
hide-for-xxlarge-up
,
tbody
.
hide-for-xxlarge-only
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-small
,
tr
.
hide-for-small-only
,
tr
.
show-for-medium
,
tr
.
show-for-medium-down
,
tr
.
show-for-medium-up
,
tr
.
show-for-medium-only
,
tr
.
hide-for-large
,
tr
.
hide-for-large-up
,
tr
.
hide-for-large-only
,
tr
.
hide-for-xlarge
,
tr
.
hide-for-xlarge-up
,
tr
.
hide-for-xlarge-only
,
tr
.
hide-for-xxlarge-up
,
tr
.
hide-for-xxlarge-only
{
display
:
table-row
!important
;
}
td
.
hide-for-small
,
td
.
hide-for-small-only
,
td
.
show-for-medium
,
td
.
show-for-medium-down
,
td
.
show-for-medium-up
,
td
.
show-for-medium-only
,
td
.
hide-for-large
,
td
.
hide-for-large-up
,
td
.
hide-for-large-only
,
td
.
hide-for-xlarge
,
td
.
hide-for-xlarge-up
,
td
.
hide-for-xlarge-only
,
td
.
hide-for-xxlarge-up
,
td
.
hide-for-xxlarge-only
,
th
.
hide-for-small
,
th
.
hide-for-small-only
,
th
.
show-for-medium
,
th
.
show-for-medium-down
,
th
.
show-for-medium-up
,
th
.
show-for-medium-only
,
th
.
hide-for-large
,
th
.
hide-for-large-up
,
th
.
hide-for-large-only
,
th
.
hide-for-xlarge
,
th
.
hide-for-xlarge-up
,
th
.
hide-for-xlarge-only
,
th
.
hide-for-xxlarge-up
,
th
.
hide-for-xxlarge-only
{
display
:
table-cell
!important
;
}
}
/* Large Displays: 1024px and up */
@
media
only
screen
and
(
min-width
:
64
.
063em
)
{
.
hide-for-small
,
.
hide-for-small-only
,
.
hide-for-medium
,
.
hide-for-medium-down
,
.
hide-for-medium-only
,
.
show-for-medium-up
,
.
show-for-large
,
.
show-for-large-up
,
.
show-for-large-only
,
.
hide-for-xlarge
,
.
hide-for-xlarge-up
,
.
hide-for-xlarge-only
,
.
hide-for-xxlarge-up
,
.
hide-for-xxlarge-only
{
display
:
inherit
!important
;
}
.
show-for-small-only
,
.
show-for-medium
,
.
show-for-medium-down
,
.
show-for-medium-only
,
.
hide-for-large
,
.
hide-for-large-up
,
.
hide-for-large-only
,
.
show-for-xlarge
,
.
show-for-xlarge-up
,
.
show-for-xlarge-only
,
.
show-for-xxlarge-up
,
.
show-for-xxlarge-only
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
hide-for-small
,
table
.
hide-for-small-only
,
table
.
hide-for-medium
,
table
.
hide-for-medium-down
,
table
.
hide-for-medium-only
,
table
.
show-for-medium-up
,
table
.
show-for-large
,
table
.
show-for-large-up
,
table
.
show-for-large-only
,
table
.
hide-for-xlarge
,
table
.
hide-for-xlarge-up
,
table
.
hide-for-xlarge-only
,
table
.
hide-for-xxlarge-up
,
table
.
hide-for-xxlarge-only
{
display
:
table
;
}
thead
.
hide-for-small
,
thead
.
hide-for-small-only
,
thead
.
hide-for-medium
,
thead
.
hide-for-medium-down
,
thead
.
hide-for-medium-only
,
thead
.
show-for-medium-up
,
thead
.
show-for-large
,
thead
.
show-for-large-up
,
thead
.
show-for-large-only
,
thead
.
hide-for-xlarge
,
thead
.
hide-for-xlarge-up
,
thead
.
hide-for-xlarge-only
,
thead
.
hide-for-xxlarge-up
,
thead
.
hide-for-xxlarge-only
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-small
,
tbody
.
hide-for-small-only
,
tbody
.
hide-for-medium
,
tbody
.
hide-for-medium-down
,
tbody
.
hide-for-medium-only
,
tbody
.
show-for-medium-up
,
tbody
.
show-for-large
,
tbody
.
show-for-large-up
,
tbody
.
show-for-large-only
,
tbody
.
hide-for-xlarge
,
tbody
.
hide-for-xlarge-up
,
tbody
.
hide-for-xlarge-only
,
tbody
.
hide-for-xxlarge-up
,
tbody
.
hide-for-xxlarge-only
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-small
,
tr
.
hide-for-small-only
,
tr
.
hide-for-medium
,
tr
.
hide-for-medium-down
,
tr
.
hide-for-medium-only
,
tr
.
show-for-medium-up
,
tr
.
show-for-large
,
tr
.
show-for-large-up
,
tr
.
show-for-large-only
,
tr
.
hide-for-xlarge
,
tr
.
hide-for-xlarge-up
,
tr
.
hide-for-xlarge-only
,
tr
.
hide-for-xxlarge-up
,
tr
.
hide-for-xxlarge-only
{
display
:
table-row
!important
;
}
td
.
hide-for-small
,
td
.
hide-for-small-only
,
td
.
hide-for-medium
,
td
.
hide-for-medium-down
,
td
.
hide-for-medium-only
,
td
.
show-for-medium-up
,
td
.
show-for-large
,
td
.
show-for-large-up
,
td
.
show-for-large-only
,
td
.
hide-for-xlarge
,
td
.
hide-for-xlarge-up
,
td
.
hide-for-xlarge-only
,
td
.
hide-for-xxlarge-up
,
td
.
hide-for-xxlarge-only
,
th
.
hide-for-small
,
th
.
hide-for-small-only
,
th
.
hide-for-medium
,
th
.
hide-for-medium-down
,
th
.
hide-for-medium-only
,
th
.
show-for-medium-up
,
th
.
show-for-large
,
th
.
show-for-large-up
,
th
.
show-for-large-only
,
th
.
hide-for-xlarge
,
th
.
hide-for-xlarge-up
,
th
.
hide-for-xlarge-only
,
th
.
hide-for-xxlarge-up
,
th
.
hide-for-xxlarge-only
{
display
:
table-cell
!important
;
}
}
/* X-Large Displays: 1441 and up */
@
media
only
screen
and
(
min-width
:
90
.
063em
)
{
.
hide-for-small
,
.
hide-for-small-only
,
.
hide-for-medium
,
.
hide-for-medium-down
,
.
hide-for-medium-only
,
.
show-for-medium-up
,
.
show-for-large-up
,
.
show-for-xlarge
,
.
show-for-xlarge-up
,
.
show-for-xlarge-only
,
.
hide-for-xxlarge-up
,
.
hide-for-xxlarge-only
{
display
:
inherit
!important
;
}
.
show-for-small-only
,
.
show-for-medium
,
.
show-for-medium-down
,
.
show-for-medium-only
,
.
show-for-large
,
.
show-for-large-only
,
.
show-for-large-down
,
.
hide-for-xlarge
,
.
hide-for-xlarge-up
,
.
hide-for-xlarge-only
,
.
show-for-xxlarge-up
,
.
show-for-xxlarge-only
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
hide-for-small
,
table
.
hide-for-small-only
,
table
.
hide-for-medium
,
table
.
hide-for-medium-down
,
table
.
hide-for-medium-only
,
table
.
show-for-medium-up
,
table
.
show-for-large-up
,
table
.
show-for-xlarge
,
table
.
show-for-xlarge-up
,
table
.
show-for-xlarge-only
,
table
.
hide-for-xxlarge-up
,
table
.
hide-for-xxlarge-only
{
display
:
table
;
}
thead
.
hide-for-small
,
thead
.
hide-for-small-only
,
thead
.
hide-for-medium
,
thead
.
hide-for-medium-down
,
thead
.
hide-for-medium-only
,
thead
.
show-for-medium-up
,
thead
.
show-for-large-up
,
thead
.
show-for-xlarge
,
thead
.
show-for-xlarge-up
,
thead
.
show-for-xlarge-only
,
thead
.
hide-for-xxlarge-up
,
thead
.
hide-for-xxlarge-only
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-small
,
tbody
.
hide-for-small-only
,
tbody
.
hide-for-medium
,
tbody
.
hide-for-medium-down
,
tbody
.
hide-for-medium-only
,
tbody
.
show-for-medium-up
,
tbody
.
show-for-large-up
,
tbody
.
show-for-xlarge
,
tbody
.
show-for-xlarge-up
,
tbody
.
show-for-xlarge-only
,
tbody
.
hide-for-xxlarge-up
,
tbody
.
hide-for-xxlarge-only
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-small
,
tr
.
hide-for-small-only
,
tr
.
hide-for-medium
,
tr
.
hide-for-medium-down
,
tr
.
hide-for-medium-only
,
tr
.
show-for-medium-up
,
tr
.
show-for-large-up
,
tr
.
show-for-xlarge
,
tr
.
show-for-xlarge-up
,
tr
.
show-for-xlarge-only
,
tr
.
hide-for-xxlarge-up
,
tr
.
hide-for-xxlarge-only
{
display
:
table-row
!important
;
}
td
.
hide-for-small
,
td
.
hide-for-small-only
,
td
.
hide-for-medium
,
td
.
hide-for-medium-down
,
td
.
hide-for-medium-only
,
td
.
show-for-medium-up
,
td
.
show-for-large-up
,
td
.
show-for-xlarge
,
td
.
show-for-xlarge-up
,
td
.
show-for-xlarge-only
,
td
.
hide-for-xxlarge-up
,
td
.
hide-for-xxlarge-only
,
th
.
hide-for-small
,
th
.
hide-for-small-only
,
th
.
hide-for-medium
,
th
.
hide-for-medium-down
,
th
.
hide-for-medium-only
,
th
.
show-for-medium-up
,
th
.
show-for-large-up
,
th
.
show-for-xlarge
,
th
.
show-for-xlarge-up
,
th
.
show-for-xlarge-only
,
th
.
hide-for-xxlarge-up
,
th
.
hide-for-xxlarge-only
{
display
:
table-cell
!important
;
}
}
/* XX-Large Displays: 1920 and up */
@
media
only
screen
and
(
min-width
:
120
.
063em
)
{
.
hide-for-small
,
.
hide-for-small-only
,
.
hide-for-medium
,
.
hide-for-medium-down
,
.
hide-for-medium-only
,
.
show-for-medium-up
,
.
show-for-large-up
,
.
show-for-xlarge-up
,
.
show-for-xxlarge-up
,
.
show-for-xxlarge-only
{
display
:
inherit
!important
;
}
.
show-for-small-only
,
.
show-for-medium
,
.
show-for-medium-down
,
.
show-for-medium-only
,
.
show-for-large
,
.
show-for-large-only
,
.
show-for-large-down
,
.
hide-for-xlarge
,
.
show-for-xlarge-only
,
.
hide-for-xxlarge-up
,
.
hide-for-xxlarge-only
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
hide-for-small
,
table
.
hide-for-small-only
,
table
.
hide-for-medium
,
table
.
hide-for-medium-down
,
table
.
hide-for-medium-only
,
table
.
show-for-medium-up
,
table
.
show-for-large-up
,
table
.
show-for-xlarge-up
,
table
.
show-for-xxlarge-up
,
table
.
show-for-xxlarge-only
{
display
:
table
;
}
thead
.
hide-for-small
,
thead
.
hide-for-small-only
,
thead
.
hide-for-medium
,
thead
.
hide-for-medium-down
,
thead
.
hide-for-medium-only
,
thead
.
show-for-medium-up
,
thead
.
show-for-large-up
,
thead
.
show-for-xlarge-up
,
thead
.
show-for-xxlarge-up
,
thead
.
show-for-xxlarge-only
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-small
,
tbody
.
hide-for-small-only
,
tbody
.
hide-for-medium
,
tbody
.
hide-for-medium-down
,
tbody
.
hide-for-medium-only
,
tbody
.
show-for-medium-up
,
tbody
.
show-for-large-up
,
tbody
.
show-for-xlarge-up
,
tbody
.
show-for-xxlarge-up
,
tbody
.
show-for-xxlarge-only
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-small
,
tr
.
hide-for-small-only
,
tr
.
hide-for-medium
,
tr
.
hide-for-medium-down
,
tr
.
hide-for-medium-only
,
tr
.
show-for-medium-up
,
tr
.
show-for-large-up
,
tr
.
show-for-xlarge-up
,
tr
.
show-for-xxlarge-up
,
tr
.
show-for-xxlarge-only
{
display
:
table-row
!important
;
}
td
.
hide-for-small
,
td
.
hide-for-small-only
,
td
.
hide-for-medium
,
td
.
hide-for-medium-down
,
td
.
hide-for-medium-only
,
td
.
show-for-medium-up
,
td
.
show-for-large-up
,
td
.
show-for-xlarge-up
,
td
.
show-for-xxlarge-up
,
td
.
show-for-xxlarge-only
,
th
.
hide-for-small
,
th
.
hide-for-small-only
,
th
.
hide-for-medium
,
th
.
hide-for-medium-down
,
th
.
hide-for-medium-only
,
th
.
show-for-medium-up
,
th
.
show-for-large-up
,
th
.
show-for-xlarge-up
,
th
.
show-for-xxlarge-up
,
th
.
show-for-xxlarge-only
{
display
:
table-cell
!important
;
}
}
/* Orientation targeting */
.
show-for-landscape
,
.
hide-for-portrait
{
display
:
inherit
!important
;
}
.
hide-for-landscape
,
.
show-for-portrait
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
hide-for-landscape
,
table
.
show-for-portrait
{
display
:
table
;
}
thead
.
hide-for-landscape
,
thead
.
show-for-portrait
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-landscape
,
tbody
.
show-for-portrait
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-landscape
,
tr
.
show-for-portrait
{
display
:
table-row
!important
;
}
td
.
hide-for-landscape
,
td
.
show-for-portrait
,
th
.
hide-for-landscape
,
th
.
show-for-portrait
{
display
:
table-cell
!important
;
}
@
media
only
screen
and
(
orientation
:
landscape
)
{
.
show-for-landscape
,
.
hide-for-portrait
{
display
:
inherit
!important
;
}
.
hide-for-landscape
,
.
show-for-portrait
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
show-for-landscape
,
table
.
hide-for-portrait
{
display
:
table
;
}
thead
.
show-for-landscape
,
thead
.
hide-for-portrait
{
display
:
table-header-group
!important
;
}
tbody
.
show-for-landscape
,
tbody
.
hide-for-portrait
{
display
:
table-row-group
!important
;
}
tr
.
show-for-landscape
,
tr
.
hide-for-portrait
{
display
:
table-row
!important
;
}
td
.
show-for-landscape
,
td
.
hide-for-portrait
,
th
.
show-for-landscape
,
th
.
hide-for-portrait
{
display
:
table-cell
!important
;
}
}
@
media
only
screen
and
(
orientation
:
portrait
)
{
.
show-for-portrait
,
.
hide-for-landscape
{
display
:
inherit
!important
;
}
.
hide-for-portrait
,
.
show-for-landscape
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
show-for-portrait
,
table
.
hide-for-landscape
{
display
:
table
;
}
thead
.
show-for-portrait
,
thead
.
hide-for-landscape
{
display
:
table-header-group
!important
;
}
tbody
.
show-for-portrait
,
tbody
.
hide-for-landscape
{
display
:
table-row-group
!important
;
}
tr
.
show-for-portrait
,
tr
.
hide-for-landscape
{
display
:
table-row
!important
;
}
td
.
show-for-portrait
,
td
.
hide-for-landscape
,
th
.
show-for-portrait
,
th
.
hide-for-landscape
{
display
:
table-cell
!important
;
}
}
/* Touch-enabled device targeting */
.
show-for-touch
{
display
:
none
!important
;
}
.
hide-for-touch
{
display
:
inherit
!important
;
}
.
touch
.
show-for-touch
{
display
:
inherit
!important
;
}
.
touch
.
hide-for-touch
{
display
:
none
!important
;
}
/* Specific visilbity for tables */
table
.
hide-for-touch
{
display
:
table
;
}
.
touch
table
.
show-for-touch
{
display
:
table
;
}
thead
.
hide-for-touch
{
display
:
table-header-group
!important
;
}
.
touch
thead
.
show-for-touch
{
display
:
table-header-group
!important
;
}
tbody
.
hide-for-touch
{
display
:
table-row-group
!important
;
}
.
touch
tbody
.
show-for-touch
{
display
:
table-row-group
!important
;
}
tr
.
hide-for-touch
{
display
:
table-row
!important
;
}
.
touch
tr
.
show-for-touch
{
display
:
table-row
!important
;
}
td
.
hide-for-touch
{
display
:
table-cell
!important
;
}
.
touch
td
.
show-for-touch
{
display
:
table-cell
!important
;
}
th
.
hide-for-touch
{
display
:
table-cell
!important
;
}
.
touch
th
.
show-for-touch
{
display
:
table-cell
!important
;
}
File Metadata
Details
Attached
Mime Type
text/x-asm
Expires
Sun, Nov 16, 13:39 (20 h, 7 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3163554
Default Alt Text
foundation.css (131 KB)
Attached To
Mode
rWWW www.nasqueron.org
Attached
Detach File
Event Timeline
Log In to Comment