From 4e3a8ddfa25cdf4077899493782fe52d8bf41780 Mon Sep 17 00:00:00 2001 From: Zhen Date: Thu, 21 Mar 2013 09:49:37 -0400 Subject: [PATCH] Update with Foundation 4.0.9, add image and caption classes --- css/app.css | 1133 ++++++++++++++++------ css/foundation.css | 1053 +++++++++++++------- css/foundation.min.css | 2 +- css/normalize.css | 186 ++-- css/style.css | 1172 +++++++++++++++++------ js/foundation.min.js | 10 +- js/foundation/foundation.alerts.js | 2 +- js/foundation/foundation.clearing.js | 2 + js/foundation/foundation.cookie.js | 2 +- js/foundation/foundation.dropdown.js | 28 +- js/foundation/foundation.forms.js | 24 +- js/foundation/foundation.joyride.js | 45 +- js/foundation/foundation.js | 55 +- js/foundation/foundation.magellan.js | 2 +- js/foundation/foundation.orbit.js | 28 +- js/foundation/foundation.placeholder.js | 2 +- js/foundation/foundation.reveal.js | 74 +- js/foundation/foundation.section.js | 162 +++- js/foundation/foundation.tooltips.js | 4 +- js/foundation/foundation.topbar.js | 132 ++- js/vendor/custom.modernizr.js | 2 +- js/vendor/jquery.js | 2 +- js/vendor/zepto.js | 728 ++++++++------ scss/style.scss | 41 +- style.css | 39 +- 25 files changed, 3401 insertions(+), 1529 deletions(-) diff --git a/css/app.css b/css/app.css index 807565f..3d3faca 100644 --- a/css/app.css +++ b/css/app.css @@ -8,18 +8,23 @@ html, body { - font-size: 16px; + font-size: 100%; } body { background: white; color: #222222; padding: 0; + margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; - -webkit-font-smoothing: antialiased; + position: relative; +} + +a:focus { + outline: none; } img, @@ -48,35 +53,39 @@ img { } .left { - float: left; + float: left !important; } .right { - float: right; + float: right !important; } .text-left { - text-align: left; + text-align: left !important; } .text-right { - text-align: right; + text-align: right !important; } .text-center { - text-align: center; + text-align: center !important; } .text-justify { - text-align: justify; + text-align: justify !important; } .hide { display: none; } +.antialiased { + -webkit-font-smoothing: antialiased; +} + img { - display: block; + display: inline-block; } textarea { @@ -111,12 +120,14 @@ select { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; + float: left; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; + float: left; } .row .row { width: auto; @@ -280,7 +291,7 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; + float: none !important; } } /* Styles for screens that are atleast 768px; */ @@ -580,122 +591,201 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; + float: none !important; } } /* Foundation Visibility HTML Classes */ -@media only screen { - .show-for-small, - .show-for-medium-down, - .show-for-large-down { - display: inherit !important; - } +.show-for-small, +.show-for-medium-down, +.show-for-large-down { + display: inherit !important; +} - .show-for-medium, - .show-for-medium-up, - .show-for-large, - .show-for-large-up, - .show-for-xlarge { - display: none !important; - } +.show-for-medium, +.show-for-medium-up, +.show-for-large, +.show-for-large-up, +.show-for-xlarge { + display: none !important; +} - .hide-for-medium, - .hide-for-medium-up, - .hide-for-large, - .hide-for-large-up, - .hide-for-xlarge { - display: inherit !important; - } +.hide-for-medium, +.hide-for-medium-up, +.hide-for-large, +.hide-for-large-up, +.hide-for-xlarge { + display: inherit !important; +} - .hide-for-small, - .hide-for-medium-down, - .hide-for-large-down { - display: none !important; - } +.hide-for-small, +.hide-for-medium-down, +.hide-for-large-down { + display: none !important; +} + +/* Specific visilbity for tables */ +table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { + display: table; +} + +thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { + display: table-header-group !important; +} + +tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { + display: table-row-group !important; } + +tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { + display: table-row !important; +} + +td.show-for-small, 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, +th.show-for-small, +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 { + display: table-cell !important; +} + /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 48em) { .show-for-medium, - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down { + .show-for-medium-up { display: inherit !important; } - .show-for-small, - .show-for-large, - .show-for-large-up { + .show-for-small { display: none !important; } - .hide-for-small, - .hide-for-large, - .hide-for-large-up { + .hide-for-small { display: inherit !important; } .hide-for-medium, - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down { + .hide-for-medium-up { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-medium, table.show-for-medium-up, table.hide-for-small { + display: table; + } + + thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { + display: table-header-group !important; + } + + tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { + display: table-row-group !important; + } + + tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { + display: table-row !important; + } + + td.show-for-medium, td.show-for-medium-up, td.hide-for-small, + th.show-for-medium, + th.show-for-medium-up, + th.hide-for-small { + display: table-cell !important; + } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 80em) { - .show-for-medium-down, - .show-for-medium-up, .show-for-large, - .show-for-large-down, .show-for-large-up { display: inherit !important; } - .show-for-small, - .show-for-medium { + .show-for-medium, + .show-for-medium-down { display: none !important; } - .hide-for-small, - .hide-for-medium { + .hide-for-medium, + .hide-for-medium-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, .hide-for-large, - .hide-for-large-down, .hide-for-large-up { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { + display: table; + } + + thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { + display: table-header-group !important; + } + + tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { + display: table-row-group !important; + } + + tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { + display: table-row !important; + } + + td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, + th.show-for-large, + th.show-for-large-up, + th.hide-for-medium, + th.hide-for-medium-down { + display: table-cell !important; + } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 90em) { - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down, - .show-for-large-up { + .show-for-xlarge { display: inherit !important; } - .show-for-small, - .show-for-medium, - .show-for-large { + .show-for-large, + .show-for-large-down { display: none !important; } - .hide-for-small, - .hide-for-medium, - .hide-for-large { + .hide-for-large, + .hide-for-large-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down, - .hide-for-large-up { + .hide-for-xlarge { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { + display: table; + } + + thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { + display: table-header-group !important; + } + + tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { + display: table-row-group !important; + } + + tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { + display: table-row !important; + } + + td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, + th.show-for-xlarge, + th.hide-for-large, + th.hide-for-large-down { + display: table-cell !important; + } } /* Orientation targeting */ .show-for-landscape, @@ -708,7 +798,30 @@ select { display: none !important; } -@media screen and (orientation: landscape) { +/* 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; @@ -718,8 +831,31 @@ select { .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 screen and (orientation: portrait) { +@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; @@ -729,6 +865,29 @@ select { .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 { @@ -747,13 +906,69 @@ select { 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; +} + /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; - overflow: hidden; padding: 0; margin: 0 -10px; + *zoom: 1; + } + [class*="block-grid-"]:before, [class*="block-grid-"]:after { + content: " "; + display: table; + } + [class*="block-grid-"]:after { + clear: both; } [class*="block-grid-"] > li { display: block; @@ -762,11 +977,19 @@ select { padding: 0 10px 10px; } + .small-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; + } + .small-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; + } + .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; } - .small-block-grid-2:nth-of-type(2n+1) { + .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } @@ -774,7 +997,7 @@ select { width: 33.33333%; padding: 0 10px 10px; } - .small-block-grid-3:nth-of-type(3n+1) { + .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } @@ -782,7 +1005,7 @@ select { width: 25%; padding: 0 10px 10px; } - .small-block-grid-4:nth-of-type(4n+1) { + .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } @@ -790,7 +1013,7 @@ select { width: 20%; padding: 0 10px 10px; } - .small-block-grid-5:nth-of-type(5n+1) { + .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } @@ -798,7 +1021,7 @@ select { width: 16.66667%; padding: 0 10px 10px; } - .small-block-grid-6:nth-of-type(6n+1) { + .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } @@ -806,7 +1029,7 @@ select { width: 14.28571%; padding: 0 10px 10px; } - .small-block-grid-7:nth-of-type(7n+1) { + .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } @@ -814,7 +1037,7 @@ select { width: 12.5%; padding: 0 10px 10px; } - .small-block-grid-8:nth-of-type(8n+1) { + .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } @@ -822,7 +1045,7 @@ select { width: 11.11111%; padding: 0 10px 10px; } - .small-block-grid-9:nth-of-type(9n+1) { + .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } @@ -830,7 +1053,7 @@ select { width: 10%; padding: 0 10px 10px; } - .small-block-grid-10:nth-of-type(10n+1) { + .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } @@ -838,7 +1061,7 @@ select { width: 9.09091%; padding: 0 10px 10px; } - .small-block-grid-11:nth-of-type(11n+1) { + .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } @@ -846,25 +1069,33 @@ select { width: 8.33333%; padding: 0 10px 10px; } - .small-block-grid-12:nth-of-type(12n+1) { + .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 48em) { + .large-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; + } + .large-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; + } + .large-block-grid-2 > li { width: 50%; - padding: 0 15px 15px; + padding: 0 10px 10px; } - .large-block-grid-2:nth-of-type(2n+1) { + .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; - padding: 0 12px 12px; + padding: 0 10px 10px; } - .large-block-grid-3:nth-of-type(3n+1) { + .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } @@ -872,7 +1103,7 @@ select { width: 25%; padding: 0 10px 10px; } - .large-block-grid-4:nth-of-type(4n+1) { + .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } @@ -880,7 +1111,7 @@ select { width: 20%; padding: 0 10px 10px; } - .large-block-grid-5:nth-of-type(5n+1) { + .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } @@ -888,7 +1119,7 @@ select { width: 16.66667%; padding: 0 10px 10px; } - .large-block-grid-6:nth-of-type(6n+1) { + .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } @@ -896,7 +1127,7 @@ select { width: 14.28571%; padding: 0 10px 10px; } - .large-block-grid-7:nth-of-type(7n+1) { + .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } @@ -904,7 +1135,7 @@ select { width: 12.5%; padding: 0 10px 10px; } - .large-block-grid-8:nth-of-type(8n+1) { + .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } @@ -912,7 +1143,7 @@ select { width: 11.11111%; padding: 0 10px 10px; } - .large-block-grid-9:nth-of-type(9n+1) { + .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } @@ -920,7 +1151,7 @@ select { width: 10%; padding: 0 10px 10px; } - .large-block-grid-10:nth-of-type(10n+1) { + .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } @@ -928,7 +1159,7 @@ select { width: 9.09091%; padding: 0 10px 10px; } - .large-block-grid-11:nth-of-type(11n+1) { + .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } @@ -936,9 +1167,13 @@ select { width: 8.33333%; padding: 0 10px 10px; } - .large-block-grid-12:nth-of-type(12n+1) { + .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } + + [class*="small-block-grid-"] > li { + clear: none !important; + } } p.lead { font-size: 1.21875em; @@ -998,6 +1233,7 @@ p { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; + text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; @@ -1012,9 +1248,9 @@ h1, h2, h3, h4, h5, h6 { font-style: normal; color: #222222; text-rendering: optimizeLegibility; - line-height: 1.4; margin-top: 0.2em; margin-bottom: 0.5em; + line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; @@ -1023,19 +1259,19 @@ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { } h1 { - font-size: 2.75em; + font-size: 2.125em; } h2 { - font-size: 2.3125em; + font-size: 1.6875em; } h3 { - font-size: 1.6875em; + font-size: 1.375em; } h4 { - font-size: 1.4375em; + font-size: 1.125em; } h5 { @@ -1086,19 +1322,17 @@ dl { line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; + font-family: inherit; } /* Unordered Lists */ ul li ul, ul li ol { - margin-left: 1.125em; + margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } -ul.square, ul.circle, ul.disc { - margin-left: 1.125em; -} ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } @@ -1116,12 +1350,9 @@ ul.no-bullet { } /* Ordered Lists */ -ol { - margin-left: 1.125em; -} ol li ul, ol li ol { - margin-left: 1.125em; + margin-left: 1.25em; margin-bottom: 0; } @@ -1200,6 +1431,27 @@ blockquote p { padding: 0 0.0625em; } +@media only screen and (min-width: 48em) { + h1, h2, h3, h4, h5, h6 { + line-height: 1.4; + } + + h1 { + font-size: 2.75em; + } + + h2 { + font-size: 2.3125em; + } + + h3 { + font-size: 1.6875em; + } + + h4 { + font-size: 1.4375em; + } +} /* * Print styles. * @@ -1290,7 +1542,7 @@ blockquote p { display: inherit !important; } } -.button { +button, .button { border-style: solid; border-width: 1px; cursor: pointer; @@ -1301,7 +1553,7 @@ blockquote p { position: relative; text-decoration: none; text-align: center; - display: block; + display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; @@ -1311,82 +1563,82 @@ blockquote p { border-color: #2284a1; color: white; } -.button:hover, .button:focus { +button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } -.button:hover, .button:focus { +button:hover, button:focus, .button:hover, .button:focus { color: white; } -.button.secondary { +button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } -.button.secondary:hover, .button.secondary:focus { +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } -.button.secondary:hover, .button.secondary:focus { +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } -.button.success { +button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } -.button.success:hover, .button.success:focus { +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } -.button.success:hover, .button.success:focus { +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } -.button.alert { +button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } -.button.alert:hover, .button.alert:focus { +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } -.button.alert:hover, .button.alert:focus { +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } -.button.large { +button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } -.button.small { +button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } -.button.tiny { +button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } -.button.expand { +button.expand, .button.expand { padding-top: false; padding-right: 0px; padding-bottom: false0.0625em; padding-left: 0px; width: 100%; } -.button.left-align { +button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } -.button.right-align { +button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } -.button.disabled, .button[disabled] { +button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; @@ -1395,16 +1647,16 @@ blockquote p { -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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } -.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { +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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } -.button.disabled.secondary, .button[disabled].secondary { +button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; @@ -1413,16 +1665,16 @@ blockquote p { -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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } -.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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } -.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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } -.button.disabled.success, .button[disabled].success { +button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; @@ -1431,16 +1683,16 @@ blockquote p { -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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } -.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, .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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } -.button.disabled.alert, .button[disabled].alert { +button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; @@ -1449,13 +1701,13 @@ blockquote p { -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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } -.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, .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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } @@ -1531,10 +1783,6 @@ form .row input.columns { padding-left: 0.5em; } -form .row .row { - margin: 0; -} - /* Label Styles */ label { font-size: 0.875em; @@ -1575,6 +1823,8 @@ label.inline { .postfix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } @@ -1582,18 +1832,54 @@ label.inline { .prefix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } .postfix.button.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.prefix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} + +.postfix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span so buttons keep their own */ @@ -1604,8 +1890,14 @@ span.prefix { color: #333333; } span.prefix.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } span.postfix { @@ -1615,8 +1907,56 @@ span.postfix { color: #333333; } span.postfix.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +/* Input groups will automatically style first and last elements of the group */ +.input-group.radius > *:first-child, .input-group.radius > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.input-group.radius > *:last-child, .input-group.radius > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.input-group.round > *:first-child, .input-group.round > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} +.input-group.round > *:last-child, .input-group.round > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ @@ -1749,9 +2089,6 @@ form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; } -form.custom .custom.checkbox { - z-index: -1; -} form.custom .custom.checkbox:before { content: ""; display: block; @@ -1802,6 +2139,7 @@ form.custom .custom.dropdown { -webkit-box-shadow: none; box-shadow: none; font-size: 0.875em; + vertical-align: top; } form.custom .custom.dropdown ul { overflow-y: auto; @@ -1868,31 +2206,31 @@ form.custom .custom.dropdown.open ul { box-sizing: content-box; } form.custom .custom.dropdown.small { - max-width: 134px !important; + max-width: 134px; } form.custom .custom.dropdown.medium { - max-width: 254px !important; + max-width: 254px; } form.custom .custom.dropdown.large { - max-width: 434px !important; + max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { - max-width: 134px !important; + min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { - max-width: 254px !important; + min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { - max-width: 634px !important; + min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -1903,7 +2241,7 @@ form.custom .custom.dropdown ul { display: none; margin: 0; left: -1px; - top: none; + top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; @@ -1949,7 +2287,7 @@ form.custom .custom.disabled { /* Button Groups */ .button-group { list-style: none; - margin: 0 0 1.25em; + margin: 0; *zoom: 1; } .button-group:before, .button-group:after { @@ -1959,31 +2297,55 @@ form.custom .custom.disabled { .button-group:after { clear: both; } -.button-group li { +.button-group > * { margin: 0 0 0 -1px; float: left; } -.button-group li:first-child { +.button-group > *:first-child { margin-left: 0; } -.button-group.radius li:first-child > a { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; -} -.button-group.radius li:last-child > a { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; -} -.button-group.round li:first-child > a { - -webkit-border-radius: 1000px 0 0 1000px; - border-radius: 1000px 0 0 1000px; -} -.button-group.round li:last-child > a { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; +.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} +.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } .button-group.even-2 li { - width: 33.33333%; + width: 50%; } .button-group.even-2 li .button { width: 100%; @@ -1995,36 +2357,54 @@ form.custom .custom.disabled { width: 100%; } .button-group.even-4 li { - width: 33.33333%; + width: 25%; } .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { - width: 33.33333%; + width: 20%; } .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { - width: 33.33333%; + width: 16.66667%; } .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { - width: 33.33333%; + width: 14.28571%; } .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { - width: 33.33333%; + width: 12.5%; } .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.625em; +} +.button-bar .button-group div { + overflow: hidden; +} + /* Dropdown Button */ .dropdown.button { position: relative; @@ -2173,12 +2553,24 @@ form.custom .custom.disabled { border-color: #333333 transparent transparent transparent; } .split.button.radius span { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } .split.button.round span { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Flex Video */ @@ -2208,7 +2600,7 @@ form.custom .custom.disabled { } /* Sections */ -.section-container { +.section-container, .section-container.auto { width: 100%; display: block; margin-bottom: 1.25em; @@ -2216,20 +2608,14 @@ form.custom .custom.disabled { border-top: none; } .section-container section, -.section-container .section { +.section-container .section, .section-container.auto section, +.section-container.auto .section { border-top: 1px solid #cccccc; position: relative; } -.section-container section * > :first-child, -.section-container .section * > :first-child { - padding-top: 0; -} -.section-container section * > :last-child, -.section-container .section * > :last-child { - padding-bottom: 0; -} .section-container section .title, -.section-container .section .title { +.section-container .section .title, .section-container.auto section .title, +.section-container.auto .section .title { top: 0; cursor: pointer; width: 100%; @@ -2237,7 +2623,8 @@ form.custom .custom.disabled { background-color: #efefef; } .section-container section .title a, -.section-container .section .title a { +.section-container .section .title a, .section-container.auto section .title a, +.section-container.auto .section .title a { padding: 0.9375em; display: inline-block; color: #333333; @@ -2246,29 +2633,134 @@ form.custom .custom.disabled { width: 100%; } .section-container section .title:hover, -.section-container .section .title:hover { +.section-container .section .title:hover, .section-container.auto section .title:hover, +.section-container.auto .section .title:hover { background-color: #e2e2e2; } .section-container section .content, -.section-container .section .content { +.section-container .section .content, .section-container.auto section .content, +.section-container.auto .section .content { display: none; padding: 0.9375em; background-color: white; } -.section-container section .content *:last-child, -.section-container .section .content *:last-child { +.section-container section .content > *:last-child, +.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, +.section-container.auto .section .content > *:last-child { margin-bottom: 0; } +.section-container section .content > *:first-child, +.section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child, +.section-container.auto .section .content > *:first-child { + padding-top: 0; +} +.section-container section .content > *:last-child, +.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, +.section-container.auto .section .content > *:last-child { + padding-bottom: 0; +} .section-container section.active .content, -.section-container .section.active .content { +.section-container .section.active .content, .section-container.auto section.active .content, +.section-container.auto .section.active .content { display: block; } .section-container section.active .title, -.section-container .section.active .title { +.section-container .section.active .title, .section-container.auto section.active .title, +.section-container.auto .section.active .title { background: #d5d5d5; } +.section-container.tabs { + border: 0; + position: relative; +} +.section-container.tabs section, +.section-container.tabs .section { + padding-top: 0; + border: 0; + position: static; +} +.section-container.tabs section .title, +.section-container.tabs .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; +} +.section-container.tabs section .title a, +.section-container.tabs .section .title a { + width: 100%; +} +.section-container.tabs section:last-child .title, +.section-container.tabs .section:last-child .title { + border-right: 1px solid #cccccc; +} +.section-container.tabs section .content, +.section-container.tabs .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; +} +.section-container.tabs section.active .title, +.section-container.tabs .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; +} +.section-container.tabs section.active .content, +.section-container.tabs .section.active .content { + position: relative; +} + @media only screen and (min-width: 48em) { + .section-container.auto { + border: 0; + position: relative; + } + .section-container.auto section, + .section-container.auto .section { + padding-top: 0; + border: 0; + position: static; + } + .section-container.auto section .title, + .section-container.auto .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; + } + .section-container.auto section .title a, + .section-container.auto .section .title a { + width: 100%; + } + .section-container.auto section:last-child .title, + .section-container.auto .section:last-child .title { + border-right: 1px solid #cccccc; + } + .section-container.auto section .content, + .section-container.auto .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; + } + .section-container.auto section.active .title, + .section-container.auto .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; + } + .section-container.auto section.active .content, + .section-container.auto .section.active .content { + position: relative; + } + .section-container.accordion .section { padding-top: 0 !important; } @@ -2301,48 +2793,43 @@ form.custom .custom.disabled { border: 1px solid #cccccc; } - .section-container.tabs { - border: 0; + .section-container.horizontal-nav { position: relative; + background: #efefef; + border: 1px solid #cccccc; } - .section-container.tabs section, - .section-container.tabs .section { + .section-container.horizontal-nav section, + .section-container.horizontal-nav .section { padding-top: 0; border: 0; position: static; } - .section-container.tabs section .title, - .section-container.tabs .section .title { - top: 1px; + .section-container.horizontal-nav section .title, + .section-container.horizontal-nav .section .title { width: auto; border: 1px solid #cccccc; - border-right: 0; + border-left: 0; + top: -1px; position: absolute; z-index: 1; } - .section-container.tabs section .title a, - .section-container.tabs .section .title a { + .section-container.horizontal-nav section .title a, + .section-container.horizontal-nav .section .title a { width: 100%; } - .section-container.tabs section:last-child .title, - .section-container.tabs .section:last-child .title { - border-right: 1px solid #cccccc; + .section-container.horizontal-nav section .content, + .section-container.horizontal-nav .section .content { + display: none; } - .section-container.tabs section .content, - .section-container.tabs .section .content { - border: 1px solid #cccccc; + .section-container.horizontal-nav section.active .content, + .section-container.horizontal-nav .section.active .content { + display: block; position: absolute; - z-index: 10; - } - .section-container.tabs section.active .title, - .section-container.tabs .section.active .title { - background-color: white; - z-index: 11; - border-bottom: 0; - } - .section-container.tabs section.active .content, - .section-container.tabs .section.active .content { - position: relative; + z-index: 999; + left: 0; + top: -2px; + min-width: 12.5em; + border: 1px solid #cccccc; } } /* Wrapped around .top-bar to contain to grid width */ @@ -2365,6 +2852,7 @@ form.custom .custom.disabled { line-height: 45px; position: relative; background: #111111; + margin-bottom: 1.875em; } .top-bar ul { margin-bottom: 0; @@ -2482,44 +2970,45 @@ form.custom .custom.disabled { height: 1px; width: 100%; } -.top-bar-section li > a { +.top-bar-section ul li > a { display: block; width: 100%; - padding: 12px 0 12px 15px; - color: #fff; + color: white; + padding: 12px 0 12px 0; + padding-left: 15px; font-size: 0.8125em; font-weight: bold; background: #333333; } -.top-bar-section li > a:hover { +.top-bar-section ul li > a:hover { background: #2b2b2b; } -.top-bar-section li > a.button { +.top-bar-section ul li > a.button { background: #2ba6cb; font-size: 0.8125em; } -.top-bar-section li > a.button:hover { +.top-bar-section ul li > a.button:hover { background: #2284a1; } -.top-bar-section li > a.button.secondary { +.top-bar-section ul li > a.button.secondary { background: #e9e9e9; } -.top-bar-section li > a.button.secondary:hover { +.top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; } -.top-bar-section li > a.button.success { +.top-bar-section ul li > a.button.success { background: #5da423; } -.top-bar-section li > a.button.success:hover { +.top-bar-section ul li > a.button.success:hover { background: #457a1a; } -.top-bar-section li > a.button.alert { +.top-bar-section ul li > a.button.alert { background: #c60f13; } -.top-bar-section li > a.button.alert:hover { +.top-bar-section ul li > a.button.alert:hover { background: #970b0e; } -.top-bar-section li.active a { +.top-bar-section ul li.active a { background: #2b2b2b; } .top-bar-section .has-form { @@ -2561,11 +3050,19 @@ form.custom .custom.disabled { font-weight: normal; padding: 8px 15px; } +.top-bar-section .dropdown li.title h5 { + margin-bottom: 0; +} +.top-bar-section .dropdown li.title h5 a { + color: white; + line-height: 22.5px; + display: block; +} .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; - color: #555; + color: #555555; font-weight: bold; font-size: 0.625em; } @@ -2614,6 +3111,11 @@ form.custom .custom.disabled { background: #111111; } + .contain-to-grid .top-bar { + max-width: 62.5em; + margin: 0 auto; + } + .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; @@ -2637,7 +3139,7 @@ form.custom .custom.disabled { background: #111111; } .top-bar-section li a:not(.button):hover { - background: #2b2b2b; + background: black; } .top-bar-section .has-dropdown > a { padding-right: 35px !important; @@ -2670,8 +3172,10 @@ form.custom .custom.disabled { left: 0; top: auto; background: transparent; + min-width: 100%; } .top-bar-section .dropdown li a { + color: white; line-height: 1; white-space: nowrap; padding: 7px 15px; @@ -2711,7 +3215,7 @@ form.custom .custom.disabled { overflow: hidden; width: 100%; position: relative; - background: #f5f5f5; + background: whitesmoke; } .orbit-container .orbit-slides-container { list-style: none; @@ -2738,7 +3242,7 @@ form.custom .custom.disabled { font-size: 0.875em; } .orbit-container .orbit-slides-container > * .orbit-caption * { - color: #fff; + color: white; } .orbit-container .orbit-slide-number { position: absolute; @@ -2897,7 +3401,7 @@ form.custom .custom.disabled { border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); - top: 0.9375em; + top: 50px; } .reveal-modal .column, .reveal-modal .columns { @@ -3399,10 +3903,10 @@ form.custom .custom.disabled { padding-left: 0; } .breadcrumbs li:first-child:before { - content: ""; + content: " "; } -/* Keytroke Characters */ +/* Keystroke Characters */ .keystroke, kbd { background-color: #ededed; @@ -3425,7 +3929,7 @@ kbd { text-decoration: none; line-height: 1; white-space: nowrap; - display: inline; + display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; @@ -3627,6 +4131,7 @@ kbd { /* Progress Bar */ .progress { + background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; @@ -3734,7 +4239,7 @@ kbd { /* Foundation Switches */ @media only screen { - .switch { + div.switch { position: relative; width: 100%; padding: 0; @@ -3748,7 +4253,7 @@ kbd { background: white; border-color: #cccccc; } - .switch label { + div.switch label { position: relative; left: 0; z-index: 2; @@ -3763,17 +4268,17 @@ kbd { -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input { + div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; } - .switch input:hover, .switch input:focus { + div.switch input:hover, div.switch input:focus { cursor: pointer; } - .switch > span { + div.switch > span { position: absolute; top: -1px; left: -1px; @@ -3786,46 +4291,52 @@ kbd { -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input:last-of-type + label { - text-align: right; - } - .switch input:not(:checked) + label { + div.switch input:not(:checked) + label { opacity: 0; } - .switch input:checked { - display: none; + div.switch input:checked { + display: none !important; } - .switch input { + div.switch input { left: 0; + display: block !important; } - .switch input:first-of-type + label { + div.switch input:first-of-type + label, + div.switch input:first-of-type + span + label { left: -50%; } - .switch input:first-of-type:checked + label { + div.switch input:first-of-type:checked + label, + div.switch input:first-of-type:checked + span + label { left: 0%; } - .switch input:last-of-type + label { + div.switch input:last-of-type + label, + div.switch input:last-of-type + span + label { right: -50%; left: auto; + text-align: right; } - .switch input:last-of-type:checked + label { + div.switch input:last-of-type:checked + label, + div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } - .switch label { + div.switch span.custom { + display: none !important; + } + div.switch label { padding: 0 0.375em; line-height: 2.3em; font-size: 0.875em; } - .switch input:first-of-type:checked ~ span { + div.switch input:first-of-type:checked ~ span { left: 100%; margin-left: -2.1875em; } - .switch > span { + div.switch > span { width: 2.25em; height: 2.25em; } - .switch > span { + div.switch > span { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); @@ -3834,80 +4345,80 @@ kbd { -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } - .switch:hover > span, .switch:focus > span { + div.switch:hover > span, div.switch:focus > span { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); } - .switch:active { + div.switch:active { background: transparent; } - .switch.large { + div.switch.large { height: 44px; } - .switch.large label { + div.switch.large label { padding: 0 0.375em; line-height: 2.3em; font-size: 1.0625em; } - .switch.large input:first-of-type:checked ~ span { + div.switch.large input:first-of-type:checked ~ span { left: 100%; margin-left: -2.6875em; } - .switch.large > span { + div.switch.large > span { width: 2.75em; height: 2.75em; } - .switch.small { + div.switch.small { height: 28px; } - .switch.small label { + div.switch.small label { padding: 0 0.375em; line-height: 2.1em; font-size: 0.75em; } - .switch.small input:first-of-type:checked ~ span { + div.switch.small input:first-of-type:checked ~ span { left: 100%; margin-left: -1.6875em; } - .switch.small > span { + div.switch.small > span { width: 1.75em; height: 1.75em; } - .switch.tiny { + div.switch.tiny { height: 22px; } - .switch.tiny label { + div.switch.tiny label { padding: 0 0.375em; line-height: 1.9em; font-size: 0.6875em; } - .switch.tiny input:first-of-type:checked ~ span { + div.switch.tiny input:first-of-type:checked ~ span { left: 100%; margin-left: -1.3125em; } - .switch.tiny > span { + div.switch.tiny > span { width: 1.375em; height: 1.375em; } - .switch.radius { + div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } - .switch.radius > span { + div.switch.radius > span { -webkit-border-radius: 3px; border-radius: 3px; } - .switch.round { + div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } - .switch.round > span { + div.switch.round > span { -webkit-border-radius: 999px; border-radius: 999px; } - .switch.round label { + div.switch.round label { padding: 0 0.5625em; } @@ -3922,8 +4433,8 @@ kbd { } } [data-magellan-expedition] { - background: #fff; - z-index: 999; + background: white; + z-index: 997; min-width: 100%; padding: 10px; } @@ -4019,6 +4530,8 @@ table tfoot tr td { width: 100%; color: white; background: black; + -webkit-border-radius: 3px; + border-radius: 3px; } .tooltip > .nub { display: block; @@ -4033,10 +4546,6 @@ table tfoot tr td { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } -.tooltip.radius { - -webkit-border-radius: 3px; - border-radius: 3px; -} .tap-to-close { display: block; @@ -4125,6 +4634,14 @@ table tfoot tr td { left: 9px; z-index: 98; } +.f-dropdown.right:before { + left: auto; + right: 10px; +} +.f-dropdown.right:after { + left: auto; + right: 9px; +} .f-dropdown li { font-size: 0.875em; cursor: pointer; diff --git a/css/foundation.css b/css/foundation.css index 8e0ddf1..7e6f564 100644 --- a/css/foundation.css +++ b/css/foundation.css @@ -7,7 +7,7 @@ html, body { - font-size: 16px; } + font-size: 100%; } body { background: white; @@ -18,8 +18,10 @@ body { font-weight: normal; font-style: normal; line-height: 1; - position: relative; - -webkit-font-smoothing: antialiased; } + position: relative; } + +a:focus { + outline: none; } img, object, @@ -43,28 +45,31 @@ img { max-width: none !important; } .left { - float: left; } + float: left !important; } .right { - float: right; } + float: right !important; } .text-left { - text-align: left; } + text-align: left !important; } .text-right { - text-align: right; } + text-align: right !important; } .text-center { - text-align: center; } + text-align: center !important; } .text-justify { - text-align: justify; } + text-align: justify !important; } .hide { display: none; } +.antialiased { + -webkit-font-smoothing: antialiased; } + img { - display: block; } + display: inline-block; } textarea { height: auto; @@ -92,12 +97,14 @@ select { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; - width: 100%; } + width: 100%; + float: left; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; - padding-right: 0; } + padding-right: 0; + float: left; } .row .row { width: auto; margin-left: -0.9375em; @@ -229,7 +236,7 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; } } + float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 48em) { .row .large-1 { @@ -469,101 +476,161 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; } } + float: none !important; } } /* Foundation Visibility HTML Classes */ -@media only screen { - .show-for-small, - .show-for-medium-down, - .show-for-large-down { - display: inherit !important; } +.show-for-small, +.show-for-medium-down, +.show-for-large-down { + display: inherit !important; } - .show-for-medium, - .show-for-medium-up, - .show-for-large, - .show-for-large-up, - .show-for-xlarge { - display: none !important; } +.show-for-medium, +.show-for-medium-up, +.show-for-large, +.show-for-large-up, +.show-for-xlarge { + display: none !important; } - .hide-for-medium, - .hide-for-medium-up, - .hide-for-large, - .hide-for-large-up, - .hide-for-xlarge { - display: inherit !important; } +.hide-for-medium, +.hide-for-medium-up, +.hide-for-large, +.hide-for-large-up, +.hide-for-xlarge { + display: inherit !important; } + +.hide-for-small, +.hide-for-medium-down, +.hide-for-large-down { + display: none !important; } + +/* Specific visilbity for tables */ +table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { + display: table; } + +thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { + display: table-header-group !important; } + +tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { + display: table-row-group !important; } + +tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { + display: table-row !important; } + +td.show-for-small, 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, +th.show-for-small, +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 { + display: table-cell !important; } - .hide-for-small, - .hide-for-medium-down, - .hide-for-large-down { - display: none !important; } } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 48em) { .show-for-medium, - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down { + .show-for-medium-up { display: inherit !important; } - .show-for-small, - .show-for-large, - .show-for-large-up { + .show-for-small { display: none !important; } - .hide-for-small, - .hide-for-large, - .hide-for-large-up { + .hide-for-small { display: inherit !important; } .hide-for-medium, - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down { - display: none !important; } } + .hide-for-medium-up { + display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-medium, table.show-for-medium-up, table.hide-for-small { + display: table; } + + thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { + display: table-header-group !important; } + + tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { + display: table-row-group !important; } + + tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { + display: table-row !important; } + + td.show-for-medium, td.show-for-medium-up, td.hide-for-small, + th.show-for-medium, + th.show-for-medium-up, + th.hide-for-small { + display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 80em) { - .show-for-medium-down, - .show-for-medium-up, .show-for-large, - .show-for-large-down, .show-for-large-up { display: inherit !important; } - .show-for-small, - .show-for-medium { + .show-for-medium, + .show-for-medium-down { display: none !important; } - .hide-for-small, - .hide-for-medium { + .hide-for-medium, + .hide-for-medium-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, .hide-for-large, - .hide-for-large-down, .hide-for-large-up { - display: none !important; } } + display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { + display: table; } + + thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { + display: table-header-group !important; } + + tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { + display: table-row-group !important; } + + tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { + display: table-row !important; } + + td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, + th.show-for-large, + th.show-for-large-up, + th.hide-for-medium, + th.hide-for-medium-down { + display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 90em) { - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down, - .show-for-large-up { + .show-for-xlarge { display: inherit !important; } - .show-for-small, - .show-for-medium, - .show-for-large { + .show-for-large, + .show-for-large-down { display: none !important; } - .hide-for-small, - .hide-for-medium, - .hide-for-large { + .hide-for-large, + .hide-for-large-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down, - .hide-for-large-up { - display: none !important; } } + .hide-for-xlarge { + display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { + display: table; } + + thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { + display: table-header-group !important; } + + tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { + display: table-row-group !important; } + + tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { + display: table-row !important; } + + td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, + th.show-for-xlarge, + th.hide-for-large, + th.hide-for-large-down { + display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { @@ -573,22 +640,76 @@ select { .show-for-portrait { display: none !important; } -@media screen and (orientation: landscape) { +/* 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; } } -@media screen and (orientation: 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; } } + 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; } @@ -602,151 +723,208 @@ select { .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; } + /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; - overflow: hidden; padding: 0; - margin: 0 -10px; } + margin: 0 -10px; + *zoom: 1; } + [class*="block-grid-"]:before, [class*="block-grid-"]:after { + content: " "; + display: table; } + [class*="block-grid-"]:after { + clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 10px 10px; } + .small-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; } + .small-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; } + .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; } - .small-block-grid-2:nth-of-type(2n+1) { - clear: both; } + .small-block-grid-2 > li:nth-of-type(2n+1) { + clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; } - .small-block-grid-3:nth-of-type(3n+1) { - clear: both; } + .small-block-grid-3 > li:nth-of-type(3n+1) { + clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 10px 10px; } - .small-block-grid-4:nth-of-type(4n+1) { - clear: both; } + .small-block-grid-4 > li:nth-of-type(4n+1) { + clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 10px 10px; } - .small-block-grid-5:nth-of-type(5n+1) { - clear: both; } + .small-block-grid-5 > li:nth-of-type(5n+1) { + clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; } - .small-block-grid-6:nth-of-type(6n+1) { - clear: both; } + .small-block-grid-6 > li:nth-of-type(6n+1) { + clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; } - .small-block-grid-7:nth-of-type(7n+1) { - clear: both; } + .small-block-grid-7 > li:nth-of-type(7n+1) { + clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; } - .small-block-grid-8:nth-of-type(8n+1) { - clear: both; } + .small-block-grid-8 > li:nth-of-type(8n+1) { + clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; } - .small-block-grid-9:nth-of-type(9n+1) { - clear: both; } + .small-block-grid-9 > li:nth-of-type(9n+1) { + clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 10px 10px; } - .small-block-grid-10:nth-of-type(10n+1) { - clear: both; } + .small-block-grid-10 > li:nth-of-type(10n+1) { + clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; } - .small-block-grid-11:nth-of-type(11n+1) { - clear: both; } + .small-block-grid-11 > li:nth-of-type(11n+1) { + clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; } - .small-block-grid-12:nth-of-type(12n+1) { - clear: both; } } + .small-block-grid-12 > li:nth-of-type(12n+1) { + clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 48em) { + .large-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; } + .large-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; } + .large-block-grid-2 > li { width: 50%; - padding: 0 15px 15px; } - .large-block-grid-2:nth-of-type(2n+1) { - clear: both; } + padding: 0 10px 10px; } + .large-block-grid-2 > li:nth-of-type(2n+1) { + clear: both; } .large-block-grid-3 > li { width: 33.33333%; - padding: 0 12px 12px; } - .large-block-grid-3:nth-of-type(3n+1) { - clear: both; } + padding: 0 10px 10px; } + .large-block-grid-3 > li:nth-of-type(3n+1) { + clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 10px 10px; } - .large-block-grid-4:nth-of-type(4n+1) { - clear: both; } + .large-block-grid-4 > li:nth-of-type(4n+1) { + clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 10px 10px; } - .large-block-grid-5:nth-of-type(5n+1) { - clear: both; } + .large-block-grid-5 > li:nth-of-type(5n+1) { + clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; } - .large-block-grid-6:nth-of-type(6n+1) { - clear: both; } + .large-block-grid-6 > li:nth-of-type(6n+1) { + clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; } - .large-block-grid-7:nth-of-type(7n+1) { - clear: both; } + .large-block-grid-7 > li:nth-of-type(7n+1) { + clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; } - .large-block-grid-8:nth-of-type(8n+1) { - clear: both; } + .large-block-grid-8 > li:nth-of-type(8n+1) { + clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; } - .large-block-grid-9:nth-of-type(9n+1) { - clear: both; } + .large-block-grid-9 > li:nth-of-type(9n+1) { + clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 10px 10px; } - .large-block-grid-10:nth-of-type(10n+1) { - clear: both; } + .large-block-grid-10 > li:nth-of-type(10n+1) { + clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; } - .large-block-grid-11:nth-of-type(11n+1) { - clear: both; } + .large-block-grid-11 > li:nth-of-type(11n+1) { + clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; } - .large-block-grid-12:nth-of-type(12n+1) { - clear: both; } } + .large-block-grid-12 > li:nth-of-type(12n+1) { + clear: both; } + + [class*="small-block-grid-"] > li { + clear: none !important; } } p.lead { font-size: 1.21875em; line-height: 1.6; } @@ -798,7 +976,8 @@ p { font-weight: normal; font-size: 1em; line-height: 1.6; - margin-bottom: 1.25em; } + margin-bottom: 1.25em; + text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; @@ -871,19 +1050,18 @@ dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; - list-style-position: outside; } + list-style-position: outside; + font-family: inherit; } /* Unordered Lists */ ul li ul, ul li ol { - margin-left: 1.125em; + margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } -ul.square, ul.circle, ul.disc { - margin-left: 1.125em; } - ul.square li ul, ul.circle li ul, ul.disc li ul { - list-style: inherit; } +ul.square li ul, ul.circle li ul, ul.disc li ul { + list-style: inherit; } ul.square { list-style-type: square; } ul.circle { @@ -894,12 +1072,10 @@ ul.no-bullet { list-style: none; } /* Ordered Lists */ -ol { - margin-left: 1.125em; } - ol li ul, - ol li ol { - margin-left: 1.125em; - margin-bottom: 0; } +ol li ul, +ol li ol { + margin-left: 1.25em; + margin-bottom: 0; } /* Definition Lists */ dl dt { @@ -1049,7 +1225,7 @@ blockquote p { .show-for-print { display: inherit !important; } } -.button { +button, .button { border-style: solid; border-width: 1px; cursor: pointer; @@ -1060,7 +1236,7 @@ blockquote p { position: relative; text-decoration: none; text-align: center; - display: block; + display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; @@ -1069,65 +1245,65 @@ blockquote p { background-color: #2ba6cb; border-color: #2284a1; color: white; } - .button:hover, .button:focus { + button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } - .button:hover, .button:focus { + button:hover, button:focus, .button:hover, .button:focus { color: white; } - .button.secondary { + button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } - .button.secondary:hover, .button.secondary:focus { + button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } - .button.secondary:hover, .button.secondary:focus { + button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } - .button.success { + button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } - .button.success:hover, .button.success:focus { + button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } - .button.success:hover, .button.success:focus { + button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } - .button.alert { + button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } - .button.alert:hover, .button.alert:focus { + button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } - .button.alert:hover, .button.alert:focus { + button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } - .button.large { + button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } - .button.small { + button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } - .button.tiny { + button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } - .button.expand { + button.expand, .button.expand { padding-top: false; padding-right: 0px; padding-bottom: false0.0625em; padding-left: 0px; width: 100%; } - .button.left-align { + button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } - .button.right-align { + button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } - .button.disabled, .button[disabled] { + button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; @@ -1135,13 +1311,13 @@ blockquote p { opacity: 0.6; -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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } - .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { + 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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } - .button.disabled.secondary, .button[disabled].secondary { + button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; @@ -1149,13 +1325,13 @@ blockquote p { opacity: 0.6; -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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } - .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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } - .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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } - .button.disabled.success, .button[disabled].success { + button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; @@ -1163,13 +1339,13 @@ blockquote p { opacity: 0.6; -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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } - .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, .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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } - .button.disabled.alert, .button[disabled].alert { + button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; @@ -1177,11 +1353,11 @@ blockquote p { opacity: 0.6; -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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } - .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, .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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } input.button, @@ -1239,9 +1415,6 @@ form .row input.column, form .row input.columns { padding-left: 0.5em; } -form .row .row { - margin: 0; } - /* Label Styles */ label { font-size: 0.875em; @@ -1278,22 +1451,58 @@ label { .postfix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } .postfix.button.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.prefix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; } + +.postfix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span so buttons keep their own */ span.prefix { @@ -1302,8 +1511,14 @@ span.prefix { border-right: none; color: #333333; } span.prefix.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } span.postfix { background: #f2f2f2; @@ -1311,8 +1526,52 @@ span.postfix { border-left: none; color: #333333; } span.postfix.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +/* Input groups will automatically style first and last elements of the group */ +.input-group.radius > *:first-child, .input-group.radius > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } +.input-group.radius > *:last-child, .input-group.radius > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } +.input-group.round > *:first-child, .input-group.round > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; } +.input-group.round > *:last-child, .input-group.round > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], @@ -1433,20 +1692,18 @@ form.custom .custom { form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; } - form.custom .custom.checkbox { - z-index: -1; } - form.custom .custom.checkbox:before { - content: ""; - display: block; - line-height: 0.8; - height: 14px; - width: 14px; - text-align: center; - position: absolute; - top: 0; - left: 0; - font-size: 14px; - color: #fff; } + form.custom .custom.checkbox:before { + content: ""; + display: block; + line-height: 0.8; + height: 14px; + width: 14px; + text-align: center; + position: absolute; + top: 0; + left: 0; + font-size: 14px; + color: #fff; } form.custom .custom.radio.checked:before { content: ""; display: block; @@ -1538,25 +1795,25 @@ form.custom { -webkit-box-sizing: content-box; box-sizing: content-box; } form.custom .custom.dropdown.small { - max-width: 134px !important; } + max-width: 134px; } form.custom .custom.dropdown.medium { - max-width: 254px !important; } + max-width: 254px; } form.custom .custom.dropdown.large { - max-width: 434px !important; } + max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { - max-width: 134px !important; + min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { - max-width: 254px !important; + min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { - max-width: 634px !important; + min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @@ -1566,7 +1823,7 @@ form.custom { display: none; margin: 0; left: -1px; - top: none; + top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; @@ -1605,30 +1862,54 @@ form.custom { /* Button Groups */ .button-group { list-style: none; - margin: 0 0 1.25em; + margin: 0; *zoom: 1; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } - .button-group li { + .button-group > * { margin: 0 0 0 -1px; float: left; } - .button-group li:first-child { + .button-group > *:first-child { margin-left: 0; } - .button-group.radius li:first-child > a { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; } - .button-group.radius li:last-child > a { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; } - .button-group.round li:first-child > a { - -webkit-border-radius: 1000px 0 0 1000px; - border-radius: 1000px 0 0 1000px; } - .button-group.round li:last-child > a { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; } + .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; } + .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } .button-group.even-2 li { width: 50%; } .button-group.even-2 li .button { @@ -1658,6 +1939,19 @@ form.custom { .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.625em; } + .button-bar .button-group div { + overflow: hidden; } + /* Dropdown Button */ .dropdown.button { position: relative; @@ -1770,11 +2064,23 @@ form.custom { .split.button.secondary span:before { border-color: #333333 transparent transparent transparent; } .split.button.radius span { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } .split.button.round span { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; } + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Flex Video */ .flex-video { @@ -1799,31 +2105,28 @@ form.custom { height: 100%; } /* Sections */ -.section-container { +.section-container, .section-container.auto { width: 100%; display: block; margin-bottom: 1.25em; border: 1px solid #cccccc; border-top: none; } .section-container section, - .section-container .section { + .section-container .section, .section-container.auto section, + .section-container.auto .section { border-top: 1px solid #cccccc; position: relative; } - .section-container section * > :first-child, - .section-container .section * > :first-child { - padding-top: 0; } - .section-container section * > :last-child, - .section-container .section * > :last-child { - padding-bottom: 0; } .section-container section .title, - .section-container .section .title { + .section-container .section .title, .section-container.auto section .title, + .section-container.auto .section .title { top: 0; cursor: pointer; width: 100%; margin: 0; background-color: #efefef; } .section-container section .title a, - .section-container .section .title a { + .section-container .section .title a, .section-container.auto section .title a, + .section-container.auto .section .title a { padding: 0.9375em; display: inline-block; color: #333333; @@ -1831,24 +2134,111 @@ form.custom { white-space: nowrap; width: 100%; } .section-container section .title:hover, - .section-container .section .title:hover { + .section-container .section .title:hover, .section-container.auto section .title:hover, + .section-container.auto .section .title:hover { background-color: #e2e2e2; } .section-container section .content, - .section-container .section .content { + .section-container .section .content, .section-container.auto section .content, + .section-container.auto .section .content { display: none; padding: 0.9375em; background-color: white; } - .section-container section .content *:last-child, - .section-container .section .content *:last-child { + .section-container section .content > *:last-child, + .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, + .section-container.auto .section .content > *:last-child { margin-bottom: 0; } + .section-container section .content > *:first-child, + .section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child, + .section-container.auto .section .content > *:first-child { + padding-top: 0; } + .section-container section .content > *:last-child, + .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, + .section-container.auto .section .content > *:last-child { + padding-bottom: 0; } .section-container section.active .content, - .section-container .section.active .content { + .section-container .section.active .content, .section-container.auto section.active .content, + .section-container.auto .section.active .content { display: block; } .section-container section.active .title, - .section-container .section.active .title { + .section-container .section.active .title, .section-container.auto section.active .title, + .section-container.auto .section.active .title { background: #d5d5d5; } +.section-container.tabs { + border: 0; + position: relative; } + .section-container.tabs section, + .section-container.tabs .section { + padding-top: 0; + border: 0; + position: static; } + .section-container.tabs section .title, + .section-container.tabs .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; } + .section-container.tabs section .title a, + .section-container.tabs .section .title a { + width: 100%; } + .section-container.tabs section:last-child .title, + .section-container.tabs .section:last-child .title { + border-right: 1px solid #cccccc; } + .section-container.tabs section .content, + .section-container.tabs .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; } + .section-container.tabs section.active .title, + .section-container.tabs .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; } + .section-container.tabs section.active .content, + .section-container.tabs .section.active .content { + position: relative; } + @media only screen and (min-width: 48em) { + .section-container.auto { + border: 0; + position: relative; } + .section-container.auto section, + .section-container.auto .section { + padding-top: 0; + border: 0; + position: static; } + .section-container.auto section .title, + .section-container.auto .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; } + .section-container.auto section .title a, + .section-container.auto .section .title a { + width: 100%; } + .section-container.auto section:last-child .title, + .section-container.auto .section:last-child .title { + border-right: 1px solid #cccccc; } + .section-container.auto section .content, + .section-container.auto .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; } + .section-container.auto section.active .title, + .section-container.auto .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; } + .section-container.auto section.active .content, + .section-container.auto .section.active .content { + position: relative; } + .section-container.accordion .section { padding-top: 0 !important; } @@ -1875,41 +2265,38 @@ form.custom { min-width: 12.5em; border: 1px solid #cccccc; } - .section-container.tabs { - border: 0; - position: relative; } - .section-container.tabs section, - .section-container.tabs .section { + .section-container.horizontal-nav { + position: relative; + background: #efefef; + border: 1px solid #cccccc; } + .section-container.horizontal-nav section, + .section-container.horizontal-nav .section { padding-top: 0; border: 0; position: static; } - .section-container.tabs section .title, - .section-container.tabs .section .title { - top: 1px; + .section-container.horizontal-nav section .title, + .section-container.horizontal-nav .section .title { width: auto; border: 1px solid #cccccc; - border-right: 0; + border-left: 0; + top: -1px; position: absolute; z-index: 1; } - .section-container.tabs section .title a, - .section-container.tabs .section .title a { + .section-container.horizontal-nav section .title a, + .section-container.horizontal-nav .section .title a { width: 100%; } - .section-container.tabs section:last-child .title, - .section-container.tabs .section:last-child .title { - border-right: 1px solid #cccccc; } - .section-container.tabs section .content, - .section-container.tabs .section .content { - border: 1px solid #cccccc; + .section-container.horizontal-nav section .content, + .section-container.horizontal-nav .section .content { + display: none; } + .section-container.horizontal-nav section.active .content, + .section-container.horizontal-nav .section.active .content { + display: block; position: absolute; - z-index: 10; } - .section-container.tabs section.active .title, - .section-container.tabs .section.active .title { - background-color: white; - z-index: 11; - border-bottom: 0; } - .section-container.tabs section.active .content, - .section-container.tabs .section.active .content { - position: relative; } } + z-index: 999; + left: 0; + top: -2px; + min-width: 12.5em; + border: 1px solid #cccccc; } } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; @@ -1927,7 +2314,8 @@ form.custom { height: 45px; line-height: 45px; position: relative; - background: #111111; } + background: #111111; + margin-bottom: 1.875em; } .top-bar ul { margin-bottom: 0; list-style: none; } @@ -2026,8 +2414,9 @@ form.custom { .top-bar-section ul li > a { display: block; width: 100%; - padding: 12px 0 12px 15px; color: white; + padding: 12px 0 12px 0; + padding-left: 15px; font-size: 0.8125em; font-weight: bold; background: #333333; } @@ -2083,11 +2472,17 @@ form.custom { .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } + .top-bar-section .dropdown li.title h5 { + margin-bottom: 0; } + .top-bar-section .dropdown li.title h5 a { + color: white; + line-height: 22.5px; + display: block; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; - color: #555; + color: #555555; font-weight: bold; font-size: 0.625em; } @@ -2147,7 +2542,7 @@ form.custom { line-height: 45px; background: #111111; } .top-bar-section li a:not(.button):hover { - background: #2b2b2b; } + background: black; } .top-bar-section .has-dropdown > a { padding-right: 35px !important; } .top-bar-section .has-dropdown > a:after { @@ -2172,8 +2567,10 @@ form.custom { .top-bar-section .dropdown { left: 0; top: auto; - background: transparent; } + background: transparent; + min-width: 100%; } .top-bar-section .dropdown li a { + color: white; line-height: 1; white-space: nowrap; padding: 7px 15px; @@ -2205,7 +2602,7 @@ form.custom { overflow: hidden; width: 100%; position: relative; - background: #f5f5f5; } + background: whitesmoke; } .orbit-container .orbit-slides-container { list-style: none; margin: 0; @@ -2227,7 +2624,7 @@ form.custom { padding: 10px 14px; font-size: 0.875em; } .orbit-container .orbit-slides-container > * .orbit-caption * { - color: #fff; } + color: white; } .orbit-container .orbit-slide-number { position: absolute; top: 10px; @@ -2777,7 +3174,7 @@ form.custom { .breadcrumbs li:first-child a, .breadcrumbs li:first-child span { padding-left: 0; } .breadcrumbs li:first-child:before { - content: ""; } + content: " "; } /* Keystroke Characters */ .keystroke, @@ -2801,7 +3198,7 @@ kbd { text-decoration: none; line-height: 1; white-space: nowrap; - display: inline; + display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; @@ -2964,6 +3361,7 @@ kbd { /* Progress Bar */ .progress { + background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; @@ -3053,7 +3451,7 @@ kbd { /* Foundation Switches */ @media only screen { - .switch { + div.switch { position: relative; width: 100%; padding: 0; @@ -3066,7 +3464,7 @@ kbd { height: 36px; background: white; border-color: #cccccc; } - .switch label { + div.switch label { position: relative; left: 0; z-index: 2; @@ -3080,15 +3478,15 @@ kbd { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input { + div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; } - .switch input:hover, .switch input:focus { + div.switch input:hover, div.switch input:focus { cursor: pointer; } - .switch > span { + div.switch > span { position: absolute; top: -1px; left: -1px; @@ -3100,35 +3498,41 @@ kbd { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input:last-of-type + label { - text-align: right; } - .switch input:not(:checked) + label { + div.switch input:not(:checked) + label { opacity: 0; } - .switch input:checked { - display: none; } - .switch input { - left: 0; } - .switch input:first-of-type + label { + div.switch input:checked { + display: none !important; } + div.switch input { + left: 0; + display: block !important; } + div.switch input:first-of-type + label, + div.switch input:first-of-type + span + label { left: -50%; } - .switch input:first-of-type:checked + label { + div.switch input:first-of-type:checked + label, + div.switch input:first-of-type:checked + span + label { left: 0%; } - .switch input:last-of-type + label { + div.switch input:last-of-type + label, + div.switch input:last-of-type + span + label { right: -50%; - left: auto; } - .switch input:last-of-type:checked + label { + left: auto; + text-align: right; } + div.switch input:last-of-type:checked + label, + div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } - .switch label { + div.switch span.custom { + display: none !important; } + div.switch label { padding: 0 0.375em; line-height: 2.3em; font-size: 0.875em; } - .switch input:first-of-type:checked ~ span { + div.switch input:first-of-type:checked ~ span { left: 100%; margin-left: -2.1875em; } - .switch > span { + div.switch > span { width: 2.25em; height: 2.25em; } - .switch > span { + div.switch > span { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); @@ -3136,62 +3540,62 @@ kbd { background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } - .switch:hover > span, .switch:focus > span { + div.switch:hover > span, div.switch:focus > span { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } - .switch:active { + div.switch:active { background: transparent; } - .switch.large { + div.switch.large { height: 44px; } - .switch.large label { + div.switch.large label { padding: 0 0.375em; line-height: 2.3em; font-size: 1.0625em; } - .switch.large input:first-of-type:checked ~ span { + div.switch.large input:first-of-type:checked ~ span { left: 100%; margin-left: -2.6875em; } - .switch.large > span { + div.switch.large > span { width: 2.75em; height: 2.75em; } - .switch.small { + div.switch.small { height: 28px; } - .switch.small label { + div.switch.small label { padding: 0 0.375em; line-height: 2.1em; font-size: 0.75em; } - .switch.small input:first-of-type:checked ~ span { + div.switch.small input:first-of-type:checked ~ span { left: 100%; margin-left: -1.6875em; } - .switch.small > span { + div.switch.small > span { width: 1.75em; height: 1.75em; } - .switch.tiny { + div.switch.tiny { height: 22px; } - .switch.tiny label { + div.switch.tiny label { padding: 0 0.375em; line-height: 1.9em; font-size: 0.6875em; } - .switch.tiny input:first-of-type:checked ~ span { + div.switch.tiny input:first-of-type:checked ~ span { left: 100%; margin-left: -1.3125em; } - .switch.tiny > span { + div.switch.tiny > span { width: 1.375em; height: 1.375em; } - .switch.radius { + div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } - .switch.radius > span { + div.switch.radius > span { -webkit-border-radius: 3px; border-radius: 3px; } - .switch.round { + div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } - .switch.round > span { + div.switch.round > span { -webkit-border-radius: 999px; border-radius: 999px; } - .switch.round label { + div.switch.round label { padding: 0 0.5625em; } @-webkit-keyframes webkitSiblingBugfix { @@ -3201,8 +3605,8 @@ kbd { to { position: relative; } } } [data-magellan-expedition] { - background: #fff; - z-index: 999; + background: white; + z-index: 997; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav { @@ -3282,7 +3686,9 @@ table { left: 50%; width: 100%; color: white; - background: black; } + background: black; + -webkit-border-radius: 3px; + border-radius: 3px; } .tooltip > .nub { display: block; position: absolute; @@ -3294,9 +3700,6 @@ table { .tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } - .tooltip.radius { - -webkit-border-radius: 3px; - border-radius: 3px; } .tap-to-close { display: block; @@ -3371,6 +3774,12 @@ table { top: -14px; left: 9px; z-index: 98; } + .f-dropdown.right:before { + left: auto; + right: 10px; } + .f-dropdown.right:after { + left: auto; + right: 9px; } .f-dropdown li { font-size: 0.875em; cursor: pointer; diff --git a/css/foundation.min.css b/css/foundation.min.css index 1d592b3..e4d843b 100644 --- a/css/foundation.min.css +++ b/css/foundation.min.css @@ -1 +1 @@ -*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-size:16px}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;-webkit-font-smoothing:antialiased}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}.right{float:right}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.hide{display:none}img{display:block}textarea{height:auto;min-height:50px}select{width:100%}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row .column,.row .columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;width:100%}.row.collapse .column,.row.collapse .columns{position:relative;padding-left:0;padding-right:0}.row .row{width:auto;margin-left:-0.9375em;margin-right:-0.9375em;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}@media only screen{.row .column,.row .columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;float:left}.row .small-1{position:relative;width:8.33333%}.row .small-2{position:relative;width:16.66667%}.row .small-3{position:relative;width:25%}.row .small-4{position:relative;width:33.33333%}.row .small-5{position:relative;width:41.66667%}.row .small-6{position:relative;width:50%}.row .small-7{position:relative;width:58.33333%}.row .small-8{position:relative;width:66.66667%}.row .small-9{position:relative;width:75%}.row .small-10{position:relative;width:83.33333%}.row .small-11{position:relative;width:91.66667%}.row .small-12{position:relative;width:100%}.row .small-offset-1{position:relative;margin-left:8.33333%}.row .small-offset-2{position:relative;margin-left:16.66667%}.row .small-offset-3{position:relative;margin-left:25%}.row .small-offset-4{position:relative;margin-left:33.33333%}.row .small-offset-5{position:relative;margin-left:41.66667%}.row .small-offset-6{position:relative;margin-left:50%}.row .small-offset-7{position:relative;margin-left:58.33333%}.row .small-offset-8{position:relative;margin-left:66.66667%}.row .small-offset-9{position:relative;margin-left:75%}.row .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}}@media only screen and (min-width: 48em){.row .large-1{position:relative;width:8.33333%}.row .large-2{position:relative;width:16.66667%}.row .large-3{position:relative;width:25%}.row .large-4{position:relative;width:33.33333%}.row .large-5{position:relative;width:41.66667%}.row .large-6{position:relative;width:50%}.row .large-7{position:relative;width:58.33333%}.row .large-8{position:relative;width:66.66667%}.row .large-9{position:relative;width:75%}.row .large-10{position:relative;width:83.33333%}.row .large-11{position:relative;width:91.66667%}.row .large-12{position:relative;width:100%}.row .large-offset-1{position:relative;margin-left:8.33333%}.row .large-offset-2{position:relative;margin-left:16.66667%}.row .large-offset-3{position:relative;margin-left:25%}.row .large-offset-4{position:relative;margin-left:33.33333%}.row .large-offset-5{position:relative;margin-left:41.66667%}.row .large-offset-6{position:relative;margin-left:50%}.row .large-offset-7{position:relative;margin-left:58.33333%}.row .large-offset-8{position:relative;margin-left:66.66667%}.row .large-offset-9{position:relative;margin-left:75%}.row .large-offset-10{position:relative;margin-left:83.33333%}.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}.small-push-2{left:inherit}.small-pull-2{right:inherit}.small-push-3{left:inherit}.small-pull-3{right:inherit}.small-push-4{left:inherit}.small-pull-4{right:inherit}.small-push-5{left:inherit}.small-pull-5{right:inherit}.small-push-6{left:inherit}.small-pull-6{right:inherit}.small-push-7{left:inherit}.small-pull-7{right:inherit}.small-push-8{left:inherit}.small-pull-8{right:inherit}.small-push-9{left:inherit}.small-pull-9{right:inherit}.small-push-10{left:inherit}.small-pull-10{right:inherit}.column.large-centered,.columns.large-centered{position:relative;margin-left:auto;margin-right:auto;float:none}}@media only screen{.show-for-small,.show-for-medium-down,.show-for-large-down{display:inherit !important}.show-for-medium,.show-for-medium-up,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}.hide-for-medium,.hide-for-medium-up,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.hide-for-small,.hide-for-medium-down,.hide-for-large-down{display:none !important}}@media only screen and (min-width: 48em){.show-for-medium,.show-for-medium-down,.show-for-medium-up,.show-for-large-down{display:inherit !important}.show-for-small,.show-for-large,.show-for-large-up{display:none !important}.hide-for-small,.hide-for-large,.hide-for-large-up{display:inherit !important}.hide-for-medium,.hide-for-medium-down,.hide-for-medium-up,.hide-for-large-down{display:none !important}}@media only screen and (min-width: 80em){.show-for-medium-down,.show-for-medium-up,.show-for-large,.show-for-large-down,.show-for-large-up{display:inherit !important}.show-for-small,.show-for-medium{display:none !important}.hide-for-small,.hide-for-medium{display:inherit !important}.hide-for-medium-down,.hide-for-medium-up,.hide-for-large,.hide-for-large-down,.hide-for-large-up{display:none !important}}@media only screen and (min-width: 90em){.show-for-medium-down,.show-for-medium-up,.show-for-large-down,.show-for-large-up{display:inherit !important}.show-for-small,.show-for-medium,.show-for-large{display:none !important}.hide-for-small,.hide-for-medium,.hide-for-large{display:inherit !important}.hide-for-medium-down,.hide-for-medium-up,.hide-for-large-down,.hide-for-large-up{display:none !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}@media screen and (orientation: landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}}.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}@media only screen{[class*="block-grid-"]{display:block;overflow:hidden;padding:0;margin:0 -10px}[class*="block-grid-"]>li{display:block;height:auto;float:left;padding:0 10px 10px}.small-block-grid-2>li{width:50%;padding:0 10px 10px}.small-block-grid-2:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.33333%;padding:0 10px 10px}.small-block-grid-3:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;padding:0 10px 10px}.small-block-grid-4:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;padding:0 10px 10px}.small-block-grid-5:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.66667%;padding:0 10px 10px}.small-block-grid-6:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.28571%;padding:0 10px 10px}.small-block-grid-7:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;padding:0 10px 10px}.small-block-grid-8:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.11111%;padding:0 10px 10px}.small-block-grid-9:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;padding:0 10px 10px}.small-block-grid-10:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.09091%;padding:0 10px 10px}.small-block-grid-11:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.33333%;padding:0 10px 10px}.small-block-grid-12:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 48em){.large-block-grid-2>li{width:50%;padding:0 15px 15px}.large-block-grid-2:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.33333%;padding:0 12px 12px}.large-block-grid-3:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;padding:0 10px 10px}.large-block-grid-4:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;padding:0 10px 10px}.large-block-grid-5:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.66667%;padding:0 10px 10px}.large-block-grid-6:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.28571%;padding:0 10px 10px}.large-block-grid-7:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;padding:0 10px 10px}.large-block-grid-8:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.11111%;padding:0 10px 10px}.large-block-grid-9:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;padding:0 10px 10px}.large-block-grid-10:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.09091%;padding:0 10px 10px}.large-block-grid-11:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.33333%;padding:0 10px 10px}.large-block-grid-12:nth-of-type(12n+1){clear:both}}p.lead{font-size:1.21875em;line-height:1.6}.subheader{line-height:1.4;color:#6f6f6f;font-weight:300;margin-top:0.2em;margin-bottom:0.5em}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}a{color:#2ba6cb;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#2795b6}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1em;line-height:1.6;margin-bottom:1.25em}p aside{font-size:0.875em;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:bold;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:0.2em;margin-bottom:0.5em;line-height:1.2125em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125em}h2{font-size:1.6875em}h3{font-size:1.375em}h4{font-size:1.125em}h5{font-size:1.125em}h6{font-size:1em}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}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:#7f0a0c}ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside}ul li ul,ul li ol{margin-left:1.125em;margin-bottom:0;font-size:1em}ul.square,ul.circle,ul.disc{margin-left:1.125em}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square}ul.circle{list-style-type:circle}ul.disc{list-style-type:disc}ul.no-bullet{list-style:none}ol{margin-left:1.125em}ol li ul,ol li ol{margin-left:1.125em;margin-bottom:0}dl dt{margin-bottom:0.3em;font-weight:bold}dl dd{margin-bottom:0.75em}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px dotted #ddd;cursor:help}abbr{text-transform:none}blockquote{margin:0 0 1.25em;padding:0.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}blockquote cite{display:block;font-size:0.8125em;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25em 0;border:1px solid #ddd;padding:0.625em 0.75em}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375em}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625em}@media only screen and (min-width: 48em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}.print-only{display:none !important}@media print{*{background:transparent !important;color:#000 !important;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:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}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}}.button{border-style:solid;border-width:1px;cursor:pointer;font-family:inherit;font-weight:bold;line-height:1;margin:0 0 1.25em;position:relative;text-decoration:none;text-align:center;display:block;padding-top:0.75em;padding-right:1.5em;padding-bottom:0.8125em;padding-left:1.5em;font-size:1em;background-color:#2ba6cb;border-color:#2284a1;color:#fff}.button:hover,.button:focus{background-color:#2284a1}.button:hover,.button:focus{color:#fff}.button.secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333}.button.secondary:hover,.button.secondary:focus{background-color:#d0d0d0}.button.secondary:hover,.button.secondary:focus{color:#333}.button.success{background-color:#5da423;border-color:#457a1a;color:#fff}.button.success:hover,.button.success:focus{background-color:#457a1a}.button.success:hover,.button.success:focus{color:#fff}.button.alert{background-color:#c60f13;border-color:#970b0e;color:#fff}.button.alert:hover,.button.alert:focus{background-color:#970b0e}.button.alert:hover,.button.alert:focus{color:#fff}.button.large{padding-top:1em;padding-right:2em;padding-bottom:1.0625em;padding-left:2em;font-size:1.25em}.button.small{padding-top:0.5625em;padding-right:1.125em;padding-bottom:0.625em;padding-left:1.125em;font-size:0.8125em}.button.tiny{padding-top:0.4375em;padding-right:0.875em;padding-bottom:0.5em;padding-left:0.875em;font-size:0.6875em}.button.expand{padding-top:false;padding-right:0px;padding-bottom:false0.0625em;padding-left:0px;width:100%}.button.left-align{text-align:left;text-indent:0.75em}.button.right-align{text-align:right;padding-right:0.75em}.button.disabled,.button[disabled]{background-color:#2ba6cb;border-color:#2284a1;color:#fff;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none}.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#2284a1}.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{color:#fff}.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#2ba6cb}.button.disabled.secondary,.button[disabled].secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none}.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#d0d0d0}.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{color:#333}.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#e9e9e9}.button.disabled.success,.button[disabled].success{background-color:#5da423;border-color:#457a1a;color:#fff;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none}.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#457a1a}.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{color:#fff}.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#5da423}.button.disabled.alert,.button[disabled].alert{background-color:#c60f13;border-color:#970b0e;color:#fff;cursor:default;opacity:0.6;-webkit-box-shadow:none;box-shadow:none}.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#970b0e}.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{color:#fff}.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#c60f13}input.button,button.button{padding-top:0.8125em;padding-bottom:0.75em}input.button.tiny,button.button.tiny{padding-top:0.5em;padding-bottom:0.4375em}input.button.small,button.button.small{padding-top:0.625em;padding-bottom:0.5625em}input.button.large,button.button.large{padding-top:1.03125em;padding-bottom:1.03125em}@media only screen{.button{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}.button:active{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset}.button.radius{-webkit-border-radius:3px;border-radius:3px}.button.round{-webkit-border-radius:1000px;border-radius:1000px}}@media only screen and (min-width: 48em){.button{display:inline-block}}form{margin:0 0 1em}form .row .row{margin:-0.5em}form .row .row .column,form .row .row .columns{padding:0 0.5em}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row input.column,form .row input.columns{padding-left:0.5em}form .row .row{margin:0}label{font-size:0.875em;color:#4d4d4d;cursor:pointer;display:block;font-weight:500;margin-bottom:0.1875em}label.right{float:none;text-align:right}label.inline{margin:0 0 1em 0;padding:0.625em 0}.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:1px;overflow:hidden;font-size:0.875em;height:2.3125em;line-height:2.3125em}.postfix.button{padding-left:0;padding-right:0;text-align:center;line-height:2.125em}.prefix.button{padding-left:0;padding-right:0;text-align:center;line-height:2.125em}.prefix.button.radius{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.postfix.button.radius{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}span.prefix{background:#f2f2f2;border-color:#d9d9d9;border-right:none;color:#333}span.prefix.radius{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}span.postfix{background:#f2f2f2;border-color:#ccc;border-left:none;color:#333}span.postfix.radius{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}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{background-color:#fff;font-family:inherit;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);display:block;font-size:0.875em;margin:0 0 1em 0;padding:0.5em;height:2.3125em;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;transition:all 0.15s linear}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:#999;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:#ddd}fieldset{border:solid 1px #ddd;padding:1.25em;margin:1.125em 0}fieldset legend{font-weight:bold;background:#fff;padding:0 0.1875em;margin:0;margin-left:-0.1875em}.error input,input.error,.error textarea,textarea.error{border-color:#c60f13;background-color:rgba(198,15,19,0.1)}.error input:focus,input.error:focus,.error textarea:focus,textarea.error:focus{background:#fafafa;border-color:#999}.error label,label.error{color:#c60f13}.error small,small.error{display:block;padding:0.375em 0.25em;margin-top:-1.3125em;margin-bottom:1em;font-size:0.75em;font-weight:bold;background:#c60f13;color:#fff}form.custom .custom{display:inline-block;width:16px;height:16px;position:relative;top:2px;border:solid 1px #ccc;background:#fff}form.custom .custom.radio{-webkit-border-radius:1000px;border-radius:1000px}form.custom .custom.checkbox{z-index:-1}form.custom .custom.checkbox:before{content:"";display:block;line-height:0.8;height:14px;width:14px;text-align:center;position:absolute;top:0;left:0;font-size:14px;color:#fff}form.custom .custom.radio.checked:before{content:"";display:block;width:8px;height:8px;-webkit-border-radius:1000px;border-radius:1000px;background:#222;position:relative;top:3px;left:3px}form.custom .custom.checkbox.checked:before{content:"\00d7";color:#222}form.custom .custom.dropdown{display:block;position:relative;top:0;height:2.3125em;margin-bottom:1.25em;margin-top:0px;padding:0px;width:100%;background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);-webkit-box-shadow:none;box-shadow:none;font-size:0.875em;vertical-align:top}form.custom .custom.dropdown ul{overflow-y:auto;max-height:200px}form.custom .custom.dropdown .current{cursor:default;white-space:nowrap;line-height:2.25em;color:rgba(0,0,0,0.75);text-decoration:none;overflow:hidden;display:block;margin-left:0.5em;margin-right:2.3125em}form.custom .custom.dropdown .selector{cursor:default;position:absolute;width:2.5em;height:2.3125em;display:block;right:0;top:0}form.custom .custom.dropdown .selector:after{content:"";display:block;content:"";display:block;width:0;height:0;border:solid 5px;border-color:#aaa transparent transparent transparent;position:absolute;left:0.9375em;top:50%;margin-top:-3px}form.custom .custom.dropdown:hover a.selector:after,form.custom .custom.dropdown.open a.selector:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#222 transparent transparent transparent}form.custom .custom.dropdown .disabled{color:#888}form.custom .custom.dropdown .disabled:hover{background:transparent;color:#888}form.custom .custom.dropdown .disabled:hover:after{display:none}form.custom .custom.dropdown.open ul{display:block;z-index:10;min-width:100%;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}form.custom .custom.dropdown.small{max-width:134px !important}form.custom .custom.dropdown.medium{max-width:254px !important}form.custom .custom.dropdown.large{max-width:434px !important}form.custom .custom.dropdown.expand{width:100% !important}form.custom .custom.dropdown.open.small ul{max-width:134px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown.open.medium ul{max-width:254px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown.open.large ul{max-width:634px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown ul{position:absolute;width:auto;display:none;margin:0;left:-1px;top:none;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.1);box-shadow:0 2px 2px 0px rgba(0,0,0,0.1);margin:0;padding:0;background:#fff;border:solid 1px #ccc;font-size:16px}form.custom .custom.dropdown ul li{color:#555;font-size:0.875em;cursor:default;padding-top:0.25em;padding-bottom:0.25em;padding-left:0.375em;padding-right:2.375em;min-height:1.5em;line-height:1.5em;margin:0;white-space:nowrap;list-style:none}form.custom .custom.dropdown ul li.selected{background:#eee;color:#000}form.custom .custom.dropdown ul li:hover{background-color:#e4e4e4;color:#000}form.custom .custom.dropdown ul li.selected:hover{background:#eee;cursor:default;color:#000}form.custom .custom.dropdown ul.show{display:block}form.custom .custom.disabled{background-color:#ddd}.button-group{list-style:none;margin:0 0 1.25em;*zoom:1}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group li{margin:0 0 0 -1px;float:left}.button-group li:first-child{margin-left:0}.button-group.radius li:first-child>a{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group.radius li:last-child>a{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.button-group.round li:first-child>a{-webkit-border-radius:1000px 0 0 1000px;border-radius:1000px 0 0 1000px}.button-group.round li:last-child>a{-webkit-border-radius:0 1000px 1000px 0;border-radius:0 1000px 1000px 0}.button-group.even-2 li{width:50%}.button-group.even-2 li .button{width:100%}.button-group.even-3 li{width:33.33333%}.button-group.even-3 li .button{width:100%}.button-group.even-4 li{width:25%}.button-group.even-4 li .button{width:100%}.button-group.even-5 li{width:20%}.button-group.even-5 li .button{width:100%}.button-group.even-6 li{width:16.66667%}.button-group.even-6 li .button{width:100%}.button-group.even-7 li{width:14.28571%}.button-group.even-7 li .button{width:100%}.button-group.even-8 li{width:12.5%}.button-group.even-8 li .button{width:100%}.dropdown.button{position:relative;padding-right:3.1875em}.dropdown.button:before{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff transparent transparent transparent;top:50%}.dropdown.button:before{border-width:0.5625em;right:1.5em;margin-top:-0.25em}.dropdown.button:before{border-color:#fff transparent transparent transparent}.dropdown.button.tiny{padding-right:2.1875em}.dropdown.button.tiny:before{border-width:0.4375em;right:0.875em;margin-top:-0.15625em}.dropdown.button.tiny:before{border-color:#fff transparent transparent transparent}.dropdown.button.small{padding-right:2.8125em}.dropdown.button.small:before{border-width:0.5625em;right:1.125em;margin-top:-0.21875em}.dropdown.button.small:before{border-color:#fff transparent transparent transparent}.dropdown.button.large{padding-right:4em}.dropdown.button.large:before{border-width:0.625em;right:1.75em;margin-top:-0.3125em}.dropdown.button.large:before{border-color:#fff transparent transparent transparent}.dropdown.button.secondary:before{border-color:#333 transparent transparent transparent}.split.button{position:relative;padding-right:4.8em}.split.button span{display:block;height:100%;position:absolute;right:0;top:0;border-left:solid 1px}.split.button span:before{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;left:50%}.split.button span:active{background-color:rgba(0,0,0,0.1)}.split.button span{border-left-color:#1e728c}.split.button span{width:3em}.split.button span:before{border-width:0.5625em;top:1.125em;margin-left:-0.5625em}.split.button span:before{border-color:#fff transparent transparent transparent}.split.button.secondary span{border-left-color:#c3c3c3}.split.button.secondary span:before{border-color:#fff transparent transparent transparent}.split.button.alert span{border-left-color:#7f0a0c}.split.button.success span{border-left-color:#396516}.split.button.tiny{padding-right:3.9375em}.split.button.tiny span{width:2.84375em}.split.button.tiny span:before{border-width:0.4375em;top:0.875em;margin-left:-0.3125em}.split.button.small{padding-right:3.9375em}.split.button.small span{width:2.8125em}.split.button.small span:before{border-width:0.5625em;top:0.84375em;margin-left:-0.5625em}.split.button.large{padding-right:6em}.split.button.large span{width:3.75em}.split.button.large span:before{border-width:0.625em;top:1.3125em;margin-left:-0.5625em}.split.button.secondary span:before{border-color:#333 transparent transparent transparent}.split.button.radius span{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.split.button.round span{-webkit-border-radius:0 1000px 1000px 0;border-radius:0 1000px 1000px 0}.flex-video{position:relative;padding-top:1.5625em;padding-bottom:67.5%;height:0;margin-bottom:1em;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%}.section-container{width:100%;display:block;margin-bottom:1.25em;border:1px solid #ccc;border-top:none}.section-container section,.section-container .section{border-top:1px solid #ccc;position:relative}.section-container section *>:first-child,.section-container .section *>:first-child{padding-top:0}.section-container section *>:last-child,.section-container .section *>:last-child{padding-bottom:0}.section-container section .title,.section-container .section .title{top:0;cursor:pointer;width:100%;margin:0;background-color:#efefef}.section-container section .title a,.section-container .section .title a{padding:0.9375em;display:inline-block;color:#333;font-size:0.875em;white-space:nowrap;width:100%}.section-container section .title:hover,.section-container .section .title:hover{background-color:#e2e2e2}.section-container section .content,.section-container .section .content{display:none;padding:0.9375em;background-color:#fff}.section-container section .content *:last-child,.section-container .section .content *:last-child{margin-bottom:0}.section-container section.active .content,.section-container .section.active .content{display:block}.section-container section.active .title,.section-container .section.active .title{background:#d5d5d5}@media only screen and (min-width: 48em){.section-container.accordion .section{padding-top:0 !important}.section-container.vertical-nav{border:1px solid #ccc;border-top:none}.section-container.vertical-nav section,.section-container.vertical-nav .section{padding-top:0 !important}.section-container.vertical-nav section .title a,.section-container.vertical-nav .section .title a{display:block;width:100%}.section-container.vertical-nav section .content,.section-container.vertical-nav .section .content{display:none}.section-container.vertical-nav section.active .content,.section-container.vertical-nav .section.active .content{display:block;position:absolute;left:100%;top:-1px;z-index:999;min-width:12.5em;border:1px solid #ccc}.section-container.tabs{border:0;position:relative}.section-container.tabs section,.section-container.tabs .section{padding-top:0;border:0;position:static}.section-container.tabs section .title,.section-container.tabs .section .title{top:1px;width:auto;border:1px solid #ccc;border-right:0;position:absolute;z-index:1}.section-container.tabs section .title a,.section-container.tabs .section .title a{width:100%}.section-container.tabs section:last-child .title,.section-container.tabs .section:last-child .title{border-right:1px solid #ccc}.section-container.tabs section .content,.section-container.tabs .section .content{border:1px solid #ccc;position:absolute;z-index:10}.section-container.tabs section.active .title,.section-container.tabs .section.active .title{background-color:#fff;z-index:11;border-bottom:0}.section-container.tabs section.active .content,.section-container.tabs .section.active .content{position:relative}}.contain-to-grid{width:100%;background:#111}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.top-bar{overflow:hidden;height:45px;line-height:45px;position:relative;background:#111}.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:2.45em}.top-bar .button{padding-top:.5em;padding-bottom:.5em;margin-bottom:0}.top-bar .title-area{position:relative}.top-bar .name{height:45px;margin:0;font-size:16px}.top-bar .name h1{line-height:45px;font-size:1.0625em;margin:0}.top-bar .name h1 a{font-weight:bold;color:#fff;width:50%;display:block;padding:0 15px}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fff;text-transform:uppercase;font-size:0.8125em;font-weight:bold;position:relative;display:block;padding:0 15px;height:45px;line-height:45px}.top-bar .toggle-topbar.menu-icon{right:15px;top:50%;margin-top:-16px;padding-left:40px}.top-bar .toggle-topbar.menu-icon a{text-indent:-48px;width:34px;height:34px;line-height:33px;padding:0;color:#fff}.top-bar .toggle-topbar.menu-icon a span{position:absolute;right:0;display:block;width:16px;height:0;-webkit-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}.top-bar.expanded{height:auto;background:transparent}.top-bar.expanded .title-area{background:#111}.top-bar.expanded .toggle-topbar a{color:#888}.top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888;box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888}.top-bar-section{left:0;position:relative;width:auto;-webkit-transition:left 300ms ease-out;-moz-transition:left 300ms ease-out;transition:left 300ms ease-out}.top-bar-section ul{width:100%;height:auto;display:block;background:#333;font-size:16px;margin:0}.top-bar-section .divider{border-bottom:solid 1px #4d4d4d;border-top:solid 1px #1a1a1a;clear:both;height:1px;width:100%}.top-bar-section ul li>a{display:block;width:100%;padding:12px 0 12px 15px;color:#fff;font-size:0.8125em;font-weight:bold;background:#333}.top-bar-section ul li>a:hover{background:#2b2b2b}.top-bar-section ul li>a.button{background:#2ba6cb;font-size:0.8125em}.top-bar-section ul li>a.button:hover{background:#2284a1}.top-bar-section ul li>a.button.secondary{background:#e9e9e9}.top-bar-section ul li>a.button.secondary:hover{background:#d0d0d0}.top-bar-section ul li>a.button.success{background:#5da423}.top-bar-section ul li>a.button.success:hover{background:#457a1a}.top-bar-section ul li>a.button.alert{background:#c60f13}.top-bar-section ul li>a.button.alert:hover{background:#970b0e}.top-bar-section ul li.active a{background:#2b2b2b}.top-bar-section .has-form{padding:15px}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent transparent rgba(255,255,255,0.5);margin-right:15px;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{visibility:visible}.top-bar-section .dropdown{position:absolute;left:100%;top:0;visibility:hidden;z-index:99}.top-bar-section .dropdown li{width:100%}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 15px}.top-bar-section .dropdown label{padding:8px 15px 2px;margin-bottom:0;text-transform:uppercase;color:#555;font-weight:bold;font-size:0.625em}.top-bar-js-breakpoint{width:58.75em !important;visibility:hidden}.js-generated{display:block}@media only screen and (min-width: 58.75em){.top-bar{background:#111;*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{line-height:2em;font-size:0.875em;height:2em;padding:0 10px;position:relative;top:8px}.top-bar.expanded{background:#111}.contain-to-grid .top-bar{max-width:62.5em;margin:0 auto}.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 a:not(.button){padding:0 15px;line-height:45px;background:#111}.top-bar-section li a:not(.button):hover{background:#2b2b2b}.top-bar-section .has-dropdown>a{padding-right:35px !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:rgba(255,255,255,0.5) transparent transparent transparent;margin-top:-2.5px}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{visibility:hidden}.top-bar-section .has-dropdown:hover>.dropdown,.top-bar-section .has-dropdown:active>.dropdown{visibility:visible}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";margin-top:-7px;right:5px}.top-bar-section .dropdown{left:0;top:auto;background:transparent}.top-bar-section .dropdown li a{line-height:1;white-space:nowrap;padding:7px 15px;background:#1e1e1e}.top-bar-section .dropdown li label{white-space:nowrap;background:#1e1e1e}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider{border-bottom:none;border-top:none;border-right:solid 1px #2b2b2b;border-left:solid 1px #000;clear:none;height:45px;width:0px}.top-bar-section .has-form{background:#111;padding:0 15px;height:45px}.top-bar-section ul.right li .dropdown{left:auto;right:0}.top-bar-section ul.right li .dropdown li .dropdown{right:100%}}.orbit-container{overflow:hidden;width:100%;position:relative;background:#f5f5f5}.orbit-container .orbit-slides-container{list-style:none;margin:0;padding:0;position:relative}.orbit-container .orbit-slides-container img{display:block}.orbit-container .orbit-slides-container>*{position:relative;float:left;height:100%}.orbit-container .orbit-slides-container>* .orbit-caption{position:absolute;bottom:0;background-color:#000;background-color:rgba(0,0,0,0.6);color:#fff;width:100%;padding:10px 14px;font-size:0.875em}.orbit-container .orbit-slides-container>* .orbit-caption *{color:#fff}.orbit-container .orbit-slide-number{position:absolute;top:10px;left:10px;font-size:12px}.orbit-container .orbit-slide-number span{font-weight:700}.orbit-container .orbit-timer{position:absolute;top:10px;right:10px;height:6px;width:100px}.orbit-container .orbit-timer .orbit-progress{height:100%;background-color:#000;background-color:rgba(0,0,0,0.6);display:block;width:0%}.orbit-container .orbit-timer>span{display:none;position:absolute;top:10px;right:0px;width:11px;height:14px;border:solid 4px #000;border-top:none;border-bottom:none}.orbit-container .orbit-timer.paused>span{right:-6px;top:9px;width:11px;height:14px;border:solid 8px;border-color:transparent transparent transparent #000}.orbit-container:hover .orbit-timer>span{display:block}.orbit-container .orbit-prev,.orbit-container .orbit-next{position:absolute;top:50%;margin-top:-25px;background-color:#000;background-color:rgba(0,0,0,0.6);width:50px;height:60px;line-height:50px;color:white;text-indent:-9999px !important}.orbit-container .orbit-prev>span,.orbit-container .orbit-next>span{position:absolute;top:50%;margin-top:-16px;display:block;width:0;height:0;border:solid 16px}.orbit-container .orbit-prev{left:0}.orbit-container .orbit-prev>span{border-color:transparent #fff transparent transparent}.orbit-container .orbit-prev:hover>span{border-color:transparent #ccc transparent transparent}.orbit-container .orbit-next{right:0}.orbit-container .orbit-next>span{border-color:transparent transparent transparent #fff;left:50%;margin-left:-8px}.orbit-container .orbit-next:hover>span{border-color:transparent transparent transparent #ccc}.orbit-bullets{margin:0 auto 30px auto;overflow:hidden;position:relative;top:10px}.orbit-bullets li{display:block;width:18px;height:18px;background:#fff;float:left;margin-right:6px;border:solid 2px #000;-webkit-border-radius:1000px;border-radius:1000px}.orbit-bullets li.active{background:#000}.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: 48em){.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:inherit}.touch .orbit-bullets{display:block}}.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;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;background-color:#fff;margin-left:-40%;width:80%;background-color:#fff;padding:1.25em;border:solid 1px #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4);top:50px}.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.375em;line-height:1;position:absolute;top:0.5em;right:0.6875em;color:#aaa;font-weight:bold;cursor:pointer}@media only screen and (min-width: 48em){.reveal-modal{padding:1.875em;top:6.25em}.reveal-modal.small{margin-left:-15%;width:30%}.reveal-modal.medium{margin-left:-20%;width:40%}.reveal-modal.large{margin-left:-30%;width:60%}.reveal-modal.xlarge{margin-left:-35%;width:70%}.reveal-modal.expand{margin-left:-47.5%;width:95%}}@media print{div:not(.reveal-modal){display:none}}.joyride-list{display:none}.joyride-tip-guide{display:none;position:absolute;background:#000;color:#fff;z-index:101;top:0;left:2.5%;font-family:inherit;font-weight:normal;width:95%}.lt-ie9 .joyride-tip-guide{max-width:800px;left:50%;margin-left:-400px}.joyride-content-wrapper{width:100%;padding:1.125em 1.25em 1.5em}.joyride-content-wrapper .button{margin-bottom:0 !important}.joyride-tip-guide .joyride-nub{display:block;position:absolute;left:22px;width:0;height:0;border:solid 14px}.joyride-tip-guide .joyride-nub.top{border-color:#000;border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;top:-28px;bottom:none}.joyride-tip-guide .joyride-nub.bottom{border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px;bottom:none}.joyride-tip-guide .joyride-nub.right{right:-28px}.joyride-tip-guide .joyride-nub.left{left:-28px}.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:#fff}.joyride-tip-guide p{margin:0 0 1.125em 0;font-size:0.875em;line-height:1.3}.joyride-timer-indicator-wrap{width:50px;height:3px;border:solid 1px #555;position:absolute;right:1.0625em;bottom:1em}.joyride-timer-indicator{display:block;width:0;height:inherit;background:#666}.joyride-close-tip{position:absolute;right:12px;top:10px;color:#777 !important;text-decoration:none;font-size:30px;font-weight:normal;line-height:0.5 !important}.joyride-close-tip:hover,.joyride-close-tip:focus{color:#eee !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}@media only screen and (min-width: 48em){.joyride-tip-guide{width:300px;left:0}.joyride-tip-guide .joyride-nub.bottom{border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px;bottom:none}.joyride-tip-guide .joyride-nub.right{border-color:#000 !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important;top:22px;bottom:none;left:auto;right:-28px}.joyride-tip-guide .joyride-nub.left{border-color:#000 !important;border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:-28px;right:auto;bottom:none}}[data-clearing]{*zoom:1;margin-bottom:0}[data-clearing]:before,[data-clearing]:after{content:" ";display:table}[data-clearing]:after{clear:both}.clearing-blackout{background:#111;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:#fff;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#111;width:100%;padding:10px 30px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:40px;line-height:1;color:#fff;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}@media only screen and (min-width: 48em){.clearing-main-left,.clearing-main-right{position:absolute;height:100%;width:40px;top:0}.clearing-main-left>span,.clearing-main-right>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 16px}.clearing-main-left{left:0}.clearing-main-left>span{left:5px;border-color:transparent #fff transparent transparent}.clearing-main-right{right:0}.clearing-main-right>span{border-color:transparent transparent transparent #fff}.clearing-main-left.disabled,.clearing-main-right.disabled{opacity:0.5}.clearing-feature ~ li{display:none}.clearing-assembled .clearing-container .carousel{background:#111;height:150px;margin-top:5px}.clearing-assembled .clearing-container .carousel>ul{display:block;z-index:999;width:200%;height:100%;margin-left:0;position:relative;left:0}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:175px;height:inherit;padding:0;float:left;overflow:hidden;margin-right:1px;position:relative;cursor:pointer;opacity:0.4}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{min-height:100%;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;min-width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .visible-img{background:#111;overflow:hidden;height:75%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:bold;margin-bottom:1.25em;position:relative;padding:0.6875em 1.3125em 0.75em 0.6875em;font-size:0.875em;background-color:#2ba6cb;border-color:#2284a1;color:#fff}.alert-box .close{font-size:1.375em;padding:5px 4px 4px;line-height:0;position:absolute;top:0.4375em;right:0.3125em;color:#333;opacity:0.3}.alert-box .close:hover,.alert-box .close:focus{opacity:0.5}.alert-box.radius{-webkit-border-radius:3px;border-radius:3px}.alert-box.round{-webkit-border-radius:1000px;border-radius:1000px}.alert-box.success{background-color:#5da423;border-color:#457a1a;color:#fff}.alert-box.alert{background-color:#c60f13;border-color:#970b0e;color:#fff}.alert-box.secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#505050}.breadcrumbs{display:block;padding:0.375em 0.875em 0.5625em;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:1px;background-color:#f6f6f6;border-color:#dcdcdc;-webkit-border-radius:3px;border-radius:3px}.breadcrumbs li{margin:0;padding:0 0.75em 0 0;float:left}.breadcrumbs li:hover a,.breadcrumbs li:focus a{text-decoration:underline}.breadcrumbs li a,.breadcrumbs li span{font-size:0.6875em;padding-left:0.75em;text-transform:uppercase;color:#2ba6cb}.breadcrumbs li.current a{cursor:default;color:#333}.breadcrumbs li.current:hover a,.breadcrumbs li.current:focus a{text-decoration:none}.breadcrumbs li.unavailable a{color:#999}.breadcrumbs li.unavailable:hover a,.breadcrumbs li.unavailable a:focus{text-decoration:none;color:#999;cursor:default}.breadcrumbs li:before{content:"/";color:#aaa;position:relative;top:1px}.breadcrumbs li:first-child a,.breadcrumbs li:first-child span{padding-left:0}.breadcrumbs li:first-child:before{content:""}.keystroke,kbd{background-color:#ededed;border-color:#dbdbdb;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:0.9375em;padding:0.125em 0.25em 0em;-webkit-border-radius:3px;border-radius:3px}.label{font-weight:500;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline;position:relative;padding:0.1875em 0.625em 0.25em;font-size:0.875em;background-color:#2ba6cb;color:#fff}.label.radius{-webkit-border-radius:3px;border-radius:3px}.label.round{-webkit-border-radius:1000px;border-radius:1000px}.label.alert{background-color:#c60f13;color:#fff}.label.success{background-color:#5da423;color:#fff}.label.secondary{background-color:#e9e9e9;color:#333}.inline-list{margin:0 0 1.0625em -1.375em;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375em;display:block}.inline-list>li>*{display:block}.pagination{display:block;height:1.5em;margin-left:-0.3125em}.pagination li{display:block;float:left;height:1.5em;color:#222;font-size:0.875em;margin-left:0.3125em}.pagination li a{display:block;padding:0.0625em 0.4375em 0.0625em;color:#999}.pagination li:hover a,.pagination li a:focus{background:#e6e6e6}.pagination li.unavailable a{cursor:default;color:#999}.pagination li.unavailable:hover a,.pagination li.unavailable a:focus{background:transparent}.pagination li.current a{background:#2ba6cb;color:#fff;font-weight:bold;cursor:default}.pagination li.current a:hover,.pagination li.current a:focus{background:#2ba6cb}.pagination-centered{text-align:center}.pagination-centered ul>li{float:none;display:inline-block}.panel{border-style:solid;border-width:1px;border-color:#d9d9d9;margin-bottom:1.25em;padding:1.25em;background:#f2f2f2}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{color:#333}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:0.625em}.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:1px;border-color:#2284a1;margin-bottom:1.25em;padding:1.25em;background:#2ba6cb;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p{color:#fff}.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{line-height:1;margin-bottom:0.625em}.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.radius{-webkit-border-radius:3px;border-radius:3px}.pricing-table{border:solid 1px #ddd;margin-left:0;margin-bottom:1.25em}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#ddd;padding:0.9375em 1.25em;text-align:center;color:#333;font-weight:bold;font-size:1em}.pricing-table .price{background-color:#eee;padding:0.9375em 1.25em;text-align:center;color:#333;font-weight:normal;font-size:1.25em}.pricing-table .description{background-color:#fff;padding:0.9375em;text-align:center;color:#777;font-size:0.75em;font-weight:normal;line-height:1.4;border-bottom:dotted 1px #ddd}.pricing-table .bullet-item{background-color:#fff;padding:0.9375em;text-align:center;color:#333;font-size:0.875em;font-weight:normal;border-bottom:dotted 1px #ddd}.pricing-table .cta-button{background-color:#f5f5f5;text-align:center;padding:1.25em 1.25em 0}.progress{height:1.5625em;border:1px solid #ccc;padding:0.125em;margin-bottom:0.625em}.progress .meter{background:#2ba6cb;height:100%;display:block}.progress.secondary .meter{background:#e9e9e9;height:100%;display:block}.progress.success .meter{background:#5da423;height:100%;display:block}.progress.alert .meter{background:#c60f13;height:100%;display:block}.progress.radius{-webkit-border-radius:3px;border-radius:3px}.progress.radius .meter{-webkit-border-radius:2px;border-radius:2px}.progress.round{-webkit-border-radius:1000px;border-radius:1000px}.progress.round .meter{-webkit-border-radius:999px;border-radius:999px}.side-nav{display:block;margin:0;padding:0.875em 0;list-style-type:none;list-style-position:inside}.side-nav li{margin:0 0 0.4375em 0;font-size:0.875em}.side-nav li a{display:block;color:#2ba6cb}.side-nav li.active a{color:#4d4d4d;font-weight:bold}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#e6e6e6}.sub-nav{display:block;width:auto;overflow:hidden;margin:-0.25em 0 1.125em;padding-top:0.25em;margin-right:0;margin-left:-0.5625em}.sub-nav dt,.sub-nav dd{float:left;display:inline;margin-left:0.5625em;margin-bottom:0.625em;font-weight:normal;font-size:0.875em}.sub-nav dt a,.sub-nav dd a{color:#999;text-decoration:none}.sub-nav dt.active a,.sub-nav dd.active a{-webkit-border-radius:1000px;border-radius:1000px;font-weight:bold;background:#2ba6cb;padding:0.1875em 0.5625em;cursor:default;color:#fff}@media only screen{.switch{position:relative;width:100%;padding:0;display:block;overflow:hidden;border-style:solid;border-width:1px;margin-bottom:1.25em;-webkit-animation:webkitSiblingBugfix infinite 1s;height:36px;background:#fff;border-color:#ccc}.switch label{position:relative;left:0;z-index:2;float:left;width:50%;height:100%;margin:0;text-align:right;font-weight:bold;text-align:left;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.switch input{position:absolute;z-index:3;opacity:0;width:100%;height:100%}.switch input:hover,.switch input:focus{cursor:pointer}.switch>span{position:absolute;top:-1px;left:-1px;z-index:1;display:block;padding:0;border-width:1px;border-style:solid;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.switch input:last-of-type+label{text-align:right}.switch input:not(:checked)+label{opacity:0}.switch input:checked{display:none}.switch input{left:0}.switch input:first-of-type+label{left:-50%}.switch input:first-of-type:checked+label{left:0%}.switch input:last-of-type+label{right:-50%;left:auto}.switch input:last-of-type:checked+label{right:0%;left:auto}.switch label{padding:0 0.375em;line-height:2.3em;font-size:0.875em}.switch input:first-of-type:checked ~ span{left:100%;margin-left:-2.1875em}.switch>span{width:2.25em;height:2.25em}.switch>span{border-color:#b3b3b3;background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);background:-webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);background:linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);-webkit-box-shadow:2px 0 10px 0 rgba(0,0,0,0.07),1000px 0 0 1000px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,0.07),-1000px 0 0 1000px #f5f5f5;box-shadow:2px 0 10px 0 rgba(0,0,0,0.07),1000px 0 0 980px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,0.07),-1000px 0 0 1000px #f5f5f5}.switch:hover>span,.switch:focus>span{background:#fff;background:-moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);background:-webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);background:linear-gradient(to bottom, #fff 0%, #e6e6e6 100%)}.switch:active{background:transparent}.switch.large{height:44px}.switch.large label{padding:0 0.375em;line-height:2.3em;font-size:1.0625em}.switch.large input:first-of-type:checked ~ span{left:100%;margin-left:-2.6875em}.switch.large>span{width:2.75em;height:2.75em}.switch.small{height:28px}.switch.small label{padding:0 0.375em;line-height:2.1em;font-size:0.75em}.switch.small input:first-of-type:checked ~ span{left:100%;margin-left:-1.6875em}.switch.small>span{width:1.75em;height:1.75em}.switch.tiny{height:22px}.switch.tiny label{padding:0 0.375em;line-height:1.9em;font-size:0.6875em}.switch.tiny input:first-of-type:checked ~ span{left:100%;margin-left:-1.3125em}.switch.tiny>span{width:1.375em;height:1.375em}.switch.radius{-webkit-border-radius:4px;border-radius:4px}.switch.radius>span{-webkit-border-radius:3px;border-radius:3px}.switch.round{-webkit-border-radius:1000px;border-radius:1000px}.switch.round>span{-webkit-border-radius:999px;border-radius:999px}.switch.round label{padding:0 0.5625em}@-webkit-keyframes webkitSiblingBugfix{from{position:relative}to{position:relative}}}[data-magellan-expedition]{background:#fff;z-index:999;min-width:100%;padding:10px}[data-magellan-expedition] .sub-nav{margin-bottom:0}[data-magellan-expedition] .sub-nav dd{margin-bottom:0}table{background:#fff;margin-bottom:1.25em;border:solid 1px #ddd}table thead,table tfoot{background:#f5f5f5;font-weight:bold}table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:0.5em 0.625em 0.625em;font-size:0.875em;color:#222;text-align:left}table tr th,table tr td{padding:0.5625em 0.625em;font-size:0.875em;color:#222}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.125em}.th{display:inline-block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0,0,0,0.2);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);box-shadow:0 0 6px 1px rgba(43,166,203,0.5)}.th.radius{-webkit-border-radius:3px;border-radius:3px}.has-tip{border-bottom:dotted 1px #ccc;cursor:help;font-weight:bold;color:#333}.has-tip:hover,.has-tip:focus{border-bottom:dotted 1px #196177;color:#2ba6cb}.has-tip.tip-left,.has-tip.tip-right{float:none !important}.tooltip{display:none;position:absolute;z-index:999;font-weight:bold;font-size:0.9375em;line-height:1.3;padding:0.5em;max-width:85%;left:50%;width:100%;color:#fff;background:#000}.tooltip>.nub{display:block;position:absolute;width:0;height:0;border:solid 5px;border-color:transparent transparent #000 transparent;top:-10px}.tooltip.opened{color:#2ba6cb !important;border-bottom:dotted 1px #196177 !important}.tooltip.radius{-webkit-border-radius:3px;border-radius:3px}.tap-to-close{display:block;font-size:0.625em;color:#888;font-weight:normal}@media only screen and (min-width: 48em){.tooltip>.nub{border-color:transparent transparent #000 transparent;top:-10px}.tooltip.tip-top>.nub{border-color:#000 transparent transparent transparent;top:auto;bottom:-10px}.tooltip.tip-left,.tooltip.tip-right{float:none !important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #000;right:-10px;left:auto;top:50%;margin-top:-5px}.tooltip.tip-right>.nub{border-color:transparent #000 transparent transparent;right:auto;left:-10px;top:50%;margin-top:-5px}}@media only screen and (max-width: 767px){.f-dropdown{max-width:100%;left:0}}.f-dropdown{position:absolute;left:-9999px;top:-9999px;list-style:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:16px;z-index:99;margin-top:2px;max-width:200px}.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:solid 6px;border-color:transparent transparent #fff transparent;position:absolute;top:-12px;left:10px;z-index:99}.f-dropdown:after{content:"";display:block;width:0;height:0;border:solid 7px;border-color:transparent transparent #ccc transparent;position:absolute;top:-14px;left:9px;z-index:98}.f-dropdown li{font-size:0.875em;cursor:pointer;padding:0.3125em 0.625em;line-height:1.125em;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li a{color:#555}.f-dropdown.content{position:absolute;left:-9999px;top:-9999px;list-style:none;padding:1.25em;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:16px;z-index:99;max-width:200px}.f-dropdown.content *:first-child{margin-top:0}.f-dropdown.content *:last-child{margin-bottom:0}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px} +*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative}a:focus{outline:none}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}.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}textarea{height:auto;min-height:50px}select{width:100%}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row .column,.row .columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;width:100%;float:left}.row.collapse .column,.row.collapse .columns{position:relative;padding-left:0;padding-right:0;float:left}.row .row{width:auto;margin-left:-0.9375em;margin-right:-0.9375em;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}@media only screen{.row .column,.row .columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;float:left}.row .small-1{position:relative;width:8.33333%}.row .small-2{position:relative;width:16.66667%}.row .small-3{position:relative;width:25%}.row .small-4{position:relative;width:33.33333%}.row .small-5{position:relative;width:41.66667%}.row .small-6{position:relative;width:50%}.row .small-7{position:relative;width:58.33333%}.row .small-8{position:relative;width:66.66667%}.row .small-9{position:relative;width:75%}.row .small-10{position:relative;width:83.33333%}.row .small-11{position:relative;width:91.66667%}.row .small-12{position:relative;width:100%}.row .small-offset-1{position:relative;margin-left:8.33333%}.row .small-offset-2{position:relative;margin-left:16.66667%}.row .small-offset-3{position:relative;margin-left:25%}.row .small-offset-4{position:relative;margin-left:33.33333%}.row .small-offset-5{position:relative;margin-left:41.66667%}.row .small-offset-6{position:relative;margin-left:50%}.row .small-offset-7{position:relative;margin-left:58.33333%}.row .small-offset-8{position:relative;margin-left:66.66667%}.row .small-offset-9{position:relative;margin-left:75%}.row .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}}@media only screen and (min-width: 48em){.row .large-1{position:relative;width:8.33333%}.row .large-2{position:relative;width:16.66667%}.row .large-3{position:relative;width:25%}.row .large-4{position:relative;width:33.33333%}.row .large-5{position:relative;width:41.66667%}.row .large-6{position:relative;width:50%}.row .large-7{position:relative;width:58.33333%}.row .large-8{position:relative;width:66.66667%}.row .large-9{position:relative;width:75%}.row .large-10{position:relative;width:83.33333%}.row .large-11{position:relative;width:91.66667%}.row .large-12{position:relative;width:100%}.row .large-offset-1{position:relative;margin-left:8.33333%}.row .large-offset-2{position:relative;margin-left:16.66667%}.row .large-offset-3{position:relative;margin-left:25%}.row .large-offset-4{position:relative;margin-left:33.33333%}.row .large-offset-5{position:relative;margin-left:41.66667%}.row .large-offset-6{position:relative;margin-left:50%}.row .large-offset-7{position:relative;margin-left:58.33333%}.row .large-offset-8{position:relative;margin-left:66.66667%}.row .large-offset-9{position:relative;margin-left:75%}.row .large-offset-10{position:relative;margin-left:83.33333%}.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}.small-push-2{left:inherit}.small-pull-2{right:inherit}.small-push-3{left:inherit}.small-pull-3{right:inherit}.small-push-4{left:inherit}.small-pull-4{right:inherit}.small-push-5{left:inherit}.small-pull-5{right:inherit}.small-push-6{left:inherit}.small-pull-6{right:inherit}.small-push-7{left:inherit}.small-pull-7{right:inherit}.small-push-8{left:inherit}.small-pull-8{right:inherit}.small-push-9{left:inherit}.small-pull-9{right:inherit}.small-push-10{left:inherit}.small-pull-10{right:inherit}.column.large-centered,.columns.large-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}}.show-for-small,.show-for-medium-down,.show-for-large-down{display:inherit !important}.show-for-medium,.show-for-medium-up,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}.hide-for-medium,.hide-for-medium-up,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.hide-for-small,.hide-for-medium-down,.hide-for-large-down{display:none !important}table.show-for-small,table.show-for-medium-down,table.show-for-large-down,table.hide-for-medium,table.hide-for-medium-up,table.hide-for-large,table.hide-for-large-up,table.hide-for-xlarge{display:table}thead.show-for-small,thead.show-for-medium-down,thead.show-for-large-down,thead.hide-for-medium,thead.hide-for-medium-up,thead.hide-for-large,thead.hide-for-large-up,thead.hide-for-xlarge{display:table-header-group !important}tbody.show-for-small,tbody.show-for-medium-down,tbody.show-for-large-down,tbody.hide-for-medium,tbody.hide-for-medium-up,tbody.hide-for-large,tbody.hide-for-large-up,tbody.hide-for-xlarge{display:table-row-group !important}tr.show-for-small,tr.show-for-medium-down,tr.show-for-large-down,tr.hide-for-medium,tr.hide-for-medium-up,tr.hide-for-large,tr.hide-for-large-up,tr.hide-for-xlarge{display:table-row !important}td.show-for-small,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,th.show-for-small,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{display:table-cell !important}@media only screen and (min-width: 48em){.show-for-medium,.show-for-medium-up{display:inherit !important}.show-for-small{display:none !important}.hide-for-small{display:inherit !important}.hide-for-medium,.hide-for-medium-up{display:none !important}table.show-for-medium,table.show-for-medium-up,table.hide-for-small{display:table}thead.show-for-medium,thead.show-for-medium-up,thead.hide-for-small{display:table-header-group !important}tbody.show-for-medium,tbody.show-for-medium-up,tbody.hide-for-small{display:table-row-group !important}tr.show-for-medium,tr.show-for-medium-up,tr.hide-for-small{display:table-row !important}td.show-for-medium,td.show-for-medium-up,td.hide-for-small,th.show-for-medium,th.show-for-medium-up,th.hide-for-small{display:table-cell !important}}@media only screen and (min-width: 80em){.show-for-large,.show-for-large-up{display:inherit !important}.show-for-medium,.show-for-medium-down{display:none !important}.hide-for-medium,.hide-for-medium-down{display:inherit !important}.hide-for-large,.hide-for-large-up{display:none !important}table.show-for-large,table.show-for-large-up,table.hide-for-medium,table.hide-for-medium-down{display:table}thead.show-for-large,thead.show-for-large-up,thead.hide-for-medium,thead.hide-for-medium-down{display:table-header-group !important}tbody.show-for-large,tbody.show-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-down{display:table-row-group !important}tr.show-for-large,tr.show-for-large-up,tr.hide-for-medium,tr.hide-for-medium-down{display:table-row !important}td.show-for-large,td.show-for-large-up,td.hide-for-medium,td.hide-for-medium-down,th.show-for-large,th.show-for-large-up,th.hide-for-medium,th.hide-for-medium-down{display:table-cell !important}}@media only screen and (min-width: 90em){.show-for-xlarge{display:inherit !important}.show-for-large,.show-for-large-down{display:none !important}.hide-for-large,.hide-for-large-down{display:inherit !important}.hide-for-xlarge{display:none !important}table.show-for-xlarge,table.hide-for-large,table.hide-for-large-down{display:table}thead.show-for-xlarge,thead.hide-for-large,thead.hide-for-large-down{display:table-header-group !important}tbody.show-for-xlarge,tbody.hide-for-large,tbody.hide-for-large-down{display:table-row-group !important}tr.show-for-xlarge,tr.hide-for-large,tr.hide-for-large-down{display:table-row !important}td.show-for-xlarge,td.hide-for-large,td.hide-for-large-down,th.show-for-xlarge,th.hide-for-large,th.hide-for-large-down{display:table-cell !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}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}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}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}}.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}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}@media only screen{[class*="block-grid-"]{display:block;padding:0;margin:0 -10px;*zoom:1}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>li{display:block;height:auto;float:left;padding:0 10px 10px}.small-block-grid-1>li{width:100%;padding:0 10px 10px}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;padding:0 10px 10px}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.33333%;padding:0 10px 10px}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;padding:0 10px 10px}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;padding:0 10px 10px}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.66667%;padding:0 10px 10px}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.28571%;padding:0 10px 10px}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;padding:0 10px 10px}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.11111%;padding:0 10px 10px}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;padding:0 10px 10px}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.09091%;padding:0 10px 10px}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.33333%;padding:0 10px 10px}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 48em){.large-block-grid-1>li{width:100%;padding:0 10px 10px}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;padding:0 10px 10px}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.33333%;padding:0 10px 10px}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;padding:0 10px 10px}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;padding:0 10px 10px}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.66667%;padding:0 10px 10px}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.28571%;padding:0 10px 10px}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;padding:0 10px 10px}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.11111%;padding:0 10px 10px}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;padding:0 10px 10px}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.09091%;padding:0 10px 10px}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.33333%;padding:0 10px 10px}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}[class*="small-block-grid-"]>li{clear:none !important}}p.lead{font-size:1.21875em;line-height:1.6}.subheader{line-height:1.4;color:#6f6f6f;font-weight:300;margin-top:0.2em;margin-bottom:0.5em}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}a{color:#2ba6cb;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#2795b6}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}p aside{font-size:0.875em;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:bold;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:0.2em;margin-bottom:0.5em;line-height:1.2125em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125em}h2{font-size:1.6875em}h3{font-size:1.375em}h4{font-size:1.125em}h5{font-size:1.125em}h6{font-size:1em}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}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:#7f0a0c}ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square}ul.circle{list-style-type:circle}ul.disc{list-style-type:disc}ul.no-bullet{list-style:none}ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}dl dt{margin-bottom:0.3em;font-weight:bold}dl dd{margin-bottom:0.75em}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px dotted #ddd;cursor:help}abbr{text-transform:none}blockquote{margin:0 0 1.25em;padding:0.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}blockquote cite{display:block;font-size:0.8125em;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25em 0;border:1px solid #ddd;padding:0.625em 0.75em}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375em}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625em}@media only screen and (min-width: 48em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}.print-only{display:none !important}@media print{*{background:transparent !important;color:#000 !important;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:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}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}}button,.button{border-style:solid;border-width:1px;cursor:pointer;font-family:inherit;font-weight:bold;line-height:1;margin:0 0 1.25em;position:relative;text-decoration:none;text-align:center;display:inline-block;padding-top:0.75em;padding-right:1.5em;padding-bottom:0.8125em;padding-left:1.5em;font-size:1em;background-color:#2ba6cb;border-color:#2284a1;color:#fff}button:hover,button:focus,.button:hover,.button:focus{background-color:#2284a1}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#d0d0d0}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#333}button.success,.button.success{background-color:#5da423;border-color:#457a1a;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#457a1a}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#c60f13;border-color:#970b0e;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#970b0e}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.large,.button.large{padding-top:1em;padding-right:2em;padding-bottom:1.0625em;padding-left:2em;font-size:1.25em}button.small,.button.small{padding-top:0.5625em;padding-right:1.125em;padding-bottom:0.625em;padding-left:1.125em;font-size:0.8125em}button.tiny,.button.tiny{padding-top:0.4375em;padding-right:0.875em;padding-bottom:0.5em;padding-left:0.875em;font-size:0.6875em}button.expand,.button.expand{padding-top:false;padding-right:0px;padding-bottom:false0.0625em;padding-left:0px;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:0.75em}button.right-align,.button.right-align{text-align:right;padding-right:0.75em}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#2ba6cb;border-color:#2284a1;color:#fff;cursor:default;opacity:0.6;-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:#2284a1}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:#fff}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:#2ba6cb}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#333;cursor:default;opacity:0.6;-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:#d0d0d0}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:#333}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:#e9e9e9}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#5da423;border-color:#457a1a;color:#fff;cursor:default;opacity:0.6;-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:#457a1a}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:#fff}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:#5da423}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#c60f13;border-color:#970b0e;color:#fff;cursor:default;opacity:0.6;-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:#970b0e}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:#fff}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:#c60f13}input.button,button.button{padding-top:0.8125em;padding-bottom:0.75em}input.button.tiny,button.button.tiny{padding-top:0.5em;padding-bottom:0.4375em}input.button.small,button.button.small{padding-top:0.625em;padding-bottom:0.5625em}input.button.large,button.button.large{padding-top:1.03125em;padding-bottom:1.03125em}@media only screen{.button{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}.button:active{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset}.button.radius{-webkit-border-radius:3px;border-radius:3px}.button.round{-webkit-border-radius:1000px;border-radius:1000px}}@media only screen and (min-width: 48em){.button{display:inline-block}}form{margin:0 0 1em}form .row .row{margin:-0.5em}form .row .row .column,form .row .row .columns{padding:0 0.5em}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row input.column,form .row input.columns{padding-left:0.5em}label{font-size:0.875em;color:#4d4d4d;cursor:pointer;display:block;font-weight:500;margin-bottom:0.1875em}label.right{float:none;text-align:right}label.inline{margin:0 0 1em 0;padding:0.625em 0}.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:1px;overflow:hidden;font-size:0.875em;height:2.3125em;line-height:2.3125em}.postfix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;line-height:2.125em}.prefix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;line-height:2.125em}.prefix.button.radius{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.postfix.button.radius{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.prefix.button.round{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:1000px;-moz-border-radius-topleft:1000px;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.postfix.button.round{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:1000px;-moz-border-radius-bottomright:1000px;-webkit-border-top-right-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-top-right-radius:1000px;border-bottom-right-radius:1000px}span.prefix{background:#f2f2f2;border-color:#d9d9d9;border-right:none;color:#333}span.prefix.radius{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}span.postfix{background:#f2f2f2;border-color:#ccc;border-left:none;color:#333}span.postfix.radius{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group.radius>*:first-child,.input-group.radius>*:first-child *{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.input-group.radius>*:last-child,.input-group.radius>*:last-child *{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group.round>*:first-child,.input-group.round>*:first-child *{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:1000px;-moz-border-radius-topleft:1000px;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.input-group.round>*:last-child,.input-group.round>*:last-child *{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:1000px;-moz-border-radius-bottomright:1000px;-webkit-border-top-right-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-top-right-radius:1000px;border-bottom-right-radius:1000px}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{background-color:#fff;font-family:inherit;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);display:block;font-size:0.875em;margin:0 0 1em 0;padding:0.5em;height:2.3125em;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;transition:all 0.15s linear}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:#999;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:#ddd}fieldset{border:solid 1px #ddd;padding:1.25em;margin:1.125em 0}fieldset legend{font-weight:bold;background:#fff;padding:0 0.1875em;margin:0;margin-left:-0.1875em}.error input,input.error,.error textarea,textarea.error{border-color:#c60f13;background-color:rgba(198,15,19,0.1)}.error input:focus,input.error:focus,.error textarea:focus,textarea.error:focus{background:#fafafa;border-color:#999}.error label,label.error{color:#c60f13}.error small,small.error{display:block;padding:0.375em 0.25em;margin-top:-1.3125em;margin-bottom:1em;font-size:0.75em;font-weight:bold;background:#c60f13;color:#fff}form.custom .custom{display:inline-block;width:16px;height:16px;position:relative;top:2px;border:solid 1px #ccc;background:#fff}form.custom .custom.radio{-webkit-border-radius:1000px;border-radius:1000px}form.custom .custom.checkbox:before{content:"";display:block;line-height:0.8;height:14px;width:14px;text-align:center;position:absolute;top:0;left:0;font-size:14px;color:#fff}form.custom .custom.radio.checked:before{content:"";display:block;width:8px;height:8px;-webkit-border-radius:1000px;border-radius:1000px;background:#222;position:relative;top:3px;left:3px}form.custom .custom.checkbox.checked:before{content:"\00d7";color:#222}form.custom .custom.dropdown{display:block;position:relative;top:0;height:2.3125em;margin-bottom:1.25em;margin-top:0px;padding:0px;width:100%;background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);-webkit-box-shadow:none;box-shadow:none;font-size:0.875em;vertical-align:top}form.custom .custom.dropdown ul{overflow-y:auto;max-height:200px}form.custom .custom.dropdown .current{cursor:default;white-space:nowrap;line-height:2.25em;color:rgba(0,0,0,0.75);text-decoration:none;overflow:hidden;display:block;margin-left:0.5em;margin-right:2.3125em}form.custom .custom.dropdown .selector{cursor:default;position:absolute;width:2.5em;height:2.3125em;display:block;right:0;top:0}form.custom .custom.dropdown .selector:after{content:"";display:block;content:"";display:block;width:0;height:0;border:solid 5px;border-color:#aaa transparent transparent transparent;position:absolute;left:0.9375em;top:50%;margin-top:-3px}form.custom .custom.dropdown:hover a.selector:after,form.custom .custom.dropdown.open a.selector:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#222 transparent transparent transparent}form.custom .custom.dropdown .disabled{color:#888}form.custom .custom.dropdown .disabled:hover{background:transparent;color:#888}form.custom .custom.dropdown .disabled:hover:after{display:none}form.custom .custom.dropdown.open ul{display:block;z-index:10;min-width:100%;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}form.custom .custom.dropdown.small{max-width:134px}form.custom .custom.dropdown.medium{max-width:254px}form.custom .custom.dropdown.large{max-width:434px}form.custom .custom.dropdown.expand{width:100% !important}form.custom .custom.dropdown.open.small ul{min-width:134px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown.open.medium ul{min-width:254px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown.open.large ul{min-width:434px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form.custom .custom.dropdown ul{position:absolute;width:auto;display:none;margin:0;left:-1px;top:auto;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.1);box-shadow:0 2px 2px 0px rgba(0,0,0,0.1);margin:0;padding:0;background:#fff;border:solid 1px #ccc;font-size:16px}form.custom .custom.dropdown ul li{color:#555;font-size:0.875em;cursor:default;padding-top:0.25em;padding-bottom:0.25em;padding-left:0.375em;padding-right:2.375em;min-height:1.5em;line-height:1.5em;margin:0;white-space:nowrap;list-style:none}form.custom .custom.dropdown ul li.selected{background:#eee;color:#000}form.custom .custom.dropdown ul li:hover{background-color:#e4e4e4;color:#000}form.custom .custom.dropdown ul li.selected:hover{background:#eee;cursor:default;color:#000}form.custom .custom.dropdown ul.show{display:block}form.custom .custom.disabled{background-color:#ddd}.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 0 0 -1px;float:left}.button-group>*:first-child{margin-left:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius>*:last-child,.button-group.radius>*:last-child>a,.button-group.radius>*:last-child>button{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button{-webkit-border-radius:0;border-radius:0;-moz-border-radius-bottomleft:1000px;-moz-border-radius-topleft:1000px;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round>*:last-child,.button-group.round>*:last-child>a,.button-group.round>*:last-child>button{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:1000px;-moz-border-radius-bottomright:1000px;-webkit-border-top-right-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-top-right-radius:1000px;border-bottom-right-radius:1000px}.button-group.even-2 li{width:50%}.button-group.even-2 li .button{width:100%}.button-group.even-3 li{width:33.33333%}.button-group.even-3 li .button{width:100%}.button-group.even-4 li{width:25%}.button-group.even-4 li .button{width:100%}.button-group.even-5 li{width:20%}.button-group.even-5 li .button{width:100%}.button-group.even-6 li{width:16.66667%}.button-group.even-6 li .button{width:100%}.button-group.even-7 li{width:14.28571%}.button-group.even-7 li .button{width:100%}.button-group.even-8 li{width:12.5%}.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.625em}.button-bar .button-group div{overflow:hidden}.dropdown.button{position:relative;padding-right:3.1875em}.dropdown.button:before{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff transparent transparent transparent;top:50%}.dropdown.button:before{border-width:0.5625em;right:1.5em;margin-top:-0.25em}.dropdown.button:before{border-color:#fff transparent transparent transparent}.dropdown.button.tiny{padding-right:2.1875em}.dropdown.button.tiny:before{border-width:0.4375em;right:0.875em;margin-top:-0.15625em}.dropdown.button.tiny:before{border-color:#fff transparent transparent transparent}.dropdown.button.small{padding-right:2.8125em}.dropdown.button.small:before{border-width:0.5625em;right:1.125em;margin-top:-0.21875em}.dropdown.button.small:before{border-color:#fff transparent transparent transparent}.dropdown.button.large{padding-right:4em}.dropdown.button.large:before{border-width:0.625em;right:1.75em;margin-top:-0.3125em}.dropdown.button.large:before{border-color:#fff transparent transparent transparent}.dropdown.button.secondary:before{border-color:#333 transparent transparent transparent}.split.button{position:relative;padding-right:4.8em}.split.button span{display:block;height:100%;position:absolute;right:0;top:0;border-left:solid 1px}.split.button span:before{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;left:50%}.split.button span:active{background-color:rgba(0,0,0,0.1)}.split.button span{border-left-color:#1e728c}.split.button span{width:3em}.split.button span:before{border-width:0.5625em;top:1.125em;margin-left:-0.5625em}.split.button span:before{border-color:#fff transparent transparent transparent}.split.button.secondary span{border-left-color:#c3c3c3}.split.button.secondary span:before{border-color:#fff transparent transparent transparent}.split.button.alert span{border-left-color:#7f0a0c}.split.button.success span{border-left-color:#396516}.split.button.tiny{padding-right:3.9375em}.split.button.tiny span{width:2.84375em}.split.button.tiny span:before{border-width:0.4375em;top:0.875em;margin-left:-0.3125em}.split.button.small{padding-right:3.9375em}.split.button.small span{width:2.8125em}.split.button.small span:before{border-width:0.5625em;top:0.84375em;margin-left:-0.5625em}.split.button.large{padding-right:6em}.split.button.large span{width:3.75em}.split.button.large span:before{border-width:0.625em;top:1.3125em;margin-left:-0.5625em}.split.button.secondary span:before{border-color:#333 transparent transparent transparent}.split.button.radius span{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.split.button.round span{-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:1000px;-moz-border-radius-bottomright:1000px;-webkit-border-top-right-radius:1000px;-webkit-border-bottom-right-radius:1000px;border-top-right-radius:1000px;border-bottom-right-radius:1000px}.flex-video{position:relative;padding-top:1.5625em;padding-bottom:67.5%;height:0;margin-bottom:1em;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%}.section-container,.section-container.auto{width:100%;display:block;margin-bottom:1.25em;border:1px solid #ccc;border-top:none}.section-container section,.section-container .section,.section-container.auto section,.section-container.auto .section{border-top:1px solid #ccc;position:relative}.section-container section .title,.section-container .section .title,.section-container.auto section .title,.section-container.auto .section .title{top:0;cursor:pointer;width:100%;margin:0;background-color:#efefef}.section-container section .title a,.section-container .section .title a,.section-container.auto section .title a,.section-container.auto .section .title a{padding:0.9375em;display:inline-block;color:#333;font-size:0.875em;white-space:nowrap;width:100%}.section-container section .title:hover,.section-container .section .title:hover,.section-container.auto section .title:hover,.section-container.auto .section .title:hover{background-color:#e2e2e2}.section-container section .content,.section-container .section .content,.section-container.auto section .content,.section-container.auto .section .content{display:none;padding:0.9375em;background-color:#fff}.section-container section .content>*:last-child,.section-container .section .content>*:last-child,.section-container.auto section .content>*:last-child,.section-container.auto .section .content>*:last-child{margin-bottom:0}.section-container section .content>*:first-child,.section-container .section .content>*:first-child,.section-container.auto section .content>*:first-child,.section-container.auto .section .content>*:first-child{padding-top:0}.section-container section .content>*:last-child,.section-container .section .content>*:last-child,.section-container.auto section .content>*:last-child,.section-container.auto .section .content>*:last-child{padding-bottom:0}.section-container section.active .content,.section-container .section.active .content,.section-container.auto section.active .content,.section-container.auto .section.active .content{display:block}.section-container section.active .title,.section-container .section.active .title,.section-container.auto section.active .title,.section-container.auto .section.active .title{background:#d5d5d5}.section-container.tabs{border:0;position:relative}.section-container.tabs section,.section-container.tabs .section{padding-top:0;border:0;position:static}.section-container.tabs section .title,.section-container.tabs .section .title{width:auto;border:1px solid #ccc;border-right:0;border-bottom:0;position:absolute;z-index:1}.section-container.tabs section .title a,.section-container.tabs .section .title a{width:100%}.section-container.tabs section:last-child .title,.section-container.tabs .section:last-child .title{border-right:1px solid #ccc}.section-container.tabs section .content,.section-container.tabs .section .content{border:1px solid #ccc;position:absolute;z-index:10;top:-1px}.section-container.tabs section.active .title,.section-container.tabs .section.active .title{background-color:#fff;z-index:11;border-bottom:0}.section-container.tabs section.active .content,.section-container.tabs .section.active .content{position:relative}@media only screen and (min-width: 48em){.section-container.auto{border:0;position:relative}.section-container.auto section,.section-container.auto .section{padding-top:0;border:0;position:static}.section-container.auto section .title,.section-container.auto .section .title{width:auto;border:1px solid #ccc;border-right:0;border-bottom:0;position:absolute;z-index:1}.section-container.auto section .title a,.section-container.auto .section .title a{width:100%}.section-container.auto section:last-child .title,.section-container.auto .section:last-child .title{border-right:1px solid #ccc}.section-container.auto section .content,.section-container.auto .section .content{border:1px solid #ccc;position:absolute;z-index:10;top:-1px}.section-container.auto section.active .title,.section-container.auto .section.active .title{background-color:#fff;z-index:11;border-bottom:0}.section-container.auto section.active .content,.section-container.auto .section.active .content{position:relative}.section-container.accordion .section{padding-top:0 !important}.section-container.vertical-nav{border:1px solid #ccc;border-top:none}.section-container.vertical-nav section,.section-container.vertical-nav .section{padding-top:0 !important}.section-container.vertical-nav section .title a,.section-container.vertical-nav .section .title a{display:block;width:100%}.section-container.vertical-nav section .content,.section-container.vertical-nav .section .content{display:none}.section-container.vertical-nav section.active .content,.section-container.vertical-nav .section.active .content{display:block;position:absolute;left:100%;top:-1px;z-index:999;min-width:12.5em;border:1px solid #ccc}.section-container.horizontal-nav{position:relative;background:#efefef;border:1px solid #ccc}.section-container.horizontal-nav section,.section-container.horizontal-nav .section{padding-top:0;border:0;position:static}.section-container.horizontal-nav section .title,.section-container.horizontal-nav .section .title{width:auto;border:1px solid #ccc;border-left:0;top:-1px;position:absolute;z-index:1}.section-container.horizontal-nav section .title a,.section-container.horizontal-nav .section .title a{width:100%}.section-container.horizontal-nav section .content,.section-container.horizontal-nav .section .content{display:none}.section-container.horizontal-nav section.active .content,.section-container.horizontal-nav .section.active .content{display:block;position:absolute;z-index:999;left:0;top:-2px;min-width:12.5em;border:1px solid #ccc}}.contain-to-grid{width:100%;background:#111}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.top-bar{overflow:hidden;height:45px;line-height:45px;position:relative;background:#111;margin-bottom:1.875em}.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:2.45em}.top-bar .button{padding-top:.5em;padding-bottom:.5em;margin-bottom:0}.top-bar .title-area{position:relative}.top-bar .name{height:45px;margin:0;font-size:16px}.top-bar .name h1{line-height:45px;font-size:1.0625em;margin:0}.top-bar .name h1 a{font-weight:bold;color:#fff;width:50%;display:block;padding:0 15px}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fff;text-transform:uppercase;font-size:0.8125em;font-weight:bold;position:relative;display:block;padding:0 15px;height:45px;line-height:45px}.top-bar .toggle-topbar.menu-icon{right:15px;top:50%;margin-top:-16px;padding-left:40px}.top-bar .toggle-topbar.menu-icon a{text-indent:-48px;width:34px;height:34px;line-height:33px;padding:0;color:#fff}.top-bar .toggle-topbar.menu-icon a span{position:absolute;right:0;display:block;width:16px;height:0;-webkit-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}.top-bar.expanded{height:auto;background:transparent}.top-bar.expanded .title-area{background:#111}.top-bar.expanded .toggle-topbar a{color:#888}.top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888;box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888}.top-bar-section{left:0;position:relative;width:auto;-webkit-transition:left 300ms ease-out;-moz-transition:left 300ms ease-out;transition:left 300ms ease-out}.top-bar-section ul{width:100%;height:auto;display:block;background:#333;font-size:16px;margin:0}.top-bar-section .divider{border-bottom:solid 1px #4d4d4d;border-top:solid 1px #1a1a1a;clear:both;height:1px;width:100%}.top-bar-section ul li>a{display:block;width:100%;color:#fff;padding:12px 0 12px 0;padding-left:15px;font-size:0.8125em;font-weight:bold;background:#333}.top-bar-section ul li>a:hover{background:#2b2b2b}.top-bar-section ul li>a.button{background:#2ba6cb;font-size:0.8125em}.top-bar-section ul li>a.button:hover{background:#2284a1}.top-bar-section ul li>a.button.secondary{background:#e9e9e9}.top-bar-section ul li>a.button.secondary:hover{background:#d0d0d0}.top-bar-section ul li>a.button.success{background:#5da423}.top-bar-section ul li>a.button.success:hover{background:#457a1a}.top-bar-section ul li>a.button.alert{background:#c60f13}.top-bar-section ul li>a.button.alert:hover{background:#970b0e}.top-bar-section ul li.active a{background:#2b2b2b}.top-bar-section .has-form{padding:15px}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent transparent rgba(255,255,255,0.5);margin-right:15px;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{visibility:visible}.top-bar-section .dropdown{position:absolute;left:100%;top:0;visibility:hidden;z-index:99}.top-bar-section .dropdown li{width:100%}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 15px}.top-bar-section .dropdown li.title h5{margin-bottom:0}.top-bar-section .dropdown li.title h5 a{color:#fff;line-height:22.5px;display:block}.top-bar-section .dropdown label{padding:8px 15px 2px;margin-bottom:0;text-transform:uppercase;color:#555;font-weight:bold;font-size:0.625em}.top-bar-js-breakpoint{width:58.75em !important;visibility:hidden}.js-generated{display:block}@media only screen and (min-width: 58.75em){.top-bar{background:#111;*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{line-height:2em;font-size:0.875em;height:2em;padding:0 10px;position:relative;top:8px}.top-bar.expanded{background:#111}.contain-to-grid .top-bar{max-width:62.5em;margin:0 auto}.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 a:not(.button){padding:0 15px;line-height:45px;background:#111}.top-bar-section li a:not(.button):hover{background:#000}.top-bar-section .has-dropdown>a{padding-right:35px !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:rgba(255,255,255,0.5) transparent transparent transparent;margin-top:-2.5px}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{visibility:hidden}.top-bar-section .has-dropdown:hover>.dropdown,.top-bar-section .has-dropdown:active>.dropdown{visibility:visible}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";margin-top:-7px;right:5px}.top-bar-section .dropdown{left:0;top:auto;background:transparent;min-width:100%}.top-bar-section .dropdown li a{color:#fff;line-height:1;white-space:nowrap;padding:7px 15px;background:#1e1e1e}.top-bar-section .dropdown li label{white-space:nowrap;background:#1e1e1e}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider{border-bottom:none;border-top:none;border-right:solid 1px #2b2b2b;border-left:solid 1px #000;clear:none;height:45px;width:0px}.top-bar-section .has-form{background:#111;padding:0 15px;height:45px}.top-bar-section ul.right li .dropdown{left:auto;right:0}.top-bar-section ul.right li .dropdown li .dropdown{right:100%}}.orbit-container{overflow:hidden;width:100%;position:relative;background:#f5f5f5}.orbit-container .orbit-slides-container{list-style:none;margin:0;padding:0;position:relative}.orbit-container .orbit-slides-container img{display:block}.orbit-container .orbit-slides-container>*{position:relative;float:left;height:100%}.orbit-container .orbit-slides-container>* .orbit-caption{position:absolute;bottom:0;background-color:#000;background-color:rgba(0,0,0,0.6);color:#fff;width:100%;padding:10px 14px;font-size:0.875em}.orbit-container .orbit-slides-container>* .orbit-caption *{color:#fff}.orbit-container .orbit-slide-number{position:absolute;top:10px;left:10px;font-size:12px}.orbit-container .orbit-slide-number span{font-weight:700}.orbit-container .orbit-timer{position:absolute;top:10px;right:10px;height:6px;width:100px}.orbit-container .orbit-timer .orbit-progress{height:100%;background-color:#000;background-color:rgba(0,0,0,0.6);display:block;width:0%}.orbit-container .orbit-timer>span{display:none;position:absolute;top:10px;right:0px;width:11px;height:14px;border:solid 4px #000;border-top:none;border-bottom:none}.orbit-container .orbit-timer.paused>span{right:-6px;top:9px;width:11px;height:14px;border:solid 8px;border-color:transparent transparent transparent #000}.orbit-container:hover .orbit-timer>span{display:block}.orbit-container .orbit-prev,.orbit-container .orbit-next{position:absolute;top:50%;margin-top:-25px;background-color:#000;background-color:rgba(0,0,0,0.6);width:50px;height:60px;line-height:50px;color:white;text-indent:-9999px !important}.orbit-container .orbit-prev>span,.orbit-container .orbit-next>span{position:absolute;top:50%;margin-top:-16px;display:block;width:0;height:0;border:solid 16px}.orbit-container .orbit-prev{left:0}.orbit-container .orbit-prev>span{border-color:transparent #fff transparent transparent}.orbit-container .orbit-prev:hover>span{border-color:transparent #ccc transparent transparent}.orbit-container .orbit-next{right:0}.orbit-container .orbit-next>span{border-color:transparent transparent transparent #fff;left:50%;margin-left:-8px}.orbit-container .orbit-next:hover>span{border-color:transparent transparent transparent #ccc}.orbit-bullets{margin:0 auto 30px auto;overflow:hidden;position:relative;top:10px}.orbit-bullets li{display:block;width:18px;height:18px;background:#fff;float:left;margin-right:6px;border:solid 2px #000;-webkit-border-radius:1000px;border-radius:1000px}.orbit-bullets li.active{background:#000}.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: 48em){.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:inherit}.touch .orbit-bullets{display:block}}.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;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;background-color:#fff;margin-left:-40%;width:80%;background-color:#fff;padding:1.25em;border:solid 1px #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4);top:50px}.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.375em;line-height:1;position:absolute;top:0.5em;right:0.6875em;color:#aaa;font-weight:bold;cursor:pointer}@media only screen and (min-width: 48em){.reveal-modal{padding:1.875em;top:6.25em}.reveal-modal.small{margin-left:-15%;width:30%}.reveal-modal.medium{margin-left:-20%;width:40%}.reveal-modal.large{margin-left:-30%;width:60%}.reveal-modal.xlarge{margin-left:-35%;width:70%}.reveal-modal.expand{margin-left:-47.5%;width:95%}}@media print{div:not(.reveal-modal){display:none}}.joyride-list{display:none}.joyride-tip-guide{display:none;position:absolute;background:#000;color:#fff;z-index:101;top:0;left:2.5%;font-family:inherit;font-weight:normal;width:95%}.lt-ie9 .joyride-tip-guide{max-width:800px;left:50%;margin-left:-400px}.joyride-content-wrapper{width:100%;padding:1.125em 1.25em 1.5em}.joyride-content-wrapper .button{margin-bottom:0 !important}.joyride-tip-guide .joyride-nub{display:block;position:absolute;left:22px;width:0;height:0;border:solid 14px}.joyride-tip-guide .joyride-nub.top{border-color:#000;border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;top:-28px;bottom:none}.joyride-tip-guide .joyride-nub.bottom{border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px;bottom:none}.joyride-tip-guide .joyride-nub.right{right:-28px}.joyride-tip-guide .joyride-nub.left{left:-28px}.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:#fff}.joyride-tip-guide p{margin:0 0 1.125em 0;font-size:0.875em;line-height:1.3}.joyride-timer-indicator-wrap{width:50px;height:3px;border:solid 1px #555;position:absolute;right:1.0625em;bottom:1em}.joyride-timer-indicator{display:block;width:0;height:inherit;background:#666}.joyride-close-tip{position:absolute;right:12px;top:10px;color:#777 !important;text-decoration:none;font-size:30px;font-weight:normal;line-height:0.5 !important}.joyride-close-tip:hover,.joyride-close-tip:focus{color:#eee !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}@media only screen and (min-width: 48em){.joyride-tip-guide{width:300px;left:0}.joyride-tip-guide .joyride-nub.bottom{border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px;bottom:none}.joyride-tip-guide .joyride-nub.right{border-color:#000 !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important;top:22px;bottom:none;left:auto;right:-28px}.joyride-tip-guide .joyride-nub.left{border-color:#000 !important;border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:-28px;right:auto;bottom:none}}[data-clearing]{*zoom:1;margin-bottom:0}[data-clearing]:before,[data-clearing]:after{content:" ";display:table}[data-clearing]:after{clear:both}.clearing-blackout{background:#111;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:#fff;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#111;width:100%;padding:10px 30px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:40px;line-height:1;color:#fff;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}@media only screen and (min-width: 48em){.clearing-main-left,.clearing-main-right{position:absolute;height:100%;width:40px;top:0}.clearing-main-left>span,.clearing-main-right>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 16px}.clearing-main-left{left:0}.clearing-main-left>span{left:5px;border-color:transparent #fff transparent transparent}.clearing-main-right{right:0}.clearing-main-right>span{border-color:transparent transparent transparent #fff}.clearing-main-left.disabled,.clearing-main-right.disabled{opacity:0.5}.clearing-feature ~ li{display:none}.clearing-assembled .clearing-container .carousel{background:#111;height:150px;margin-top:5px}.clearing-assembled .clearing-container .carousel>ul{display:block;z-index:999;width:200%;height:100%;margin-left:0;position:relative;left:0}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:175px;height:inherit;padding:0;float:left;overflow:hidden;margin-right:1px;position:relative;cursor:pointer;opacity:0.4}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{min-height:100%;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;min-width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .visible-img{background:#111;overflow:hidden;height:75%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:bold;margin-bottom:1.25em;position:relative;padding:0.6875em 1.3125em 0.75em 0.6875em;font-size:0.875em;background-color:#2ba6cb;border-color:#2284a1;color:#fff}.alert-box .close{font-size:1.375em;padding:5px 4px 4px;line-height:0;position:absolute;top:0.4375em;right:0.3125em;color:#333;opacity:0.3}.alert-box .close:hover,.alert-box .close:focus{opacity:0.5}.alert-box.radius{-webkit-border-radius:3px;border-radius:3px}.alert-box.round{-webkit-border-radius:1000px;border-radius:1000px}.alert-box.success{background-color:#5da423;border-color:#457a1a;color:#fff}.alert-box.alert{background-color:#c60f13;border-color:#970b0e;color:#fff}.alert-box.secondary{background-color:#e9e9e9;border-color:#d0d0d0;color:#505050}.breadcrumbs{display:block;padding:0.375em 0.875em 0.5625em;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:1px;background-color:#f6f6f6;border-color:#dcdcdc;-webkit-border-radius:3px;border-radius:3px}.breadcrumbs li{margin:0;padding:0 0.75em 0 0;float:left}.breadcrumbs li:hover a,.breadcrumbs li:focus a{text-decoration:underline}.breadcrumbs li a,.breadcrumbs li span{font-size:0.6875em;padding-left:0.75em;text-transform:uppercase;color:#2ba6cb}.breadcrumbs li.current a{cursor:default;color:#333}.breadcrumbs li.current:hover a,.breadcrumbs li.current:focus a{text-decoration:none}.breadcrumbs li.unavailable a{color:#999}.breadcrumbs li.unavailable:hover a,.breadcrumbs li.unavailable a:focus{text-decoration:none;color:#999;cursor:default}.breadcrumbs li:before{content:"/";color:#aaa;position:relative;top:1px}.breadcrumbs li:first-child a,.breadcrumbs li:first-child span{padding-left:0}.breadcrumbs li:first-child:before{content:" "}.keystroke,kbd{background-color:#ededed;border-color:#dbdbdb;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:0.9375em;padding:0.125em 0.25em 0em;-webkit-border-radius:3px;border-radius:3px}.label{font-weight:500;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline-block;position:relative;padding:0.1875em 0.625em 0.25em;font-size:0.875em;background-color:#2ba6cb;color:#fff}.label.radius{-webkit-border-radius:3px;border-radius:3px}.label.round{-webkit-border-radius:1000px;border-radius:1000px}.label.alert{background-color:#c60f13;color:#fff}.label.success{background-color:#5da423;color:#fff}.label.secondary{background-color:#e9e9e9;color:#333}.inline-list{margin:0 0 1.0625em -1.375em;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375em;display:block}.inline-list>li>*{display:block}.pagination{display:block;height:1.5em;margin-left:-0.3125em}.pagination li{display:block;float:left;height:1.5em;color:#222;font-size:0.875em;margin-left:0.3125em}.pagination li a{display:block;padding:0.0625em 0.4375em 0.0625em;color:#999}.pagination li:hover a,.pagination li a:focus{background:#e6e6e6}.pagination li.unavailable a{cursor:default;color:#999}.pagination li.unavailable:hover a,.pagination li.unavailable a:focus{background:transparent}.pagination li.current a{background:#2ba6cb;color:#fff;font-weight:bold;cursor:default}.pagination li.current a:hover,.pagination li.current a:focus{background:#2ba6cb}.pagination-centered{text-align:center}.pagination-centered ul>li{float:none;display:inline-block}.panel{border-style:solid;border-width:1px;border-color:#d9d9d9;margin-bottom:1.25em;padding:1.25em;background:#f2f2f2}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{color:#333}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:0.625em}.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:1px;border-color:#2284a1;margin-bottom:1.25em;padding:1.25em;background:#2ba6cb;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p{color:#fff}.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{line-height:1;margin-bottom:0.625em}.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.radius{-webkit-border-radius:3px;border-radius:3px}.pricing-table{border:solid 1px #ddd;margin-left:0;margin-bottom:1.25em}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#ddd;padding:0.9375em 1.25em;text-align:center;color:#333;font-weight:bold;font-size:1em}.pricing-table .price{background-color:#eee;padding:0.9375em 1.25em;text-align:center;color:#333;font-weight:normal;font-size:1.25em}.pricing-table .description{background-color:#fff;padding:0.9375em;text-align:center;color:#777;font-size:0.75em;font-weight:normal;line-height:1.4;border-bottom:dotted 1px #ddd}.pricing-table .bullet-item{background-color:#fff;padding:0.9375em;text-align:center;color:#333;font-size:0.875em;font-weight:normal;border-bottom:dotted 1px #ddd}.pricing-table .cta-button{background-color:#f5f5f5;text-align:center;padding:1.25em 1.25em 0}.progress{background-color:transparent;height:1.5625em;border:1px solid #ccc;padding:0.125em;margin-bottom:0.625em}.progress .meter{background:#2ba6cb;height:100%;display:block}.progress.secondary .meter{background:#e9e9e9;height:100%;display:block}.progress.success .meter{background:#5da423;height:100%;display:block}.progress.alert .meter{background:#c60f13;height:100%;display:block}.progress.radius{-webkit-border-radius:3px;border-radius:3px}.progress.radius .meter{-webkit-border-radius:2px;border-radius:2px}.progress.round{-webkit-border-radius:1000px;border-radius:1000px}.progress.round .meter{-webkit-border-radius:999px;border-radius:999px}.side-nav{display:block;margin:0;padding:0.875em 0;list-style-type:none;list-style-position:inside}.side-nav li{margin:0 0 0.4375em 0;font-size:0.875em}.side-nav li a{display:block;color:#2ba6cb}.side-nav li.active a{color:#4d4d4d;font-weight:bold}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#e6e6e6}.sub-nav{display:block;width:auto;overflow:hidden;margin:-0.25em 0 1.125em;padding-top:0.25em;margin-right:0;margin-left:-0.5625em}.sub-nav dt,.sub-nav dd{float:left;display:inline;margin-left:0.5625em;margin-bottom:0.625em;font-weight:normal;font-size:0.875em}.sub-nav dt a,.sub-nav dd a{color:#999;text-decoration:none}.sub-nav dt.active a,.sub-nav dd.active a{-webkit-border-radius:1000px;border-radius:1000px;font-weight:bold;background:#2ba6cb;padding:0.1875em 0.5625em;cursor:default;color:#fff}@media only screen{div.switch{position:relative;width:100%;padding:0;display:block;overflow:hidden;border-style:solid;border-width:1px;margin-bottom:1.25em;-webkit-animation:webkitSiblingBugfix infinite 1s;height:36px;background:#fff;border-color:#ccc}div.switch label{position:relative;left:0;z-index:2;float:left;width:50%;height:100%;margin:0;text-align:right;font-weight:bold;text-align:left;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out}div.switch input{position:absolute;z-index:3;opacity:0;width:100%;height:100%}div.switch input:hover,div.switch input:focus{cursor:pointer}div.switch>span{position:absolute;top:-1px;left:-1px;z-index:1;display:block;padding:0;border-width:1px;border-style:solid;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;transition:all 0.1s ease-out}div.switch input:not(:checked)+label{opacity:0}div.switch input:checked{display:none !important}div.switch input{left:0;display:block !important}div.switch input:first-of-type+label,div.switch input:first-of-type+span+label{left:-50%}div.switch input:first-of-type:checked+label,div.switch input:first-of-type:checked+span+label{left:0%}div.switch input:last-of-type+label,div.switch input:last-of-type+span+label{right:-50%;left:auto;text-align:right}div.switch input:last-of-type:checked+label,div.switch input:last-of-type:checked+span+label{right:0%;left:auto}div.switch span.custom{display:none !important}div.switch label{padding:0 0.375em;line-height:2.3em;font-size:0.875em}div.switch input:first-of-type:checked ~ span{left:100%;margin-left:-2.1875em}div.switch>span{width:2.25em;height:2.25em}div.switch>span{border-color:#b3b3b3;background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);background:-webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);background:linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);-webkit-box-shadow:2px 0 10px 0 rgba(0,0,0,0.07),1000px 0 0 1000px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,0.07),-1000px 0 0 1000px #f5f5f5;box-shadow:2px 0 10px 0 rgba(0,0,0,0.07),1000px 0 0 980px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,0.07),-1000px 0 0 1000px #f5f5f5}div.switch:hover>span,div.switch:focus>span{background:#fff;background:-moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);background:-webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);background:linear-gradient(to bottom, #fff 0%, #e6e6e6 100%)}div.switch:active{background:transparent}div.switch.large{height:44px}div.switch.large label{padding:0 0.375em;line-height:2.3em;font-size:1.0625em}div.switch.large input:first-of-type:checked ~ span{left:100%;margin-left:-2.6875em}div.switch.large>span{width:2.75em;height:2.75em}div.switch.small{height:28px}div.switch.small label{padding:0 0.375em;line-height:2.1em;font-size:0.75em}div.switch.small input:first-of-type:checked ~ span{left:100%;margin-left:-1.6875em}div.switch.small>span{width:1.75em;height:1.75em}div.switch.tiny{height:22px}div.switch.tiny label{padding:0 0.375em;line-height:1.9em;font-size:0.6875em}div.switch.tiny input:first-of-type:checked ~ span{left:100%;margin-left:-1.3125em}div.switch.tiny>span{width:1.375em;height:1.375em}div.switch.radius{-webkit-border-radius:4px;border-radius:4px}div.switch.radius>span{-webkit-border-radius:3px;border-radius:3px}div.switch.round{-webkit-border-radius:1000px;border-radius:1000px}div.switch.round>span{-webkit-border-radius:999px;border-radius:999px}div.switch.round label{padding:0 0.5625em}@-webkit-keyframes webkitSiblingBugfix{from{position:relative}to{position:relative}}}[data-magellan-expedition]{background:#fff;z-index:997;min-width:100%;padding:10px}[data-magellan-expedition] .sub-nav{margin-bottom:0}[data-magellan-expedition] .sub-nav dd{margin-bottom:0}table{background:#fff;margin-bottom:1.25em;border:solid 1px #ddd}table thead,table tfoot{background:#f5f5f5;font-weight:bold}table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:0.5em 0.625em 0.625em;font-size:0.875em;color:#222;text-align:left}table tr th,table tr td{padding:0.5625em 0.625em;font-size:0.875em;color:#222}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.125em}.th{display:inline-block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0,0,0,0.2);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);box-shadow:0 0 6px 1px rgba(43,166,203,0.5)}.th.radius{-webkit-border-radius:3px;border-radius:3px}.has-tip{border-bottom:dotted 1px #ccc;cursor:help;font-weight:bold;color:#333}.has-tip:hover,.has-tip:focus{border-bottom:dotted 1px #196177;color:#2ba6cb}.has-tip.tip-left,.has-tip.tip-right{float:none !important}.tooltip{display:none;position:absolute;z-index:999;font-weight:bold;font-size:0.9375em;line-height:1.3;padding:0.5em;max-width:85%;left:50%;width:100%;color:#fff;background:#000;-webkit-border-radius:3px;border-radius:3px}.tooltip>.nub{display:block;position:absolute;width:0;height:0;border:solid 5px;border-color:transparent transparent #000 transparent;top:-10px}.tooltip.opened{color:#2ba6cb !important;border-bottom:dotted 1px #196177 !important}.tap-to-close{display:block;font-size:0.625em;color:#888;font-weight:normal}@media only screen and (min-width: 48em){.tooltip>.nub{border-color:transparent transparent #000 transparent;top:-10px}.tooltip.tip-top>.nub{border-color:#000 transparent transparent transparent;top:auto;bottom:-10px}.tooltip.tip-left,.tooltip.tip-right{float:none !important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #000;right:-10px;left:auto;top:50%;margin-top:-5px}.tooltip.tip-right>.nub{border-color:transparent #000 transparent transparent;right:auto;left:-10px;top:50%;margin-top:-5px}}@media only screen and (max-width: 767px){.f-dropdown{max-width:100%;left:0}}.f-dropdown{position:absolute;left:-9999px;top:-9999px;list-style:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:16px;z-index:99;margin-top:2px;max-width:200px}.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:solid 6px;border-color:transparent transparent #fff transparent;position:absolute;top:-12px;left:10px;z-index:99}.f-dropdown:after{content:"";display:block;width:0;height:0;border:solid 7px;border-color:transparent transparent #ccc transparent;position:absolute;top:-14px;left:9px;z-index:98}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown li{font-size:0.875em;cursor:pointer;padding:0.3125em 0.625em;line-height:1.125em;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li a{color:#555}.f-dropdown.content{position:absolute;left:-9999px;top:-9999px;list-style:none;padding:1.25em;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:16px;z-index:99;max-width:200px}.f-dropdown.content *:first-child{margin-top:0}.f-dropdown.content *:last-child{margin-bottom:0}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px} diff --git a/css/normalize.css b/css/normalize.css index 3eaebc3..a9c6f52 100644 --- a/css/normalize.css +++ b/css/normalize.css @@ -1,10 +1,13 @@ -/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + /* ========================================================================== HTML5 display definitions ========================================================================== */ + /** * Correct `block` display not defined in IE 8/9. */ + article, aside, details, @@ -17,226 +20,250 @@ main, nav, section, summary { - display: block; + display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ + audio, canvas, video { - display: inline-block; + display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ + audio:not([controls]) { - display: none; - height: 0; + display: none; + height: 0; } /** * Address styling not present in IE 8/9. */ + [hidden] { - display: none; + display: none; } /* ========================================================================== Base ========================================================================== */ + /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ + html { - font-family: sans-serif; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 2 */ + font-family: sans-serif; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ + body { - margin: 0; + margin: 0; } /* ========================================================================== Links ========================================================================== */ + /** * Address `outline` inconsistency between Chrome and other browsers. */ + a:focus { - outline: thin dotted; + outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ + a:active, a:hover { - outline: 0; + outline: 0; } /* ========================================================================== Typography ========================================================================== */ + /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ + h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ + abbr[title] { - border-bottom: 1px dotted; + border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ + b, strong { - font-weight: bold; + font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ + dfn { - font-style: italic; + font-style: italic; } /** * Address differences between Firefox and other browsers. */ + hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } /** * Address styling not present in IE 8/9. */ + mark { - background: #ff0; - color: #000; + background: #ff0; + color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ + code, kbd, pre, samp { - font-family: monospace, serif; - font-size: 1em; + font-family: monospace, serif; + font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ + pre { - white-space: pre-wrap; + white-space: pre-wrap; } /** * Set consistent quote types. */ + q { - quotes: "\201C" "\201D" "\2018" "\2019"; + quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ + small { - font-size: 80%; + font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ + sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sup { - top: -0.5em; + top: -0.5em; } sub { - bottom: -0.25em; + bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ + /** * Remove border when inside `a` element in IE 8/9. */ + img { - border: 0; + border: 0; } /** * Correct overflow displayed oddly in IE 9. */ + svg:not(:root) { - overflow: hidden; + overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ + /** * Address margin not present in IE 8/9 and Safari 5. */ + figure { - margin: 0; + margin: 0; } /* ========================================================================== Forms ========================================================================== */ + /** * Define consistent border, margin, and padding. */ + fieldset { - border: 1px solid silver; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ + legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ + border: 0; /* 1 */ + padding: 0; /* 2 */ } /** @@ -244,25 +271,24 @@ legend { * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ + button, input, select, textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 2 */ - margin: 0; - /* 3 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ + button, input { - line-height: normal; + line-height: normal; } /** @@ -271,9 +297,10 @@ input { * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ + button, select { - text-transform: none; + text-transform: none; } /** @@ -283,34 +310,33 @@ select { * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ + button, -html input[type="button"], +html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ + button[disabled], html input[disabled] { - cursor: default; + cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ + input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -318,51 +344,53 @@ input[type="radio"] { * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ + input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ + button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ + textarea { - overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ + /** * Remove most spacing between table cells. */ + table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } diff --git a/css/style.css b/css/style.css index 4155a56..36f3914 100644 --- a/css/style.css +++ b/css/style.css @@ -381,18 +381,23 @@ table { html, body { - font-size: 16px; + font-size: 100%; } body { background: white; color: #222222; padding: 0; + margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; - -webkit-font-smoothing: antialiased; + position: relative; +} + +a:focus { + outline: none; } img, @@ -421,35 +426,39 @@ img { } .left { - float: left; + float: left !important; } .right { - float: right; + float: right !important; } .text-left { - text-align: left; + text-align: left !important; } .text-right { - text-align: right; + text-align: right !important; } .text-center { - text-align: center; + text-align: center !important; } .text-justify { - text-align: justify; + text-align: justify !important; } .hide { display: none; } +.antialiased { + -webkit-font-smoothing: antialiased; +} + img { - display: block; + display: inline-block; } textarea { @@ -484,12 +493,14 @@ select { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; + float: left; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; + float: left; } .row .row { width: auto; @@ -653,7 +664,7 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; + float: none !important; } } /* Styles for screens that are atleast 768px; */ @@ -953,122 +964,201 @@ select { position: relative; margin-left: auto; margin-right: auto; - float: none; + float: none !important; } } /* Foundation Visibility HTML Classes */ -@media only screen { - .show-for-small, - .show-for-medium-down, - .show-for-large-down { - display: inherit !important; - } +.show-for-small, +.show-for-medium-down, +.show-for-large-down { + display: inherit !important; +} - .show-for-medium, - .show-for-medium-up, - .show-for-large, - .show-for-large-up, - .show-for-xlarge { - display: none !important; - } +.show-for-medium, +.show-for-medium-up, +.show-for-large, +.show-for-large-up, +.show-for-xlarge { + display: none !important; +} - .hide-for-medium, - .hide-for-medium-up, - .hide-for-large, - .hide-for-large-up, - .hide-for-xlarge { - display: inherit !important; - } +.hide-for-medium, +.hide-for-medium-up, +.hide-for-large, +.hide-for-large-up, +.hide-for-xlarge { + display: inherit !important; +} - .hide-for-small, - .hide-for-medium-down, - .hide-for-large-down { - display: none !important; - } +.hide-for-small, +.hide-for-medium-down, +.hide-for-large-down { + display: none !important; } + +/* Specific visilbity for tables */ +table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { + display: table; +} + +thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { + display: table-header-group !important; +} + +tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { + display: table-row-group !important; +} + +tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { + display: table-row !important; +} + +td.show-for-small, 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, +th.show-for-small, +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 { + display: table-cell !important; +} + /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 48em) { .show-for-medium, - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down { + .show-for-medium-up { display: inherit !important; } - .show-for-small, - .show-for-large, - .show-for-large-up { + .show-for-small { display: none !important; } - .hide-for-small, - .hide-for-large, - .hide-for-large-up { + .hide-for-small { display: inherit !important; } .hide-for-medium, - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down { + .hide-for-medium-up { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-medium, table.show-for-medium-up, table.hide-for-small { + display: table; + } + + thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { + display: table-header-group !important; + } + + tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { + display: table-row-group !important; + } + + tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { + display: table-row !important; + } + + td.show-for-medium, td.show-for-medium-up, td.hide-for-small, + th.show-for-medium, + th.show-for-medium-up, + th.hide-for-small { + display: table-cell !important; + } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 80em) { - .show-for-medium-down, - .show-for-medium-up, .show-for-large, - .show-for-large-down, .show-for-large-up { display: inherit !important; } - .show-for-small, - .show-for-medium { + .show-for-medium, + .show-for-medium-down { display: none !important; } - .hide-for-small, - .hide-for-medium { + .hide-for-medium, + .hide-for-medium-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, .hide-for-large, - .hide-for-large-down, .hide-for-large-up { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { + display: table; + } + + thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { + display: table-header-group !important; + } + + tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { + display: table-row-group !important; + } + + tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { + display: table-row !important; + } + + td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, + th.show-for-large, + th.show-for-large-up, + th.hide-for-medium, + th.hide-for-medium-down { + display: table-cell !important; + } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 90em) { - .show-for-medium-down, - .show-for-medium-up, - .show-for-large-down, - .show-for-large-up { + .show-for-xlarge { display: inherit !important; } - .show-for-small, - .show-for-medium, - .show-for-large { + .show-for-large, + .show-for-large-down { display: none !important; } - .hide-for-small, - .hide-for-medium, - .hide-for-large { + .hide-for-large, + .hide-for-large-down { display: inherit !important; } - .hide-for-medium-down, - .hide-for-medium-up, - .hide-for-large-down, - .hide-for-large-up { + .hide-for-xlarge { display: none !important; } + + /* Specific visilbity for tables */ + table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { + display: table; + } + + thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { + display: table-header-group !important; + } + + tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { + display: table-row-group !important; + } + + tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { + display: table-row !important; + } + + td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, + th.show-for-xlarge, + th.hide-for-large, + th.hide-for-large-down { + display: table-cell !important; + } } /* Orientation targeting */ .show-for-landscape, @@ -1081,7 +1171,30 @@ select { display: none !important; } -@media screen and (orientation: landscape) { +/* 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; @@ -1091,8 +1204,31 @@ select { .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 screen and (orientation: portrait) { +@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; @@ -1102,6 +1238,29 @@ select { .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 { @@ -1120,13 +1279,69 @@ select { 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; +} + /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; - overflow: hidden; padding: 0; margin: 0 -10px; + *zoom: 1; + } + [class*="block-grid-"]:before, [class*="block-grid-"]:after { + content: " "; + display: table; + } + [class*="block-grid-"]:after { + clear: both; } [class*="block-grid-"] > li { display: block; @@ -1135,11 +1350,19 @@ select { padding: 0 10px 10px; } + .small-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; + } + .small-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; + } + .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; } - .small-block-grid-2:nth-of-type(2n+1) { + .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } @@ -1147,7 +1370,7 @@ select { width: 33.33333%; padding: 0 10px 10px; } - .small-block-grid-3:nth-of-type(3n+1) { + .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } @@ -1155,7 +1378,7 @@ select { width: 25%; padding: 0 10px 10px; } - .small-block-grid-4:nth-of-type(4n+1) { + .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } @@ -1163,7 +1386,7 @@ select { width: 20%; padding: 0 10px 10px; } - .small-block-grid-5:nth-of-type(5n+1) { + .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } @@ -1171,7 +1394,7 @@ select { width: 16.66667%; padding: 0 10px 10px; } - .small-block-grid-6:nth-of-type(6n+1) { + .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } @@ -1179,7 +1402,7 @@ select { width: 14.28571%; padding: 0 10px 10px; } - .small-block-grid-7:nth-of-type(7n+1) { + .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } @@ -1187,7 +1410,7 @@ select { width: 12.5%; padding: 0 10px 10px; } - .small-block-grid-8:nth-of-type(8n+1) { + .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } @@ -1195,7 +1418,7 @@ select { width: 11.11111%; padding: 0 10px 10px; } - .small-block-grid-9:nth-of-type(9n+1) { + .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } @@ -1203,7 +1426,7 @@ select { width: 10%; padding: 0 10px 10px; } - .small-block-grid-10:nth-of-type(10n+1) { + .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } @@ -1211,7 +1434,7 @@ select { width: 9.09091%; padding: 0 10px 10px; } - .small-block-grid-11:nth-of-type(11n+1) { + .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } @@ -1219,25 +1442,33 @@ select { width: 8.33333%; padding: 0 10px 10px; } - .small-block-grid-12:nth-of-type(12n+1) { + .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 48em) { + .large-block-grid-1 > li { + width: 100%; + padding: 0 10px 10px; + } + .large-block-grid-1 > li:nth-of-type(1n+1) { + clear: both; + } + .large-block-grid-2 > li { width: 50%; - padding: 0 15px 15px; + padding: 0 10px 10px; } - .large-block-grid-2:nth-of-type(2n+1) { + .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; - padding: 0 12px 12px; + padding: 0 10px 10px; } - .large-block-grid-3:nth-of-type(3n+1) { + .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } @@ -1245,7 +1476,7 @@ select { width: 25%; padding: 0 10px 10px; } - .large-block-grid-4:nth-of-type(4n+1) { + .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } @@ -1253,7 +1484,7 @@ select { width: 20%; padding: 0 10px 10px; } - .large-block-grid-5:nth-of-type(5n+1) { + .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } @@ -1261,7 +1492,7 @@ select { width: 16.66667%; padding: 0 10px 10px; } - .large-block-grid-6:nth-of-type(6n+1) { + .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } @@ -1269,7 +1500,7 @@ select { width: 14.28571%; padding: 0 10px 10px; } - .large-block-grid-7:nth-of-type(7n+1) { + .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } @@ -1277,7 +1508,7 @@ select { width: 12.5%; padding: 0 10px 10px; } - .large-block-grid-8:nth-of-type(8n+1) { + .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } @@ -1285,7 +1516,7 @@ select { width: 11.11111%; padding: 0 10px 10px; } - .large-block-grid-9:nth-of-type(9n+1) { + .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } @@ -1293,7 +1524,7 @@ select { width: 10%; padding: 0 10px 10px; } - .large-block-grid-10:nth-of-type(10n+1) { + .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } @@ -1301,7 +1532,7 @@ select { width: 9.09091%; padding: 0 10px 10px; } - .large-block-grid-11:nth-of-type(11n+1) { + .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } @@ -1309,9 +1540,13 @@ select { width: 8.33333%; padding: 0 10px 10px; } - .large-block-grid-12:nth-of-type(12n+1) { + .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } + + [class*="small-block-grid-"] > li { + clear: none !important; + } } p.lead { font-size: 1.21875em; @@ -1372,6 +1607,7 @@ p { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; + text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; @@ -1386,9 +1622,9 @@ h1, h2, h3, h4, ol.commentlist cite.fn, h5, h6 { font-style: normal; color: #222222; text-rendering: optimizeLegibility; - line-height: 1.4; margin-top: 0.2em; margin-bottom: 0.5em; + line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, ol.commentlist cite.fn small, h5 small, h6 small { font-size: 60%; @@ -1397,19 +1633,19 @@ h1 small, h2 small, h3 small, h4 small, ol.commentlist cite.fn small, h5 small, } h1 { - font-size: 2.75em; + font-size: 2.125em; } h2 { - font-size: 2.3125em; + font-size: 1.6875em; } h3 { - font-size: 1.6875em; + font-size: 1.375em; } h4, ol.commentlist cite.fn { - font-size: 1.4375em; + font-size: 1.125em; } h5 { @@ -1460,19 +1696,17 @@ dl { line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; + font-family: inherit; } /* Unordered Lists */ ul li ul, ul li ol { - margin-left: 1.125em; + margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } -ul.square, ul.circle, ul.disc { - margin-left: 1.125em; -} ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } @@ -1490,12 +1724,9 @@ ul.no-bullet { } /* Ordered Lists */ -ol { - margin-left: 1.125em; -} ol li ul, ol li ol { - margin-left: 1.125em; + margin-left: 1.25em; margin-bottom: 0; } @@ -1574,6 +1805,27 @@ blockquote p { padding: 0 0.0625em; } +@media only screen and (min-width: 48em) { + h1, h2, h3, h4, ol.commentlist cite.fn, h5, h6 { + line-height: 1.4; + } + + h1 { + font-size: 2.75em; + } + + h2 { + font-size: 2.3125em; + } + + h3 { + font-size: 1.6875em; + } + + h4, ol.commentlist cite.fn { + font-size: 1.4375em; + } +} /* * Print styles. * @@ -1664,7 +1916,7 @@ blockquote p { display: inherit !important; } } -.button { +button, .button { border-style: solid; border-width: 1px; cursor: pointer; @@ -1675,7 +1927,7 @@ blockquote p { position: relative; text-decoration: none; text-align: center; - display: block; + display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; @@ -1685,82 +1937,82 @@ blockquote p { border-color: #2284a1; color: white; } -.button:hover, .button:focus { +button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } -.button:hover, .button:focus { +button:hover, button:focus, .button:hover, .button:focus { color: white; } -.button.secondary { +button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } -.button.secondary:hover, .button.secondary:focus { +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } -.button.secondary:hover, .button.secondary:focus { +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } -.button.success { +button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } -.button.success:hover, .button.success:focus { +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } -.button.success:hover, .button.success:focus { +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } -.button.alert { +button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } -.button.alert:hover, .button.alert:focus { +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } -.button.alert:hover, .button.alert:focus { +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } -.button.large { +button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } -.button.small { +button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } -.button.tiny { +button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } -.button.expand { +button.expand, .button.expand { padding-top: false; padding-right: 0px; padding-bottom: false0.0625em; padding-left: 0px; width: 100%; } -.button.left-align { +button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } -.button.right-align { +button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } -.button.disabled, .button[disabled] { +button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; @@ -1769,16 +2021,16 @@ blockquote p { -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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } -.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { +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, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } -.button.disabled.secondary, .button[disabled].secondary { +button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; @@ -1787,16 +2039,16 @@ blockquote p { -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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } -.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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } -.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, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } -.button.disabled.success, .button[disabled].success { +button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; @@ -1805,16 +2057,16 @@ blockquote p { -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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } -.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, .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, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } -.button.disabled.alert, .button[disabled].alert { +button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; @@ -1823,13 +2075,13 @@ blockquote p { -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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } -.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, .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, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } @@ -1905,10 +2157,6 @@ form .row input.columns { padding-left: 0.5em; } -form .row .row { - margin: 0; -} - /* Label Styles */ label { font-size: 0.875em; @@ -1949,6 +2197,8 @@ label.inline { .postfix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } @@ -1956,18 +2206,54 @@ label.inline { .prefix.button { padding-left: 0; padding-right: 0; + padding-top: 0; + padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } .postfix.button.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.prefix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} + +.postfix.button.round { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span so buttons keep their own */ @@ -1978,8 +2264,14 @@ span.prefix { color: #333333; } span.prefix.radius { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } span.postfix { @@ -1989,8 +2281,56 @@ span.postfix { color: #333333; } span.postfix.radius { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +/* Input groups will automatically style first and last elements of the group */ +.input-group.radius > *:first-child, .input-group.radius > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.input-group.radius > *:last-child, .input-group.radius > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.input-group.round > *:first-child, .input-group.round > *:first-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} +.input-group.round > *:last-child, .input-group.round > *:last-child * { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ @@ -2123,9 +2463,6 @@ form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; } -form.custom .custom.checkbox { - z-index: -1; -} form.custom .custom.checkbox:before { content: ""; display: block; @@ -2176,6 +2513,7 @@ form.custom .custom.dropdown { -webkit-box-shadow: none; box-shadow: none; font-size: 0.875em; + vertical-align: top; } form.custom .custom.dropdown ul { overflow-y: auto; @@ -2242,31 +2580,31 @@ form.custom .custom.dropdown.open ul { box-sizing: content-box; } form.custom .custom.dropdown.small { - max-width: 134px !important; + max-width: 134px; } form.custom .custom.dropdown.medium { - max-width: 254px !important; + max-width: 254px; } form.custom .custom.dropdown.large { - max-width: 434px !important; + max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { - max-width: 134px !important; + min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { - max-width: 254px !important; + min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { - max-width: 634px !important; + min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -2277,7 +2615,7 @@ form.custom .custom.dropdown ul { display: none; margin: 0; left: -1px; - top: none; + top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; @@ -2323,7 +2661,7 @@ form.custom .custom.disabled { /* Button Groups */ .button-group { list-style: none; - margin: 0 0 1.25em; + margin: 0; *zoom: 1; } .button-group:before, .button-group:after { @@ -2333,31 +2671,55 @@ form.custom .custom.disabled { .button-group:after { clear: both; } -.button-group li { +.button-group > * { margin: 0 0 0 -1px; float: left; } -.button-group li:first-child { +.button-group > *:first-child { margin-left: 0; } -.button-group.radius li:first-child > a { - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; -} -.button-group.radius li:last-child > a { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; -} -.button-group.round li:first-child > a { - -webkit-border-radius: 1000px 0 0 1000px; - border-radius: 1000px 0 0 1000px; -} -.button-group.round li:last-child > a { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; +.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-bottomleft: 1000px; + -moz-border-radius-topleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + -webkit-border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; + border-top-left-radius: 1000px; +} +.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button { + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } .button-group.even-2 li { - width: 33.33333%; + width: 50%; } .button-group.even-2 li .button { width: 100%; @@ -2369,36 +2731,54 @@ form.custom .custom.disabled { width: 100%; } .button-group.even-4 li { - width: 33.33333%; + width: 25%; } .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { - width: 33.33333%; + width: 20%; } .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { - width: 33.33333%; + width: 16.66667%; } .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { - width: 33.33333%; + width: 14.28571%; } .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { - width: 33.33333%; + width: 12.5%; } .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.625em; +} +.button-bar .button-group div { + overflow: hidden; +} + /* Dropdown Button */ .dropdown.button { position: relative; @@ -2547,12 +2927,24 @@ form.custom .custom.disabled { border-color: #333333 transparent transparent transparent; } .split.button.radius span { - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } .split.button.round span { - -webkit-border-radius: 0 1000px 1000px 0; - border-radius: 0 1000px 1000px 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-top-right-radius: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; } /* Flex Video */ @@ -2582,7 +2974,7 @@ form.custom .custom.disabled { } /* Sections */ -.section-container { +.section-container, .section-container.auto { width: 100%; display: block; margin-bottom: 1.25em; @@ -2590,20 +2982,14 @@ form.custom .custom.disabled { border-top: none; } .section-container section, -.section-container .section { +.section-container .section, .section-container.auto section, +.section-container.auto .section { border-top: 1px solid #cccccc; position: relative; } -.section-container section * > :first-child, -.section-container .section * > :first-child { - padding-top: 0; -} -.section-container section * > :last-child, -.section-container .section * > :last-child { - padding-bottom: 0; -} .section-container section .title, -.section-container .section .title { +.section-container .section .title, .section-container.auto section .title, +.section-container.auto .section .title { top: 0; cursor: pointer; width: 100%; @@ -2611,7 +2997,8 @@ form.custom .custom.disabled { background-color: #efefef; } .section-container section .title a, -.section-container .section .title a { +.section-container .section .title a, .section-container.auto section .title a, +.section-container.auto .section .title a { padding: 0.9375em; display: inline-block; color: #333333; @@ -2620,29 +3007,134 @@ form.custom .custom.disabled { width: 100%; } .section-container section .title:hover, -.section-container .section .title:hover { +.section-container .section .title:hover, .section-container.auto section .title:hover, +.section-container.auto .section .title:hover { background-color: #e2e2e2; } .section-container section .content, -.section-container .section .content { +.section-container .section .content, .section-container.auto section .content, +.section-container.auto .section .content { display: none; padding: 0.9375em; background-color: white; } -.section-container section .content *:last-child, -.section-container .section .content *:last-child { +.section-container section .content > *:last-child, +.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, +.section-container.auto .section .content > *:last-child { margin-bottom: 0; } +.section-container section .content > *:first-child, +.section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child, +.section-container.auto .section .content > *:first-child { + padding-top: 0; +} +.section-container section .content > *:last-child, +.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, +.section-container.auto .section .content > *:last-child { + padding-bottom: 0; +} .section-container section.active .content, -.section-container .section.active .content { +.section-container .section.active .content, .section-container.auto section.active .content, +.section-container.auto .section.active .content { display: block; } .section-container section.active .title, -.section-container .section.active .title { +.section-container .section.active .title, .section-container.auto section.active .title, +.section-container.auto .section.active .title { background: #d5d5d5; } +.section-container.tabs { + border: 0; + position: relative; +} +.section-container.tabs section, +.section-container.tabs .section { + padding-top: 0; + border: 0; + position: static; +} +.section-container.tabs section .title, +.section-container.tabs .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; +} +.section-container.tabs section .title a, +.section-container.tabs .section .title a { + width: 100%; +} +.section-container.tabs section:last-child .title, +.section-container.tabs .section:last-child .title { + border-right: 1px solid #cccccc; +} +.section-container.tabs section .content, +.section-container.tabs .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; +} +.section-container.tabs section.active .title, +.section-container.tabs .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; +} +.section-container.tabs section.active .content, +.section-container.tabs .section.active .content { + position: relative; +} + @media only screen and (min-width: 48em) { + .section-container.auto { + border: 0; + position: relative; + } + .section-container.auto section, + .section-container.auto .section { + padding-top: 0; + border: 0; + position: static; + } + .section-container.auto section .title, + .section-container.auto .section .title { + width: auto; + border: 1px solid #cccccc; + border-right: 0; + border-bottom: 0; + position: absolute; + z-index: 1; + } + .section-container.auto section .title a, + .section-container.auto .section .title a { + width: 100%; + } + .section-container.auto section:last-child .title, + .section-container.auto .section:last-child .title { + border-right: 1px solid #cccccc; + } + .section-container.auto section .content, + .section-container.auto .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + top: -1px; + } + .section-container.auto section.active .title, + .section-container.auto .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; + } + .section-container.auto section.active .content, + .section-container.auto .section.active .content { + position: relative; + } + .section-container.accordion .section { padding-top: 0 !important; } @@ -2675,48 +3167,43 @@ form.custom .custom.disabled { border: 1px solid #cccccc; } - .section-container.tabs { - border: 0; + .section-container.horizontal-nav { position: relative; + background: #efefef; + border: 1px solid #cccccc; } - .section-container.tabs section, - .section-container.tabs .section { + .section-container.horizontal-nav section, + .section-container.horizontal-nav .section { padding-top: 0; border: 0; position: static; } - .section-container.tabs section .title, - .section-container.tabs .section .title { - top: 1px; + .section-container.horizontal-nav section .title, + .section-container.horizontal-nav .section .title { width: auto; border: 1px solid #cccccc; - border-right: 0; + border-left: 0; + top: -1px; position: absolute; z-index: 1; } - .section-container.tabs section .title a, - .section-container.tabs .section .title a { + .section-container.horizontal-nav section .title a, + .section-container.horizontal-nav .section .title a { width: 100%; } - .section-container.tabs section:last-child .title, - .section-container.tabs .section:last-child .title { - border-right: 1px solid #cccccc; + .section-container.horizontal-nav section .content, + .section-container.horizontal-nav .section .content { + display: none; } - .section-container.tabs section .content, - .section-container.tabs .section .content { - border: 1px solid #cccccc; + .section-container.horizontal-nav section.active .content, + .section-container.horizontal-nav .section.active .content { + display: block; position: absolute; - z-index: 10; - } - .section-container.tabs section.active .title, - .section-container.tabs .section.active .title { - background-color: white; - z-index: 11; - border-bottom: 0; - } - .section-container.tabs section.active .content, - .section-container.tabs .section.active .content { - position: relative; + z-index: 999; + left: 0; + top: -2px; + min-width: 12.5em; + border: 1px solid #cccccc; } } /* Wrapped around .top-bar to contain to grid width */ @@ -2739,6 +3226,7 @@ form.custom .custom.disabled { line-height: 45px; position: relative; background: #111111; + margin-bottom: 1.875em; } .top-bar ul { margin-bottom: 0; @@ -2856,44 +3344,45 @@ form.custom .custom.disabled { height: 1px; width: 100%; } -.top-bar-section li > a { +.top-bar-section ul li > a { display: block; width: 100%; - padding: 12px 0 12px 15px; - color: #fff; + color: white; + padding: 12px 0 12px 0; + padding-left: 15px; font-size: 0.8125em; font-weight: bold; background: #333333; } -.top-bar-section li > a:hover { +.top-bar-section ul li > a:hover { background: #2b2b2b; } -.top-bar-section li > a.button { +.top-bar-section ul li > a.button { background: #2ba6cb; font-size: 0.8125em; } -.top-bar-section li > a.button:hover { +.top-bar-section ul li > a.button:hover { background: #2284a1; } -.top-bar-section li > a.button.secondary { +.top-bar-section ul li > a.button.secondary { background: #e9e9e9; } -.top-bar-section li > a.button.secondary:hover { +.top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; } -.top-bar-section li > a.button.success { +.top-bar-section ul li > a.button.success { background: #5da423; } -.top-bar-section li > a.button.success:hover { +.top-bar-section ul li > a.button.success:hover { background: #457a1a; } -.top-bar-section li > a.button.alert { +.top-bar-section ul li > a.button.alert { background: #c60f13; } -.top-bar-section li > a.button.alert:hover { +.top-bar-section ul li > a.button.alert:hover { background: #970b0e; } -.top-bar-section li.active a { +.top-bar-section ul li.active a { background: #2b2b2b; } .top-bar-section .has-form { @@ -2935,11 +3424,19 @@ form.custom .custom.disabled { font-weight: normal; padding: 8px 15px; } +.top-bar-section .dropdown li.title h5 { + margin-bottom: 0; +} +.top-bar-section .dropdown li.title h5 a { + color: white; + line-height: 22.5px; + display: block; +} .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; - color: #555; + color: #555555; font-weight: bold; font-size: 0.625em; } @@ -2988,6 +3485,11 @@ form.custom .custom.disabled { background: #111111; } + .contain-to-grid .top-bar { + max-width: 62.5em; + margin: 0 auto; + } + .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; @@ -3011,7 +3513,7 @@ form.custom .custom.disabled { background: #111111; } .top-bar-section li a:not(.button):hover { - background: #2b2b2b; + background: black; } .top-bar-section .has-dropdown > a { padding-right: 35px !important; @@ -3044,8 +3546,10 @@ form.custom .custom.disabled { left: 0; top: auto; background: transparent; + min-width: 100%; } .top-bar-section .dropdown li a { + color: white; line-height: 1; white-space: nowrap; padding: 7px 15px; @@ -3085,7 +3589,7 @@ form.custom .custom.disabled { overflow: hidden; width: 100%; position: relative; - background: #f5f5f5; + background: whitesmoke; } .orbit-container .orbit-slides-container { list-style: none; @@ -3112,7 +3616,7 @@ form.custom .custom.disabled { font-size: 0.875em; } .orbit-container .orbit-slides-container > * .orbit-caption * { - color: #fff; + color: white; } .orbit-container .orbit-slide-number { position: absolute; @@ -3271,7 +3775,7 @@ form.custom .custom.disabled { border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); - top: 0.9375em; + top: 50px; } .reveal-modal .column, .reveal-modal .columns { @@ -3775,10 +4279,10 @@ ol.commentlist .joyride-tip-guide cite.fn, padding-left: 0; } .breadcrumbs li:first-child:before { - content: ""; + content: " "; } -/* Keytroke Characters */ +/* Keystroke Characters */ .keystroke, kbd { background-color: #ededed; @@ -3801,7 +4305,7 @@ kbd { text-decoration: none; line-height: 1; white-space: nowrap; - display: inline; + display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; @@ -4003,6 +4507,7 @@ kbd { /* Progress Bar */ .progress { + background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; @@ -4110,7 +4615,7 @@ kbd { /* Foundation Switches */ @media only screen { - .switch { + div.switch { position: relative; width: 100%; padding: 0; @@ -4124,7 +4629,7 @@ kbd { background: white; border-color: #cccccc; } - .switch label { + div.switch label { position: relative; left: 0; z-index: 2; @@ -4139,17 +4644,17 @@ kbd { -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input { + div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; } - .switch input:hover, .switch input:focus { + div.switch input:hover, div.switch input:focus { cursor: pointer; } - .switch > span { + div.switch > span { position: absolute; top: -1px; left: -1px; @@ -4162,46 +4667,52 @@ kbd { -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } - .switch input:last-of-type + label { - text-align: right; - } - .switch input:not(:checked) + label { + div.switch input:not(:checked) + label { opacity: 0; } - .switch input:checked { - display: none; + div.switch input:checked { + display: none !important; } - .switch input { + div.switch input { left: 0; + display: block !important; } - .switch input:first-of-type + label { + div.switch input:first-of-type + label, + div.switch input:first-of-type + span + label { left: -50%; } - .switch input:first-of-type:checked + label { + div.switch input:first-of-type:checked + label, + div.switch input:first-of-type:checked + span + label { left: 0%; } - .switch input:last-of-type + label { + div.switch input:last-of-type + label, + div.switch input:last-of-type + span + label { right: -50%; left: auto; + text-align: right; } - .switch input:last-of-type:checked + label { + div.switch input:last-of-type:checked + label, + div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } - .switch label { + div.switch span.custom { + display: none !important; + } + div.switch label { padding: 0 0.375em; line-height: 2.3em; font-size: 0.875em; } - .switch input:first-of-type:checked ~ span { + div.switch input:first-of-type:checked ~ span { left: 100%; margin-left: -2.1875em; } - .switch > span { + div.switch > span { width: 2.25em; height: 2.25em; } - .switch > span { + div.switch > span { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); @@ -4210,80 +4721,80 @@ kbd { -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } - .switch:hover > span, .switch:focus > span { + div.switch:hover > span, div.switch:focus > span { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); } - .switch:active { + div.switch:active { background: transparent; } - .switch.large { + div.switch.large { height: 44px; } - .switch.large label { + div.switch.large label { padding: 0 0.375em; line-height: 2.3em; font-size: 1.0625em; } - .switch.large input:first-of-type:checked ~ span { + div.switch.large input:first-of-type:checked ~ span { left: 100%; margin-left: -2.6875em; } - .switch.large > span { + div.switch.large > span { width: 2.75em; height: 2.75em; } - .switch.small { + div.switch.small { height: 28px; } - .switch.small label { + div.switch.small label { padding: 0 0.375em; line-height: 2.1em; font-size: 0.75em; } - .switch.small input:first-of-type:checked ~ span { + div.switch.small input:first-of-type:checked ~ span { left: 100%; margin-left: -1.6875em; } - .switch.small > span { + div.switch.small > span { width: 1.75em; height: 1.75em; } - .switch.tiny { + div.switch.tiny { height: 22px; } - .switch.tiny label { + div.switch.tiny label { padding: 0 0.375em; line-height: 1.9em; font-size: 0.6875em; } - .switch.tiny input:first-of-type:checked ~ span { + div.switch.tiny input:first-of-type:checked ~ span { left: 100%; margin-left: -1.3125em; } - .switch.tiny > span { + div.switch.tiny > span { width: 1.375em; height: 1.375em; } - .switch.radius { + div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } - .switch.radius > span { + div.switch.radius > span { -webkit-border-radius: 3px; border-radius: 3px; } - .switch.round { + div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } - .switch.round > span { + div.switch.round > span { -webkit-border-radius: 999px; border-radius: 999px; } - .switch.round label { + div.switch.round label { padding: 0 0.5625em; } @@ -4298,8 +4809,8 @@ kbd { } } [data-magellan-expedition] { - background: #fff; - z-index: 999; + background: white; + z-index: 997; min-width: 100%; padding: 10px; } @@ -4395,6 +4906,8 @@ table tfoot tr td { width: 100%; color: white; background: black; + -webkit-border-radius: 3px; + border-radius: 3px; } .tooltip > .nub { display: block; @@ -4409,10 +4922,6 @@ table tfoot tr td { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } -.tooltip.radius { - -webkit-border-radius: 3px; - border-radius: 3px; -} .tap-to-close { display: block; @@ -4501,6 +5010,14 @@ table tfoot tr td { left: 9px; z-index: 98; } +.f-dropdown.right:before { + left: auto; + right: 10px; +} +.f-dropdown.right:after { + left: auto; + right: 9px; +} .f-dropdown li { font-size: 0.875em; cursor: pointer; @@ -4660,10 +5177,10 @@ ol.commentlist a.comment-reply-link { } ul { - margin-left: 1.125em; + margin-left: 1.25em; } -.container img { +figure { margin-bottom: 1.25em; } @@ -4674,3 +5191,38 @@ input.prefix.button { #sidebar input.prefix.button { line-height: 0.7; } + +img.alignright { + float: right; + margin: 0 0 18px 18px; +} + +img.alignleft { + float: left; + margin: 0 18px 18px 0; +} + +img.aligncenter { + display: block; + margin: 18px auto; +} + +figure.figure { + margin: 0 auto; + display: inline-block; +} +figure.figure figcaption { + padding: 8px 10px; + color: gray; + margin-bottom: 1.25em; +} + +figure.alignright.figure { + float: right; + margin: 0 0 18px 18px; +} + +figure.alignleft.figure { + float: left; + margin: 0 18px 18px 0; +} diff --git a/js/foundation.min.js b/js/foundation.min.js index 43d5931..8417798 100644 --- a/js/foundation.min.js +++ b/js/foundation.min.js @@ -1,10 +1,14 @@ /* - * Foundation Responsive Library 4.0.0 + * Foundation Responsive Library * http://foundation.zurb.com * Copyright 2013, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /*jslint unparam: true, browser: true, indent: 2 */ -(function(){Array.prototype.filter||(Array.prototype.filter=function(e){"use strict";if(this==null)throw new TypeError;var t=Object(this),n=t.length>>>0;if(typeof e!="function")try{throw new TypeError}catch(r){return}var i=[],s=arguments[1];for(var o=0;o0)for(var f=o.length-1;f>=0;f--)a.push(this.init_lib(o[f],u))}else for(var l in this.libs)a.push(this.init_lib(l,u));return typeof t=="function"&&u.unshift(t),this.response_obj(a,u)},response_obj:function(e,t){for(var n in t)if(typeof t[n]=="function")return t[n]({errors:e.filter(function(e){if(typeof e=="string")return e})});return e},init_lib:function(e,t){return this.trap(function(){if(this.libs.hasOwnProperty(e))return this.patch(this.libs[e]),this.libs[e].init.apply(this.libs[e],t)}.bind(this),e)},trap:function(e,t){if(!this.nc)try{return e()}catch(n){return this.error({name:t,message:"could not be initialized",more:n.name+" "+n.message})}return e()},patch:function(e){this.fix_outer(e)},inherit:function(e,t){var n=t.split(" ");for(var r=n.length-1;r>=0;r--)this.lib_methods.hasOwnProperty(n[r])&&(this.libs[e.name][n[r]]=this.lib_methods[n[r]])},libs:{},lib_methods:{set_data:function(e,t){var n=this.name+ +(new Date);Foundation.cache[n]=t,e.attr("data-"+this.name+"-id",n)},get_data:function(e){return Foundation.cache[e.attr("data-"+this.name+"-id")]},remove_data:function(e){e?(delete Foundation.cache[e.attr("data-"+this.name+"-id")],e.attr("data-"+this.name+"-id","")):$("[data-"+this.name+"-id]").each(function(){delete Foundation.cache[$(this).attr("data-"+this.name+"-id")],$(this).attr("data-"+this.name+"-id","")})},throttle:function(e,t){var n=null;return function(){var r=this,i=arguments;clearTimeout(n),n=setTimeout(function(){e.apply(r,i)},t)}},data_options:function(e){function o(e){return typeof e=="string"?$.trim(e):e}var t={},n,r,i=(e.attr("data-options")||":").split(";"),s=i.length;for(n=s-1;n>=0;n--)r=i[n].split(":"),/true/i.test(r[1])&&(r[1]=!0),/false/i.test(r[1])&&(r[1]=!1),r.length===2&&(t[o(r[0])]=o(r[1]));return t},delay:function(e,t){return setTimeout(e,t)},scrollTo:function(t,n,r){if(r<0)return;var i=n-$(e).scrollTop(),s=i/r*10;this.scrollToTimerCache=setTimeout(function(){isNaN(parseInt(s,10))||(e.scrollTo(0,$(e).scrollTop()+s),this.scrollTo(t,n,r-10))}.bind(this),10)},scrollLeft:function(e){if(!e.length)return;return"scrollLeft"in e[0]?e[0].scrollLeft:e[0].pageXOffset},empty:function(e){if(e.length&&e.length>0)return!1;if(e.length&&e.length===0)return!0;for(var t in e)if(hasOwnProperty.call(e,t))return!1;return!0}},fix_outer:function(e){e.outerHeight=function(e,t){return typeof Zepto=="function"?e.height():typeof t!="undefined"?e.outerHeight(t):e.outerHeight()},e.outerWidth=function(e){return typeof Zepto=="function"?e.width():typeof bool!="undefined"?e.outerWidth(bool):e.outerWidth()}},error:function(e){return e.name+" "+e.message+"; "+e.more},off:function(){return $(this.scope).off(".fndtn"),$(e).off(".fndtn"),!0},zj:function(){try{return Zepto}catch(e){return jQuery}}()},$.fn.foundation=function(){var e=Array.prototype.slice.call(arguments,0);return this.each(function(){return Foundation.init.apply(Foundation,[this].concat(e)),this})}}(this,this.document),function(e,t,n,r){"use strict";Foundation.libs.alerts={name:"alerts",version:"4.0.0",settings:{speed:300,callback:function(){}},init:function(t,n,r){return this.scope=t||this.scope,typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var t=this;e(this.scope).on("click.fndtn.alerts","[data-alert] a.close",function(n){n.preventDefault(),e(this).closest("[data-alert]").fadeOut(t.speed,function(){e(this).remove(),t.settings.callback()})}),this.settings.init=!0},off:function(){e(this.scope).off(".fndtn.alerts")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.clearing={name:"clearing",version:"4.0.0",settings:{templates:{viewing:'×'},close_selectors:".clearing-close",init:!1,locked:!1},init:function(t,n,r){return this.scope=this.scope||t,Foundation.inherit(this,"set_data get_data remove_data throttle"),typeof n=="object"&&(r=e.extend(!0,this.settings,n)),typeof n!="string"?(e(this.scope).find("ul[data-clearing]").each(function(){var t=Foundation.libs.clearing,n=e(this),r=r||{},i=t.get_data(n);i||(r.$parent=n.parent(),t.set_data(n,e.extend(!0,t.settings,r)),t.assemble(n.find("li")),t.settings.init||t.events().swipe_events())}),this.settings.init):this[n].call(this,r)},events:function(){var n=this;return e(this.scope).on("click.fndtn.clearing","ul[data-clearing] li",function(t,r,i){var r=r||e(this),i=i||r,s=n.get_data(r.parent());t.preventDefault(),s||n.init(),n.open(e(t.target),r,i),n.update_paddles(i)}).on("click.fndtn.clearing",".clearing-main-right",function(e){this.nav(e,"next")}.bind(this)).on("click.fndtn.clearing",".clearing-main-left",function(e){this.nav(e,"prev")}.bind(this)).on("click.fndtn.clearing",this.settings.close_selectors,function(e){Foundation.libs.clearing.close(e,this)}).on("keydown.fndtn.clearing",function(e){this.keydown(e)}.bind(this)),e(t).on("resize.fndtn.clearing",function(e){this.resize()}.bind(this)),this.settings.init=!0,this},swipe_events:function(){var t=this;e(this.scope).on("touchstart.fndtn.clearing",".visible-img",function(t){var n={start_page_x:t.touches[0].pageX,start_page_y:t.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:r};e(this).data("swipe-transition",n),t.stopPropagation()}).on("touchmove.fndtn.clearing",".visible-img",function(n){if(n.touches.length>1||n.scale&&n.scale!==1)return;var r=e(this).data("swipe-transition");typeof r=="undefined"&&(r={}),r.delta_x=n.touches[0].pageX-r.start_page_x,typeof r.is_scrolling=="undefined"&&(r.is_scrolling=!!(r.is_scrolling||Math.abs(r.delta_x)'+this.outerHTML(r[0])+"",viewing:n.templates.viewing},s='
'+i.viewing+i.grid+"
";return n.$parent.append(s)},open:function(e,t,n){var r=n.closest(".clearing-assembled"),i=r.find("div").first(),s=i.find(".visible-img"),o=s.find("img").not(e);this.locked()||(o.attr("src",this.load(e)),this.loaded(o,function(){r.addClass("clearing-blackout"),i.addClass("clearing-container"),s.show(),this.fix_height(n).caption(s.find(".clearing-caption"),e).center(o).shift(t,n,function(){n.siblings().removeClass("visible"),n.addClass("visible")})}.bind(this)))},close:function(t,n){t.preventDefault();var r=function(e){return/blackout/.test(e.selector)?e:e.closest(".clearing-blackout")}(e(n)),i,s;return n===t.target&&r&&(i=r.find("div").first(),s=i.find(".visible-img"),this.settings.prev_index=0,r.find("ul[data-clearing]").attr("style","").closest(".clearing-blackout").removeClass("clearing-blackout"),i.removeClass("clearing-container"),s.hide()),!1},keydown:function(t){var n=e(".clearing-blackout").find("ul[data-clearing]");t.which===39&&this.go(n,"next"),t.which===37&&this.go(n,"prev"),t.which===27&&e("a.clearing-close").trigger("click")},nav:function(t,n){var r=e(".clearing-blackout").find("ul[data-clearing]");t.preventDefault(),this.go(r,n)},resize:function(){var t=e(".clearing-blackout .visible-img").find("img");t.length&&this.center(t)},fix_height:function(t){var n=t.parent().children(),r=this;return n.each(function(){var t=e(this),n=t.find("img");t.height()>r.outerHeight(n)&&t.addClass("fix-height")}).closest("ul").width(n.length*100+"%"),this},update_paddles:function(e){var t=e.closest(".carousel").siblings(".visible-img");e.next().length?t.find(".clearing-main-right").removeClass("disabled"):t.find(".clearing-main-right").addClass("disabled"),e.prev().length?t.find(".clearing-main-left").removeClass("disabled"):t.find(".clearing-main-left").addClass("disabled")},center:function(e){return e.css({marginLeft:-(this.outerWidth(e)/2),marginTop:-(this.outerHeight(e)/2)}),this},load:function(e){var t=e.parent().attr("href");return this.preload(e),t?t:e.attr("src")},preload:function(e){this.img(e.closest("li").next()).img(e.closest("li").prev())},loaded:function(e,t){function n(){t()}function r(){this.one("load",n);if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var e=this.attr("src"),t=e.match(/\?/)?"&":"?";t+="random="+(new Date).getTime(),this.attr("src",e+t)}}if(!e.attr("src")){n();return}this.complete||this.readyState===4?n():r.call(e)},img:function(e){if(e.length){var t=new Image,n=e.find("a");n.length?t.src=n.attr("href"):t.src=e.find("img").attr("src")}return this},caption:function(e,t){var n=t.data("caption");return n?e.text(n).show():e.text("").hide(),this},go:function(e,t){var n=e.find(".visible"),r=n[t]();r.length&&r.find("img").trigger("click",[n,r])},shift:function(e,t,n){var r=t.parent(),i=this.settings.prev_index||t.index(),s=this.direction(r,e,t),o=parseInt(r.css("left"),10),u=this.outerWidth(t),a;t.index()!==i&&!/skip/.test(s)?/left/.test(s)?(this.lock(),r.animate({left:o+u},300,this.unlock())):/right/.test(s)&&(this.lock(),r.animate({left:o-u},300,this.unlock())):/skip/.test(s)&&(a=t.index()-this.settings.up_count,this.lock(),a>0?r.animate({left:-(a*u)},300,this.unlock()):r.animate({left:0},300,this.unlock())),n()},direction:function(t,n,r){var i=t.find("li"),s=this.outerWidth(i)+this.outerWidth(i)/4,o=Math.floor(this.outerWidth(e(".clearing-container"))/s)-1,u=i.index(r),a;return this.settings.up_count=o,this.adjacent(this.settings.prev_index,u)?u>o&&u>this.settings.prev_index?a="right":u>o-1&&u<=this.settings.prev_index?a="left":a=!1:a="skip",this.settings.prev_index=u,a},adjacent:function(e,t){for(var n=t+1;n>=t-1;n--)if(n===e)return!0;return!1},lock:function(){this.settings.locked=!0},unlock:function(){this.settings.locked=!1},locked:function(){return this.settings.locked},outerHTML:function(e){return e.outerHTML||(new XMLSerializer).serializeToString(e)},off:function(){e(this.scope).off(".fndtn.clearing"),e(t).off(".fndtn.clearing"),this.remove_data(),this.settings.init=!1}}}(Foundation.zj,this,this.document),function(e,t,n){function i(e){return e}function s(e){return decodeURIComponent(e.replace(r," "))}var r=/\+/g,o=e.cookie=function(r,u,a){if(u!==n){a=e.extend({},o.defaults,a),u===null&&(a.expires=-1);if(typeof a.expires=="number"){var f=a.expires,l=a.expires=new Date;l.setDate(l.getDate()+f)}return u=o.json?JSON.stringify(u):String(u),t.cookie=[encodeURIComponent(r),"=",o.raw?u:encodeURIComponent(u),a.expires?"; expires="+a.expires.toUTCString():"",a.path?"; path="+a.path:"",a.domain?"; domain="+a.domain:"",a.secure?"; secure":""].join("")}var c=o.raw?i:s,h=t.cookie.split("; ");for(var p=0,d=h.length;p').insertAfter(r)),s.toggleClass("checked",r.is(":checked")),s.toggleClass("disabled",r.is(":disabled"))},append_custom_select:function(t,n){var r=Foundation.libs.forms,i=e(n),s=i.next("div.custom.dropdown"),o=s.find("ul"),u=s.find(".current"),a=s.find(".selector"),f=i.find("option"),l=f.filter(":selected"),c=0,h="",p,d=!1;if(i.hasClass(r.settings.disable_class))return;if(s.length===0){var v=i.hasClass("small")?"small":i.hasClass("medium")?"medium":i.hasClass("large")?"large":i.hasClass("expand")?"expand":"";s=e('
    '),a=s.find(".selector"),o=s.find("ul"),h=f.map(function(){return"
  • "+e(this).html()+"
    • "}).get().join(""),o.append(h),d=s.prepend(''+l.html()+"").find(".current"),i.after(s).hide()}else h=f.map(function(){return"
  • "+e(this).html()+"
    • "}).get().join(""),o.html("").append(h);s.toggleClass("disabled",i.is(":disabled")),p=o.find("li"),f.each(function(t){this.selected&&(p.eq(t).addClass("selected"),d&&d.html(e(this).html())),e(this).is(":disabled")&&p.eq(t).addClass("disabled")});if(!s.is(".small, .medium, .large, .expand")){s.addClass("open");var r=Foundation.libs.forms;r.hidden_fix.adjust(o),c=r.outerWidth(p)>c?r.outerWidth(p):c,Foundation.libs.forms.hidden_fix.reset(),s.removeClass("open")}},refresh_custom_select:function(t){var n=this,r=0,i=t.next(),s=t.find("option");i.find("ul").html(""),s.each(function(){var t=e("
  • "+e(this).html()+"
    • ");i.find("ul").append(t)}),s.each(function(t){this.selected&&(i.find("li").eq(t).addClass("selected"),i.find(".current").html(e(this).html())),e(this).is(":disabled")&&i.find("li").eq(t).addClass("disabled")}),i.removeAttr("style").find("ul").removeAttr("style"),i.find("li").each(function(){i.addClass("open"),n.outerWidth(e(this))>r&&(r=n.outerWidth(e(this))),i.removeClass("open")})},toggle_checkbox:function(e){var t=e.prev(),n=t[0];!1===t.is(":disabled")&&(n.checked=n.checked?!1:!0,e.toggleClass("checked"),t.trigger("change"))},toggle_radio:function(e){var t=e.prev(),n=t.closest("form.custom"),r=t[0];!1===t.is(":disabled")&&(n.find('input[type="radio"][name="'+this.escape(t.attr("name"))+'"]').next().not(e).removeClass("checked"),e.hasClass("checked")||e.toggleClass("checked"),r.checked=e.hasClass("checked"),t.trigger("change"))},escape:function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},hidden_fix:{tmp:[],hidden:null,adjust:function(t){var n=this;n.hidden=t.parents().andSelf().filter(":hidden"),n.hidden.each(function(){var t=e(this);n.tmp.push(t.attr("style")),t.css({visibility:"hidden",display:"block"})})},reset:function(){var t=this;t.hidden.each(function(n){var i=e(this),s=t.tmp[n];s===r?i.removeAttr("style"):i.attr("style",s)}),t.tmp=[],t.hidden=null}},off:function(){e(this.scope).off(".fndtn.forms")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.joyride={name:"joyride",version:"4.0.0",defaults:{tipLocation:"bottom",nubPosition:"auto",scrollSpeed:300,timer:0,startTimerOnClick:!0,startOffset:0,nextButton:!0,tipAnimation:"fade",pauseAfter:[],tipAnimationFadeSpeed:300,cookieMonster:!1,cookieName:"joyride",cookieDomain:!1,cookieExpires:365,tipContainer:"body",postRideCallback:function(){},postStepCallback:function(){},template:{link:'×',timer:'
    ',tip:'
    ',wrapper:'
    ',button:''}},settings:{},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"throttle data_options scrollTo scrollLeft delay"),typeof n=="object"?e.extend(!0,this.settings,this.defaults,n):e.extend(!0,this.settings,this.defaults,r),typeof n!="string"?(this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var n=this;e(this.scope).on("click.joyride",".joyride-next-tip, .joyride-modal-bg",function(e){e.preventDefault(),this.settings.$li.next().length<1?this.end():this.settings.timer>0?(clearTimeout(this.settings.automate),this.hide(),this.show(),this.startTimer()):(this.hide(),this.show())}.bind(this)).on("click.joyride",".joyride-close-tip",function(e){e.preventDefault(),this.end()}.bind(this)),e(t).on("resize.fndtn.joyride",n.throttle(function(){e("[data-joyride]").length>0&&n.settings.$next_tip&&(n.is_phone()?n.pos_phone():n.pos_default())},100)),this.settings.init=!0},start:function(){var t=this,n=e(this.scope).find("[data-joyride]"),r=["timer","scrollSpeed","startOffset","tipAnimationFadeSpeed","cookieExpires"],i=r.length;this.settings.init||this.init(),e.extend(!0,this.settings,this.data_options(n)),this.settings.$content_el=n,this.settings.body_offset=e(this.settings.tipContainer).position(),this.settings.$tip_content=this.settings.$content_el.find("> li"),this.settings.paused=!1,this.settings.attempts=0;for(var s=i-1;s>=0;s--)this.settings[r[s]]=parseInt(this.settings[r[s]],10);this.settings.tipLocationPatterns={top:["bottom"],bottom:[],left:["right","top","bottom"],right:["left","top","bottom"]},typeof e.cookie!="function"&&(this.settings.cookieMonster=!1);if(!this.settings.cookieMonster||this.settings.cookieMonster&&e.cookie(this.settings.cookieName)===null)this.settings.$tip_content.each(function(n){t.create({$li:e(this),index:n})}),!this.settings.startTimerOnClick&&this.settings.timer>0?(this.show("init"),this.startTimer()):this.show("init")},resume:function(){this.set_li(),this.show()},tip_template:function(t){var n,r;return t.tip_class=t.tip_class||"",n=e(this.settings.template.tip).addClass(t.tip_class),r=e.trim(e(t.li).html())+this.button_text(t.button_text)+this.settings.template.link+this.timer_instance(t.index),n.append(e(this.settings.template.wrapper)),n.first().attr("data-index",t.index),e(".joyride-content-wrapper",n).append(r),n[0]},timer_instance:function(t){var n;return t===0&&this.settings.startTimerOnClick&&this.settings.timer>0||this.settings.timer===0?n="":n=this.outerHTML(e(this.settings.template.timer)[0]),n},button_text:function(t){return this.settings.nextButton?(t=e.trim(t)||"Next",t=this.outerHTML(e(this.settings.template.button).append(t)[0])):t="",t},create:function(t){var n=t.$li.attr("data-button")||t.$li.attr("data-text"),r=t.$li.attr("class"),i=e(this.tip_template({tip_class:r,index:t.index,button_text:n,li:t.$li}));e(this.settings.tipContainer).append(i)},show:function(t){var n=null;this.settings.$li===r||e.inArray(this.settings.$li.index(),this.settings.pauseAfter)===-1?(this.settings.paused?this.settings.paused=!1:this.set_li(t),this.settings.attempts=0,this.settings.$li.length&&this.settings.$target.length>0?(this.settings.tipSettings=e.extend(!0,this.settings,this.data_options(this.settings.$li)),this.settings.timer=parseInt(this.settings.timer,10),this.settings.tipSettings.tipLocationPattern=this.settings.tipLocationPatterns[this.settings.tipSettings.tipLocation],/body/i.test(this.settings.$target.selector)||this.scroll_to(),this.is_phone()?this.pos_phone(!0):this.pos_default(!0),n=this.settings.$next_tip.find(".joyride-timer-indicator"),/pop/i.test(this.settings.tipAnimation)?(n.width(0),thsi.settings.timer>0?(this.settings.$next_tip.show(),this.delay(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tipAnimationFadeSpeed)):this.settings.$next_tip.show()):/fade/i.test(this.settings.tipAnimation)&&(n.width(0),this.settings.timer>0?(this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed).show(),this.delay(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tipAnimationFadeSpeed)):this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed)),this.settings.$current_tip=this.settings.$next_tip):this.settings.$li&&this.settings.$target.length<1?this.show():this.end()):this.settings.paused=!0},is_phone:function(){return Modernizr?Modernizr.mq("only screen and (max-width: 767px)")||e(".lt-ie9").length>0:this.settings.$window.width()<767?!0:!1},hide:function(){this.settings.postStepCallback(this.settings.$li.index(),this.settings.$current_tip),e(".joyride-modal-bg").hide(),this.settings.$current_tip.hide()},set_li:function(e){e?(this.settings.$li=this.settings.$tip_content.eq(this.settings.startOffset),this.set_next_tip(),this.settings.$current_tip=this.settings.$next_tip):(this.settings.$li=this.settings.$li.next(),this.set_next_tip()),this.set_target()},set_next_tip:function(){this.settings.$next_tip=e(".joyride-tip-guide[data-index='"+this.settings.$li.index()+"']")},set_target:function(){var t=this.settings.$li.attr("data-class"),r=this.settings.$li.attr("data-id"),i=function(){return r?e(n.getElementById(r)):t?e("."+t).first():e("body")};this.settings.$target=i()},scroll_to:function(){var n,r;n=e(t).height()/2,r=Math.ceil(this.settings.$target.offset().top-n+this.outerHeight(this.settings.$next_tip)),r>0&&this.scrollTo(e("html, body"),r,this.settings.scrollSpeed)},paused:function(){return e.inArray(this.settings.$li.index()+1,this.settings.pauseAfter)===-1?!0:!1},restart:function(){this.hide(),this.settings.$li=r,this.show("init")},pos_default:function(n){var r=Math.ceil(e(t).height()/2),i=this.settings.$next_tip.offset(),s=this.settings.$next_tip.find(".joyride-nub"),o=Math.ceil(this.outerHeight(s)/2),u=n||!1;u&&(this.settings.$next_tip.css("visibility","hidden"),this.settings.$next_tip.show()),/body/i.test(this.settings.$target.selector)?this.settings.$li.length&&this.pos_modal(s):(this.bottom()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top+o+this.outerHeight(this.settings.$target),left:this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"top")):this.top()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.outerHeight(this.settings.$next_tip)-o,left:this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"bottom")):this.right()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.outerWidth(this.settings.$target)+this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"left")):this.left()&&(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.settings.$target.offset().left-this.outerWidth(this.settings.$next_tip)-o}),this.nub_position(s,this.settings.tipSettings.nubPosition,"right")),!this.visible(this.corners(this.settings.$next_tip))&&this.settings.attempts').show(),/pop/i.test(this.settings.tipAnimation)?e(".joyride-modal-bg").show():e(".joyride-modal-bg").fadeIn(this.settings.tipAnimationFadeSpeed)},center:function(){var n=e(t);return this.settings.$next_tip.css({top:(n.height()-this.outerHeight(this.settings.$next_tip))/2+n.scrollTop(),left:(n.width()-this.outerWidth(this.settings.$next_tip))/2+this.scrollLeft(n)}),!0},bottom:function(){return/bottom/i.test(this.settings.tipSettings.tipLocation)},top:function(){return/top/i.test(this.settings.tipSettings.tipLocation)},right:function(){return/right/i.test(this.settings.tipSettings.tipLocation)},left:function(){return/left/i.test(this.settings.tipSettings.tipLocation)},corners:function(n){var r=e(t),i=r.width()+this.scrollLeft(r),s=r.width()+r.scrollTop();return[n.offset().top<=r.scrollTop(),i<=n.offset().left+this.outerWidth(n),s<=n.offset().top+this.outerHeight(n),this.scrollLeft(r)>=n.offset().left]},visible:function(e){var t=e.length;while(t--)if(e[t])return!1;return!0},nub_position:function(e,t,n){t==="auto"?e.addClass(n):e.addClass(t)},startTimer:function(){this.settings.$li.length?this.settings.automate=setTimeout(function(){this.hide(),this.show(),this.startTimer()}.bind(this),this.settings.timer):clearTimeout(this.settings.automate)},end:function(){this.settings.cookieMonster&&e.cookie(this.settings.cookieName,"ridden",{expires:this.settings.cookieExpires,domain:this.settings.cookieDomain}),this.settings.timer>0&&clearTimeout(this.settings.automate),e(".joyride-modal-bg").hide(),this.settings.$current_tip.hide(),this.settings.postStepCallback(this.settings.$li.index(),this.settings.$current_tip),this.settings.postRideCallback(this.settings.$li.index(),this.settings.$current_tip)},outerHTML:function(e){return e.outerHTML||(new XMLSerializer).serializeToString(e)},off:function(){e(this.scope).off(".joyride"),e(t).off(".joyride"),e(".joyride-close-tip, .joyride-next-tip, .joyride-modal-bg").off(".joyride"),e(".joyride-tip-guide, .joyride-modal-bg").remove(),clearTimeout(this.settings.automate),this.settings={}}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.magellan={name:"magellan",version:"4.0.0",settings:{activeClass:"active"},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"data_options"),typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||(this.fixed_magellan=e("[data-magellan-expedition]"),this.set_threshold(),this.last_destination=e("[data-magellan-destination]").last(),this.events()),this.settings.init):this[n].call(this,r)},events:function(){var n=this;e(this.scope).on("arrival.fndtn.magellan","[data-magellan-arrival]",function(t){var r=e(this),i=r.closest("[data-magellan-expedition]"),s=i.attr("data-magellan-active-class")||n.settings.activeClass;r.closest("[data-magellan-expedition]").find("[data-magellan-arrival]").not(r).removeClass(s),r.addClass(s)}),this.fixed_magellan.on("update-position.fndtn.magellan",function(){var t=e(this)}).trigger("update-position"),e(t).on("resize.fndtn.magellan",function(){this.fixed_magellan.trigger("update-position")}.bind(this)).on("scroll.fndtn.magellan",function(){var r=e(t).scrollTop();n.fixed_magellan.each(function(){var t=e(this);typeof t.data("magellan-top-offset")=="undefined"&&t.data("magellan-top-offset",t.offset().top),typeof t.data("magellan-fixed-position")=="undefined"&&t.data("magellan-fixed-position",!1);var i=r+n.settings.threshold>t.data("magellan-top-offset"),s=t.attr("data-magellan-top-offset" -);t.data("magellan-fixed-position")!=i&&(t.data("magellan-fixed-position",i),i?t.css({position:"fixed",top:0}):t.css({position:"",top:""}),i&&typeof s!="undefined"&&s!=0&&t.css({position:"fixed",top:s+"px"}))})}),this.last_destination.length>0&&e(t).on("scroll.fndtn.magellan",function(r){var i=e(t).scrollTop(),s=i+e(t).height(),o=Math.ceil(n.last_destination.offset().top);e("[data-magellan-destination]").each(function(){var t=e(this),r=t.attr("data-magellan-destination"),u=t.offset().top-i;u<=n.settings.threshold&&e("[data-magellan-arrival='"+r+"']").trigger("arrival"),s>=e(n.scope).height()&&o>i&&o0?this.outerHeight(this.fixed_magellan,!0):0)},off:function(){e(this.scope).off(".fndtn.magellan")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs=Foundation.libs||{},Foundation.libs.orbit={version:"4.0.0",settings:{timer_speed:1e4,animation_speed:500,bullets:!0,stack_on_small:!0,container_class:"orbit-container",stack_on_small_class:"orbit-stack-on-small",next_class:"orbit-next",prev_class:"orbit-prev",timer_container_class:"orbit-timer",timer_paused_class:"paused",timer_progress_class:"orbit-progress",slides_container_class:"orbit-slides-container",bullets_container_class:"orbit-bullets",bullets_active_class:"active",slide_number_class:"orbit-slide-number",caption_class:"orbit-caption",active_slide_class:"active",orbit_transition_class:"orbit-transitioning"},init:function(t,n,r){var i=this;typeof n=="object"&&e.extend(!0,i.settings,n),e("[data-orbit]",t).each(e.proxy(i._init,i))},_container_html:function(){var e=this;return'
    '},_bullets_container_html:function(t){var n=this,r=e('
      ');return t.each(function(t,i){var s=e('
    1. ');t===0&&s.addClass(n.settings.bullets_active_class),r.append(s)}),r},_slide_number_html:function(t,n){var r=this,i=e('
      ');return i.append(""+t+" of "+n+""),i},_timer_html:function(){var e=this;return typeof e.settings.timer_speed=="number"&&e.settings.timer_speed>0?'
      ':""},_next_html:function(){var e=this;return'Next '},_prev_html:function(){var e=this;return'Prev '},_init:function(t,n){var r=this,i=e(n),s=i.wrap(r._container_html()).parent(),o=i.children();s.append(r._prev_html()),s.append(r._next_html()),i.addClass(r.settings.slides_container_class),r.settings.stack_on_small&&s.addClass(r.settings.stack_on_small_class),s.append(r._slide_number_html(1,o.length)),s.append(r._timer_html()),r.settings.bullets&&s.after(r._bullets_container_html(o)),i.append(o.first().clone().attr("data-orbit-slide","")),i.prepend(o.last().clone().attr("data-orbit-slide","")),i.css("marginLeft","-100%"),o.first().addClass(r.settings.active_slide_class),r._init_events(i),r._init_dimensions(i),r._start_timer(i)},_init_events:function(i){var s=this,o=i.parent();e(t).on("load.fndtn.orbit",function(){i.height(""),i.height(i.height(o.height())),i.trigger("orbit:ready")}).on("resize.fndtn.orbit",function(){i.height(""),i.height(i.height(o.height()))}),e(n).on("click.fndtn.orbit","[data-orbit-link]",function(t){t.preventDefault();var n=e(t.currentTarget).attr("data-orbit-link"),r=i.find("[data-orbit-slide="+n+"]").first();r.length===1&&(s._reset_timer(i,!0),s.goto(i,r.index(),function(){}))}),o.siblings("."+s.settings.bullets_container_class).on("click.fndtn.orbit","[data-orbit-slide-number]",function(t){t.preventDefault(),s._reset_timer(i,!0),s.goto(i,e(t.currentTarget).data("orbit-slide-number"),function(){})}),o.on("orbit:after-slide-change.fndtn.orbit",function(e,t){var n=o.find("."+s.settings.slide_number_class);n.length===1&&n.replaceWith(s._slide_number_html(t.slide_number,t.total_slides))}).on("orbit:next-slide.fndtn.orbit click.fndtn.orbit","."+s.settings.next_class,function(e){e.preventDefault(),s._reset_timer(i,!0),s.goto(i,"next",function(){})}).on("orbit:prev-slide.fndtn.orbit click.fndtn.orbit","."+s.settings.prev_class,function(e){e.preventDefault(),s._reset_timer(i,!0),s.goto(i,"prev",function(){})}).on("orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit","."+s.settings.timer_container_class,function(t){t.preventDefault();var n=e(t.currentTarget).toggleClass(s.settings.timer_paused_class),r=n.closest("."+s.settings.container_class).find("."+s.settings.slides_container_class);n.hasClass(s.settings.timer_paused_class)?s._stop_timer(r):s._start_timer(r)}).on("touchstart.fndtn.orbit",function(e){var t={start_page_x:e.touches[0].pageX,start_page_y:e.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:r};o.data("swipe-transition",t),e.stopPropagation()}).on("touchmove.fndtn.orbit",function(e){if(e.touches.length>1||e.scale&&e.scale!==1)return;var t=o.data("swipe-transition");typeof t=="undefined"&&(t={}),t.delta_x=e.touches[0].pageX-t.start_page_x,typeof t.is_scrolling=="undefined"&&(t.is_scrolling=!!(t.is_scrolling||Math.abs(t.delta_x)").attr(n.extend(f(this),{type:"text"}))}e.removeAttr("name").data({"placeholder-password":!0,"placeholder-id":s}).bind("focus.placeholder",l),r.data({"placeholder-textinput":e,"placeholder-id":s}).before(e)}r=r.removeAttr("id").hide().prev().attr("id",s).show()}r.addClass("placeholder"),r[0].value=r.attr("placeholder")}else r.removeClass("placeholder")}var r="placeholder"in t.createElement("input"),i="placeholder"in t.createElement("textarea"),s=n.fn,o=n.valHooks,u,a;r&&i?(a=s.placeholder=function(){return this},a.input=a.textarea=!0):(a=s.placeholder=function(){var e=this;return e.filter((r?"textarea":":input")+"[placeholder]").not(".placeholder").bind({"focus.placeholder":l,"blur.placeholder":c}).data("placeholder-enabled",!0).trigger("blur.placeholder"),e},a.input=r,a.textarea=i,u={get:function(e){var t=n(e);return t.data("placeholder-enabled")&&t.hasClass("placeholder")?"":e.value},set:function(e,r){var i=n(e);return i.data("placeholder-enabled")?(r==""?(e.value=r,e!=t.activeElement&&c.call(e)):i.hasClass("placeholder")?l.call(e,!0,r)||(e.value=r):e.value=r,i):e.value=r}},r||(o.input=u),i||(o.textarea=u),n(function(){n(t).delegate("form","submit.placeholder",function(){var e=n(".placeholder",this).each(l);setTimeout(function(){e.each(c)},10)})}),n(e).bind("beforeunload.placeholder",function(){n(".placeholder").each(function(){this.value=""})}))}(this,document,Foundation.zj),function(e,t,n,r){"use strict";Foundation.libs.reveal={name:"reveal",version:"4.0.0",locked:!1,settings:{animation:"fadeAndPop",animationSpeed:250,closeOnBackgroundClick:!0,dismissModalClass:"close-reveal-modal",bgClass:"reveal-modal-bg",open:function(){},opened:function(){},close:function(){},closed:function(){},bg:e(".reveal-modal-bg"),css:{open:{opacity:0,visibility:"visible",display:"block"},close:{opacity:1,visibility:"hidden",display:"none"}}},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"data_options delay"),typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var t=this;e(this.scope).on("click.fndtn.reveal","[data-reveal-id]",function(n){n.preventDefault(),t.locked||(t.locked=!0,t.open.call(t,e(this)))}).on("click.fndtn.reveal touchend.click.fndtn.reveal",this.close_targets(),function(n){t.locked||(t.locked=!0,t.close.call(t,e(this).closest(".reveal-modal")))}).on("open.fndtn.reveal",".reveal-modal",this.settings.open).on("opened.fndtn.reveal",".reveal-modal",this.settings.opened).on("opened.fndtn.reveal",".reveal-modal",this.open_video).on("close.fndtn.reveal",".reveal-modal",this.settings.close).on("closed.fndtn.reveal",".reveal-modal",this.settings.closed).on("closed.fndtn.reveal",".reveal-modal",this.close_video)},open:function(t){var n=e("#"+t.data("reveal-id")),r=e(".reveal-modal.open");this.offset=this.cache_offset(n),n.trigger("open"),r.length<1&&this.toggle_bg(n),this.toggle_modals(r,n)},close:function(t){this.locked=!0;var n=e(".reveal-modal.open").not(t);t.trigger("close"),this.toggle_bg(t),this.toggle_modals(n,t)},close_targets:function(){var e="."+this.settings.dismissModalClass;return this.settings.closeOnBackgroundClick?e+", ."+this.settings.bgClass:e},toggle_modals:function(e,t){e.length>0&&this.hide(e,this.settings.css.close),t.filter(":visible").length>0?this.hide(t,this.settings.css.close):this.show(t,this.settings.css.open)},toggle_bg:function(t){this.settings.bg.length===0&&(this.settings.bg=e("
      ",{"class":this.settings.bgClass}).insertAfter(t)),this.settings.bg.filter(":visible").length>0?this.hide(this.settings.bg):this.show(this.settings.bg)},show:function(n,r){if(r){if(/pop/i.test(this.settings.animation)){r.top=e(t).scrollTop()-this.offset+"px";var i={top:e(t).scrollTop()+parseInt(n.css("top"),10)+"px",opacity:1};return this.delay(function(){return n.css(r).animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),this.settings.animationSpeed/2)}if(/fade/i.test(this.settings.animation)){var i={opacity:1};return this.delay(function(){return n.css(r).animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),this.settings.animationSpeed/2)}return n.css(r).show().css({opacity:1}).addClass("open").trigger("opened")}return/fade/i.test(this.settings.animation)?n.fadeIn(this.settings.animationSpeed/2):n.show()},hide:function(e,t){if(t){if(/pop/i.test(this.settings.animation)){var n={opacity:0};return this.delay(function(){return e.animate(n,this.settings.animationSpeed,"linear",function(){this.locked=!1,e.css(t).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),this.settings.animationSpeed/2)}if(/fade/i.test(this.settings.animation)){var n={opacity:0};return this.delay(function(){return e.animate(n,this.settings.animationSpeed,"linear",function(){this.locked=!1,e.css(t).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),this.settings.animationSpeed/2)}return e.hide().css(t).removeClass("open").trigger("closed")}return/fade/i.test(this.settings.animation)?e.fadeOut(this.settings.animationSpeed/2):e.hide()},close_video:function(t){var n=e(this).find(".flex-video"),r=n.find("iframe");r.length>0&&(r.attr("data-src",r[0].src),r.attr("src","about:blank"),n.fadeOut(100).hide())},open_video:function(t){var n=e(this).find(".flex-video"),r=n.find("iframe");if(r.length>0){var i=r.attr("data-src");typeof i=="string"&&(r[0].src=r.attr("data-src")),n.show().fadeIn(100)}},cache_offset:function(e){var t=e.show().height()+parseInt(e.css("top"),10);return e.hide(),t},off:function(){e(this.scope).off(".fndtn.reveal")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.section={name:"section",version:"4.0.0",settings:{deep_linking:!1,one_up:!0,callback:function(){}},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"throttle data_options"),typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.set_active_from_hash(),this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var n=this;e(this.scope).on("click.fndtn.section","[data-section] .title",function(t){e.extend(!0,n.settings,n.data_options(e(this).closest("[data-section]"))),n.toggle_active.call(this,t,n)}),e(t).on("resize.fndtn.section",n.throttle(function(){n.resize.call(this)},30)).trigger("resize"),this.settings.init=!0},toggle_active:function(t,n){var r=e(this),i=r.closest("section, .section"),s=i.find(".content"),o=i.closest("[data-section]"),n=Foundation.libs.section;!n.settings.deep_linking&&s.length>0&&t.preventDefault();if(i.hasClass("active"))(n.small(o)||n.is_vertical(o)||n.is_accordion(o))&&i.removeClass("active").attr("style","");else{if(n.small(o)||n.settings.one_up)r.closest("[data-section]").find("section, .section").removeClass("active").attr("style",""),i.css("padding-top",n.outerHeight(i.find(".title"))-1);n.small(o)&&i.attr("style",""),i.addClass("active")}n.settings.callback()},resize:function(){var t=e("[data-section]"),n=Foundation.libs.section;t.each(function(){var t=e(this),r=t.find("section.active, .section.active");if(r.length>1)r.not(":first").removeClass("active").attr("style","");else if(r.length<1&&!n.is_vertical(t)&&!n.is_accordion(t)){var i=t.find("section, .section").first();i.addClass("active"),n.small(t)?i.attr("style",""):i.css("padding-top",n.outerHeight(i.find(".title"))-1)}n.small(t)?r.attr("style",""):r.css("padding-top",n.outerHeight(r.find(".title"))-1),n.position_titles(t)})},is_vertical:function(e){return e.hasClass("vertical-nav")},is_accordion:function(e){return e.hasClass("accordion")},set_active_from_hash:function(){var n=t.location.hash.substring(1),r=e("[data-section]");self=this,r.each(function(){var t=e(this);e.extend(!0,self.settings,self.data_options(t)),n.length>0&&self.settings.deep_linking&&t.find('.content[data-slug="'+n+'"]').closest("section, .section").addClass("active")})},position_titles:function(t,n){var r=t.find(".title"),i=0,s=this;typeof n=="boolean"?r.attr("style",""):r.each(function(){e(this).css("left",i),i+=s.outerWidth(e(this))})},small:function(t){return t&&this.is_accordion(t)?!0:e("html").hasClass("lt-ie9")?!0:e(this.scope).width()<768},off:function(){e(this.scope).off(".fndtn.section"),e(t).off(".fndtn.section"),this.settings.init=!1}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.tooltips={name:"tooltips",version:"4.0.2",settings:{selector:".has-tip",additionalInheritableClasses:[],tooltipClass:".tooltip",tipTemplate:function(e,t){return''+t+''}},cache:{},init:function(t,n,r){var i=this;this.scope=t||this.scope,typeof n=="object"&&e.extend(!0,this.settings,n);if(typeof n=="string")return this[n].call(this,r);Modernizr.touch?e(this.scope).on("click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip","[data-tooltip]",function(t){t.preventDefault(),e(i.settings.tooltipClass).hide(),i.showOrCreateTip(e(this))}).on("click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip",this.settings.tooltipClass,function(t){t.preventDefault(),e(this).fadeOut(150)}):e(this.scope).on("mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip","[data-tooltip]",function(t){var n=e(this);t.type==="mouseover"||t.type==="mouseenter"?i.showOrCreateTip(n):(t.type==="mouseout"||t.type==="mouseleave")&&i.hide(n)})},showOrCreateTip:function(e){var t=this.getTip(e);return t&&t.length>0?this.show(e):this.create(e)},getTip:function(t){var n=this.selector(t),r=null;return n&&(r=e("span[data-selector="+n+"]"+this.settings.tooltipClass)),typeof r=="object"?r:!1},selector:function(e){var t=e.attr("id"),n=e.attr("data-tooltip")||e.attr("data-selector");return(t&&t.length<1||!t)&&typeof n!="string"&&(n="tooltip"+Math.random().toString(36).substring(7),e.attr("data-selector",n)),t&&t.length>0?t:n},create:function(t){var n=e(this.settings.tipTemplate(this.selector(t),e("
      ").html(t.attr("title")).html())),r=this.inheritable_classes(t);n.addClass(r).appendTo("body"),Modernizr.touch&&n.append('tap to close '),t.removeAttr("title").attr("title",""),this.show(t)},reposition:function(n,r,i){var s,o,u,a,f,l;r.css("visibility","hidden").show(),s=n.data("width"),o=r.children(".nub"),u=this.outerHeight(o),a=this.outerHeight(o),l=function(e,t,n,r,i,s){return e.css({top:t?t:"auto",bottom:r?r:"auto",left:i?i:"auto",right:n?n:"auto",width:s?s:"auto"}).end()},l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",n.offset().left,s),e(t).width()<767?(l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",12.5,e(this.scope).width()),r.addClass("tip-override"),l(o,-u,"auto","auto",n.offset().left)):(l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",n.offset().left,s),r.removeClass("tip-override"),i&&i.indexOf("tip-top")>-1?l(r,n.offset().top-this.outerHeight(r),"auto","auto",n.offset().left,s).removeClass("tip-override"):i&&i.indexOf("tip-left")>-1?l(r,n.offset().top+this.outerHeight(n)/2-u*2.5,"auto","auto",n.offset().left-this.outerWidth(r)-u,s).removeClass("tip-override"):i&&i.indexOf("tip-right")>-1&&l(r,n.offset().top+this.outerHeight(n)/2-u*2.5,"auto","auto",n.offset().left+this.outerWidth(n)+u,s).removeClass("tip-override")),r.css("visibility","visible").hide()},inheritable_classes:function(t){var n=["tip-top","tip-left","tip-bottom","tip-right","noradius"].concat(this.settings.additionalInheritableClasses),r=t.attr("class"),i=r?e.map(r.split(" "),function(t,r){if(e.inArray(t,n)!==-1)return t}).join(" "):"";return e.trim(i)},show:function(e){var t=this.getTip(e);this.reposition(e,t,e.attr("class")),t.fadeIn(150)},hide:function(e){var t=this.getTip(e);t.fadeOut(150)},reload:function(){var t=e(this);return t.data("fndtn-tooltips")?t.foundationTooltips("destroy").foundationTooltips("init"):t.foundationTooltips("init")},off:function(){e(this.scope).off(".fndtn.tooltip"),e(this.settings.tooltipClass).each(function(t){e("[data-tooltip]").get(t).attr("title",e(this).text())}).remove()}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.topbar={name:"topbar",version:"4.0.2",settings:{index:0,stickyClass:"sticky",init:!1},init:function(n,r,i){var s=this;return this.scope=n||this.scope,typeof r=="object"&&e.extend(!0,this.settings,r),typeof r!="string"?(e("nav.top-bar").each(function(){s.settings.$w=e(t),s.settings.$topbar=e(this),s.settings.$section=s.settings.$topbar.find("section"),s.settings.$titlebar=s.settings.$topbar.children("ul").first(),s.settings.$topbar.data("index",0);var n=e("
      ").insertAfter(s.settings.$topbar);s.settings.breakPoint=n.width(),n.remove(),s.assemble(),s.settings.$topbar.data("height")||s.largestUL(),s.settings.$topbar.parent().hasClass("fixed")&&e("body").css("padding-top",this.outerHeight(this.settings.$topbar))}),s.settings.init||this.events(),this.settings.init):this[r].call(this,i)},events:function(){var n=this;e(this.scope).on("click.fndtn.topbar",".top-bar .toggle-topbar",function(t){var r=e(this).closest(".top-bar"),i=r.find("section, .section"),s=r.children("ul").first();t.preventDefault(),n.breakpoint()&&r.toggleClass("expanded").css("min-height",""),r.hasClass("expanded")||(i.css({left:"0%"}),i.find(">.name").css({left:"100%"}),i.find("li.moved").removeClass("moved"),r.data("index",0))}).on("click.fndtn.topbar",".top-bar .has-dropdown>a",function(t){var r=e(this).closest(".top-bar"),i=r.find("section, .section"),s=r.children("ul").first();(Modernizr.touch||n.breakpoint())&&t.preventDefault();if(n.breakpoint()){var o=e(this),u=o.closest("li");r.data("index",r.data("index")+1),u.addClass("moved"),i.css({left:-(100*r.data("index"))+"%"}),i.find(">.name").css({left:100*r.data("index")+"%"}),o.siblings("ul").height(r.data("height")+n.outerHeight(s,!0)),r.css("min-height",r.data("height")+n.outerHeight(s,!0)*2)}}),e(t).on("resize.fndtn.topbar",function(){this.breakpoint()||e(".top-bar").css("min-height","")}.bind(this)),e(this.scope).on("click.fndtn",".top-bar .has-dropdown .back",function(t){t.preventDefault();var n=e(this),r=n.closest(".top-bar"),i=r.find("section, .section"),s=n.closest("li.moved"),o=s.parent();r.data("index",r.data("index")-1),i.css({left:-(100*r.data("index"))+"%"}),i.find(">.name").css({left:100*r.data("index")+"%"}),r.data("index")===0&&r.css("min-height",0),setTimeout(function(){s.removeClass("moved")},300)})},breakpoint:function(){return e(t).width()<=this.settings.breakPoint||e("html").hasClass("lt-ie9")},assemble:function(){this.settings.$section.detach(),this.settings.$section.find(".has-dropdown>a").each(function(){var t=e(this),n=t.siblings(".dropdown"),r=e('
    2. « Back
      3. ');n.prepend(r)}),this.settings.$section.appendTo(this.settings.$topbar),this.sticky()},largestUL:function(){var t=this.settings.$topbar.find("section ul ul"),n=t.first(),r=0,i=this;t.each(function(){e(this).children("li").length>n.children("li").length&&(n=e(this))}),n.children("li").each(function(){r+=i.outerHeight(e(this),!0)}),this.settings.$topbar.data("height",r)},sticky:function(){var n="."+this.stickyClass;if(e(n).length>0){var r=e(n).length?e(n).offset().top:0,i=e(t),s=this.outerHeight(e("nav.top-bar"))+20;i.scroll(function(){i.scrollTop()>=r?(e(n).addClass("fixed"),e("body").css("padding-top",s)):i.scrollTop()>>0;if(typeof e!="function")try{throw new TypeError}catch(r){return}var i=[],s=arguments[1];for(var o=0;o0)for(var f=o.length-1;f>=0;f--)a.push(this.init_lib(o[f],u))}else for(var l in this.libs)a.push(this.init_lib(l,u));return typeof t=="function"&&u.unshift(t),this.response_obj(a,u)},response_obj:function(e,t){for(var n in t)if(typeof t[n]=="function")return t[n]({errors:e.filter(function(e){if(typeof e=="string")return e})});return e},init_lib:function(e,t){return this.trap(function(){if(this.libs.hasOwnProperty(e))return this.patch(this.libs[e]),this.libs[e].init.apply(this.libs[e],t)}.bind(this),e)},trap:function(e,t){if(!this.nc)try{return e()}catch(n){return this.error({name:t,message:"could not be initialized",more:n.name+" "+n.message})}return e()},patch:function(e){this.fix_outer(e)},inherit:function(e,t){var n=t.split(" ");for(var r=n.length-1;r>=0;r--)this.lib_methods.hasOwnProperty(n[r])&&(this.libs[e.name][n[r]]=this.lib_methods[n[r]])},random_str:function(e){var t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz".split("");e||(e=Math.floor(Math.random()*t.length));var n="";for(var r=0;r=0;r--)i=s[r].split(":"),/true/i.test(i[1])&&(i[1]=!0),/false/i.test(i[1])&&(i[1]=!1),u(i[1])&&(i[1]=parseInt(i[1],10)),i.length===2&&i[0].length>0&&(n[a(i[0])]=a(i[1]));return n},delay:function(e,t){return setTimeout(e,t)},scrollTo:function(n,r,i){if(i<0)return;var s=r-e(t).scrollTop(),o=s/i*10;this.scrollToTimerCache=setTimeout(function(){isNaN(parseInt(o,10))||(t.scrollTo(0,e(t).scrollTop()+o),this.scrollTo(n,r,i-10))}.bind(this),10)},scrollLeft:function(e){if(!e.length)return;return"scrollLeft"in e[0]?e[0].scrollLeft:e[0].pageXOffset},empty:function(e){if(e.length&&e.length>0)return!1;if(e.length&&e.length===0)return!0;for(var t in e)if(hasOwnProperty.call(e,t))return!1;return!0}},fix_outer:function(e){e.outerHeight=function(e,t){return typeof Zepto=="function"?e.height():typeof t!="undefined"?e.outerHeight(t):e.outerHeight()},e.outerWidth=function(e){return typeof Zepto=="function"?e.width():typeof bool!="undefined"?e.outerWidth(bool):e.outerWidth()}},error:function(e){return e.name+" "+e.message+"; "+e.more},off:function(){return e(this.scope).off(".fndtn"),e(t).off(".fndtn"),!0},zj:function(){try{return Zepto}catch(e){return jQuery}}()},e.fn.foundation=function(){var e=Array.prototype.slice.call(arguments,0);return this.each(function(){return Foundation.init.apply(Foundation,[this].concat(e)),this})}}(this,this.document)})(libFuncName),function(e,t,n,r){"use strict";Foundation.libs.alerts={name:"alerts",version:"4.0.0",settings:{speed:300,callback:function(){}},init:function(t,n,r){return this.scope=t||this.scope,typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var t=this;e(this.scope).on("click.fndtn.alerts","[data-alert] a.close",function(n){n.preventDefault(),e(this).closest("[data-alert]").fadeOut(t.speed,function(){e(this).remove(),t.settings.callback()})}),this.settings.init=!0},off:function(){e(this.scope).off(".fndtn.alerts")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.clearing={name:"clearing",version:"4.0.0",settings:{templates:{viewing:'×'},close_selectors:".clearing-close",init:!1,locked:!1},init:function(t,n,r){return this.scope=this.scope||t,Foundation.inherit(this,"set_data get_data remove_data throttle"),typeof n=="object"&&(r=e.extend(!0,this.settings,n)),typeof n!="string"?(e(this.scope).find("ul[data-clearing]").each(function(){var t=Foundation.libs.clearing,n=e(this),r=r||{},i=t.get_data(n);i||(r.$parent=n.parent(),t.set_data(n,e.extend(!0,t.settings,r)),t.assemble(n.find("li")),t.settings.init||t.events().swipe_events())}),this.settings.init):this[n].call(this,r)},events:function(){var n=this;return e(this.scope).on("click.fndtn.clearing","ul[data-clearing] li",function(t,r,i){var r=r||e(this),i=i||r,s=n.get_data(r.parent());t.preventDefault(),s||n.init(),n.open(e(t.target),r,i),n.update_paddles(i)}).on("click.fndtn.clearing",".clearing-main-right",function(e){this.nav(e,"next")}.bind(this)).on("click.fndtn.clearing",".clearing-main-left",function(e){this.nav(e,"prev")}.bind(this)).on("click.fndtn.clearing",this.settings.close_selectors,function(e){Foundation.libs.clearing.close(e,this)}).on("keydown.fndtn.clearing",function(e){this.keydown(e)}.bind(this)),e(t).on("resize.fndtn.clearing",function(e){this.resize()}.bind(this)),this.settings.init=!0,this},swipe_events:function(){var t=this;e(this.scope).on("touchstart.fndtn.clearing",".visible-img",function(t){t.touches||(t=t.originalEvent);var n={start_page_x:t.touches[0].pageX,start_page_y:t.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:r};e(this).data("swipe-transition",n),t.stopPropagation()}).on("touchmove.fndtn.clearing",".visible-img",function(n){n.touches||(n=n.originalEvent);if(n.touches.length>1||n.scale&&n.scale!==1)return;var r=e(this).data("swipe-transition");typeof r=="undefined"&&(r={}),r.delta_x=n.touches[0].pageX-r.start_page_x,typeof r.is_scrolling=="undefined"&&(r.is_scrolling=!!(r.is_scrolling||Math.abs(r.delta_x)'+this.outerHTML(r[0])+"
      ",viewing:n.templates.viewing},s='
      '+i.viewing+i.grid+"
      ";return n.$parent.append(s)},open:function(e,t,n){var r=n.closest(".clearing-assembled"),i=r.find("div").first(),s=i.find(".visible-img"),o=s.find("img").not(e);this.locked()||(o.attr("src",this.load(e)),this.loaded(o,function(){r.addClass("clearing-blackout"),i.addClass("clearing-container"),s.show(),this.fix_height(n).caption(s.find(".clearing-caption"),e).center(o).shift(t,n,function(){n.siblings().removeClass("visible"),n.addClass("visible")})}.bind(this)))},close:function(t,n){t.preventDefault();var r=function(e){return/blackout/.test(e.selector)?e:e.closest(".clearing-blackout")}(e(n)),i,s;return n===t.target&&r&&(i=r.find("div").first(),s=i.find(".visible-img"),this.settings.prev_index=0,r.find("ul[data-clearing]").attr("style","").closest(".clearing-blackout").removeClass("clearing-blackout"),i.removeClass("clearing-container"),s.hide()),!1},keydown:function(t){var n=e(".clearing-blackout").find("ul[data-clearing]");t.which===39&&this.go(n,"next"),t.which===37&&this.go(n,"prev"),t.which===27&&e("a.clearing-close").trigger("click")},nav:function(t,n){var r=e(".clearing-blackout").find("ul[data-clearing]");t.preventDefault(),this.go(r,n)},resize:function(){var t=e(".clearing-blackout .visible-img").find("img");t.length&&this.center(t)},fix_height:function(t){var n=t.parent().children(),r=this;return n.each(function(){var t=e(this),n=t.find("img");t.height()>r.outerHeight(n)&&t.addClass("fix-height")}).closest("ul").width(n.length*100+"%"),this},update_paddles:function(e){var t=e.closest(".carousel").siblings(".visible-img");e.next().length?t.find(".clearing-main-right").removeClass("disabled"):t.find(".clearing-main-right").addClass("disabled"),e.prev().length?t.find(".clearing-main-left").removeClass("disabled"):t.find(".clearing-main-left").addClass("disabled")},center:function(e){return e.css({marginLeft:-(this.outerWidth(e)/2),marginTop:-(this.outerHeight(e)/2)}),this},load:function(e){var t=e.parent().attr("href");return this.preload(e),t?t:e.attr("src")},preload:function(e){this.img(e.closest("li").next()).img(e.closest("li").prev())},loaded:function(e,t){function n(){t()}function r(){this.one("load",n);if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var e=this.attr("src"),t=e.match(/\?/)?"&":"?";t+="random="+(new Date).getTime(),this.attr("src",e+t)}}if(!e.attr("src")){n();return}this.complete||this.readyState===4?n():r.call(e)},img:function(e){if(e.length){var t=new Image,n=e.find("a");n.length?t.src=n.attr("href"):t.src=e.find("img").attr("src")}return this},caption:function(e,t){var n=t.data("caption");return n?e.text(n).show():e.text("").hide(),this},go:function(e,t){var n=e.find(".visible"),r=n[t]();r.length&&r.find("img").trigger("click",[n,r])},shift:function(e,t,n){var r=t.parent(),i=this.settings.prev_index||t.index(),s=this.direction(r,e,t),o=parseInt(r.css("left"),10),u=this.outerWidth(t),a;t.index()!==i&&!/skip/.test(s)?/left/.test(s)?(this.lock(),r.animate({left:o+u},300,this.unlock())):/right/.test(s)&&(this.lock(),r.animate({left:o-u},300,this.unlock())):/skip/.test(s)&&(a=t.index()-this.settings.up_count,this.lock(),a>0?r.animate({left:-(a*u)},300,this.unlock()):r.animate({left:0},300,this.unlock())),n()},direction:function(t,n,r){var i=t.find("li"),s=this.outerWidth(i)+this.outerWidth(i)/4,o=Math.floor(this.outerWidth(e(".clearing-container"))/s)-1,u=i.index(r),a;return this.settings.up_count=o,this.adjacent(this.settings.prev_index,u)?u>o&&u>this.settings.prev_index?a="right":u>o-1&&u<=this.settings.prev_index?a="left":a=!1:a="skip",this.settings.prev_index=u,a},adjacent:function(e,t){for(var n=t+1;n>=t-1;n--)if(n===e)return!0;return!1},lock:function(){this.settings.locked=!0},unlock:function(){this.settings.locked=!1},locked:function(){return this.settings.locked},outerHTML:function(e){return e.outerHTML||(new XMLSerializer).serializeToString(e)},off:function(){e(this.scope).off(".fndtn.clearing"),e(t).off(".fndtn.clearing"),this.remove_data(),this.settings.init=!1}}}(Foundation.zj,this,this.document),function(e,t,n){function i(e){return e}function s(e){return decodeURIComponent(e.replace(r," "))}var r=/\+/g,o=e.cookie=function(r,u,a){if(u!==n){a=e.extend({},o.defaults,a),u===null&&(a.expires=-1);if(typeof a.expires=="number"){var f=a.expires,l=a.expires=new Date;l.setDate(l.getDate()+f)}return u=o.json?JSON.stringify(u):String(u),t.cookie=[encodeURIComponent(r),"=",o.raw?u:encodeURIComponent(u),a.expires?"; expires="+a.expires.toUTCString():"",a.path?"; path="+a.path:"",a.domain?"; domain="+a.domain:"",a.secure?"; secure":""].join("")}var c=o.raw?i:s,h=t.cookie.split("; ");for(var p=0,d=h.length;pthis.outerWidth(n)+r.offset().left)var s=i.left;else{n.hasClass("right")||n.addClass("right");var s=i.left-(this.outerWidth(n)-this.outerWidth(r))}n.attr("style","").css({position:"absolute",top:i.top+this.outerHeight(r),left:s})}return n},small:function(){return e(t).width()<768||e("html").hasClass("lt-ie9")},off:function(){e(this.scope).off(".fndtn.dropdown"),e("html, body").off(".fndtn.dropdown"),e(t).off(".fndtn.dropdown"),e("[data-dropdown-content]").off(".fndtn.dropdown"),this.settings.init=!1}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.forms={name:"forms",version:"4.0.4",settings:{disable_class:"no-custom"},init:function(t,n,r){return this.scope=t||this.scope,typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||this.events(),this.assemble(),this.settings.init):this[n].call(this,r)},assemble:function(){e('form.custom input[type="radio"]',e(this.scope)).not('[data-customforms="disabled"]').each(this.append_custom_markup),e('form.custom input[type="checkbox"]',e(this.scope)).not('[data-customforms="disabled"]').each(this.append_custom_markup),e("form.custom select",e(this.scope)).not('[data-customforms="disabled"]').each(this.append_custom_select)},events:function(){var t=this;e(this.scope).on("change.fndtn.forms",'form.custom select:not([data-customforms="disabled"])',function(n){t.refresh_custom_select(e(this))}).on("click.fndtn.forms","form.custom label",function(n){var r=e("#"+t.escape(e(this).attr("for"))+':not([data-customforms="disabled"])'),i,s;r.length!==0&&(r.attr("type")==="checkbox"?(n.preventDefault(),i=e(this).find("span.custom.checkbox"),i.length==0&&(i=e(this).next("span.custom.checkbox")),i.length==0&&(i=e(this).prev("span.custom.checkbox")),t.toggle_checkbox(i)):r.attr("type")==="radio"&&(n.preventDefault(),s=e(this).find("span.custom.radio"),s.length==0&&(s=e(this).next("span.custom.radio")),s.length==0&&(s=e(this).prev("span.custom.radio")),t.toggle_radio(s)))}).on("click.fndtn.forms","form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector",function(n){var r=e(this),i=r.closest("div.custom.dropdown"),s=i.prev();i.hasClass("open")||e(t.scope).trigger("click"),n.preventDefault();if(!1===s.is(":disabled"))return i.toggleClass("open"),i.hasClass("open")?e(t.scope).on("click.fndtn.forms.customdropdown",function(){i.removeClass("open"),e(t.scope).off(".fndtn.forms.customdropdown")}):e(t.scope).on(".fndtn.forms.customdropdown"),!1}).on("click.fndtn.forms touchend.fndtn.forms","form.custom div.custom.dropdown li",function(t){var n=e(this),r=n.closest("div.custom.dropdown"),i=r.prev(),s=0;t.preventDefault(),t.stopPropagation();if(!e(this).hasClass("disabled")){e("div.dropdown").not(r).removeClass("open");var o=n.closest("ul").find("li.selected");o.removeClass("selected"),n.addClass("selected"),r.removeClass("open").find("a.current").html(n.html()),n.closest("ul").find("li").each(function(e){n[0]==this&&(s=e)}),i[0].selectedIndex=s,i.data("prevalue",o.html()),i.trigger("change")}}),this.settings.init=!0},append_custom_markup:function(t,n){var r=e(n).hide(),i=r.attr("type"),s=r.next("span.custom."+i);s.length===0&&(s=e('').insertAfter(r)),s.toggleClass("checked",r.is(":checked")),s.toggleClass("disabled",r.is(":disabled"))},append_custom_select:function(t,n){var r=Foundation.libs.forms,i=e(n),s=i.next("div.custom.dropdown"),o=s.find("ul"),u=s.find(".current"),a=s.find(".selector"),f=i.find("option"),l=f.filter(":selected"),c=i.attr("class")?i.attr("class").split(" "):[],h=0,p="",d,v=!1;if(i.hasClass(r.settings.disable_class))return;if(s.length===0){var m=i.hasClass("small")?"small":i.hasClass("medium")?"medium":i.hasClass("large")?"large":i.hasClass("expand")?"expand":"";s=e('
        '),a=s.find(".selector"),o=s.find("ul"),p=f.map(function(){return"
      • "+e(this).html()+"
        • "}).get().join(""),o.append(p),v=s.prepend(''+l.html()+"").find(".current"),i.after(s).hide()}else p=f.map(function(){return"
      • "+e(this).html()+"
        • "}).get().join(""),o.html("").append(p);s.toggleClass("disabled",i.is(":disabled")),d=o.find("li"),f.each(function(t){this.selected&&(d.eq(t).addClass("selected"),v&&v.html(e(this).html())),e(this).is(":disabled")&&d.eq(t).addClass("disabled")});if(!s.is(".small, .medium, .large, .expand")){s.addClass("open");var r=Foundation.libs.forms;r.hidden_fix.adjust(o),h=r.outerWidth(d)>h?r.outerWidth(d):h,Foundation.libs.forms.hidden_fix.reset(),s.removeClass("open")}},refresh_custom_select:function(t){var n=this,r=0,i=t.next(),s=t.find("option");i.find("ul").html(""),s.each(function(){var t=e("
      • "+e(this).html()+"
        • ");i.find("ul").append(t)}),s.each(function(t){this.selected&&(i.find("li").eq(t).addClass("selected"),i.find(".current").html(e(this).html())),e(this).is(":disabled")&&i.find("li").eq(t).addClass("disabled")}),i.removeAttr("style").find("ul").removeAttr("style"),i.find("li").each(function(){i.addClass("open"),n.outerWidth(e(this))>r&&(r=n.outerWidth(e(this))),i.removeClass("open")})},toggle_checkbox:function(e){var t=e.prev(),n=t[0];!1===t.is(":disabled")&&(n.checked=n.checked?!1:!0,e.toggleClass("checked"),t.trigger("change"))},toggle_radio:function(e){var t=e.prev(),n=t.closest("form.custom"),r=t[0];!1===t.is(":disabled")&&(n.find('input[type="radio"][name="'+this.escape(t.attr("name"))+'"]').next().not(e).removeClass("checked"),e.hasClass("checked")||e.toggleClass("checked"),r.checked=e.hasClass("checked"),t.trigger("change"))},escape:function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},hidden_fix:{tmp:[],hidden:null,adjust:function(t){var n=this;n.hidden=t.parents().andSelf().filter(":hidden"),n.hidden.each(function(){var t=e(this);n.tmp.push(t.attr("style")),t.css({visibility:"hidden",display:"block"})})},reset:function(){var t=this;t.hidden.each(function(n){var i=e(this),s=t.tmp[n];s===r?i.removeAttr("style"):i.attr("style",s)}),t.tmp=[],t.hidden=null}},off:function(){e(this.scope).off(".fndtn.forms")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.joyride={name:"joyride",version:"4.0.0",defaults:{tipLocation:"bottom",nubPosition:"auto",scrollSpeed:300,timer:0,startTimerOnClick:!0,startOffset:0,nextButton:!0,tipAnimation:"fade",pauseAfter:[],tipAnimationFadeSpeed:300,cookieMonster:!1,cookieName:"joyride",cookieDomain:!1,cookieExpires:365,tipContainer:"body",postRideCallback:function(){},postStepCallback:function(){},template:{link:'×',timer:'
        ',tip:'
        ',wrapper:'
        ',button:''}},settings:{},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"throttle data_options scrollTo scrollLeft delay"),typeof n=="object"?e.extend(!0,this.settings,this.defaults,n):e.extend(!0,this.settings,this.defaults,r),typeof n!="string"?(this.settings.init||this.events(),this.settings.init):this[n].call(this,r)},events:function(){var n=this;e(this.scope).on("click.joyride",".joyride-next-tip, .joyride-modal-bg",function(e){e.preventDefault(),this.settings.$li.next().length<1?this.end():this.settings.timer>0?(clearTimeout(this.settings.automate),this.hide(),this.show(),this.startTimer()):(this.hide(),this.show())}.bind(this)).on("click.joyride",".joyride-close-tip",function(e){e.preventDefault(),this.end()}.bind(this)),e(t).on("resize.fndtn.joyride",n.throttle(function(){e("[data-joyride]").length>0&&n.settings.$next_tip&&(n.is_phone()?n.pos_phone():n.pos_default())},100)),this.settings.init=!0},start:function(){var t=this,n=e(this.scope).find("[data-joyride]"),r=["timer","scrollSpeed","startOffset","tipAnimationFadeSpeed","cookieExpires"],i=r.length;this.settings.init||this.init(),this.settings.$content_el=n,this.settings.body_offset=e(this.settings.tipContainer).position(),this.settings.$tip_content=this.settings.$content_el.find("> li"),this.settings.paused=!1,this.settings.attempts=0,this.settings.tipLocationPatterns={top:["bottom"],bottom:[],left:["right","top","bottom"],right:["left","top","bottom"]},typeof e.cookie!="function"&&(this.settings.cookieMonster=!1);if(!this.settings.cookieMonster||this.settings.cookieMonster&&e.cookie(this.settings.cookieName)===null)this.settings.$tip_content.each(function(n){var s=e(this);e.extend(!0,t.settings,t.data_options(s));for(var o=i-1;o>=0;o--)t.settings[r[o]]=parseInt(t.settings[r[o]],10);t.create({$li:s,index:n})}),!this.settings.startTimerOnClick&&this.settings.timer>0?(this.show("init"),this.startTimer()):this.show("init")},resume:function(){this.set_li(),this.show()},tip_template:function(t){var n,r;return t.tip_class=t.tip_class||"",n=e(this.settings.template.tip).addClass(t.tip_class),r=e.trim(e(t.li).html())+this.button_text(t.button_text)+this.settings.template.link+this.timer_instance(t.index),n.append(e(this.settings.template.wrapper)),n.first().attr("data-index",t.index),e(".joyride-content-wrapper",n).append(r),n[0]},timer_instance:function(t){var n;return t===0&&this.settings.startTimerOnClick&&this.settings.timer>0||this.settings.timer===0?n="":n=this.outerHTML(e(this.settings.template.timer)[0]),n},button_text:function(t){return this.settings.nextButton?(t=e.trim(t)||"Next",t=this.outerHTML(e(this.settings.template.button).append(t)[0])):t="",t},create:function(t){var n=t.$li.attr("data-button")||t.$li.attr("data-text"),r=t.$li.attr("class"),i=e(this.tip_template({tip_class:r,index:t.index,button_text:n,li:t.$li}));e(this.settings.tipContainer).append(i)},show:function(t){var n=null;this.settings.$li===r||e.inArray(this.settings.$li.index(),this.settings.pauseAfter)===-1?(this.settings.paused?this.settings.paused=!1:this.set_li(t),this.settings.attempts=0,this.settings.$li.length&&this.settings.$target.length>0?(this.settings.tipSettings=e.extend(this.settings,this.data_options(this.settings.$li)),this.settings.timer=parseInt(this.settings.timer,10),this.settings.tipSettings.tipLocationPattern=this.settings.tipLocationPatterns[this.settings.tipSettings.tipLocation],/body/i.test(this.settings.$target.selector)||this.scroll_to(),this.is_phone()?this.pos_phone(!0):this.pos_default(!0),n=this.settings.$next_tip.find(".joyride-timer-indicator"),/pop/i.test(this.settings.tipAnimation)?(n.width(0),thsi.settings.timer>0?(this.settings.$next_tip.show(),this.delay(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tipAnimationFadeSpeed)):this.settings.$next_tip.show()):/fade/i.test(this.settings.tipAnimation)&&(n.width(0),this.settings.timer>0?(this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed).show(),this.delay(function(){n.animate({width:n.parent().width()},this.settings.timer,"linear")}.bind(this),this.settings.tipAnimationFadeSpeed)):this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed)),this.settings.$current_tip=this.settings.$next_tip):this.settings.$li&&this.settings.$target.length<1?this.show():this.end()):this.settings.paused=!0},is_phone:function(){return Modernizr?Modernizr.mq("only screen and (max-width: 767px)")||e(".lt-ie9").length>0:this.settings.$window.width()<767?!0:!1},hide:function(){this.settings.postStepCallback(this.settings.$li.index(),this.settings.$current_tip),e(".joyride-modal-bg").hide(),this.settings.$current_tip.hide()},set_li:function(e){e?(this.settings.$li=this.settings.$tip_content.eq(this.settings.startOffset),this.set_next_tip(),this.settings.$current_tip=this.settings.$next_tip):(this.settings.$li=this.settings.$li.next(),this.set_next_tip()),this.set_target()},set_next_tip:function(){this.settings.$next_tip=e(".joyride-tip-guide[data-index='"+this.settings.$li.index()+"']"),this.settings.$next_tip.data("closed","")},set_target:function(){var t=this.settings.$li.attr("data-class"),r=this.settings.$li.attr("data-id"),i=function(){return r?e(n.getElementById(r)):t?e("."+t).first():e("body")};this.settings.$target=i()},scroll_to:function(){var n,r;n=e(t).height()/2,r=Math.ceil(this.settings.$target.offset().top-n+this.outerHeight(this.settings.$next_tip)),r>0&&this.scrollTo(e("html, body"),r,this.settings.scrollSpeed)},paused:function(){return e.inArray(this.settings.$li.index()+1,this.settings.pauseAfter)===-1?!0:!1},restart:function(){this.hide(),this.settings.$li=r,this.show("init")},pos_default:function(n){var r=Math.ceil(e(t).height()/2),i=this.settings.$next_tip.offset(),s=this.settings.$next_tip.find(".joyride-nub"),o=Math.ceil(this.outerHeight(s)/2),u=n||!1;u&&(this.settings.$next_tip.css("visibility","hidden"),this.settings.$next_tip.show()),/body/i.test(this.settings.$target.selector)?this.settings.$li.length&&this.pos_modal(s):(this.bottom()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top+o+this.outerHeight(this.settings.$target),left:this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"top")):this.top()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top-this.outerHeight(this.settings.$next_tip)-o,left:this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"bottom")):this.right()?(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.outerWidth(this.settings.$target)+this.settings.$target.offset().left}),this.nub_position(s,this.settings.tipSettings.nubPosition,"left")):this.left()&&(this.settings.$next_tip.css({top:this.settings.$target.offset().top,left:this.settings.$target.offset().left-this.outerWidth(this.settings.$next_tip)-o}),this.nub_position(s,this.settings.tipSettings.nubPosition,"right")),!this.visible(this.corners(this.settings.$next_tip))&&this.settings.attempts').show(),/pop/i.test(this.settings.tipAnimation)?e(".joyride-modal-bg").show():e(".joyride-modal-bg").fadeIn(this.settings.tipAnimationFadeSpeed))},center:function(){var n=e(t);return this.settings.$next_tip.css({top:(n.height()-this.outerHeight(this.settings.$next_tip))/2+n.scrollTop(),left:(n.width()-this.outerWidth(this.settings.$next_tip))/2+this.scrollLeft(n)}),!0},bottom:function(){return/bottom/i.test(this.settings.tipSettings.tipLocation)},top:function(){return/top/i.test(this.settings.tipSettings.tipLocation)},right:function(){return/right/i.test(this.settings.tipSettings.tipLocation)},left:function(){return/left/i.test(this.settings.tipSettings.tipLocation)},corners:function(n){var r=e(t),i=r.width()+this.scrollLeft(r),s=r.width()+r.scrollTop();return[n.offset().top<=r.scrollTop(),i<=n.offset().left+this.outerWidth(n),s<=n.offset().top+this.outerHeight(n),this.scrollLeft(r)>=n.offset().left]},visible:function(e){var t=e.length;while(t--)if(e[t])return!1;return!0},nub_position:function(e,t,n){t==="auto"?e.addClass(n):e.addClass(t)},startTimer:function(){this.settings.$li.length?this.settings.automate=setTimeout(function(){this.hide(),this.show(),this.startTimer()}.bind(this),this.settings.timer):clearTimeout(this.settings.automate)},end:function(){this.settings.cookieMonster&&e.cookie(this.settings.cookieName,"ridden",{expires:this.settings.cookieExpires,domain:this.settings.cookieDomain}),this.settings.timer>0&&clearTimeout(this.settings.automate),this.settings.$next_tip.data("closed",!0),e(".joyride-modal-bg").hide(),this.settings.$current_tip.hide(),this.settings.postStepCallback(this.settings.$li.index(),this.settings.$current_tip),this.settings.postRideCallback(this.settings.$li.index(),this.settings.$current_tip)},outerHTML:function(e){return e.outerHTML||(new XMLSerializer).serializeToString(e)},off:function(){e(this.scope).off(".joyride"),e(t).off(".joyride"),e(".joyride-close-tip, .joyride-next-tip, .joyride-modal-bg").off(".joyride"),e(".joyride-tip-guide, .joyride-modal-bg").remove(),clearTimeout(this.settings.automate),this.settings={}}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.magellan={name:"magellan",version:"4.0.0",settings:{activeClass:"active"},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"data_options"),typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.settings.init||(this.fixed_magellan= +e("[data-magellan-expedition]"),this.set_threshold(),this.last_destination=e("[data-magellan-destination]").last(),this.events()),this.settings.init):this[n].call(this,r)},events:function(){var n=this;e(this.scope).on("arrival.fndtn.magellan","[data-magellan-arrival]",function(t){var r=e(this),i=r.closest("[data-magellan-expedition]"),s=i.attr("data-magellan-active-class")||n.settings.activeClass;r.closest("[data-magellan-expedition]").find("[data-magellan-arrival]").not(r).removeClass(s),r.addClass(s)}),this.fixed_magellan.on("update-position.fndtn.magellan",function(){var t=e(this)}).trigger("update-position"),e(t).on("resize.fndtn.magellan",function(){this.fixed_magellan.trigger("update-position")}.bind(this)).on("scroll.fndtn.magellan",function(){var r=e(t).scrollTop();n.fixed_magellan.each(function(){var t=e(this);typeof t.data("magellan-top-offset")=="undefined"&&t.data("magellan-top-offset",t.offset().top),typeof t.data("magellan-fixed-position")=="undefined"&&t.data("magellan-fixed-position",!1);var i=r+n.settings.threshold>t.data("magellan-top-offset"),s=t.attr("data-magellan-top-offset");t.data("magellan-fixed-position")!=i&&(t.data("magellan-fixed-position",i),i?t.css({position:"fixed",top:0}):t.css({position:"",top:""}),i&&typeof s!="undefined"&&s!=0&&t.css({position:"fixed",top:s+"px"}))})}),this.last_destination.length>0&&e(t).on("scroll.fndtn.magellan",function(r){var i=e(t).scrollTop(),s=i+e(t).height(),o=Math.ceil(n.last_destination.offset().top);e("[data-magellan-destination]").each(function(){var t=e(this),r=t.attr("data-magellan-destination"),u=t.offset().top-i;u<=n.settings.threshold&&e("[data-magellan-arrival='"+r+"']").trigger("arrival"),s>=e(n.scope).height()&&o>i&&o0?this.outerHeight(this.fixed_magellan,!0):0)},off:function(){e(this.scope).off(".fndtn.magellan")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs=Foundation.libs||{},Foundation.libs.orbit={name:"orbit",version:"4.0.0",settings:{timer_speed:1e4,animation_speed:500,bullets:!0,stack_on_small:!0,container_class:"orbit-container",stack_on_small_class:"orbit-stack-on-small",next_class:"orbit-next",prev_class:"orbit-prev",timer_container_class:"orbit-timer",timer_paused_class:"paused",timer_progress_class:"orbit-progress",slides_container_class:"orbit-slides-container",bullets_container_class:"orbit-bullets",bullets_active_class:"active",slide_number_class:"orbit-slide-number",caption_class:"orbit-caption",active_slide_class:"active",orbit_transition_class:"orbit-transitioning"},init:function(t,n,r){var i=this;Foundation.inherit(i,"data_options"),typeof n=="object"&&e.extend(!0,i.settings,n),e("[data-orbit]",t).each(function(t,n){var r=e.extend(!0,{},i);r._init(t,n)})},_container_html:function(){var e=this;return'
        '},_bullets_container_html:function(t){var n=this,r=e('
          ');return t.each(function(t,i){var s=e('
        1. ');t===0&&s.addClass(n.settings.bullets_active_class),r.append(s)}),r},_slide_number_html:function(t,n){var r=this,i=e('
          ');return i.append(""+t+" of "+n+""),i},_timer_html:function(){var e=this;return typeof e.settings.timer_speed=="number"&&e.settings.timer_speed>0?'
          ':""},_next_html:function(){var e=this;return'Next '},_prev_html:function(){var e=this;return'Prev '},_init:function(t,n){var r=this,i=e(n),s=i.wrap(r._container_html()).parent(),o=i.children();e.extend(!0,r.settings,r.data_options(i)),s.append(r._prev_html()),s.append(r._next_html()),i.addClass(r.settings.slides_container_class),r.settings.stack_on_small&&s.addClass(r.settings.stack_on_small_class),s.append(r._slide_number_html(1,o.length)),s.append(r._timer_html()),r.settings.bullets&&s.after(r._bullets_container_html(o)),i.append(o.first().clone().attr("data-orbit-slide","")),i.prepend(o.last().clone().attr("data-orbit-slide","")),i.css("marginLeft","-100%"),o.first().addClass(r.settings.active_slide_class),r._init_events(i),r._init_dimensions(i),r._start_timer(i)},_init_events:function(i){var s=this,o=i.parent();e(t).on("load.fndtn.orbit",function(){i.height(""),i.height(i.height(o.height())),i.trigger("orbit:ready")}).on("resize.fndtn.orbit",function(){i.height(""),i.height(i.height(o.height()))}),e(n).on("click.fndtn.orbit","[data-orbit-link]",function(t){t.preventDefault();var n=e(t.currentTarget).attr("data-orbit-link"),r=i.find("[data-orbit-slide="+n+"]").first();r.length===1&&(s._reset_timer(i,!0),s._goto(i,r.index(),function(){}))}),o.siblings("."+s.settings.bullets_container_class).on("click.fndtn.orbit","[data-orbit-slide-number]",function(t){t.preventDefault(),s._reset_timer(i,!0),s._goto(i,e(t.currentTarget).data("orbit-slide-number"),function(){})}),o.on("orbit:after-slide-change.fndtn.orbit",function(e,t){var n=o.find("."+s.settings.slide_number_class);n.length===1&&n.replaceWith(s._slide_number_html(t.slide_number,t.total_slides))}).on("orbit:next-slide.fndtn.orbit click.fndtn.orbit","."+s.settings.next_class,function(e){e.preventDefault(),s._reset_timer(i,!0),s._goto(i,"next",function(){})}).on("orbit:prev-slide.fndtn.orbit click.fndtn.orbit","."+s.settings.prev_class,function(e){e.preventDefault(),s._reset_timer(i,!0),s._goto(i,"prev",function(){})}).on("orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit","."+s.settings.timer_container_class,function(t){t.preventDefault();var n=e(t.currentTarget).toggleClass(s.settings.timer_paused_class),r=n.closest("."+s.settings.container_class).find("."+s.settings.slides_container_class);n.hasClass(s.settings.timer_paused_class)?s._stop_timer(r):s._start_timer(r)}).on("touchstart.fndtn.orbit",function(e){e.touches||(e=e.originalEvent);var t={start_page_x:e.touches[0].pageX,start_page_y:e.touches[0].pageY,start_time:(new Date).getTime(),delta_x:0,is_scrolling:r};o.data("swipe-transition",t),e.stopPropagation()}).on("touchmove.fndtn.orbit",function(e){e.touches||(e=e.originalEvent);if(e.touches.length>1||e.scale&&e.scale!==1)return;var t=o.data("swipe-transition");typeof t=="undefined"&&(t={}),t.delta_x=e.touches[0].pageX-t.start_page_x,typeof t.is_scrolling=="undefined"&&(t.is_scrolling=!!(t.is_scrolling||Math.abs(t.delta_x)").attr(n.extend(f(this),{type:"text"}))}e.removeAttr("name").data({"placeholder-password":!0,"placeholder-id":s}).bind("focus.placeholder",l),r.data({"placeholder-textinput":e,"placeholder-id":s}).before(e)}r=r.removeAttr("id").hide().prev().attr("id",s).show()}r.addClass("placeholder"),r[0].value=r.attr("placeholder")}else r.removeClass("placeholder")}var r="placeholder"in t.createElement("input"),i="placeholder"in t.createElement("textarea"),s=n.fn,o=n.valHooks,u,a;r&&i?(a=s.placeholder=function(){return this},a.input=a.textarea=!0):(a=s.placeholder=function(){var e=this;return e.filter((r?"textarea":":input")+"[placeholder]").not(".placeholder").bind({"focus.placeholder":l,"blur.placeholder":c}).data("placeholder-enabled",!0).trigger("blur.placeholder"),e},a.input=r,a.textarea=i,u={get:function(e){var t=n(e);return t.data("placeholder-enabled")&&t.hasClass("placeholder")?"":e.value},set:function(e,r){var i=n(e);return i.data("placeholder-enabled")?(r==""?(e.value=r,e!=t.activeElement&&c.call(e)):i.hasClass("placeholder")?l.call(e,!0,r)||(e.value=r):e.value=r,i):e.value=r}},r||(o.input=u),i||(o.textarea=u),n(function(){n(t).delegate("form","submit.placeholder",function(){var e=n(".placeholder",this).each(l);setTimeout(function(){e.each(c)},10)})}),n(e).bind("beforeunload.placeholder",function(){n(".placeholder").each(function(){this.value=""})}))}(this,document,Foundation.zj),function(e,t,n,r){"use strict";Foundation.libs.reveal={name:"reveal",version:"4.0.9",locked:!1,settings:{animation:"fadeAndPop",animationSpeed:250,closeOnBackgroundClick:!0,dismissModalClass:"close-reveal-modal",bgClass:"reveal-modal-bg",open:function(){},opened:function(){},close:function(){},closed:function(){},bg:e(".reveal-modal-bg"),css:{open:{opacity:0,visibility:"visible",display:"block"},close:{opacity:1,visibility:"hidden",display:"none"}}},init:function(t,n,r){return this.scope=t||this.scope,Foundation.inherit(this,"data_options delay"),typeof n=="object"&&e.extend(!0,this.settings,n),typeof n!="string"?(this.events(),this.settings.init):this[n].call(this,r)},events:function(){var t=this;return e(this.scope).off(".fndtn.reveal").on("click.fndtn.reveal","[data-reveal-id]",function(n){n.preventDefault(),t.locked||(t.locked=!0,t.open.call(t,e(this)))}).on("click.fndtn.reveal touchend.click.fndtn.reveal",this.close_targets(),function(n){n.preventDefault(),t.locked||(t.locked=!0,t.close.call(t,e(this).closest(".reveal-modal")))}).on("open.fndtn.reveal",".reveal-modal",this.settings.open).on("opened.fndtn.reveal",".reveal-modal",this.settings.opened).on("opened.fndtn.reveal",".reveal-modal",this.open_video).on("close.fndtn.reveal",".reveal-modal",this.settings.close).on("closed.fndtn.reveal",".reveal-modal",this.settings.closed).on("closed.fndtn.reveal",".reveal-modal",this.close_video),!0},open:function(t){if(t)var n=e("#"+t.data("reveal-id"));else var n=e(this.scope);if(!n.hasClass("open")){var r=e(".reveal-modal.open");typeof n.data("css-top")=="undefined"&&n.data("css-top",parseInt(n.css("top"),10)).data("offset",this.cache_offset(n)),n.trigger("open"),r.length<1&&this.toggle_bg(n),this.hide(r,this.settings.css.open),this.show(n,this.settings.css.open)}},close:function(t){var t=t||e(this.scope),n=e(".reveal-modal.open");n.length>0&&(this.locked=!0,t.trigger("close"),this.toggle_bg(t),this.hide(n,this.settings.css.close))},close_targets:function(){var e="."+this.settings.dismissModalClass;return this.settings.closeOnBackgroundClick?e+", ."+this.settings.bgClass:e},toggle_bg:function(t){e(".reveal-modal-bg").length===0&&(this.settings.bg=e("
          ",{"class":this.settings.bgClass}).insertAfter(t)),this.settings.bg.filter(":visible").length>0?this.hide(this.settings.bg):this.show(this.settings.bg)},show:function(n,r){if(r){if(/pop/i.test(this.settings.animation)){r.top=e(t).scrollTop()-n.data("offset")+"px";var i={top:e(t).scrollTop()+n.data("css-top")+"px",opacity:1};return this.delay(function(){return n.css(r).animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),this.settings.animationSpeed/2)}if(/fade/i.test(this.settings.animation)){var i={opacity:1};return this.delay(function(){return n.css(r).animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.trigger("opened")}.bind(this)).addClass("open")}.bind(this),this.settings.animationSpeed/2)}return n.css(r).show().css({opacity:1}).addClass("open").trigger("opened")}return/fade/i.test(this.settings.animation)?n.fadeIn(this.settings.animationSpeed/2):n.show()},hide:function(n,r){if(r){if(/pop/i.test(this.settings.animation)){var i={top:-e(t).scrollTop()-n.data("offset")+"px",opacity:0};return this.delay(function(){return n.animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.css(r).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),this.settings.animationSpeed/2)}if(/fade/i.test(this.settings.animation)){var i={opacity:0};return this.delay(function(){return n.animate(i,this.settings.animationSpeed,"linear",function(){this.locked=!1,n.css(r).trigger("closed")}.bind(this)).removeClass("open")}.bind(this),this.settings.animationSpeed/2)}return n.hide().css(r).removeClass("open").trigger("closed")}return/fade/i.test(this.settings.animation)?n.fadeOut(this.settings.animationSpeed/2):n.hide()},close_video:function(t){var n=e(this).find(".flex-video"),r=n.find("iframe");r.length>0&&(r.attr("data-src",r[0].src),r.attr("src","about:blank"),n.fadeOut(100).hide())},open_video:function(t){var n=e(this).find(".flex-video"),r=n.find("iframe");if(r.length>0){var i=r.attr("data-src");typeof i=="string"&&(r[0].src=r.attr("data-src")),n.show().fadeIn(100)}},cache_offset:function(e){var t=e.show().height()+parseInt(e.css("top"),10);return e.hide(),t},off:function(){e(this.scope).off(".fndtn.reveal")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.section={name:"section",version:"4.0.9",settings:{deep_linking:!1,one_up:!0,callback:function(){}},init:function(e,t,n){var r=this;return this.scope=e||this.scope,Foundation.inherit(this,"throttle data_options"),typeof t!="string"?(this.set_active_from_hash(),this.events(),!0):this[t].call(this,n)},events:function(){var r=this;e(this.scope).on("click.fndtn.section","[data-section] .title",function(t){var n=e(this),i=n.closest("[data-section]");r.toggle_active.call(this,t,r)}),e(t).on("resize.fndtn.section",r.throttle(function(){r.resize.call(this)},30)).on("hashchange",function(){r.settings.toggled||(r.set_active_from_hash(),e(this).trigger("resize"))}).trigger("resize"),e(n).on("click.fndtn.section",function(t){e(t.target).closest(".title").length<1&&e('[data-section="vertical-nav"], [data-section="horizontal-nav"]').find("section, .section").removeClass("active").attr("style","")})},toggle_active:function(t,n){var r=e(this),i=r.closest("section, .section"),s=i.find(".content"),o=i.closest("[data-section]"),n=Foundation.libs.section,u=e.extend({},n.settings,n.data_options(o));n.settings.toggled=!0,!u.deep_linking&&s.length>0&&t.preventDefault();if(i.hasClass("active"))(n.small(o)||n.is_vertical(o)||n.is_horizontal(o)||n.is_accordion(o))&&i.removeClass("active").attr("style","");else{var a=null,f=n.outerHeight(i.find(".title"));if(n.small(o)||u.one_up)a=r.closest("[data-section]").find("section.active, .section.active"),n.small(o)?a.attr("style",""):a.attr("style","visibility: hidden; padding-top: "+f+"px;");n.small(o)?i.attr("style",""):i.css("padding-top",f),i.addClass("active"),a!==null&&a.removeClass("active").attr("style","")}setTimeout(function(){n.settings.toggled=!1},300),u.callback()},resize:function(){var t=e("[data-section]"),n=Foundation.libs.section;t.each(function(){var t=e(this),r=t.find("section.active, .section.active"),i=e.extend({},n.settings,n.data_options(t));if(r.length>1)r.not(":first").removeClass("active").attr("style","");else if(r.length<1&&!n.is_vertical(t)&&!n.is_horizontal(t)&&!n.is_accordion(t)){var s=t.find("section, .section").first();s.addClass("active"),n.small(t)?s.attr("style",""):s.css("padding-top",n.outerHeight(s.find(".title")))}n.small(t)?r.attr("style",""):r.css("padding-top",n.outerHeight(r.find(".title"))),n.position_titles(t),n.is_horizontal(t)&&!n.small(t)?n.position_content(t):n.position_content(t,!1)})},is_vertical:function(e){return/vertical-nav/i.test(e.data("section"))},is_horizontal:function(e){return/horizontal-nav/i.test(e.data("section"))},is_accordion:function(e){return/accordion/i.test(e.data("section"))},is_tabs:function(e){return/tabs/i.test(e.data("section"))},set_active_from_hash:function(){var n=t.location.hash.substring(1),r=e("[data-section]"),i=this;r.each(function(){var t=e(this),r=e.extend({},i.settings,i.data_options(t));n.length>0&&r.deep_linking&&(t.find("section, .section").attr("style","").removeClass("active"),t.find('.content[data-slug="'+n+'"]').closest("section, .section").addClass("active"))})},position_titles:function(t,n){var r=t.find(".title"),i=0,s=this;typeof n=="boolean"?r.attr("style",""):r.each(function(){e(this).css("left",i),i+=s.outerWidth(e(this))})},position_content:function(t,n){var r=t.find(".title"),i=t.find(".content"),s=this;typeof n=="boolean"?(i.attr("style",""),t.attr("style","")):(t.find("section, .section").each(function(){var t=e(this).find(".title"),n=e(this).find(".content");n.css({left:t.position().left-1,top:s.outerHeight(t)-2})}),typeof Zepto=="function"?t.height(this.outerHeight(r.first())):t.height(this.outerHeight(r.first())-2))},small:function(t){var n=e.extend({},this.settings,this.data_options(t));return this.is_tabs(t)?!1:t&&this.is_accordion(t)?!0:e("html").hasClass("lt-ie9")?!0:e("html").hasClass("ie8compat")?!0:e(this.scope).width()<768},off:function(){e(this.scope).off(".fndtn.section"),e(t).off(".fndtn.section"),e(n).off(".fndtn.section")}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.tooltips={name:"tooltips",version:"4.0.2",settings:{selector:".has-tip",additionalInheritableClasses:[],tooltipClass:".tooltip",tipTemplate:function(e,t){return''+t+''}},cache:{},init:function(t,n,r){var i=this;this.scope=t||this.scope,typeof n=="object"&&e.extend(!0,this.settings,n);if(typeof n=="string")return this[n].call(this,r);Modernizr.touch?e(this.scope).on("click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip","[data-tooltip]",function(t){t.preventDefault(),e(i.settings.tooltipClass).hide(),i.showOrCreateTip(e(this))}).on("click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip",this.settings.tooltipClass,function(t){t.preventDefault(),e(this).fadeOut(150)}):e(this.scope).on("mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip","[data-tooltip]",function(t){var n=e(this);t.type==="mouseover"||t.type==="mouseenter"?i.showOrCreateTip(n):(t.type==="mouseout"||t.type==="mouseleave")&&i.hide(n)})},showOrCreateTip:function(e){var t=this.getTip(e);return t&&t.length>0?this.show(e):this.create(e)},getTip:function(t){var n=this.selector(t),r=null;return n&&(r=e("span[data-selector="+n+"]"+this.settings.tooltipClass)),typeof r=="object"?r:!1},selector:function(e){var t=e.attr("id"),n=e.attr("data-tooltip")||e.attr("data-selector");return(t&&t.length<1||!t)&&typeof n!="string"&&(n="tooltip"+Math.random().toString(36).substring(7),e.attr("data-selector",n)),t&&t.length>0?t:n},create:function(t){var n=e(this.settings.tipTemplate(this.selector(t),e("
          ").html(t.attr("title")).html())),r=this.inheritable_classes(t);n.addClass(r).appendTo("body"),Modernizr.touch&&n.append('tap to close '),t.removeAttr("title").attr("title",""),this.show(t)},reposition:function(n,r,i){var s,o,u,a,f,l;r.css("visibility","hidden").show(),s=n.data("width"),o=r.children(".nub"),u=this.outerHeight(o),a=this.outerHeight(o),l=function(e,t,n,r,i,s){return e.css({top:t?t:"auto",bottom:r?r:"auto",left:i?i:"auto",right:n?n:"auto",width:s?s:"auto"}).end()},l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",n.offset().left,s),e(t).width()<767?(l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",12.5,e(this.scope).width()),r.addClass("tip-override"),l(o,-u,"auto","auto",n.offset().left)):(l(r,n.offset().top+this.outerHeight(n)+10,"auto","auto",n.offset().left,s),r.removeClass("tip-override"),i&&i.indexOf("tip-top")>-1?l(r,n.offset().top-this.outerHeight(r),"auto","auto",n.offset().left,s).removeClass("tip-override"):i&&i.indexOf("tip-left")>-1?l(r,n.offset().top+this.outerHeight(n)/2-u*2.5,"auto","auto",n.offset().left-this.outerWidth(r)-u,s).removeClass("tip-override"):i&&i.indexOf("tip-right")>-1&&l(r,n.offset().top+this.outerHeight(n)/2-u*2.5,"auto","auto",n.offset().left+this.outerWidth(n)+u,s).removeClass("tip-override")),r.css("visibility","visible").hide()},inheritable_classes:function(t){var n=["tip-top","tip-left","tip-bottom","tip-right","noradius"].concat(this.settings.additionalInheritableClasses),r=t.attr("class"),i=r?e.map(r.split(" "),function(t,r){if(e.inArray(t,n)!==-1)return t}).join(" "):"";return e.trim(i)},show:function(e){var t=this.getTip(e);this.reposition(e,t,e.attr("class")),t.fadeIn(150)},hide:function(e){var t=this.getTip(e);t.fadeOut(150)},reload:function(){var t=e(this);return t.data("fndtn-tooltips")?t.foundationTooltips("destroy").foundationTooltips("init"):t.foundationTooltips("init")},off:function(){e(this.scope).off(".fndtn.tooltip"),e(this.settings.tooltipClass).each(function(t){e("[data-tooltip]").get(t).attr("title",e(this).text())}).remove()}}}(Foundation.zj,this,this.document),function(e,t,n,r){"use strict";Foundation.libs.topbar={name:"topbar",version:"4.0.0",settings:{index:0,stickyClass:"sticky",custom_back_text:!0,back_text:"Back",init:!1},init:function(n,r,i){var s=this;return this.scope=n||this.scope,typeof r=="object"&&e.extend(!0,this.settings,r),typeof r!="string"?(e(".top-bar").each(function(){s.settings.$w=e(t),s.settings.$topbar=e(this),s.settings.$section=s.settings.$topbar.find("section"),s.settings.$titlebar=s.settings.$topbar.children("ul").first(),s.settings.$topbar.data("index",0);var n=e("
          ").insertAfter(s.settings.$topbar);s.settings.breakPoint=n.width(),n.remove(),s.assemble(),s.settings.$topbar.parent().hasClass("fixed")&&e("body").css("padding-top",s.outerHeight(s.settings.$topbar))}),s.settings.init||this.events(),this.settings.init):this[r].call(this,i)},events:function(){var n=this,r=this.outerHeight(e(".top-bar"));e(this.scope).on("click.fndtn.topbar",".top-bar .toggle-topbar",function(i){var s=e(this).closest(".top-bar"),o=s.find("section, .section"),u=s.children("ul").first();s.data("height")||n.largestUL(),i.preventDefault(),n.breakpoint()&&s.toggleClass("expanded").css("min-height",""),s.hasClass("expanded")||(o.css({left:"0%"}),o.find(">.name").css({left:"100%"}),o.find("li.moved").removeClass("moved"),s.data("index",0)),s.parent().hasClass("fixed")?(s.parent().removeClass("fixed"),e("body").css("padding-top","0"),t.scrollTo(0)):s.hasClass("fixed expanded")&&(s.parent().addClass("fixed"),e("body").css("padding-top",r))}).on("click.fndtn.topbar",".top-bar .has-dropdown>a",function(t){var r=e(this).closest(".top-bar"),i=r.find("section, .section"),s=r.children("ul").first();(Modernizr.touch||n.breakpoint())&&t.preventDefault();if(n.breakpoint()){var o=e(this),u=o.closest("li");r.data("index",r.data("index")+1),u.addClass("moved"),i.css({left:-(100*r.data("index"))+"%"}),i.find(">.name").css({left:100*r.data("index")+"%"}),o.siblings("ul").height(r.data("height")+n.outerHeight(s,!0)),r.css("min-height",r.data("height")+n.outerHeight(s,!0)*2)}}),e(t).on("resize.fndtn.topbar",function(){this.breakpoint()||e(".top-bar").css("min-height","")}.bind(this)),e(this.scope).on("click.fndtn",".top-bar .has-dropdown .back",function(t){t.preventDefault();var n=e(this),r=n.closest(".top-bar"),i=r.find("section, .section"),s=n.closest("li.moved"),o=s.parent();r.data("index",r.data("index")-1),i.css({left:-(100*r.data("index"))+"%"}),i.find(">.name").css({left:100*r.data("index")+"%"}),r.data("index")===0&&r.css("min-height",0),setTimeout(function(){s.removeClass("moved")},300)})},breakpoint:function(){return e(t).width()<=this.settings.breakPoint||e("html").hasClass("lt-ie9")},assemble:function(){var t=this;this.settings.$section.detach(),this.settings.$section.find(".has-dropdown>a").each(function(){var n=e(this),r=n.siblings(".dropdown"),i=e('
          3. ');t.settings.custom_back_text==1?i.find("h5>a").html("« "+t.settings.back_text):i.find("h5>a").html("« "+n.html()),r.prepend(i)}),this.settings.$section.appendTo(this.settings.$topbar),this.sticky()},largestUL:function(){var t=this.settings.$topbar.find("section ul ul"),n=t.first(),r=0,i=this;t.each(function(){e(this).children("li").length>n.children("li").length&&(n=e(this))}),n.children("li").each(function(){r+=i.outerHeight(e(this),!0)}),this.settings.$topbar.data("height",r)},sticky:function(){var n="."+this.settings.stickyClass;if(e(n).length>0){var r=e(n).length?e(n).offset().top:0,i=e(t),s=this.outerHeight(e(".top-bar"));i.scroll(function(){i.scrollTop()>=r?(e(n).addClass("fixed"),e("body").css("padding-top",s)):i.scrollTop() 1 || e.scale && e.scale !== 1) return; diff --git a/js/foundation/foundation.cookie.js b/js/foundation/foundation.cookie.js index b196e76..862027c 100644 --- a/js/foundation/foundation.cookie.js +++ b/js/foundation/foundation.cookie.js @@ -71,4 +71,4 @@ return false; }; -})(Foundation.zj, document); \ No newline at end of file +})(Foundation.zj, document); diff --git a/js/foundation/foundation.dropdown.js b/js/foundation/foundation.dropdown.js index 646f5c5..474993a 100644 --- a/js/foundation/foundation.dropdown.js +++ b/js/foundation/foundation.dropdown.js @@ -6,7 +6,7 @@ Foundation.libs.dropdown = { name : 'dropdown', - version : '4.0.0', + version : '4.0.9', settings : { activeClass: 'open' @@ -49,10 +49,6 @@ } }); - $('[data-dropdown-content]').on('click.fndtn.dropdown', function (e) { - e.stopPropagation(); - }); - $(window).on('resize.fndtn.dropdown', self.throttle(function () { self.resize.call(self); }, 50)).trigger('resize'); @@ -63,7 +59,7 @@ toggle : function (target, resize) { var dropdown = $('#' + target.data('dropdown')); - $('[data-dropdown-content]').not(dropdown).css('left', '-99999px'); + $('[data-dropdown-content]').not(dropdown).css('left', '-99999px').removeClass(this.settings.activeClass); if (dropdown.hasClass(this.settings.activeClass)) { dropdown @@ -86,7 +82,11 @@ }, css : function (dropdown, target) { - var offset = target.offset(); + if (dropdown.parent()[0] === $('body')[0]) { + var position = target.offset(); + } else { + var position = target.position(); + } if (this.small()) { dropdown.css({ @@ -94,13 +94,21 @@ width: '95%', left: '2.5%', 'max-width': 'none', - top: offset.top + this.outerHeight(target), + top: position.top + this.outerHeight(target) }); } else { + if ($(window).width() > this.outerWidth(dropdown) + target.offset().left) { + var left = position.left; + } else { + if (!dropdown.hasClass('right')) { + dropdown.addClass('right'); + } + var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target)); + } dropdown.attr('style', '').css({ position : 'absolute', - top: offset.top + this.outerHeight(target), - left: offset.left + top: position.top + this.outerHeight(target), + left: left }); } diff --git a/js/foundation/foundation.forms.js b/js/foundation/foundation.forms.js index a7cb223..f5734ce 100644 --- a/js/foundation/foundation.forms.js +++ b/js/foundation/foundation.forms.js @@ -6,7 +6,7 @@ Foundation.libs.forms = { name : 'forms', - version : '4.0.0', + version : '4.0.4', settings : { disable_class: 'no-custom' @@ -33,11 +33,11 @@ }, assemble : function () { - $('form.custom input[type="radio"]').not('[data-customforms="disabled"]') + $('form.custom input[type="radio"]', $(this.scope)).not('[data-customforms="disabled"]') .each(this.append_custom_markup); - $('form.custom input[type="checkbox"]').not('[data-customforms="disabled"]') + $('form.custom input[type="checkbox"]', $(this.scope)).not('[data-customforms="disabled"]') .each(this.append_custom_markup); - $('form.custom select').not('[data-customforms="disabled"]') + $('form.custom select', $(this.scope)).not('[data-customforms="disabled"]') .each(this.append_custom_select); }, @@ -45,16 +45,6 @@ var self = this; $(this.scope) - .on('click.fndtn.forms', 'form.custom span.custom.checkbox', function (e) { - e.preventDefault(); - e.stopPropagation(); - self.toggle_checkbox($(this)); - }) - .on('click.fndtn.forms', 'form.custom span.custom.radio', function (e) { - e.preventDefault(); - e.stopPropagation(); - self.toggle_radio($(this)); - }) .on('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e) { self.refresh_custom_select($(this)); }) @@ -66,6 +56,7 @@ if ($associatedElement.attr('type') === 'checkbox') { e.preventDefault(); $customCheckbox = $(this).find('span.custom.checkbox'); + //the checkbox might be outside after the label if ($customCheckbox.length == 0) { $customCheckbox = $(this).next('span.custom.checkbox'); @@ -177,6 +168,7 @@ $selector = $customSelect.find( ".selector" ), $options = $this.find( 'option' ), $selectedOption = $options.filter( ':selected' ), + copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [], maxWidth = 0, liHtml = '', $listItems, @@ -190,7 +182,7 @@ $this.hasClass( 'large' ) ? 'large' : $this.hasClass( 'expand' ) ? 'expand' : ''; - $customSelect = $('
            '); + $customSelect = $('
              '); $selector = $customSelect.find(".selector"); $customList = $customSelect.find("ul"); liHtml = $options.map(function() { return "
            • " + $( this ).html() + "
              • "; } ).get().join( '' ); @@ -400,4 +392,4 @@ $(this.scope).off('.fndtn.forms'); } }; -}(Foundation.zj, this, this.document)); \ No newline at end of file +}(Foundation.zj, this, this.document)); diff --git a/js/foundation/foundation.joyride.js b/js/foundation/foundation.joyride.js index cbfa093..885a263 100644 --- a/js/foundation/foundation.joyride.js +++ b/js/foundation/foundation.joyride.js @@ -102,8 +102,7 @@ int_settings_count = integer_settings.length; if (!this.settings.init) this.init(); - $.extend(true, this.settings, this.data_options($this)); - + // non configureable settings this.settings.$content_el = $this; this.settings.body_offset = $(this.settings.tipContainer).position(); @@ -111,11 +110,6 @@ this.settings.paused = false; this.settings.attempts = 0; - // Make sure that settings parsed from data_options are integers where necessary - for (var i = int_settings_count - 1; i >= 0; i--) { - this.settings[integer_settings[i]] = parseInt(this.settings[integer_settings[i]], 10); - } - this.settings.tipLocationPatterns = { top: ['bottom'], bottom: [], // bottom should not need to be repositioned @@ -130,9 +124,14 @@ // generate the tips and insert into dom. if (!this.settings.cookieMonster || this.settings.cookieMonster && $.cookie(this.settings.cookieName) === null) { - this.settings.$tip_content.each(function (index) { - self.create({$li : $(this), index : index}); + var $this = $(this); + $.extend(true, self.settings, self.data_options($this)); + // Make sure that settings parsed from data_options are integers where necessary + for (var i = int_settings_count - 1; i >= 0; i--) { + self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10); + } + self.create({$li : $this, index : index}); }); // show first tip @@ -191,7 +190,6 @@ }, create : function (opts) { - // backwards compatability with data-text attribute var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'), tipClass = opts.$li.attr('class'), $tip_content = $(this.tip_template({ @@ -222,8 +220,7 @@ if (this.settings.$li.length && this.settings.$target.length > 0) { - this.settings.tipSettings = $.extend(true, - this.settings, this.data_options(this.settings.$li)); + this.settings.tipSettings = $.extend(this.settings, this.data_options(this.settings.$li)); this.settings.timer = parseInt(this.settings.timer, 10); @@ -334,6 +331,7 @@ set_next_tip : function () { this.settings.$next_tip = $(".joyride-tip-guide[data-index='" + this.settings.$li.index() + "']"); + this.settings.$next_tip.data('closed', ''); }, set_target : function () { @@ -485,9 +483,7 @@ } } else if (this.settings.$li.length) { - this.pos_modal($nub); - } if (toggle) { @@ -499,15 +495,16 @@ pos_modal : function ($nub) { this.center(); $nub.hide(); + if (!this.settings.$next_tip.data('closed')) { + if ($('.joyride-modal-bg').length < 1) { + $('body').append('
              ').show(); + } - if ($('.joyride-modal-bg').length < 1) { - $('body').append('
              ').show(); - } - - if (/pop/i.test(this.settings.tipAnimation)) { - $('.joyride-modal-bg').show(); - } else { - $('.joyride-modal-bg').fadeIn(this.settings.tipAnimationFadeSpeed); + if (/pop/i.test(this.settings.tipAnimation)) { + $('.joyride-modal-bg').show(); + } else { + $('.joyride-modal-bg').fadeIn(this.settings.tipAnimationFadeSpeed); + } } }, @@ -590,6 +587,8 @@ clearTimeout(this.settings.automate); } + this.settings.$next_tip.data('closed', true); + $('.joyride-modal-bg').hide(); this.settings.$current_tip.hide(); this.settings.postStepCallback(this.settings.$li.index(), this.settings.$current_tip); @@ -610,4 +609,4 @@ this.settings = {}; } }; -}(Foundation.zj, this, this.document)); \ No newline at end of file +}(Foundation.zj, this, this.document)); diff --git a/js/foundation/foundation.js b/js/foundation/foundation.js index 504b5a0..8de70e3 100644 --- a/js/foundation/foundation.js +++ b/js/foundation/foundation.js @@ -1,5 +1,5 @@ /* - * Foundation Responsive Library 4.0.0 + * Foundation Responsive Library * http://foundation.zurb.com * Copyright 2013, ZURB * Free to use under the MIT license. @@ -8,6 +8,25 @@ /*jslint unparam: true, browser: true, indent: 2 */ +// Accommodate running jQuery or Zepto in noConflict() mode by +// using an anonymous function to redefine the $ shorthand name. +// See http://docs.jquery.com/Using_jQuery_with_Other_Libraries +// and http://zeptojs.com/ +var libFuncName = null; +if (typeof jQuery === "undefined" && + typeof Zepto === "undefined" && + typeof $ === "function") { + libFuncName = $; +} else if (typeof jQuery === "function") { + libFuncName = jQuery; +} else if (typeof Zepto === "function") { + libFuncName = Zepto; +} else { + throw new TypeError(); +} + +(function ($) { + (function () { // add dusty browser stuff if (!Array.prototype.filter) { @@ -79,7 +98,7 @@ window.Foundation = { name : 'Foundation', - version : '4.0.0', + version : '4.0.8', // global Foundation cache object cache : {}, @@ -89,7 +108,7 @@ args = [scope, method, options, response], responses = [], nc = nc || false; - + // disable library error catching, // used for development only if (nc) this.nc = nc; @@ -170,16 +189,31 @@ } }, + random_str : function (length) { + var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split(''); + + if (!length) { + length = Math.floor(Math.random() * chars.length); + } + + var str = ''; + for (var i = 0; i < length; i++) { + str += chars[Math.floor(Math.random() * chars.length)]; + } + return str; + }, + libs : {}, // methods that can be inherited in libraries lib_methods : { set_data : function (node, data) { // this.name references the name of the library calling this method - var id = this.name + (+new Date()); + var id = [this.name,+new Date(),Foundation.random_str(5)].join('-'); Foundation.cache[id] = data; node.attr('data-' + this.name + '-id', id); + return data; }, get_data : function (node) { @@ -209,13 +243,17 @@ }; }, - // parses dat-options attribute on page nodes and turns + // parses data-options attribute on nodes and turns // them into an object data_options : function (el) { var opts = {}, ii, p, opts_arr = (el.attr('data-options') || ':').split(';'), opts_len = opts_arr.length; + function isNumber (o) { + return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true; + } + function trim(str) { if (typeof str === 'string') return $.trim(str); return str; @@ -227,8 +265,9 @@ if (/true/i.test(p[1])) p[1] = true; if (/false/i.test(p[1])) p[1] = false; + if (isNumber(p[1])) p[1] = parseInt(p[1], 10); - if (p.length === 2) { + if (p.length === 2 && p[0].length > 0) { opts[trim(p[0])] = trim(p[1]); } } @@ -328,4 +367,6 @@ }); }; -}(this, this.document)); \ No newline at end of file +}(this, this.document)); + +})(libFuncName); diff --git a/js/foundation/foundation.magellan.js b/js/foundation/foundation.magellan.js index 60e2d09..3cdef5b 100644 --- a/js/foundation/foundation.magellan.js +++ b/js/foundation/foundation.magellan.js @@ -127,4 +127,4 @@ $(this.scope).off('.fndtn.magellan'); } }; -}(Foundation.zj, this, this.document)); \ No newline at end of file +}(Foundation.zj, this, this.document)); diff --git a/js/foundation/foundation.orbit.js b/js/foundation/foundation.orbit.js index 54c467e..ec3115e 100644 --- a/js/foundation/foundation.orbit.js +++ b/js/foundation/foundation.orbit.js @@ -4,6 +4,8 @@ Foundation.libs = Foundation.libs || {}; Foundation.libs.orbit = { + name: 'orbit', + version: '4.0.0', settings: { @@ -29,12 +31,16 @@ init: function (scope, method, options) { var self = this; + Foundation.inherit(self, 'data_options'); if (typeof method === 'object') { $.extend(true, self.settings, method); } - $('[data-orbit]', scope).each($.proxy(self._init, self)); + $('[data-orbit]', scope).each(function(idx, el) { + var scoped_self = $.extend(true, {}, self); + scoped_self._init(idx, el); + }); }, _container_html: function() { @@ -88,6 +94,8 @@ $slides_container = $(slider), $container = $slides_container.wrap(self._container_html()).parent(), $slides = $slides_container.children(); + + $.extend(true, self.settings, self.data_options($slides_container)); $container.append(self._prev_html()); $container.append(self._next_html()); @@ -135,7 +143,7 @@ if ($slide.length === 1) { self._reset_timer($slides_container, true); - self.goto($slides_container, $slide.index(), function() {}); + self._goto($slides_container, $slide.index(), function() {}); } }); @@ -143,7 +151,7 @@ .on('click.fndtn.orbit', '[data-orbit-slide-number]', function(e) { e.preventDefault(); self._reset_timer($slides_container, true); - self.goto($slides_container, $(e.currentTarget).data('orbit-slide-number'),function() {}); + self._goto($slides_container, $(e.currentTarget).data('orbit-slide-number'),function() {}); }); $container @@ -157,12 +165,12 @@ .on('orbit:next-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.next_class, function(e) { e.preventDefault(); self._reset_timer($slides_container, true); - self.goto($slides_container, 'next', function() {}); + self._goto($slides_container, 'next', function() {}); }) .on('orbit:prev-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.prev_class, function(e) { e.preventDefault(); self._reset_timer($slides_container, true); - self.goto($slides_container, 'prev', function() {}); + self._goto($slides_container, 'prev', function() {}); }) .on('orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit', '.' + self.settings.timer_container_class, function(e) { e.preventDefault(); @@ -177,6 +185,7 @@ } }) .on('touchstart.fndtn.orbit', function(e) { + if (!e.touches) { e = e.originalEvent; } var data = { start_page_x: e.touches[0].pageX, start_page_y: e.touches[0].pageY, @@ -188,6 +197,7 @@ e.stopPropagation(); }) .on('touchmove.fndtn.orbit', function(e) { + if (!e.touches) { e = e.originalEvent; } // Ignore pinch/zoom events if(e.touches.length > 1 || e.scale && e.scale !== 1) return; @@ -207,7 +217,7 @@ self._stop_timer($slides_container); var direction = (data.delta_x < 0) ? 'next' : 'prev'; data.active = true; - self.goto($slides_container, direction, function() {}); + self._goto($slides_container, direction, function() {}); } }) .on('touchend.fndtn.orbit', function(e) { @@ -232,7 +242,7 @@ var callback = function() { self._reset_timer($slides_container, false); - self.goto($slides_container, 'next', function() { + self._goto($slides_container, 'next', function() { self._start_timer($slides_container); }); }; @@ -242,7 +252,7 @@ progress_pct = ($progress.width() / $timer.width()), delay = self.settings.timer_speed - (progress_pct * self.settings.timer_speed); - $progress.animate({'width': '100%'}, delay, 'linear', callback).data('is-original', 'beans?'); + $progress.animate({'width': '100%'}, delay, 'linear', callback); $slides_container.trigger('orbit:timer-started'); }, @@ -290,7 +300,7 @@ } }, - goto: function($slides_container, index_or_direction, callback) { + _goto: function($slides_container, index_or_direction, callback) { var self = this, $container = $slides_container.parent(), $slides = $slides_container.children(), diff --git a/js/foundation/foundation.placeholder.js b/js/foundation/foundation.placeholder.js index 2de28a8..65c18fc 100644 --- a/js/foundation/foundation.placeholder.js +++ b/js/foundation/foundation.placeholder.js @@ -156,4 +156,4 @@ } } -}(this, document, Foundation.zj)); \ No newline at end of file +}(this, document, Foundation.zj)); diff --git a/js/foundation/foundation.reveal.js b/js/foundation/foundation.reveal.js index b439521..0fb76f4 100644 --- a/js/foundation/foundation.reveal.js +++ b/js/foundation/foundation.reveal.js @@ -6,7 +6,7 @@ Foundation.libs.reveal = { name: 'reveal', - version : '4.0.0', + version : '4.0.9', locked : false, @@ -44,7 +44,7 @@ } if (typeof method != 'string') { - if (!this.settings.init) this.events(); + this.events(); return this.settings.init; } else { @@ -56,6 +56,7 @@ var self = this; $(this.scope) + .off('.fndtn.reveal') .on('click.fndtn.reveal', '[data-reveal-id]', function (e) { e.preventDefault(); if (!self.locked) { @@ -64,6 +65,7 @@ } }) .on('click.fndtn.reveal touchend.click.fndtn.reveal', this.close_targets(), function (e) { + e.preventDefault(); if (!self.locked) { self.locked = true; self.close.call(self, $(this).closest('.reveal-modal')); @@ -75,29 +77,46 @@ .on('close.fndtn.reveal', '.reveal-modal', this.settings.close) .on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed) .on('closed.fndtn.reveal', '.reveal-modal', this.close_video); + + return true; }, open : function (target) { - var modal = $('#' + target.data('reveal-id')), - open_modal = $('.reveal-modal.open'); + if (target) { + var modal = $('#' + target.data('reveal-id')); + } else { + var modal = $(this.scope); + } + + if (!modal.hasClass('open')) { + var open_modal = $('.reveal-modal.open'); - this.offset = this.cache_offset(modal); + if (typeof modal.data('css-top') === 'undefined') { + modal.data('css-top', parseInt(modal.css('top'), 10)) + .data('offset', this.cache_offset(modal)); + } - modal.trigger('open'); + modal.trigger('open'); - if (open_modal.length < 1) { - this.toggle_bg(modal); + if (open_modal.length < 1) { + this.toggle_bg(modal); + } + this.hide(open_modal, this.settings.css.open); + this.show(modal, this.settings.css.open); } - - this.toggle_modals(open_modal, modal); }, close : function (modal) { - this.locked = true; - var open_modal = $('.reveal-modal.open').not(modal); - modal.trigger('close'); - this.toggle_bg(modal); - this.toggle_modals(open_modal, modal); + + var modal = modal || $(this.scope), + open_modals = $('.reveal-modal.open'); + + if (open_modals.length > 0) { + this.locked = true; + modal.trigger('close'); + this.toggle_bg(modal); + this.hide(open_modals, this.settings.css.close); + } }, close_targets : function () { @@ -110,20 +129,8 @@ return base; }, - toggle_modals : function (open_modal, modal) { - if (open_modal.length > 0) { - this.hide(open_modal, this.settings.css.close); - } - - if (modal.filter(':visible').length > 0) { - this.hide(modal, this.settings.css.close); - } else { - this.show(modal, this.settings.css.open); - } - }, - toggle_bg : function (modal) { - if (this.settings.bg.length === 0) { + if ($('.reveal-modal-bg').length === 0) { this.settings.bg = $('
              ', {'class': this.settings.bgClass}) .insertAfter(modal); } @@ -139,9 +146,9 @@ // is modal if (css) { if (/pop/i.test(this.settings.animation)) { - css.top = $(window).scrollTop() - this.offset + 'px'; + css.top = $(window).scrollTop() - el.data('offset') + 'px'; var end_css = { - top: $(window).scrollTop() + parseInt(el.css('top'), 10) + 'px', + top: $(window).scrollTop() + el.data('css-top') + 'px', opacity: 1 } @@ -186,8 +193,7 @@ if (css) { if (/pop/i.test(this.settings.animation)) { var end_css = { - // need to figure out why this doesn't work. - // top: $(window).scrollTop() - this.offset + 'px', + top: - $(window).scrollTop() - el.data('offset') + 'px', opacity: 0 }; @@ -232,7 +238,7 @@ if (iframe.length > 0) { iframe.attr('data-src', iframe[0].src); iframe.attr('src', 'about:blank'); - video.fadeOut(100).hide(); + video.fadeOut(100).hide(); } }, @@ -261,4 +267,4 @@ $(this.scope).off('.fndtn.reveal'); } }; -}(Foundation.zj, this, this.document)); \ No newline at end of file +}(Foundation.zj, this, this.document)); diff --git a/js/foundation/foundation.section.js b/js/foundation/foundation.section.js index f160921..fab5ca8 100644 --- a/js/foundation/foundation.section.js +++ b/js/foundation/foundation.section.js @@ -6,7 +6,7 @@ Foundation.libs.section = { name: 'section', - version : '4.0.0', + version : '4.0.9', settings : { deep_linking: false, @@ -15,18 +15,16 @@ }, init : function (scope, method, options) { + var self = this; + this.scope = scope || this.scope; Foundation.inherit(this, 'throttle data_options'); - if (typeof method === 'object') { - $.extend(true, this.settings, method); - } - if (typeof method != 'string') { this.set_active_from_hash(); - if (!this.settings.init) this.events(); + this.events(); - return this.settings.init; + return true; } else { return this[method].call(this, options); } @@ -34,16 +32,36 @@ events : function () { var self = this; - $(this.scope).on('click.fndtn.section', '[data-section] .title', function (e) { - $.extend(true, self.settings, self.data_options($(this).closest('[data-section]'))); - self.toggle_active.call(this, e, self); - }); - $(window).on('resize.fndtn.section', self.throttle(function () { - self.resize.call(this); - }, 30)).trigger('resize'); + $(this.scope) + .on('click.fndtn.section', '[data-section] .title', function (e) { + var $this = $(this), + section = $this.closest('[data-section]'); + + self.toggle_active.call(this, e, self); + }); + + $(window) + .on('resize.fndtn.section', self.throttle(function () { + self.resize.call(this); + }, 30)) + .on('hashchange', function () { + if (!self.settings.toggled){ + self.set_active_from_hash(); + $(this).trigger('resize'); + } + }).trigger('resize'); + + $(document) + .on('click.fndtn.section', function (e) { + if ($(e.target).closest('.title').length < 1) { + $('[data-section="vertical-nav"], [data-section="horizontal-nav"]') + .find('section, .section') + .removeClass('active') + .attr('style', ''); + } + }); - this.settings.init = true; }, toggle_active : function (e, self) { @@ -51,39 +69,56 @@ section = $this.closest('section, .section'), content = section.find('.content'), parent = section.closest('[data-section]'), - self = Foundation.libs.section; + self = Foundation.libs.section, + settings = $.extend({}, self.settings, self.data_options(parent)); - if (!self.settings.deep_linking && content.length > 0) { + self.settings.toggled = true; + + if (!settings.deep_linking && content.length > 0) { e.preventDefault(); } if (section.hasClass('active')) { if (self.small(parent) || self.is_vertical(parent) + || self.is_horizontal(parent) || self.is_accordion(parent)) { section .removeClass('active') .attr('style', ''); } } else { - if (self.small(parent) || self.settings.one_up) { - $this - .closest('[data-section]') - .find('section, .section') - .removeClass('active') - .attr('style', ''); + var prev_active_section = null, + title_height = self.outerHeight(section.find('.title')); - section.css('padding-top', self.outerHeight(section.find('.title')) - 1); + if (self.small(parent) || settings.one_up) { + prev_active_section = $this.closest('[data-section]').find('section.active, .section.active'); + + if (self.small(parent)) { + prev_active_section.attr('style', ''); + } else { + prev_active_section.attr('style', 'visibility: hidden; padding-top: '+title_height+'px;'); + } } if (self.small(parent)) { section.attr('style', ''); + } else { + section.css('padding-top', title_height); } section.addClass('active'); + + if (prev_active_section !== null) { + prev_active_section.removeClass('active').attr('style', ''); + } } - self.settings.callback(); + setTimeout(function () { + self.settings.toggled = false; + }, 300); + + settings.callback(); }, resize : function () { @@ -92,7 +127,9 @@ sections.each(function() { var $this = $(this), - active_section = $this.find('section.active, .section.active'); + active_section = $this.find('section.active, .section.active'), + settings = $.extend({}, self.settings, self.data_options($this)); + if (active_section.length > 1) { active_section .not(':first') @@ -100,44 +137,65 @@ .attr('style', ''); } else if (active_section.length < 1 && !self.is_vertical($this) + && !self.is_horizontal($this) && !self.is_accordion($this)) { + var first = $this.find('section, .section').first(); first.addClass('active'); if (self.small($this)) { first.attr('style', ''); } else { - first.css('padding-top', self.outerHeight(first.find('.title')) - 1); + first.css('padding-top', self.outerHeight(first.find('.title'))); } } if (self.small($this)) { active_section.attr('style', ''); } else { - active_section.css('padding-top', self.outerHeight(active_section.find('.title')) - 1); + active_section.css('padding-top', self.outerHeight(active_section.find('.title'))); } + self.position_titles($this); + + if (self.is_horizontal($this) && !self.small($this)) { + self.position_content($this); + } else { + self.position_content($this, false); + } }); }, is_vertical : function (el) { - return el.hasClass('vertical-nav'); + return /vertical-nav/i.test(el.data('section')); + }, + + is_horizontal : function (el) { + return /horizontal-nav/i.test(el.data('section')); }, is_accordion : function (el) { - return el.hasClass('accordion'); + return /accordion/i.test(el.data('section')); + }, + + is_tabs : function (el) { + return /tabs/i.test(el.data('section')); }, set_active_from_hash : function () { var hash = window.location.hash.substring(1), - sections = $('[data-section]') + sections = $('[data-section]'), self = this; sections.each(function () { - var section = $(this); - $.extend(true, self.settings, self.data_options(section)); + var section = $(this), + settings = $.extend({}, self.settings, self.data_options(section)); - if (hash.length > 0 && self.settings.deep_linking) { + if (hash.length > 0 && settings.deep_linking) { + section + .find('section, .section') + .attr('style', '') + .removeClass('active'); section .find('.content[data-slug="' + hash + '"]') .closest('section, .section') @@ -153,6 +211,7 @@ if (typeof off === 'boolean') { titles.attr('style', ''); + } else { titles.each(function () { $(this).css('left', previous_width); @@ -161,20 +220,53 @@ } }, + position_content : function (section, off) { + var titles = section.find('.title'), + content = section.find('.content'), + self = this; + + if (typeof off === 'boolean') { + content.attr('style', ''); + section.attr('style', ''); + } else { + section.find('section, .section').each(function () { + var title = $(this).find('.title'), + content = $(this).find('.content'); + + content.css({left: title.position().left - 1, top: self.outerHeight(title) - 2}); + }); + + // temporary work around for Zepto outerheight calculation issues. + if (typeof Zepto === 'function') { + section.height(this.outerHeight(titles.first())); + } else { + section.height(this.outerHeight(titles.first()) - 2); + } + } + + }, + small : function (el) { + var settings = $.extend({}, this.settings, this.data_options(el)); + if (this.is_tabs(el)) { + return false; + } if (el && this.is_accordion(el)) { return true; } if ($('html').hasClass('lt-ie9')) { return true; } + if ($('html').hasClass('ie8compat')) { + return true; + } return $(this.scope).width() < 768; }, off : function () { $(this.scope).off('.fndtn.section'); $(window).off('.fndtn.section'); - this.settings.init = false; + $(document).off('.fndtn.section') } }; }(Foundation.zj, this, this.document)); diff --git a/js/foundation/foundation.tooltips.js b/js/foundation/foundation.tooltips.js index 817e7ff..1696e2a 100644 --- a/js/foundation/foundation.tooltips.js +++ b/js/foundation/foundation.tooltips.js @@ -6,7 +6,7 @@ Foundation.libs.tooltips = { name: 'tooltips', - version : '4.0.0', + version : '4.0.2', settings : { selector : '.has-tip', @@ -105,7 +105,7 @@ if (Modernizr.touch) { $tip.append('tap to close '); } - $target.attr('title', ''); + $target.removeAttr('title').attr('title',''); this.show($target); }, diff --git a/js/foundation/foundation.topbar.js b/js/foundation/foundation.topbar.js index 62ca1f6..1d8db3d 100644 --- a/js/foundation/foundation.topbar.js +++ b/js/foundation/foundation.topbar.js @@ -11,10 +11,13 @@ settings : { index : 0, stickyClass : 'sticky', + custom_back_text: true, + back_text: 'Back', init : false }, init : function (scope, method, options) { + var self = this; this.scope = scope || this.scope; if (typeof method === 'object') { @@ -22,24 +25,29 @@ } if (typeof method != 'string') { - this.settings.$w = $(window); - this.settings.$topbar = $('nav.top-bar'); - this.settings.$section = this.settings.$topbar.find('section'); - this.settings.$titlebar = this.settings.$topbar.children('ul').first(); - var breakpoint = $("
              ").appendTo("body"); - this.settings.breakPoint = breakpoint.width(); - breakpoint.remove(); + $('.top-bar').each(function () { + self.settings.$w = $(window); + self.settings.$topbar = $(this); + self.settings.$section = self.settings.$topbar.find('section'); + self.settings.$titlebar = self.settings.$topbar.children('ul').first(); - if (!this.settings.init) { - this.events(); - this.assemble(); - } - if (!this.settings.height) this.largestUL(); + self.settings.$topbar.data('index', 0); + + var breakpoint = $("
              ").insertAfter(self.settings.$topbar); + self.settings.breakPoint = breakpoint.width(); + breakpoint.remove(); - if (this.settings.$topbar.parent().hasClass('fixed')) { - $('body').css('padding-top', this.outerHeight(this.settings.$topbar)); + self.assemble(); + + if (self.settings.$topbar.parent().hasClass('fixed')) { + $('body').css('padding-top', self.outerHeight(self.settings.$topbar)); + } + }); + + if (!self.settings.init) { + this.events(); } return this.settings.init; @@ -50,48 +58,70 @@ }, events : function () { + var self = this; + var offst = this.outerHeight($('.top-bar')); $(this.scope) .on('click.fndtn.topbar', '.top-bar .toggle-topbar', function (e) { + var topbar = $(this).closest('.top-bar'), + section = topbar.find('section, .section'), + titlebar = topbar.children('ul').first(); + + if (!topbar.data('height')) self.largestUL(); + e.preventDefault(); - if (this.breakpoint()) { - this.settings.$topbar.toggleClass('expanded'); - this.settings.$topbar.css('min-height', ''); + if (self.breakpoint()) { + topbar + .toggleClass('expanded') + .css('min-height', ''); } - if (!this.settings.$topbar.hasClass('expanded')) { - this.settings.$section.css({left: '0%'}); - this.settings.$section.find('>.name').css({left: '100%'}); - this.settings.$section.find('li.moved').removeClass('moved'); - this.settings.index = 0; + if (!topbar.hasClass('expanded')) { + section.css({left: '0%'}); + section.find('>.name').css({left: '100%'}); + section.find('li.moved').removeClass('moved'); + topbar.data('index', 0); } - }.bind(this)) + + if (topbar.parent().hasClass('fixed')) { + topbar.parent().removeClass('fixed'); + $('body').css('padding-top','0'); + window.scrollTo(0); + } else if (topbar.hasClass('fixed expanded')) { + topbar.parent().addClass('fixed'); + $('body').css('padding-top',offst); + } + + }) .on('click.fndtn.topbar', '.top-bar .has-dropdown>a', function (e) { - var self = Foundation.libs.topbar; + var topbar = $(this).closest('.top-bar'), + section = topbar.find('section, .section'), + titlebar = topbar.children('ul').first(); - if (Modernizr.touch || self.breakpoint()) + if (Modernizr.touch || self.breakpoint()) { e.preventDefault(); + } if (self.breakpoint()) { var $this = $(this), $selectedLi = $this.closest('li'); - self.settings.index += 1; + topbar.data('index', topbar.data('index') + 1); $selectedLi.addClass('moved'); - self.settings.$section.css({left: -(100 * self.settings.index) + '%'}); - self.settings.$section.find('>.name').css({left: 100 * self.settings.index + '%'}); + section.css({left: -(100 * topbar.data('index')) + '%'}); + section.find('>.name').css({left: 100 * topbar.data('index') + '%'}); $this.siblings('ul') - .height(self.settings.height + self.outerHeight(self.settings.$titlebar, true)); - self.settings.$topbar - .css('min-height', self.settings.height + self.outerHeight(self.settings.$titlebar, true) * 2) + .height(topbar.data('height') + self.outerHeight(titlebar, true)); + topbar + .css('min-height', topbar.data('height') + self.outerHeight(titlebar, true) * 2) } }); $(window).on('resize.fndtn.topbar', function () { if (!this.breakpoint()) { - this.settings.$topbar.css('min-height', ''); + $('.top-bar').css('min-height', ''); } }.bind(this)); @@ -100,16 +130,17 @@ e.preventDefault(); var $this = $(this), - self = Foundation.libs.topbar, + topbar = $this.closest('.top-bar'), + section = topbar.find('section, .section'), $movedLi = $this.closest('li.moved'), $previousLevelUl = $movedLi.parent(); - self.settings.index -= 1; - self.settings.$section.css({left: -(100 * self.settings.index) + '%'}); - self.settings.$section.find('>.name').css({'left': 100 * self.settings.index + '%'}); + topbar.data('index', topbar.data('index') - 1); + section.css({left: -(100 * topbar.data('index')) + '%'}); + section.find('>.name').css({'left': 100 * topbar.data('index') + '%'}); - if (self.settings.index === 0) { - self.settings.$topbar.css('min-height', 0); + if (topbar.data('index') === 0) { + topbar.css('min-height', 0); } setTimeout(function () { @@ -119,18 +150,25 @@ }, breakpoint : function () { - return this.settings.$w.width() <= this.settings.breakPoint || $('html').hasClass('lt-ie9'); + return $(window).width() <= this.settings.breakPoint || $('html').hasClass('lt-ie9'); }, assemble : function () { + var self = this; // Pull element out of the DOM for manipulation this.settings.$section.detach(); this.settings.$section.find('.has-dropdown>a').each(function () { var $link = $(this), $dropdown = $link.siblings('.dropdown'), - $titleLi = $('
            • « Back
              • '); + $titleLi = $('
              • '); + // Copy link to subnav + if (self.settings.custom_back_text == true) { + $titleLi.find('h5>a').html('« ' + self.settings.back_text); + } else { + $titleLi.find('h5>a').html('« ' + $link.html()); + } $dropdown.prepend($titleLi); }); @@ -155,26 +193,26 @@ largest.children('li').each(function () { total += self.outerHeight($(this), true); }); - this.settings.height = total; + this.settings.$topbar.data('height', total); }, sticky : function () { - var klass = '.' + this.stickyClass; + var klass = '.' + this.settings.stickyClass; if ($(klass).length > 0) { var distance = $(klass).length ? $(klass).offset().top: 0, $window = $(window); - var offst = this.outerHeight($('nav.top-bar'))+20; + var offst = this.outerHeight($('.top-bar')); $window.scroll(function() { if ($window.scrollTop() >= (distance)) { - $(klass).addClass("fixed"); - $('body').css('padding-top',offst); + $(klass).addClass("fixed"); + $('body').css('padding-top',offst); } - else if ($window.scrollTop() < distance) { + else if ($window.scrollTop() < distance) { $(klass).removeClass("fixed"); $('body').css('padding-top','0'); - } + } }); } }, diff --git a/js/vendor/custom.modernizr.js b/js/vendor/custom.modernizr.js index 4eb3d06..e5afa6c 100644 --- a/js/vendor/custom.modernizr.js +++ b/js/vendor/custom.modernizr.js @@ -1,4 +1,4 @@ /* Modernizr 2.6.2 (Custom Build) | MIT & BSD * Build: http://modernizr.com/download/#-inlinesvg-svg-svgclippaths-touch-shiv-mq-cssclasses-teststyles-prefixes-ie8compat-load */ -;window.Modernizr=function(a,b,c){function y(a){j.cssText=a}function z(a,b){return y(m.join(a+";")+(b||""))}function A(a,b){return typeof a===b}function B(a,b){return!!~(""+a).indexOf(b)}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:A(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={svg:"http://www.w3.org/2000/svg"},o={},p={},q={},r=[],s=r.slice,t,u=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return u("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},w={}.hasOwnProperty,x;!A(w,"undefined")&&!A(w.call,"undefined")?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect},o.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==n.svg},o.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(n.svg,"clipPath")))};for(var D in o)x(o,D)&&(t=D.toLowerCase(),e[t]=o[D](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},y(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.mq=v,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return u("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},w={}.hasOwnProperty,x;!A(w,"undefined")&&!A(w.call,"undefined")?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect},o.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==n.svg},o.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(n.svg,"clipPath")))};for(var D in o)x(o,D)&&(t=D.toLowerCase(),e[t]=o[D](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},y(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.mq=v,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f= 0 : zepto.matches(node, selector))) + node = node !== context && !isDocument(node) && node.parentNode return $(node) }, parents: function(selector){ var ancestors = [], nodes = this while (nodes.length > 0) nodes = $.map(nodes, function(node){ - if ((node = node.parentNode) && node !== document && ancestors.indexOf(node) < 0) { + if ((node = node.parentNode) && !isDocument(node) && ancestors.indexOf(node) < 0) { ancestors.push(node) return node } @@ -606,8 +636,8 @@ var Zepto = (function() { return { left: obj.left + window.pageXOffset, top: obj.top + window.pageYOffset, - width: obj.width, - height: obj.height + width: Math.round(obj.width), + height: Math.round(obj.height) } }, css: function(property, value){ @@ -615,17 +645,18 @@ var Zepto = (function() { return this[0] && (this[0].style[camelize(property)] || getComputedStyle(this[0], '').getPropertyValue(property)) var css = '' - for (key in property) - if (!property[key] && property[key] !== 0) - this.each(function(){ this.style.removeProperty(dasherize(key)) }) - else - css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';' - - if (typeof property == 'string') + if (type(property) == 'string') { if (!value && value !== 0) this.each(function(){ this.style.removeProperty(dasherize(property)) }) else css = dasherize(property) + ":" + maybeAddPx(property, value) + } else { + for (key in property) + if (!property[key] && property[key] !== 0) + this.each(function(){ this.style.removeProperty(dasherize(key)) }) + else + css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';' + } return this.each(function(){ this.style.cssText += ';' + css }) }, @@ -712,12 +743,13 @@ var Zepto = (function() { // Generate the `width` and `height` functions ;['width', 'height'].forEach(function(dimension){ $.fn[dimension] = function(value){ - var offset, Dimension = dimension.replace(/./, function(m){ return m[0].toUpperCase() }) - if (value === undefined) return this[0] == window ? window['inner' + Dimension] : - this[0] == document ? document.documentElement['offset' + Dimension] : + var offset, el = this[0], + Dimension = dimension.replace(/./, function(m){ return m[0].toUpperCase() }) + if (value === undefined) return isWindow(el) ? el['inner' + Dimension] : + isDocument(el) ? el.documentElement['offset' + Dimension] : (offset = this.offset()) && offset[dimension] else return this.each(function(idx){ - var el = $(this) + el = $(this) el.css(dimension, funcArg(this, value, idx, el[dimension]())) }) } @@ -735,7 +767,11 @@ var Zepto = (function() { $.fn[operator] = function(){ // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings - var nodes = $.map(arguments, function(n){ return isObject(n) ? n : zepto.fragment(n) }), + var argType, nodes = $.map(arguments, function(arg) { + argType = type(arg) + return argType == "object" || argType == "array" || arg == null ? + arg : zepto.fragment(arg) + }), parent, copyByClone = this.length > 1 if (nodes.length < 1) return this @@ -781,13 +817,60 @@ var Zepto = (function() { return $ })() -// If `$` is not yet defined, point it to `Zepto` window.Zepto = Zepto -'$' in window || (window.$ = Zepto); +'$' in window || (window.$ = Zepto) -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. +;(function($){ + function detect(ua){ + var os = this.os = {}, browser = this.browser = {}, + webkit = ua.match(/WebKit\/([\d.]+)/), + android = ua.match(/(Android)\s+([\d.]+)/), + ipad = ua.match(/(iPad).*OS\s([\d_]+)/), + iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), + webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/), + touchpad = webos && ua.match(/TouchPad/), + kindle = ua.match(/Kindle\/([\d.]+)/), + silk = ua.match(/Silk\/([\d._]+)/), + blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/), + bb10 = ua.match(/(BB10).*Version\/([\d.]+)/), + rimtabletos = ua.match(/(RIM\sTablet\sOS)\s([\d.]+)/), + playbook = ua.match(/PlayBook/), + chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/), + firefox = ua.match(/Firefox\/([\d.]+)/) + + // Todo: clean this up with a better OS/browser seperation: + // - discern (more) between multiple browsers on android + // - decide if kindle fire in silk mode is android or not + // - Firefox on Android doesn't specify the Android version + // - possibly devide in os, device and browser hashes + + if (browser.webkit = !!webkit) browser.version = webkit[1] + + if (android) os.android = true, os.version = android[2] + if (iphone) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.') + if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.') + if (webos) os.webos = true, os.version = webos[2] + if (touchpad) os.touchpad = true + if (blackberry) os.blackberry = true, os.version = blackberry[2] + if (bb10) os.bb10 = true, os.version = bb10[2] + if (rimtabletos) os.rimtabletos = true, os.version = rimtabletos[2] + if (playbook) browser.playbook = true + if (kindle) os.kindle = true, os.version = kindle[1] + if (silk) browser.silk = true, browser.version = silk[1] + if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true + if (chrome) browser.chrome = true, browser.version = chrome[1] + if (firefox) browser.firefox = true, browser.version = firefox[1] + + os.tablet = !!(ipad || playbook || (android && !ua.match(/Mobile/)) || (firefox && ua.match(/Tablet/))) + os.phone = !!(!os.tablet && (android || iphone || webos || blackberry || bb10 || + (chrome && ua.match(/Android/)) || (chrome && ua.match(/CriOS\/([\d.]+)/)) || (firefox && ua.match(/Mobile/)))) + } + + detect.call($, navigator.userAgent) + // make available to unit tests + $.__detect = detect + +})(Zepto) ;(function($){ var $$ = $.zepto.qsa, handlers = {}, _zid = 1, specialEvents={}, @@ -818,7 +901,7 @@ window.Zepto = Zepto } function eachEvent(events, fn, iterator){ - if ($.isObject(events)) $.each(events, iterator) + if ($.type(events) != "string") $.each(events, iterator) else events.split(/\s/).forEach(function(type){ iterator(type, fn) }) } @@ -1032,163 +1115,10 @@ window.Zepto = Zepto return event } -})(Zepto); - -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. - -;(function($){ - function detect(ua){ - var os = this.os = {}, browser = this.browser = {}, - webkit = ua.match(/WebKit\/([\d.]+)/), - android = ua.match(/(Android)\s+([\d.]+)/), - ipad = ua.match(/(iPad).*OS\s([\d_]+)/), - iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), - webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/), - touchpad = webos && ua.match(/TouchPad/), - kindle = ua.match(/Kindle\/([\d.]+)/), - silk = ua.match(/Silk\/([\d._]+)/), - blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/), - chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/) - - // todo clean this up with a better OS/browser - // separation. we need to discern between multiple - // browsers on android, and decide if kindle fire in - // silk mode is android or not - - if (browser.webkit = !!webkit) browser.version = webkit[1] - - if (android) os.android = true, os.version = android[2] - if (iphone) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.') - if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.') - if (webos) os.webos = true, os.version = webos[2] - if (touchpad) os.touchpad = true - if (blackberry) os.blackberry = true, os.version = blackberry[2] - if (kindle) os.kindle = true, os.version = kindle[1] - if (silk) browser.silk = true, browser.version = silk[1] - if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true - if (chrome) browser.chrome = true, browser.version = chrome[1] - } - - detect.call($, navigator.userAgent) - // make available to unit tests - $.__detect = detect - -})(Zepto); - - -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. - -;(function($, undefined){ - var prefix = '', eventPrefix, endEventName, endAnimationName, - vendors = { Webkit: 'webkit', Moz: '', O: 'o', ms: 'MS' }, - document = window.document, testEl = document.createElement('div'), - supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i, - transform, - transitionProperty, transitionDuration, transitionTiming, - animationName, animationDuration, animationTiming, - cssReset = {} - - function dasherize(str) { return downcase(str.replace(/([a-z])([A-Z])/, '$1-$2')) } - function downcase(str) { return str.toLowerCase() } - function normalizeEvent(name) { return eventPrefix ? eventPrefix + name : downcase(name) } - - $.each(vendors, function(vendor, event){ - if (testEl.style[vendor + 'TransitionProperty'] !== undefined) { - prefix = '-' + downcase(vendor) + '-' - eventPrefix = event - return false - } - }) - - transform = prefix + 'transform' - cssReset[transitionProperty = prefix + 'transition-property'] = - cssReset[transitionDuration = prefix + 'transition-duration'] = - cssReset[transitionTiming = prefix + 'transition-timing-function'] = - cssReset[animationName = prefix + 'animation-name'] = - cssReset[animationDuration = prefix + 'animation-duration'] = - cssReset[animationTiming = prefix + 'animation-timing-function'] = '' - - $.fx = { - off: (eventPrefix === undefined && testEl.style.transitionProperty === undefined), - speeds: { _default: 400, fast: 200, slow: 600 }, - cssPrefix: prefix, - transitionEnd: normalizeEvent('TransitionEnd'), - animationEnd: normalizeEvent('AnimationEnd') - } - - $.fn.animate = function(properties, duration, ease, callback){ - if ($.isObject(duration)) - ease = duration.easing, callback = duration.complete, duration = duration.duration - if (duration) duration = (typeof duration == 'number' ? duration : - ($.fx.speeds[duration] || $.fx.speeds._default)) / 1000 - return this.anim(properties, duration, ease, callback) - } - - $.fn.anim = function(properties, duration, ease, callback){ - var key, cssValues = {}, cssProperties, transforms = '', - that = this, wrappedCallback, endEvent = $.fx.transitionEnd - - if (duration === undefined) duration = 0.4 - if ($.fx.off) duration = 0 - - if (typeof properties == 'string') { - // keyframe animation - cssValues[animationName] = properties - cssValues[animationDuration] = duration + 's' - cssValues[animationTiming] = (ease || 'linear') - endEvent = $.fx.animationEnd - } else { - cssProperties = [] - // CSS transitions - for (key in properties) - if (supportedTransforms.test(key)) transforms += key + '(' + properties[key] + ') ' - else cssValues[key] = properties[key], cssProperties.push(dasherize(key)) - - if (transforms) cssValues[transform] = transforms, cssProperties.push(transform) - if (duration > 0 && typeof properties === 'object') { - cssValues[transitionProperty] = cssProperties.join(', ') - cssValues[transitionDuration] = duration + 's' - cssValues[transitionTiming] = (ease || 'linear') - } - } - - wrappedCallback = function(event){ - if (typeof event !== 'undefined') { - if (event.target !== event.currentTarget) return // makes sure the event didn't bubble from "below" - $(event.target).unbind(endEvent, arguments.callee) - } - $(this).css(cssReset) - callback && callback.call(this) - } - if (duration > 0) this.bind(endEvent, wrappedCallback) - - // trigger page reflow so new elements can animate - this.size() && this.get(0).clientLeft - - this.css(cssValues) - - if (duration <= 0) setTimeout(function() { - that.each(function(){ wrappedCallback.call(this) }) - }, 0) - - return this - } - - testEl = null -})(Zepto); - - -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. +})(Zepto) ;(function($){ var jsonpID = 0, - isObject = $.isObject, document = window.document, key, name, @@ -1259,33 +1189,38 @@ window.Zepto = Zepto var callbackName = 'jsonp' + (++jsonpID), script = document.createElement('script'), - abort = function(){ + cleanup = function() { + clearTimeout(abortTimeout) $(script).remove() - if (callbackName in window) window[callbackName] = empty - ajaxComplete('abort', xhr, options) + delete window[callbackName] + }, + abort = function(type){ + cleanup() + // In case of manual abort or timeout, keep an empty function as callback + // so that the SCRIPT tag that eventually loads won't result in an error. + if (!type || type == 'timeout') window[callbackName] = empty + ajaxError(null, type || 'abort', xhr, options) }, xhr = { abort: abort }, abortTimeout - if (options.error) script.onerror = function() { - xhr.abort() - options.error() + if (ajaxBeforeSend(xhr, options) === false) { + abort('abort') + return false } window[callbackName] = function(data){ - clearTimeout(abortTimeout) - $(script).remove() - delete window[callbackName] + cleanup() ajaxSuccess(data, xhr, options) } - serializeData(options) + script.onerror = function() { abort('error') } + script.src = options.url.replace(/=\?/, '=' + callbackName) $('head').append(script) if (options.timeout > 0) abortTimeout = setTimeout(function(){ - xhr.abort() - ajaxComplete('timeout', xhr, options) - }, options.timeout) + abort('timeout') + }, options.timeout) return xhr } @@ -1322,10 +1257,13 @@ window.Zepto = Zepto // Default timeout timeout: 0, // Whether data should be serialized to string - processData: true + processData: true, + // Whether the browser should be allowed to cache GET responses + cache: true, } function mimeToDataType(mime) { + if (mime) mime = mime.split(';', 2)[0] return mime && ( mime == htmlType ? 'html' : mime == jsonType ? 'json' : scriptTypeRE.test(mime) ? 'script' : @@ -1338,7 +1276,7 @@ window.Zepto = Zepto // serialize payload and append it to the URL for GET requests function serializeData(options) { - if (options.processData && isObject(options.data)) + if (options.processData && options.data && $.type(options.data) != "string") options.data = $.param(options.data, options.traditional) if (options.data && (!options.type || options.type.toUpperCase() == 'GET')) options.url = appendQuery(options.url, options.data) @@ -1353,15 +1291,16 @@ window.Zepto = Zepto if (!settings.crossDomain) settings.crossDomain = /^([\w-]+:)?\/\/([^\/]+)/.test(settings.url) && RegExp.$2 != window.location.host + if (!settings.url) settings.url = window.location.toString() + serializeData(settings) + if (settings.cache === false) settings.url = appendQuery(settings.url, '_=' + Date.now()) + var dataType = settings.dataType, hasPlaceholder = /=\?/.test(settings.url) if (dataType == 'jsonp' || hasPlaceholder) { if (!hasPlaceholder) settings.url = appendQuery(settings.url, 'callback=?') return $.ajaxJSONP(settings) } - if (!settings.url) settings.url = window.location.toString() - serializeData(settings) - var mime = settings.accepts[dataType], baseHeaders = { }, protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol, @@ -1387,6 +1326,7 @@ window.Zepto = Zepto result = xhr.responseText try { + // http://perfectionkills.com/global-eval-what-are-the-options/ if (dataType == 'script') (1,eval)(result) else if (dataType == 'xml') result = xhr.responseXML else if (dataType == 'json') result = blankRE.test(result) ? null : $.parseJSON(result) @@ -1421,40 +1361,60 @@ window.Zepto = Zepto return xhr } - $.get = function(url, success){ return $.ajax({ url: url, success: success }) } + // handle optional data/success arguments + function parseArguments(url, data, success, dataType) { + var hasData = !$.isFunction(data) + return { + url: url, + data: hasData ? data : undefined, + success: !hasData ? data : $.isFunction(success) ? success : undefined, + dataType: hasData ? dataType || success : success + } + } + + $.get = function(url, data, success, dataType){ + return $.ajax(parseArguments.apply(null, arguments)) + } $.post = function(url, data, success, dataType){ - if ($.isFunction(data)) dataType = dataType || success, success = data, data = null - return $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType }) + var options = parseArguments.apply(null, arguments) + options.type = 'POST' + return $.ajax(options) } - $.getJSON = function(url, success){ - return $.ajax({ url: url, success: success, dataType: 'json' }) + $.getJSON = function(url, data, success){ + var options = parseArguments.apply(null, arguments) + options.dataType = 'json' + return $.ajax(options) } - $.fn.load = function(url, success){ + $.fn.load = function(url, data, success){ if (!this.length) return this - var self = this, parts = url.split(/\s/), selector - if (parts.length > 1) url = parts[0], selector = parts[1] - $.get(url, function(response){ + var self = this, parts = url.split(/\s/), selector, + options = parseArguments(url, data, success), + callback = options.success + if (parts.length > 1) options.url = parts[0], selector = parts[1] + options.success = function(response){ self.html(selector ? $('
              ').html(response.replace(rscript, "")).find(selector) : response) - success && success.apply(self, arguments) - }) + callback && callback.apply(self, arguments) + } + $.ajax(options) return this } var escape = encodeURIComponent function serialize(params, obj, traditional, scope){ - var array = $.isArray(obj) + var type, array = $.isArray(obj) $.each(obj, function(key, value) { + type = $.type(value) if (scope) key = traditional ? scope : scope + '[' + (array ? '' : key) + ']' // handle data in serializeArray() format if (!scope && array) params.add(value.name, value.value) // recurse into nested objects - else if (traditional ? $.isArray(value) : isObject(value)) + else if (type == "array" || (!traditional && type == "object")) serialize(params, value, traditional, key) else params.add(key, value) }) @@ -1466,12 +1426,7 @@ window.Zepto = Zepto serialize(params, obj, traditional) return params.join('&').replace(/%20/g, '+') } -})(Zepto); - - -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. +})(Zepto) ;(function ($) { $.fn.serializeArray = function () { @@ -1508,8 +1463,178 @@ window.Zepto = Zepto return this } -})(Zepto); +})(Zepto) + +;(function($, undefined){ + var prefix = '', eventPrefix, endEventName, endAnimationName, + vendors = { Webkit: 'webkit', Moz: '', O: 'o', ms: 'MS' }, + document = window.document, testEl = document.createElement('div'), + supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i, + transform, + transitionProperty, transitionDuration, transitionTiming, + animationName, animationDuration, animationTiming, + cssReset = {} + function dasherize(str) { return downcase(str.replace(/([a-z])([A-Z])/, '$1-$2')) } + function downcase(str) { return str.toLowerCase() } + function normalizeEvent(name) { return eventPrefix ? eventPrefix + name : downcase(name) } + + $.each(vendors, function(vendor, event){ + if (testEl.style[vendor + 'TransitionProperty'] !== undefined) { + prefix = '-' + downcase(vendor) + '-' + eventPrefix = event + return false + } + }) + + transform = prefix + 'transform' + cssReset[transitionProperty = prefix + 'transition-property'] = + cssReset[transitionDuration = prefix + 'transition-duration'] = + cssReset[transitionTiming = prefix + 'transition-timing-function'] = + cssReset[animationName = prefix + 'animation-name'] = + cssReset[animationDuration = prefix + 'animation-duration'] = + cssReset[animationTiming = prefix + 'animation-timing-function'] = '' + + $.fx = { + off: (eventPrefix === undefined && testEl.style.transitionProperty === undefined), + speeds: { _default: 400, fast: 200, slow: 600 }, + cssPrefix: prefix, + transitionEnd: normalizeEvent('TransitionEnd'), + animationEnd: normalizeEvent('AnimationEnd') + } + + $.fn.animate = function(properties, duration, ease, callback){ + if ($.isPlainObject(duration)) + ease = duration.easing, callback = duration.complete, duration = duration.duration + if (duration) duration = (typeof duration == 'number' ? duration : + ($.fx.speeds[duration] || $.fx.speeds._default)) / 1000 + return this.anim(properties, duration, ease, callback) + } + + $.fn.anim = function(properties, duration, ease, callback){ + var key, cssValues = {}, cssProperties, transforms = '', + that = this, wrappedCallback, endEvent = $.fx.transitionEnd + + if (duration === undefined) duration = 0.4 + if ($.fx.off) duration = 0 + + if (typeof properties == 'string') { + // keyframe animation + cssValues[animationName] = properties + cssValues[animationDuration] = duration + 's' + cssValues[animationTiming] = (ease || 'linear') + endEvent = $.fx.animationEnd + } else { + cssProperties = [] + // CSS transitions + for (key in properties) + if (supportedTransforms.test(key)) transforms += key + '(' + properties[key] + ') ' + else cssValues[key] = properties[key], cssProperties.push(dasherize(key)) + + if (transforms) cssValues[transform] = transforms, cssProperties.push(transform) + if (duration > 0 && typeof properties === 'object') { + cssValues[transitionProperty] = cssProperties.join(', ') + cssValues[transitionDuration] = duration + 's' + cssValues[transitionTiming] = (ease || 'linear') + } + } + + wrappedCallback = function(event){ + if (typeof event !== 'undefined') { + if (event.target !== event.currentTarget) return // makes sure the event didn't bubble from "below" + $(event.target).unbind(endEvent, wrappedCallback) + } + $(this).css(cssReset) + callback && callback.call(this) + } + if (duration > 0) this.bind(endEvent, wrappedCallback) + + // trigger page reflow so new elements can animate + this.size() && this.get(0).clientLeft + + this.css(cssValues) + + if (duration <= 0) setTimeout(function() { + that.each(function(){ wrappedCallback.call(this) }) + }, 0) + + return this + } + + testEl = null +})(Zepto) + +// Zepto.js +// (c) 2010-2012 Thomas Fuchs +// Zepto.js may be freely distributed under the MIT license. + +;(function($, undefined){ + var document = window.document, docElem = document.documentElement, + origShow = $.fn.show, origHide = $.fn.hide, origToggle = $.fn.toggle + + function anim(el, speed, opacity, scale, callback) { + if (typeof speed == 'function' && !callback) callback = speed, speed = undefined + var props = { opacity: opacity } + if (scale) { + props.scale = scale + el.css($.fx.cssPrefix + 'transform-origin', '0 0') + } + return el.animate(props, speed, null, callback) + } + + function hide(el, speed, scale, callback) { + return anim(el, speed, 0, scale, function(){ + origHide.call($(this)) + callback && callback.call(this) + }) + } + + $.fn.show = function(speed, callback) { + origShow.call(this) + if (speed === undefined) speed = 0 + else this.css('opacity', 0) + return anim(this, speed, 1, '1,1', callback) + } + + $.fn.hide = function(speed, callback) { + if (speed === undefined) return origHide.call(this) + else return hide(this, speed, '0,0', callback) + } + + $.fn.toggle = function(speed, callback) { + if (speed === undefined || typeof speed == 'boolean') + return origToggle.call(this, speed) + else return this.each(function(){ + var el = $(this) + el[el.css('display') == 'none' ? 'show' : 'hide'](speed, callback) + }) + } + + $.fn.fadeTo = function(speed, opacity, callback) { + return anim(this, speed, opacity, null, callback) + } + + $.fn.fadeIn = function(speed, callback) { + var target = this.css('opacity') + if (target > 0) this.css('opacity', 0) + else target = 1 + return origShow.call(this).fadeTo(speed, target, callback) + } + + $.fn.fadeOut = function(speed, callback) { + return hide(this, speed, null, callback) + } + + $.fn.fadeToggle = function(speed, callback) { + return this.each(function(){ + var el = $(this) + el[ + (el.css('opacity') == 0 || el.css('display') == 'none') ? 'fadeIn' : 'fadeOut' + ](speed, callback) + }) + } + +})(Zepto) // Zepto.js // (c) 2010-2012 Thomas Fuchs @@ -1531,8 +1656,7 @@ window.Zepto = Zepto } }) } -})(Zepto); - +})(Zepto) // Zepto.js // (c) 2010-2012 Thomas Fuchs @@ -1600,8 +1724,7 @@ window.Zepto = Zepto if (store) $.each(names, function(){ delete store[camelize(this)] }) }) } -})(Zepto); - +})(Zepto) ;(function($){ var zepto = $.zepto, oldQsa = zepto.qsa, oldMatches = zepto.matches @@ -1644,7 +1767,7 @@ window.Zepto = Zepto sel = sel.replace(/=#\]/g, '="#"]') var filter, arg, match = filterRe.exec(sel) if (match && match[2] in filters) { - var filter = filters[match[2]], arg = match[3] + filter = filters[match[2]], arg = match[3] sel = match[1] if (arg) { var num = Number(arg) @@ -1683,8 +1806,7 @@ window.Zepto = Zepto (!filter || filter.call(node, null, arg) === node) }) } -})(Zepto); - +})(Zepto) // Zepto.js // (c) 2010-2012 Thomas Fuchs @@ -1707,76 +1829,56 @@ window.Zepto = Zepto return ret } }) -})(Zepto); - -// Zepto.js -// (c) 2010-2012 Thomas Fuchs -// Zepto.js may be freely distributed under the MIT license. - -;(function($, undefined){ - var document = window.document, docElem = document.documentElement, - origShow = $.fn.show, origHide = $.fn.hide, origToggle = $.fn.toggle - - function anim(el, speed, opacity, scale, callback) { - if (typeof speed == 'function' && !callback) callback = speed, speed = undefined - var props = { opacity: opacity } - if (scale) { - props.scale = scale - el.css($.fx.cssPrefix + 'transform-origin', '0 0') - } - return el.animate(props, speed, null, callback) - } - - function hide(el, speed, scale, callback) { - return anim(el, speed, 0, scale, function(){ - origHide.call($(this)) - callback && callback.call(this) - }) - } - - $.fn.show = function(speed, callback) { - origShow.call(this) - if (speed === undefined) speed = 0 - else this.css('opacity', 0) - return anim(this, speed, 1, '1,1', callback) - } - - $.fn.hide = function(speed, callback) { - if (speed === undefined) return origHide.call(this) - else return hide(this, speed, '0,0', callback) - } - - $.fn.toggle = function(speed, callback) { - if (speed === undefined || typeof speed == 'boolean') - return origToggle.call(this, speed) - else return this.each(function(){ - var el = $(this) - el[el.css('display') == 'none' ? 'show' : 'hide'](speed, callback) - }) - } - - $.fn.fadeTo = function(speed, opacity, callback) { - return anim(this, speed, opacity, null, callback) - } - - $.fn.fadeIn = function(speed, callback) { - var target = this.css('opacity') - if (target > 0) this.css('opacity', 0) - else target = 1 - return origShow.call(this).fadeTo(speed, target, callback) - } - - $.fn.fadeOut = function(speed, callback) { - return hide(this, speed, null, callback) - } - - $.fn.fadeToggle = function(speed, callback) { - return this.each(function(){ - var el = $(this) - el[ - (el.css('opacity') == 0 || el.css('display') == 'none') ? 'fadeIn' : 'fadeOut' - ](speed, callback) - }) - } - -})(Zepto) \ No newline at end of file +})(Zepto) + + +// outer and inner height/width support +if (this.Zepto) { + (function($) { + var ioDim, _base; + ioDim = function(elem, Dimension, dimension, includeBorder, includeMargin) { + var sides, size; + if (elem) { + size = elem[dimension](); + sides = { + width: ["left", "right"], + height: ["top", "bottom"] + }; + sides[dimension].forEach(function(side) { + size += parseInt(elem.css("padding-" + side), 10); + if (includeBorder) { + size += parseInt(elem.css("border-" + side + "-width"), 10); + } + if (includeMargin) { + return size += parseInt(elem.css("margin-" + side), 10); + } + }); + return size; + } else { + return null; + } + }; + ["width", "height"].forEach(function(dimension) { + var Dimension, _base, _base1, _name, _name1; + Dimension = dimension.replace(/./, function(m) { + return m[0].toUpperCase(); + }); + (_base = $.fn)[_name = "inner" + Dimension] || (_base[_name] = function(includeMargin) { + return ioDim(this, Dimension, dimension, false, includeMargin); + }); + return (_base1 = $.fn)[_name1 = "outer" + Dimension] || (_base1[_name1] = function(includeMargin) { + return ioDim(this, Dimension, dimension, true, includeMargin); + }); + }); + return (_base = $.fn).detach || (_base.detach = function(selector) { + var cloned, set; + set = this; + if (selector != null) { + set = set.filter(selector); + } + cloned = set.clone(true); + set.remove(); + return cloned; + }); + })(Zepto); +} diff --git a/scss/style.scss b/scss/style.scss index 04e7518..e653ff3 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -79,8 +79,8 @@ ul { margin-#{$default-float}: $list-side-margin; } -// add some margin for images in post -.container img { +// add some margin for embeds in post +figure { margin-bottom: $paragraph-margin-bottom; } @@ -92,4 +92,41 @@ input.prefix.button { // adjust search button on sideba #sidebar input.prefix.button { line-height: 0.7; +} + +// Add Class for Images +img.alignright { + float: right; + margin: 0 0 18px 18px; +} + +img.alignleft { + float: left; + margin: 0 18px 18px 0; +} + +img.aligncenter { + display: block; + margin: 18px auto; + } + +// Add HTML5 Caption Class for Images +figure.figure { + margin: 0 auto; + display: inline-block; + figcaption { + padding: 8px 10px; + color: gray; + margin-bottom: $paragraph-margin-bottom; + } +} + +figure.alignright.figure { + float: right; + margin: 0 0 18px 18px; +} + +figure.alignleft.figure { + float: left; + margin: 0 18px 18px 0; } \ No newline at end of file diff --git a/style.css b/style.css index a6e0399..0b09e0b 100644 --- a/style.css +++ b/style.css @@ -139,10 +139,10 @@ ol.commentlist a.comment-reply-link { } ul { - margin-left: 1.125em; + margin-left: 1.25em; } -.container img { +figure { margin-bottom: 1.25em; } @@ -152,4 +152,39 @@ input.prefix.button { #sidebar input.prefix.button { line-height: 0.7; +} + +img.alignright { + float: right; + margin: 0 0 18px 18px; +} + +img.alignleft { + float: left; + margin: 0 18px 18px 0; +} + +img.aligncenter { + display: block; + margin: 18px auto; +} + +figure.figure { + margin: 0 auto; + display: inline-block; +} +figure.figure figcaption { + padding: 8px 10px; + color: gray; + margin-bottom: 1.25em; +} + +figure.alignright.figure { + float: right; + margin: 0 0 18px 18px; +} + +figure.alignleft.figure { + float: left; + margin: 0 18px 18px 0; } \ No newline at end of file