From 116c17403483927a3048f6bbe2ef04fd2d8b78fc Mon Sep 17 00:00:00 2001
From: Claas Kazzer <kazzer@uni-leipzig.de>
Date: Tue, 7 Jul 2015 15:31:23 +0200
Subject: [PATCH] refs #5408: * adapted foundation5 theme to
vufind-org/master/33505585
---
local/config/vufind/FincILS.ini | 59 +-
local/config/vufind/config.ini | 8 +-
.../View/Helper/Foundation/LayoutClass.php | 11 +-
module/finc/src/finc/ILS/Driver/DAIA.php | 20 +
module/finc/src/finc/ILS/Driver/FincILS.php | 60 +-
module/finc/src/finc/RecordDriver/SolrAI.php | 4 +-
.../src/finc/RecordDriver/SolrDefault.php | 14 +-
.../finc/RecordDriver/SolrMarcRemoteFinc.php | 106 +-
themes/finc/css/finc.css | 1 +
themes/finc/js/openurl.js | 2 +-
themes/finc/scss/finc.scss | 2 +
.../templates/RecordDriver/SolrAI/core.phtml | 30 +-
.../RecordDriver/SolrAI/link-isn.phtml | 2 +
.../RecordDriver/SolrAI/result-list.phtml | 30 +-
.../templates/RecordTab/description.phtml | 2 +
.../templates/RecordTab/staffviewarray.phtml | 4 +-
.../finc/templates/ajax/resolverLinks.phtml | 2 +
themes/finc/templates/footer.phtml | 19 +-
.../templates/myresearch/acquisition.phtml | 14 +-
themes/foundation5/css/combined-search.css | 2 +-
themes/foundation5/css/default.css | 10142 +++++++++++++++-
themes/foundation5/css/foundation.css | 6201 ----------
themes/foundation5/css/foundation.min.css | 1 -
themes/foundation5/css/mqueries.css | 122 -
themes/foundation5/css/print.css | 6 -
.../css/vendor/bootstrap-slider.css | 44 +-
themes/foundation5/css/vendor/foundation.css | 8551 +++++++++++++
.../foundation5/css/vendor/foundation.min.css | 1 +
.../css/{ => vendor}/normalize.css | 112 +-
themes/foundation5/css/vendor/slick.css | 120 +-
themes/foundation5/js/advanced_search.js | 166 +-
themes/foundation5/js/advanced_search_eds.js | 130 -
themes/foundation5/js/cart.js | 26 +-
themes/foundation5/js/check_item_statuses.js | 22 +-
themes/foundation5/js/check_save_statuses.js | 2 +-
themes/foundation5/js/common.js | 79 +-
themes/foundation5/js/facets.js | 8 +-
themes/foundation5/js/foundation.min.js | 2 +-
.../js/foundation/foundation.topbar.js | 2 +-
themes/foundation5/js/hierarchyTree.js | 16 +-
themes/foundation5/js/lightbox.js | 46 +-
themes/foundation5/js/openurl.js | 2 +-
themes/foundation5/js/pubdate_vis.js | 26 +-
themes/foundation5/js/record.js | 100 +-
.../foundation5/js/vendor/bootstrap-modal.js | 361 -
.../foundation5/js/vendor/libphonenumber.js | 486 +
themes/foundation5/js/vendor/validator.min.js | 9 -
themes/foundation5/js/vudl/canvas-zoomy.js | 334 +
themes/foundation5/js/vudl/record.js | 21 +-
themes/foundation5/scss/default.scss | 1201 ++
.../foundation5/scss/vendor/foundation.scss | 44 +
.../scss/vendor/foundation/_functions.scss | 156 +
.../scss/vendor/foundation/_settings.scss | 1493 +++
.../foundation/components/_accordion.scss | 157 +
.../foundation/components/_alert-boxes.scss | 128 +
.../foundation/components/_block-grid.scss | 133 +
.../foundation/components/_breadcrumbs.scss | 131 +
.../foundation/components/_button-groups.scss | 207 +
.../foundation/components/_buttons.scss | 256 +
.../foundation/components/_clearing.scss | 260 +
.../components/_dropdown-buttons.scss | 130 +
.../foundation/components/_dropdown.scss | 268 +
.../foundation/components/_flex-video.scss | 51 +
.../vendor/foundation/components/_forms.scss | 609 +
.../vendor/foundation/components/_global.scss | 499 +
.../vendor/foundation/components/_grid.scss | 292 +
.../foundation/components/_icon-bar.scss | 460 +
.../foundation/components/_inline-lists.scss | 57 +
.../foundation/components/_joyride.scss | 220 +
.../foundation/components/_keystrokes.scss | 60 +
.../vendor/foundation/components/_labels.scss | 106 +
.../foundation/components/_magellan.scss | 34 +
.../foundation/components/_offcanvas.scss | 518 +
.../vendor/foundation/components/_orbit.scss | 388 +
.../foundation/components/_pagination.scss | 162 +
.../vendor/foundation/components/_panels.scss | 107 +
.../components/_pricing-tables.scss | 150 +
.../foundation/components/_progress-bars.scss | 79 +
.../foundation/components/_range-slider.scss | 177 +
.../vendor/foundation/components/_reveal.scss | 209 +
.../foundation/components/_side-nav.scss | 120 +
.../foundation/components/_split-buttons.scss | 203 +
.../foundation/components/_sub-nav.scss | 125 +
.../foundation/components/_switches.scss | 241 +
.../vendor/foundation/components/_tables.scss | 135 +
.../vendor/foundation/components/_tabs.scss | 142 +
.../vendor/foundation/components/_thumbs.scss | 66 +
.../foundation/components/_tooltips.scss | 142 +
.../foundation/components/_top-bar.scss | 743 ++
.../vendor/foundation/components/_type.scss | 464 +
.../foundation/components/_visibility.scss | 492 +
themes/foundation5/scss/vendor/normalize.scss | 424 +
.../templates/Auth/AbstractBase/login.phtml | 10 +-
.../Auth/AbstractBase/loginfields.phtml | 16 +-
.../templates/Auth/Database/create.phtml | 36 +-
.../templates/Auth/Database/newpassword.phtml | 24 +-
.../templates/Auth/Database/recovery.phtml | 20 +-
.../templates/Auth/ILS/newpassword.phtml | 24 +-
.../templates/Auth/MultiILS/loginfields.phtml | 18 +-
.../templates/Auth/MultiILS/newpassword.phtml | 24 +-
.../templates/Helpers/email-form-fields.phtml | 36 +-
.../templates/Helpers/openurl.phtml | 2 +-
.../templates/Helpers/pagination.phtml | 62 +
.../templates/Recommend/AlphaBrowseLink.phtml | 16 +
.../templates/Recommend/CatalogResults.phtml | 21 +-
.../Recommend/CollectionSideFacets.phtml | 18 +-
.../templates/Recommend/DPLATerms.phtml | 6 +-
.../Recommend/EuropeanaResults.phtml | 4 +-
.../Recommend/EuropeanaResultsDeferred.phtml | 2 +-
.../templates/Recommend/ExpandFacets.phtml | 8 +-
.../templates/Recommend/FavoriteFacets.phtml | 16 +-
.../Recommend/OpenLibrarySubjects.phtml | 4 +-
.../OpenLibrarySubjectsDeferred.phtml | 2 +-
.../templates/Recommend/PubDateVisAjax.phtml | 3 +-
.../templates/Recommend/RandomRecommend.phtml | 107 +-
.../Recommend/ResultGoogleMapAjax.phtml | 2 +-
.../templates/Recommend/SideFacets.phtml | 311 +-
.../Recommend/SummonBestBetsDeferred.phtml | 2 +-
.../Recommend/SummonDatabasesDeferred.phtml | 2 +-
.../templates/Recommend/SummonResults.phtml | 20 +-
.../Recommend/SummonResultsDeferred.phtml | 2 +-
.../templates/Recommend/TopFacets.phtml | 8 +-
.../templates/Recommend/WebResults.phtml | 16 +-
.../Recommend/WorldCatIdentities.phtml | 2 +-
.../templates/Recommend/WorldCatTerms.phtml | 2 +-
.../AbstractBase/previewlink.phtml | 2 +-
.../templates/RecordDriver/EDS/core.phtml | 2 +-
.../RecordDriver/EDS/result-list.phtml | 10 +-
.../RecordDriver/LibGuides/result-list.phtml | 11 +-
.../RecordDriver/Pazpar2/result-list.phtml | 20 +-
.../SolrDefault/collection-info.phtml | 6 +-
.../RecordDriver/SolrDefault/core.phtml | 36 +-
.../RecordDriver/SolrDefault/list-entry.phtml | 35 +-
.../SolrDefault/result-grid.phtml | 16 +-
.../SolrDefault/result-list.phtml | 340 +-
.../RecordDriver/SolrDefault/toolbar.phtml | 110 +-
.../RecordDriver/SolrWeb/result-list.phtml | 14 +-
.../templates/RecordTab/collectionlist.phtml | 2 +-
.../templates/RecordTab/description.phtml | 2 +-
.../templates/RecordTab/hierarchytree.phtml | 14 +-
.../templates/RecordTab/holdingsils.phtml | 9 +-
.../RecordTab/similaritemscarousel.phtml | 51 +-
.../templates/RecordTab/staffviewarray.phtml | 6 +-
.../templates/RecordTab/usercomments.phtml | 8 +-
.../templates/Related/Editions.phtml | 4 +-
.../templates/Related/Similar.phtml | 6 +-
.../templates/Service/recaptcha.phtml | 40 -
.../templates/admin/maintenance/home.phtml | 22 +-
themes/foundation5/templates/admin/menu.phtml | 34 +-
.../templates/ajax/export-favorites.phtml | 2 +-
.../templates/ajax/resolverLinks.phtml | 12 +-
.../templates/alphabrowse/home.phtml | 30 +-
.../foundation5/templates/author/home.phtml | 8 +-
.../foundation5/templates/browse/home.phtml | 38 +-
themes/foundation5/templates/cart/cart.phtml | 47 +-
themes/foundation5/templates/cart/email.phtml | 12 +-
.../templates/cart/export-success.phtml | 2 +-
.../foundation5/templates/cart/export.phtml | 22 +-
themes/foundation5/templates/cart/save.phtml | 32 +-
.../templates/collection/view.phtml | 2 +-
.../templates/collections/home.phtml | 4 +-
.../templates/collections/list.phtml | 14 +-
.../templates/combined/results-ajax.phtml | 2 +-
.../templates/combined/results-list.phtml | 3 +
.../templates/combined/results.phtml | 2 +-
.../templates/confirm/confirm.phtml | 4 +-
.../templates/devtools/language.phtml | 2 +-
.../foundation5/templates/eds/advanced.phtml | 58 +-
.../foundation5/templates/feedback/form.phtml | 24 +-
themes/foundation5/templates/header.phtml | 73 +-
.../templates/install/fixdatabase.phtml | 64 +-
.../templates/install/fixils.phtml | 12 +-
.../templates/install/fixsecurity.phtml | 4 +-
.../foundation5/templates/install/home.phtml | 2 +-
.../templates/install/showsql.phtml | 2 +-
.../foundation5/templates/layout/layout.phtml | 53 +-
.../templates/librarycards/editcard.phtml | 55 +
.../templates/librarycards/home.phtml | 66 +
.../templates/librarycards/selectcard.phtml | 26 +
.../templates/myresearch/account.phtml | 6 +-
.../myresearch/bulk-action-buttons.phtml | 2 +-
.../templates/myresearch/cataloglogin.phtml | 30 +-
.../templates/myresearch/checkedout.phtml | 8 +-
.../templates/myresearch/delete.phtml | 2 +-
.../templates/myresearch/edit.phtml | 27 +-
.../templates/myresearch/editlist.phtml | 86 +-
.../templates/myresearch/fines.phtml | 96 +-
.../templates/myresearch/holds.phtml | 14 +-
.../templates/myresearch/illrequests.phtml | 8 +-
.../templates/myresearch/login.phtml | 2 +-
.../templates/myresearch/menu.phtml | 181 +-
.../templates/myresearch/mylist.phtml | 106 +-
.../templates/myresearch/newpassword.phtml | 11 +-
.../templates/myresearch/profile.phtml | 11 +-
.../templates/myresearch/recover.phtml | 2 +-
.../myresearch/storageretrievalrequests.phtml | 8 +-
themes/foundation5/templates/oai/home.phtml | 140 +-
.../templates/primo/advanced.phtml | 22 +-
.../foundation5/templates/record/addtag.phtml | 14 +-
.../foundation5/templates/record/email.phtml | 2 +-
.../foundation5/templates/record/hold.phtml | 38 +-
.../templates/record/illrequest.phtml | 156 +-
.../foundation5/templates/record/save.phtml | 28 +-
themes/foundation5/templates/record/sms.phtml | 77 +-
.../record/storageretrievalrequest.phtml | 44 +-
.../templates/record/taglist.phtml | 26 +
.../foundation5/templates/record/view.phtml | 6 +-
.../search/advanced/build_page.phtml | 18 +-
.../search/advanced/build_page_eds.phtml | 22 +-
.../templates/search/advanced/eds.phtml | 8 +-
.../templates/search/advanced/globals.phtml | 17 -
.../templates/search/advanced/layout.phtml | 240 +-
.../templates/search/advanced/limit.phtml | 28 +-
.../templates/search/advanced/ranges.phtml | 78 +-
.../templates/search/advanced/solr.phtml | 99 +-
.../templates/search/advanced/summon.phtml | 2 +-
.../search/bulk-action-buttons.phtml | 12 +-
.../templates/search/controls/limit.phtml | 20 +-
.../templates/search/controls/sort.phtml | 22 +-
.../foundation5/templates/search/email.phtml | 2 +-
.../templates/search/history-table.phtml | 2 +-
.../templates/search/list-list.phtml | 2 +-
.../templates/search/newitem.phtml | 20 +-
.../templates/search/pagination.phtml | 10 +-
.../templates/search/reserves.phtml | 26 +-
.../templates/search/reservessearch.phtml | 4 +-
.../templates/search/results.phtml | 133 +-
.../templates/search/searchTabs.phtml | 2 +-
.../templates/search/searchbox-topbar.phtml | 115 +
.../templates/search/searchbox.phtml | 195 +-
.../templates/upgrade/getsourcedir.phtml | 8 +-
.../templates/upgrade/showsql.phtml | 2 +-
themes/foundation5/templates/vudl/about.phtml | 6 +-
themes/foundation5/templates/vudl/grid.phtml | 7 +-
themes/foundation5/templates/vudl/home.phtml | 2 +-
.../templates/vudl/master-tab.phtml | 2 +-
.../templates/vudl/navigation.phtml | 27 +-
.../foundation5/templates/vudl/record.phtml | 134 +-
.../foundation5/templates/vudl/techinfo.phtml | 2 +-
.../templates/vudl/views/audio.phtml | 5 +-
.../templates/vudl/views/download.phtml | 3 +-
.../templates/vudl/views/page.phtml | 29 +-
.../templates/vudl/views/video.phtml | 5 +-
themes/foundation5/theme.config.php | 31 +-
244 files changed, 34415 insertions(+), 9970 deletions(-)
create mode 100644 themes/finc/scss/finc.scss
delete mode 100644 themes/foundation5/css/foundation.css
delete mode 100644 themes/foundation5/css/foundation.min.css
delete mode 100644 themes/foundation5/css/mqueries.css
delete mode 100644 themes/foundation5/css/print.css
create mode 100644 themes/foundation5/css/vendor/foundation.css
create mode 100644 themes/foundation5/css/vendor/foundation.min.css
rename themes/foundation5/css/{ => vendor}/normalize.css (86%)
delete mode 100644 themes/foundation5/js/advanced_search_eds.js
delete mode 100644 themes/foundation5/js/vendor/bootstrap-modal.js
create mode 100644 themes/foundation5/js/vendor/libphonenumber.js
delete mode 100644 themes/foundation5/js/vendor/validator.min.js
create mode 100644 themes/foundation5/js/vudl/canvas-zoomy.js
create mode 100644 themes/foundation5/scss/default.scss
create mode 100644 themes/foundation5/scss/vendor/foundation.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/_functions.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/_settings.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_accordion.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_alert-boxes.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_block-grid.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_breadcrumbs.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_button-groups.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_buttons.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_clearing.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_dropdown-buttons.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_dropdown.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_flex-video.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_forms.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_global.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_grid.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_icon-bar.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_inline-lists.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_joyride.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_keystrokes.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_labels.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_magellan.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_offcanvas.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_orbit.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_pagination.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_panels.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_pricing-tables.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_progress-bars.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_range-slider.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_reveal.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_side-nav.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_split-buttons.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_sub-nav.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_switches.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_tables.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_tabs.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_thumbs.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_tooltips.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_top-bar.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_type.scss
create mode 100644 themes/foundation5/scss/vendor/foundation/components/_visibility.scss
create mode 100644 themes/foundation5/scss/vendor/normalize.scss
create mode 100644 themes/foundation5/templates/Helpers/pagination.phtml
create mode 100644 themes/foundation5/templates/Recommend/AlphaBrowseLink.phtml
delete mode 100644 themes/foundation5/templates/Service/recaptcha.phtml
create mode 100644 themes/foundation5/templates/librarycards/editcard.phtml
create mode 100644 themes/foundation5/templates/librarycards/home.phtml
create mode 100644 themes/foundation5/templates/librarycards/selectcard.phtml
create mode 100644 themes/foundation5/templates/record/taglist.phtml
delete mode 100644 themes/foundation5/templates/search/advanced/globals.phtml
create mode 100644 themes/foundation5/templates/search/searchbox-topbar.phtml
diff --git a/local/config/vufind/FincILS.ini b/local/config/vufind/FincILS.ini
index ac4fc97621e..e7130606055 100644
--- a/local/config/vufind/FincILS.ini
+++ b/local/config/vufind/FincILS.ini
@@ -6,9 +6,29 @@
; used for the DAIA request (default = ppn:) (the prefix usually defines the
; field which the DAIA server uses for the loookup - e.g. ppn: or isbn:).
;daiaIdPrefix = "ppn:"
-; Set the requested DAIA response format: xml (default), json
+
+; Set the requested DAIA response format: xml (deprecated), json
;daiaResponseFormat = xml
+; Set multiQuery to true if your DAIA webservice supports queries with multiple
+; ids (cf. http://gbv.github.io/daiaspec/daia.html#query-api).
+; Default is false.
+;multiQuery = false
+
+; If daiaContentTypes are set, the DAIA driver checks the Content-Type
+; line in the DAIA response HTTP header for the configured values. If
+; daiaContentTypes is not set, Content-Type HTTP header is NOT checked.
+;
+; expected Content-Types for DAIA XML format:
+; (seperate multiple values by commata, for example:
+; daiaContentTypes['xml'] = "application/xml, text/xml"
+;daiaContentTypes['xml'] = "application/xml"
+
+; expected Content-Types for DAIA JSON format:
+; (seperate multiple values by commata, for example:
+; daiaContentTypes['xml'] = "application/json, application/javascript"
+;daiaContentTypes['json'] = "application/json"
+
;FincILS configuration
; refer to ticket #4499 for further info on configuring it
;ilsIdentifier = "default"
@@ -16,25 +36,30 @@
; config-examples:
; DE-15
-; baseUrl = http://data.ub.uni-leipzig.de/item/DE-15/barcode/
-; ilsIdentifier = "barcode"
+;baseUrl = http://139.18.19.238:9080/daialibero/daia/
+;daiaIdPrefix = "UBL:ppn:"
+;ilsIdentifier = "record_id"
+;multiQuery = true
+;daiaResponseFormat = json
; DE-Gla 1
-; baseUrl = http://139.18.19.238:8080/DaiaThecaMssql/rs/DE-Gla%201/daia/
-; ilsIdentifier = "record_id"
-
-; default
-; ilsIdentifier = "default"
-
-
-; For Legacy support use the [Global] section
-;[Global]
-; The base URL for the DAIA webservice.
-; refer to http://data.ub.uni-leipzig.de/ldinfo for setting up specific DAIA-urls
-;baseUrl = http://data.ub.uni-leipzig.de/item/ISIL/identifier/
-
+;baseUrl = http://139.18.19.238:9080/daiatheca/daia/
+;ilsIdentifier = "record_id"
+;daiaIdPrefix = "DE-Gla1:ppn:"
+;ilsIdentifier = "record_id"
+;multiQuery = true
+;daiaResponseFormat = json
;PAIA configuration
;[PAIA]
; base URL of the PAIA server
-;baseUrl = http://data.ub.uni-leipzig.de/item/ISIL/identifier/
\ No newline at end of file
+; baseUrl = http://139.18.19.238:9080/paiatheca/paia/ISIL/
+; baseUrl = http://139.18.19.238:9080/paialibero/paia/ISIL/
+
+; config-examples:
+
+; DE-15
+;baseUrl = http://139.18.19.238:9080/paialibero/paia/DE-15/
+
+; DE-Gla1
+;baseUrl = http://139.18.19.238:9080/paiatheca/paia/DE-Gla1/
diff --git a/local/config/vufind/config.ini b/local/config/vufind/config.ini
index bd145c91dc8..03ef9b8561b 100644
--- a/local/config/vufind/config.ini
+++ b/local/config/vufind/config.ini
@@ -1215,13 +1215,11 @@ max_tag_length = 64
;[InstitutionInfo]
;bibid = "UBL"
;sigel = "15"
-;isil = "DE-15"
+;isil[] = "DE-15"
+;isil[] = "DE-15-100"
+;isil[] = "DE-15-292"
;bik = "952000-4"
-; This section defines libraries forms a group.
-;[LibraryGroup]
-;libraries = DE-15,DE-15-292,DE-15-100
-
; This section contains all site related customization for finc
;[CustomSite]
; Combine more formats to one css class. If false first format entry will taken
diff --git a/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php b/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
index 0d86873ac4d..3e25d11ec35 100644
--- a/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
+++ b/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
@@ -53,11 +53,20 @@ class LayoutClass extends \VuFind\View\Helper\AbstractLayoutClass
{
switch ($class) {
case 'mainbody':
- return $this->left ? 'medium-9 columns medium-push-3' : 'medium-9 columns';
+ return $this->left
+ ? 'medium-9 columns medium-push-3'
+ : 'medium-9 columns';
case 'sidebar':
return $this->left
? 'sidebar medium-3 columns medium-pull-9 hide-for-print'
: 'sidebar medium-3 columns hide-for-print';
+ case 'offcanvas-row':
+ if (!$this->offcanvas) {
+ return "";
+ }
+ return $this->left
+ ? 'offcanvas offcanvas-left'
+ : 'offcanvas offcanvas-right';
}
}
}
diff --git a/module/finc/src/finc/ILS/Driver/DAIA.php b/module/finc/src/finc/ILS/Driver/DAIA.php
index fb0913ff7f4..cd6c0bb1e39 100644
--- a/module/finc/src/finc/ILS/Driver/DAIA.php
+++ b/module/finc/src/finc/ILS/Driver/DAIA.php
@@ -177,6 +177,10 @@ class DAIA extends \VuFind\ILS\Driver\AbstractBase implements
*/
public function getStatus($id)
{
+ if ($this->checkForILSTestId($id)) {
+ return [];
+ }
+
if ($this->legacySupport) {
// we are in legacySupport mode, so use the deprecated
// getXMLStatus() method
@@ -403,6 +407,22 @@ class DAIA extends \VuFind\ILS\Driver\AbstractBase implements
return rtrim($multiURI, "|");
}
+ /**
+ * Autoconfigure tests ILS with getStatus('1') - use this method if you don't
+ * have a record with id='1' but don't want Autoconfigure to fail on ILS test.
+ *
+ * @param string $id Record id to be tested
+ *
+ * @return bool
+ */
+ protected function checkForILSTestId($id)
+ {
+ if ($id === '1') {
+ return true;
+ }
+ return false;
+ }
+
/**
* Parse a DAIA document depending on its type.
*
diff --git a/module/finc/src/finc/ILS/Driver/FincILS.php b/module/finc/src/finc/ILS/Driver/FincILS.php
index 51f8f40b68c..a0fe764d177 100644
--- a/module/finc/src/finc/ILS/Driver/FincILS.php
+++ b/module/finc/src/finc/ILS/Driver/FincILS.php
@@ -121,9 +121,9 @@ class FincILS extends PAIA implements LoggerAwareInterface
// interaction with ILS
if (!isset($this->mainConfig['InstitutionInfo']['isil'])) {
$this->debug("No ISIL defined in section InstitutionInfo in config.ini.");
- $this->isil = '';
+ $this->isil = [];
} else {
- $this->isil = $this->mainConfig['InstitutionInfo']['isil'];
+ $this->isil = $this->mainConfig['InstitutionInfo']['isil']->toArray();
}
} else {
// set the ILS-specific recordId for interaction with ILS
@@ -142,11 +142,13 @@ class FincILS extends PAIA implements LoggerAwareInterface
// interaction with ILS
if (!isset($this->mainConfig['InstitutionInfo']['isil'])) {
$this->debug("No ISIL defined in section InstitutionInfo in config.ini.");
- $this->isil = '';
+ $this->isil = [];
} else {
- $this->isil = $this->mainConfig['InstitutionInfo']['isil'];
+ $this->isil = $this->mainConfig['InstitutionInfo']['isil']->toArray();
}
}
+
+ $this->_testILSConnections();
}
/**
@@ -162,6 +164,9 @@ class FincILS extends PAIA implements LoggerAwareInterface
*/
public function getStatus($id)
{
+ if ($this->checkForILSTestId($id)) {
+ return [];
+ }
return $this->_replaceILSId(
parent::getStatus($this->_getILSRecordId($id)), $id
);
@@ -290,20 +295,20 @@ class FincILS extends PAIA implements LoggerAwareInterface
->getILSIdentifier($this->ilsIdentifier);
if ($ilsRecordId == '') {
$this->_idMapper[$id] = $id;
-
return $id;
} else {
if (is_array($ilsRecordId)) {
// use ISIL for identifying the correct ILS-identifier if
// array is returned
+ $isils = implode("|", $this->isil);
foreach ($ilsRecordId as $recordId) {
- if (preg_match("/^(\(".$this->isil."\)).*$/", $recordId)) {
- $recordId = substr(
- $recordId,
- strpos($recordId, "(".$this->isil.")")+strlen("(".$this->isil.")")
- );
+ if (preg_match(
+ "/^\((" . $isils . ")\)(.*)$/", $recordId, $match
+ )
+ ) {
+ $recordId = (isset($match[2]) && strlen($match[2] > 0))
+ ? $match[2] : null;
$this->_idMapper[$id] = $recordId;
-
return $recordId;
}
}
@@ -342,4 +347,37 @@ class FincILS extends PAIA implements LoggerAwareInterface
return $ids;
}
+ /**
+ * Private service test method
+ *
+ * @return void
+ * @throws ILSException
+ */
+ private function _testILSConnections()
+ {
+ try {
+ // test DAIA service
+ $this->httpService->get(
+ substr(
+ $this->baseUrl,
+ 0,
+ strrpos($this->baseUrl, "/", strrpos($this->baseUrl, "/"))
+ )
+ );
+ // test PAIA service
+ $this->httpService->get(
+ substr(
+ $this->paiaURL,
+ 0,
+ strrpos(
+ $this->paiaURL,
+ "/",
+ strrpos($this->paiaURL, "/", strrpos($this->paiaURL, "/"))
+ )
+ )
+ );
+ } catch (\Exception $e) {
+ throw new ILSException($e->getMessage());
+ }
+ }
}
\ No newline at end of file
diff --git a/module/finc/src/finc/RecordDriver/SolrAI.php b/module/finc/src/finc/RecordDriver/SolrAI.php
index 390c4088e4b..373b918880f 100644
--- a/module/finc/src/finc/RecordDriver/SolrAI.php
+++ b/module/finc/src/finc/RecordDriver/SolrAI.php
@@ -197,8 +197,8 @@ class SolrAI extends SolrDefault implements
*/
public function getContainerTitle()
{
- return (isset($this->fields['hierarchy_parent_title']) ?
- $this->fields['hierarchy_parent_title'][0] : '');
+ return (isset($this->fields['series']) ?
+ $this->fields['series'][0] : '');
}
/**
diff --git a/module/finc/src/finc/RecordDriver/SolrDefault.php b/module/finc/src/finc/RecordDriver/SolrDefault.php
index 0a32460781f..c59ce94d190 100644
--- a/module/finc/src/finc/RecordDriver/SolrDefault.php
+++ b/module/finc/src/finc/RecordDriver/SolrDefault.php
@@ -289,6 +289,18 @@ class SolrDefault extends \VuFind\RecordDriver\SolrDefault
$this->fields['author_corp2'] : [];
}
+ /**
+ * Get the field-value identified by $string
+ *
+ * @param string $string Name of field
+ *
+ * @return string
+ */
+ public function getILSIdentifier($string)
+ {
+ return (isset($this->fields[$string]) ? $this->fields[$string] : '');
+ }
+
/**
* Get an array of all ISMNs associated with the record (may be empty).
*
@@ -393,7 +405,7 @@ class SolrDefault extends \VuFind\RecordDriver\SolrDefault
* Get percentage of relevance of a title. First implementaion for TUBAF.
*
* @return float Percentage of Score / Maximum Score rounded by 5.
- * @link https://intern.finc.info/issues/1908
+ * @link https://intern.finc.info/issues/1908
*/
public function getRelevance() {
diff --git a/module/finc/src/finc/RecordDriver/SolrMarcRemoteFinc.php b/module/finc/src/finc/RecordDriver/SolrMarcRemoteFinc.php
index 62a76f69b19..245896733e7 100644
--- a/module/finc/src/finc/RecordDriver/SolrMarcRemoteFinc.php
+++ b/module/finc/src/finc/RecordDriver/SolrMarcRemoteFinc.php
@@ -44,22 +44,21 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
{
/**
- * pattern to identify bsz
+ * Pattern to identify bsz
*/
const BSZ_PATTERN = '/^(\(DE-576\))(\d+)(\w|)/';
/**
+ * List of isil of institution
+ *
* @var string ISIL of this instance's library
*/
- protected $isil = '';
-
- /**
- * @var array Array of ISILs set in the LibraryGroup section in config.ini.
- */
- protected $libraryGroup = [];
+ protected $isil = [];
/**
- * @var string|null
+ * Local marc field of institution participated in Finc.
+ *
+ * @var string|null
* @link https://intern.finc.info/fincproject/projects/finc-intern/wiki/FincMARC_-_Erweiterung_von_MARC21_f%C3%BCr_finc
*/
protected $localMarcFieldOfLibrary = null;
@@ -74,21 +73,17 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
* @param \Zend\Config\Config $searchSettings Search-specific configuration file
*/
public function __construct($mainConfig = null, $recordConfig = null,
- $searchSettings = null)
+ $searchSettings = null
+ )
{
parent::__construct($mainConfig, $recordConfig, $searchSettings);
- if (isset($mainConfig->InstitutionInfo->isil)) {
+ if (isset($mainConfig->InstitutionInfo->isil)
+ && count($mainConfig->InstitutionInfo->isil) > 0
+ ) {
$this->isil = $this->mainConfig->InstitutionInfo->isil;
} else {
- $this->debug('InstitutionInfo setting is missing.');
- }
-
- if (isset($mainConfig->LibraryGroup->libraries)) {
- $this->libraryGroup
- = explode(',', $this->mainConfig->LibraryGroup->libraries);
- } else {
- $this->debug('LibraryGroup setting is missing.');
+ $this->debug('InstitutionInfo setting: isil is missing.');
}
if (isset($this->mainConfig->CustomSite->namespace)) {
@@ -142,14 +137,13 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
$urls = $this->getMarcRecord()->getFields($field);
if ($urls) {
foreach ($urls as $url) {
-
$isil = $url->getSubfield('9');
$isISIL = false;
if ($isil) {
$isil = $isil->getData();
- if (preg_match('/'.$this->isil.'.*/', $isil)) {
+ if (true === in_array($isil, $this->isil->toArray())) {
$isISIL = true;
}
} else {
@@ -197,20 +191,18 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array Return fields.
* @access public
- * @link https://intern.finc.info/issues/2639
+ * @link https://intern.finc.info/issues/2639
*/
public function getLocalCallnumber()
{
$array = [];
- if (count($this->libraryGroup) > 0
- && isset($this->fields['itemdata'])
- ) {
+ if (isset($this->fields['itemdata'])) {
$itemdata = json_decode($this->fields['itemdata'], true);
if (count($itemdata) > 0) {
// error_log('Test: '. print_r($this->fields['itemdata'], true));
$i = 0;
- foreach ($this->libraryGroup as $isil) {
+ foreach ($this->isil as $isil) {
if (isset($itemdata[$isil])) {
foreach ($itemdata[$isil] as $val) {
$array[$i]['barcode'] = '(' . $isil . ')' . $val['bc'];
@@ -235,13 +227,11 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
$array = [];
$callnumbers = [];
- if (count($this->libraryGroup) > 0
- && isset($this->fields['itemdata'])
- ) {
+ if (isset($this->fields['itemdata'])) {
$itemdata = json_decode($this->fields['itemdata'], true);
if (count($itemdata) > 0) {
$i = 0;
- foreach ($this->libraryGroup as $isil) {
+ foreach ($this->isil as $isil) {
if (isset($itemdata[$isil])) {
foreach ($itemdata[$isil] as $val) {
// exclude equal callnumbers
@@ -273,7 +263,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
$arrSignatur = $this->getFieldArray($this->localMarcFieldOfLibrary, ['i']);
foreach ($arrSignatur as $signatur) {
- foreach ($this->libraryGroup as $code) {
+ foreach ($this->isil as $code) {
if (0 < preg_match('/^\('.$code.'\)/', $signatur)) {
$retval[] = preg_replace('/^\('.$code.'\)/', '', $signatur);
}
@@ -285,7 +275,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
/**
* Get an array of supplements and special issue entry.
*
- * @link http://www.loc.gov/marc/bibliographic/bd770.html
+ * @link http://www.loc.gov/marc/bibliographic/bd770.html
* @return array
* @access protected
*/
@@ -322,25 +312,13 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
return $this->addFincIDToRecord($array);
}
- /**
- * Get the field-value identified by $string
- *
- * @param String field-name
- *
- * @return String
- */
- public function getILSIdentifier($string)
- {
- return (isset($this->fields[$string]) ? $this->fields[$string] : '');
- }
-
/**
* Special method to extracting the index of German prints of the marc21
* field 024 indicator 8 subfield a
*
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/1442
+ * @link https://intern.finc.info/fincproject/issues/1442
*/
protected function getIndexOfGermanPrints()
{
@@ -384,7 +362,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/969 description
+ * @link https://intern.finc.info/fincproject/issues/969 description
*/
protected function getISSN()
{
@@ -396,7 +374,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/969 description
+ * @link https://intern.finc.info/fincproject/issues/969 description
*/
protected function getISSNsParallelTitles()
{
@@ -409,7 +387,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access public
- * @link https://intern.finc.info/fincproject/issues/338
+ * @link https://intern.finc.info/fincproject/issues/338
*/
public function getJournalHoldings()
{
@@ -466,7 +444,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/issues/1302
+ * @link https://intern.finc.info/issues/1302
*/
protected function getLocalAccessNumber()
{
@@ -481,7 +459,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/issues/2626
+ * @link https://intern.finc.info/issues/2626
*/
protected function getLocalClassSubjects()
{
@@ -548,7 +526,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/1308
+ * @link https://intern.finc.info/fincproject/issues/1308
*/
protected function getLocalNotice()
{
@@ -615,11 +593,11 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
* Get specific marc information about parallel editions. Unflexible solution
* for HMT only implemented.
*
- * @todo more flexible implementation
+ * @todo More flexible implementation
*
* @return array
* @access protected
- * @link https://intern.finc.info/issues/4327
+ * @link https://intern.finc.info/issues/4327
*/
protected function getParallelEditions()
{
@@ -661,7 +639,9 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
/**
* Get an array of previous titles for the record.
*
- * @todo use HttpService for URL query
+ * @todo use HttpService for URL query
+ * @todo change currency service
+ * @todo pass prices by euro currency
*
* @return string
* @access protected
@@ -723,8 +703,8 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link http://www.loc.gov/marc/bibliographic/bd830.html
- * @link https://intern.finc.info/fincproject/issues/457
+ * @link http://www.loc.gov/marc/bibliographic/bd830.html
+ * @link https://intern.finc.info/fincproject/issues/457
*/
protected function getSeriesWithVolume()
{
@@ -734,9 +714,11 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
/**
* Get local classification of UDK.
*
+ * @todo Check if method is used by other institution than HTWK.
+ *
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/1135
+ * @link https://intern.finc.info/fincproject/issues/1135
*/
protected function getUDKs()
{
@@ -787,7 +769,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link http://www.loc.gov/marc/bibliographic/bd700.html
+ * @link http://www.loc.gov/marc/bibliographic/bd700.html
*/
protected function getAdditionalAuthors()
{
@@ -817,7 +799,7 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
*
* @return array
* @access protected
- * @link https://intern.finc.info/fincproject/issues/1315
+ * @link https://intern.finc.info/fincproject/issues/1315
*/
public function getAdditionals()
{
@@ -896,10 +878,11 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
/**
* Return all barcode of finc marc 983 $a at full marc record.
*
- * @param string Prefixes of library seals.
+ * @todo Method seems erroneous. Bugfixin needed.
*
- * @return array List of barcodes.
- * @access protected
+ * @return array List of barcodes.
+ * @access protected
+ * @deprecated
*/
protected function getBarcode()
{
@@ -907,7 +890,6 @@ class SolrMarcRemoteFinc extends SolrMarcRemote
$barcodes = [];
//$driver = ConnectionManager::connectToCatalog();
- //$libraryCodes = $driver->getIniFieldAsArray('searches','LibraryGroup');
$libraryCodes = $this->searchesConfig->LibrarayGroup;
// get barcodes from marc
diff --git a/themes/finc/css/finc.css b/themes/finc/css/finc.css
index e69de29bb2d..1ff7e235054 100644
--- a/themes/finc/css/finc.css
+++ b/themes/finc/css/finc.css
@@ -0,0 +1 @@
+/* DO NOT edit this finc.css */
diff --git a/themes/finc/js/openurl.js b/themes/finc/js/openurl.js
index 3a11b23995b..7855acb7e2a 100644
--- a/themes/finc/js/openurl.js
+++ b/themes/finc/js/openurl.js
@@ -23,7 +23,7 @@ var redi = {
var params = extractClassParams(doc);
var openUrl = $(doc).children('span.openUrl:first').attr('title');
$(doc).hide();
- loadResolverLinks($('#openUrlEmbed'+params.openurl_id).removeClass('hidden'), openUrl);
+ loadResolverLinks($('#openUrlEmbed'+params.openurl_id).removeClass('hide'), openUrl);
return false;
}
}
diff --git a/themes/finc/scss/finc.scss b/themes/finc/scss/finc.scss
new file mode 100644
index 00000000000..ee24e4810fe
--- /dev/null
+++ b/themes/finc/scss/finc.scss
@@ -0,0 +1,2 @@
+// Make all finc-relevant changes here
+/* DO NOT edit this finc.css */
diff --git a/themes/finc/templates/RecordDriver/SolrAI/core.phtml b/themes/finc/templates/RecordDriver/SolrAI/core.phtml
index badf00c2b82..3f3d52df880 100644
--- a/themes/finc/templates/RecordDriver/SolrAI/core.phtml
+++ b/themes/finc/templates/RecordDriver/SolrAI/core.phtml
@@ -1,25 +1,34 @@
+<!-- recorddriver - solrai - core -->
<div class="row" vocab="http://schema.org/" resource="#record" typeof="<?=$this->driver->getSchemaOrgFormats()?> Product">
- <div class="col-sm-3 medium-3 columns">
- <div class="text-center">
+ <div class="col-sm-3 medium-3 columns bookimgs">
+ <? /* div class="text-center" --> <!-- deactivated, CK - reactivate to centre images */ ?>
+ <ul class="clearing-thumbs" data-clearing><? /* added clearing lightbox for images, CK, to remove, also remove data-caption+content in img links */ ?>
+ <li>
<? /* Display thumbnail if appropriate: */ ?>
<? $mediumThumb = $this->record($this->driver)->getThumbnail('medium'); $largeThumb = $this->record($this->driver)->getThumbnail('large'); ?>
<? if ($mediumThumb): ?>
<? if ($largeThumb): ?><a href="<?=$this->escapeHtmlAttr($largeThumb)?>"><? endif; ?>
- <img alt="<?=$this->transEsc('Cover Image')?>" class="recordcover" src="<?=$this->escapeHtmlAttr($mediumThumb);?>"/>
+ <img alt="<?=$this->transEsc('Cover Image')?>" class="recordcover" src="<?=$this->escapeHtmlAttr($mediumThumb);?>" data-caption="<?=$this->transEsc('Cover Image')?>"/>
<? if ($largeThumb): ?></a><? endif; ?>
<? else: ?>
- <img src="<?=$this->url('cover-unavailable')?>" class="recordcover" alt="<?=$this->transEsc('No Cover Image')?>"/>
+ <img src="<?=$this->url('cover-unavailable')?>" class="recordcover" alt="<?=$this->transEsc('No Cover Image')?>" data-caption="<?=$this->transEsc('No Cover Image')?>"/>
<? endif; ?>
-
+ </li>
+ <li>
<? /* Display qrcode if appropriate: */ ?>
<? $QRCode = $this->record($this->driver)->getQRCode("core"); ?>
<? if($QRCode): ?>
<span class="hidden-xs hide-for-small">
- <br/><img alt="<?=$this->transEsc('QR Code')?>" class="qrcode" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
+ <br/><img alt="<?=$this->transEsc('QR Code')?>" data-caption="<?=$this->transEsc('QR Code')?>" class="qrcode" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</span>
<? endif; ?>
- </div>
-
+ <? /* /div> <!-- deactivated, CK - reactivate to centre image */ ?>
+ </li>
+ </ul>
+ <? // if you have a preview tab but want to move or remove the preview link
+ // from this area of the record view, this can be split into
+ // getPreviewData() (should stay here) and
+ // getPreviewLink() (can go in your desired tab) ?>
<?=$this->record($this->driver)->getPreviews()?>
</div>
@@ -37,7 +46,7 @@
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
<? /* Display the lists that this record is saved to */ ?>
- <div class="savedLists hidden alert alert-info" id="savedLists">
+ <div class="savedLists hide alert-box info alert alert-info" id="savedLists" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
<strong><?=$this->transEsc("Saved in")?>:</strong>
</div>
<? endif; ?>
@@ -245,7 +254,7 @@
<tr>
<th><?=$this->transEsc('Tags')?>: </th>
<td>
- <span class="pull-right">
+ <span class="pull-right hide-for-print">
<i class="fa fa-plus"></i> <a id="tagRecord" class="modal-link" href="<?=$this->recordLink()->getActionUrl($this->driver, 'AddTag')?>" title="<?=$this->transEsc('Add Tag')?>"><?=$this->transEsc('Add Tag')?></a>
</span>
<div id="tagList">
@@ -262,3 +271,4 @@
<?/* End Main Details */?>
</div>
</div>
+<!-- recorddriver - solrai - core - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/RecordDriver/SolrAI/link-isn.phtml b/themes/finc/templates/RecordDriver/SolrAI/link-isn.phtml
index 80531d8f5f9..d3845771c08 100644
--- a/themes/finc/templates/RecordDriver/SolrAI/link-isn.phtml
+++ b/themes/finc/templates/RecordDriver/SolrAI/link-isn.phtml
@@ -1 +1,3 @@
+<!-- recorddriver - solrai - link-isn -->
<?=$this->url('search-results')?>?join=AND&bool0[]=AND&<? $issns = $this->issns; if (isset($issns)): ?><? foreach ($issns as $issn): ?>lookfor0[]=<?=$this->escapeHtml($issn)?>&type0[]=ISN&<? endforeach; ?><? endif; ?>sort=year&view=list
+<!-- recorddriver - solrai - link-isn - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/RecordDriver/SolrAI/result-list.phtml b/themes/finc/templates/RecordDriver/SolrAI/result-list.phtml
index 23739af437f..9b1bab274f2 100644
--- a/themes/finc/templates/RecordDriver/SolrAI/result-list.phtml
+++ b/themes/finc/templates/RecordDriver/SolrAI/result-list.phtml
@@ -1,9 +1,10 @@
+<!-- recorddriver - solrai - result-list -->
<div class="<?=$this->driver->supportsAjaxStatus()?'ajaxItem ':''?>col-xs-11 small-11 columns">
<div class="row">
<div class="col-sm-2 col-xs-3 small-3 medium-2 columns left">
<input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueID())?>" class="hiddenId" />
<input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" class="hiddenSource" />
- <a href="<?=$this->recordLink()->getUrl($this->driver)?>">
+ <a href="<?=$this->recordLink()->getUrl($this->driver)?>" class="cover">
<? if ($summThumb = $this->record($this->driver)->getThumbnail()): ?>
<img class="recordcover" src="<?=$this->escapeHtmlAttr($summThumb)?>" alt="<?=$this->transEsc('Cover Image')?>"/>
<? else: ?>
@@ -27,14 +28,13 @@
?>
</a>
</div>
-
<div>
<? if($this->driver->isCollection()): ?>
<?=implode('<br>', $this->driver->getSummary()); ?>
<? else: ?>
<? $summAuthors = $this->driver->getCombinedAuthors(); if (!empty($summAuthors)): ?>
<? foreach($summAuthors as $summAuthor) : ?>
- <a href="<?=$this->record($this->driver)->getLink('author', $summAuthor)?>"><?
+ <a href="<?=$this->record($this->driver)->getLink('author', $summAuthor)?> class="author"><?
$summHighlightedAuthor = $this->driver->getHighlightedAuthor();
echo !empty($summHighlightedAuthor)
? $this->highlight($summHighlightedAuthor)
@@ -101,14 +101,14 @@
</div>
<? endif; ?>
- <div class="callnumAndLocation ajax-availability hidden">
+ <div class="callnumAndLocation ajax-availability hide">
<? if ($this->driver->supportsAjaxStatus()): ?>
<strong class="hideIfDetailed"><?=$this->transEsc('Call Number')?>:</strong>
- <span class="callnumber ajax-availability hidden">
+ <span class="callnumber ajax-availability hide">
<?=$this->transEsc('Loading')?> ...<br/>
</span>
<strong><?=$this->transEsc('Located')?>:</strong>
- <span class="location ajax-availability hidden">
+ <span class="location ajax-availability hide">
<?=$this->transEsc('Loading')?> ...
</span>
<div class="locationDetails"></div>
@@ -140,16 +140,17 @@
<? endif; ?>
<? endif; ?>
- <?=str_replace('class="', 'class="label label-info ', $this->record($this->driver)->getFormatList())?>
+ <?=str_replace('class="', 'class="label info label-info ', $this->record($this->driver)->getFormatList())?>
<? if (!$openUrlActive && empty($urls) && $this->driver->supportsAjaxStatus()): ?>
- <span class="status ajax-availability hidden">
- <span class="label label-default"><?=$this->transEsc('Loading')?> ...</span>
+ <span class="status ajax-availability hide">
+ <span class="label secondary label-default"><?=$this->transEsc('Loading')?> ...</span>
</span>
<? endif; ?>
<?=$this->record($this->driver)->getPreviews()?>
</div>
- <div class="col-xs-3 hidden-print small-3 columns hide-for-print right">
+
+ <div class="small-3 columns right hide-for-print">
<? /* Display qrcode if appropriate: */ ?>
<? if ($QRCode = $this->record($this->driver)->getQRCode("results")): ?>
<?
@@ -158,7 +159,7 @@
?>
<span class="hidden-xs hide-for-small">
<i class="fa fa-qrcode"></i> <a href="<?=$this->escapeHtmlAttr($QRCode);?>" class="qrcodeLink"><?=$this->transEsc('qrcode_show')?></a>
- <div class="qrcode hidden">
+ <div class="qrcode hide">
<script type="text/template" class="qrCodeImgTag">
<img alt="<?=$this->transEsc('QR Code')?>" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</script>
@@ -168,10 +169,10 @@
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
<? /* Add to favorites */ ?>
- <i class="fa fa-heart"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
+ <i class="fa fa-star"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
<? /* Saved lists */ ?>
- <div class="savedLists alert alert-info alert-box info hidden">
+ <div class="savedLists alert alert-info alert-box info hide" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
<strong><?=$this->transEsc("Saved in")?>:</strong>
</div>
<? endif; ?>
@@ -192,4 +193,5 @@
<?=$openUrl?'<span class="Z3988" title="'.$this->escapeHtmlAttr($openUrl).'"></span>':''?>
</div>
</div>
-</div>
\ No newline at end of file
+</div>
+<!-- recorddriver - solrai - result-list - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/RecordTab/description.phtml b/themes/finc/templates/RecordTab/description.phtml
index cf38ba17a22..05ea78b1a95 100644
--- a/themes/finc/templates/RecordTab/description.phtml
+++ b/themes/finc/templates/RecordTab/description.phtml
@@ -1,3 +1,4 @@
+<!-- recordtab - description -->
<?
// Set page title.
$this->headTitle($this->translate('Description') . ': ' . $this->driver->getBreadcrumb());
@@ -248,3 +249,4 @@
<tr><td><?=$this->transEsc('no_description')?></td></tr>
<? endif; ?>
</table>
+<!-- recordtab - description - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/RecordTab/staffviewarray.phtml b/themes/finc/templates/RecordTab/staffviewarray.phtml
index 03cee1701d7..aad1e5f40a4 100644
--- a/themes/finc/templates/RecordTab/staffviewarray.phtml
+++ b/themes/finc/templates/RecordTab/staffviewarray.phtml
@@ -1,3 +1,4 @@
+<!-- recordtab - staffviewarray -->
<?
// Set page title.
$this->headTitle($this->translate('Staff View') . ': ' . $this->driver->getBreadcrumb());
@@ -20,4 +21,5 @@
</td>
</tr>
<? endforeach; ?>
-</table>
\ No newline at end of file
+</table>
+<!-- recordtab - staffviewarray - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/ajax/resolverLinks.phtml b/themes/finc/templates/ajax/resolverLinks.phtml
index 7f1d204a28e..47b4c9a78fd 100644
--- a/themes/finc/templates/ajax/resolverLinks.phtml
+++ b/themes/finc/templates/ajax/resolverLinks.phtml
@@ -1,3 +1,4 @@
+<!-- ajax - resolverlinks -->
<div>
<? if (!empty($this->electronic)): ?>
<div class="openurls">
@@ -49,3 +50,4 @@
<? endif; ?>
</div>
</div>
+<!-- ajax - resolverlinks - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/footer.phtml b/themes/finc/templates/footer.phtml
index 5343d0fd72c..e1da9783dec 100644
--- a/themes/finc/templates/footer.phtml
+++ b/themes/finc/templates/footer.phtml
@@ -1,13 +1,13 @@
-<hr/>
-<div class="row">
- <div class="col-sm-4 medium-4 columns">
+<!-- FOOTER.PHTML begin -->
+<ul class="medium-block-grid-3">
+ <li>
<p><strong><?=$this->transEsc('Search Options')?></strong></p>
<ul>
<li><a href="<?=$this->url('search-history')?>"><?=$this->transEsc('Search History')?></a></li>
<li><a href="<?=$this->url('search-advanced')?>"><?=$this->transEsc('Advanced Search')?></a></li>
</ul>
- </div>
- <div class="col-sm-4 medium-4 columns">
+ </li>
+ <li>
<p><strong><?=$this->transEsc('Find More')?></strong></p>
<ul>
<li><a href="<?=$this->url('browse-home')?>"><?=$this->transEsc('Browse the Catalog')?></a></li>
@@ -16,13 +16,14 @@
<li><a href="<?=$this->url('search-newitem')?>"><?=$this->transEsc('New Items')?></a></li>
<li><a href="<?=$this->url('myresearch-acquisition')?>"><?=$this->transEsc('Suggestions for acquisition')?></a></li>
</ul>
- </div>
- <div class="col-sm-4 medium-4 columns">
+ </li>
+ <li>
<p><strong><?=$this->transEsc('Need Help?')?></strong></p>
<ul>
<li><a href="<?=$this->url('help-home')?>?topic=search" class="help-link" title="<?=$this->transEsc('Search Tips')?>"><?=$this->transEsc('Search Tips')?></a></li>
<li><a href="#"><?=$this->transEsc('Ask a Librarian')?></a></li>
<li><a href="#"><?=$this->transEsc('FAQs')?></a></li>
</ul>
- </div>
-</div>
+ </li>
+</ul>
+<!-- FOOTER.PHTML end -->
\ No newline at end of file
diff --git a/themes/finc/templates/myresearch/acquisition.phtml b/themes/finc/templates/myresearch/acquisition.phtml
index f385023721e..1318bc92cd3 100644
--- a/themes/finc/templates/myresearch/acquisition.phtml
+++ b/themes/finc/templates/myresearch/acquisition.phtml
@@ -13,10 +13,10 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') .
<?=$this->flashmessages() ?>
<form class="form-horizontal" method="post" action="" name="acquisitionForm">
<h6><?=$this->transEsc('Please send only one form per acquisition proposal.') ?></h6>
- <div class="form-group">
+ <div class="form-group row">
<label class="col-sm-3 medium-3 columns control-label" for="acquisition_subject"><?=$this->transEsc('Subject area') ?><span class="required">*</span></label>
<div class="col-sm-9 medium-9 columns">
- <select name="subject" class="form-control">
+ <select name="subject" class="form-control auto">
<option value="-1"><?=$this->transEsc('Please select a subject area') ?></option>
<? if (isset($subjectlist) && is_array($subjectlist)): ?>
<? foreach ($subjectlist as $value): ?>
@@ -29,7 +29,7 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') .
<? endif;*/ ?>
</div>
</div>
- <div class="form-group">
+ <div class="form-group row">
<label class="col-sm-3 medium-3 columns control-label" for="acquistion_reasons"><?=$this->transEsc('Please give reasons for your suggestion') ?><span class="required">*</span></label>
<div class="col-sm-9 medium-9 columns">
<textarea id="acquisition_reasons" type="text" cols="50" rows="5" name="reasons"><? if (isset($values['reasons']) && !empty($values['reasons'])): ?><?=$this->transEsc($values['reasons']) ?><? endif; ?></textarea>
@@ -39,7 +39,7 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') .
<? endif;*/ ?>
</div>
</div>
- <div class="form-group">
+ <div class="form-group row">
<label class="col-sm-3 medium-3 columns control-label" for="acquistion_proposal"><?=$this->transEsc('Your acquisition proposal') ?><span class="required">*</span></label>
<div class="col-sm-9 medium-9 columns">
<textarea id="acquisition_proposal" type="text" cols="50" rows="5" name="proposal"><? if (isset($values['proposal']) && !empty($values['proposal'])): ?><?=$this->transEsc($values['proposal']) ?><? endif; ?></textarea>
@@ -49,12 +49,12 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') .
<? endif;*/ ?>
</div>
</div>
- <div class="form-group">
+ <div class="form-group row">
<div class="col-sm-9 col-sm-offset-3 medium-9 columns medium-offset-3">
- <input class="btn btn-primary button tiny" type="submit" name="submit" value="<?=$this->transEsc('Submit') ?>"/>
+ <input class="btn btn-primary button small" type="submit" name="submit" value="<?=$this->transEsc('Submit') ?>"/>
</div>
</div>
- <div class="form-group">
+ <div class="form-group row">
<div class="col-sm-9 col-sm-offset-3 medium-9 columns medium-offset-3">
<?=$this->transEsc('note_mandatory_fields') ?>
</div>
diff --git a/themes/foundation5/css/combined-search.css b/themes/foundation5/css/combined-search.css
index 1988fa8c4e2..7b33a0ebcf9 100644
--- a/themes/foundation5/css/combined-search.css
+++ b/themes/foundation5/css/combined-search.css
@@ -4,4 +4,4 @@
.result {padding-right:0}
.result > .small-1 .checkbox {padding-right:0;width:10%}
.result > .small-11 {width:89%}
-.form-inline > .clearfix {margin-left:.5rem}
+form > .clearfix {margin-left:.5rem}
diff --git a/themes/foundation5/css/default.css b/themes/foundation5/css/default.css
index 7fadfd03812..3d7668d2d03 100644
--- a/themes/foundation5/css/default.css
+++ b/themes/foundation5/css/default.css
@@ -1,537 +1,9637 @@
-@charset "utf-8";
-/* Note: replace #c60f13 with the standard alert color of your customized Foundation download */
+meta.foundation-version {
+ font-family: "/{{VERSION}}/";
+}
-html{overflow:-moz-scrollbars-vertical !important;} /* Avoid Mozilla horizontal jumps upon dropdown content extending past bottom of browser window */
+meta.foundation-mq-small {
+ font-family: "/only screen/";
+ width: 0;
+}
-html {font-size: 16px} /* Avoid issues with users changing default browser font size */
+meta.foundation-mq-small-only {
+ font-family: "/only screen and (max-width: 45.7142857143em)/";
+ width: 0;
+}
-/* Basic settings taken over from BS3 */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary { display: block }
+meta.foundation-mq-medium {
+ font-family: "/only screen and (min-width:45.7857142857em)/";
+ width: 45.7857142857em;
+}
-audio,
-canvas,
-progress,
-video { display: inline-block; vertical-align: baseline }
+meta.foundation-mq-medium-only {
+ font-family: "/only screen and (min-width:45.7857142857em) and (max-width:73.1428571429em)/";
+ width: 45.7857142857em;
+}
-audio:not([controls]) { display: none; height: 0 }
+meta.foundation-mq-large {
+ font-family: "/only screen and (min-width:73.2142857143em)/";
+ width: 73.2142857143em;
+}
-[hidden],
-template { display: none }
+meta.foundation-mq-large-only {
+ font-family: "/only screen and (min-width:73.2142857143em) and (max-width:102.857142857em)/";
+ width: 73.2142857143em;
+}
-mark,
-.highlight { background:#ff0; color:#000 }
+meta.foundation-mq-xlarge {
+ font-family: "/only screen and (min-width:102.928571429em)/";
+ width: 102.928571429em;
+}
-label {margin-bottom: .3rem; display: inline-block}
+meta.foundation-mq-xlarge-only {
+ font-family: "/only screen and (min-width:102.928571429em) and (max-width:137.142857143em)/";
+ width: 102.928571429em;
+}
-pre {display: block; padding: .5rem;margin: 0 0 .75rem;font-size: .875rem;line-height: 1.42857;word-break: break-all;word-wrap: break-word;color: #333;background-color: #F5F5F5; border: 1px solid #CCC; }
+meta.foundation-mq-xxlarge {
+ font-family: "/only screen and (min-width:137.214285714em)/";
+ width: 137.214285714em;
+}
-/* Basic settings taken over from BS3 - end */
+meta.foundation-data-attribute-namespace {
+ font-family: false;
+}
-/* LISTS */
- .list-unstyled{padding-left:0;list-style:none none;}
-/* LISTS end */
+html, body {
+ height: 100%;
+}
-/* TABLES */
- table{border-collapse: collapse;border-spacing: 0; max-width: 100%}
- .table {width:100%;word-wrap: break-word;margin-bottom: 1.25rem;border-spacing: 0;border-collapse: collapse !important;}
- .alphabrowse.table {margin-bottom: 0; table-layout: fixed;}
- .citation .pace-car th,.citation .pace-car td{border: 0;padding: 0 }
- .citation th{text-align: right}
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html,
+body {
+ font-size: 14px;
+}
+
+body {
+ background: #fff;
+ color: #222;
+ cursor: auto;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.5;
+ margin: 0;
+ padding: 0;
+ position: relative;
+}
+
+a:hover {
+ cursor: pointer;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+img {
+ -ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+ max-width: none !important;
+}
+
+.left {
+ float: left !important;
+}
+
+.right {
+ float: right !important;
+}
+
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.hide {
+ display: none;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+img {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+textarea {
+ height: auto;
+ min-height: 50px;
+}
+
+select {
+ width: 100%;
+}
+
+.row {
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ width: 100%;
+}
+
+.row:before, .row:after {
+ content: " ";
+ display: table;
+}
+
+.row:after {
+ clear: both;
+}
+
+.row.collapse > .column,
+.row.collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.row.collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.row .row {
+ margin: 0 -1.0714285714rem;
+ max-width: none;
+ width: auto;
+}
+
+.row .row:before, .row .row:after {
+ content: " ";
+ display: table;
+}
+
+.row .row:after {
+ clear: both;
+}
+
+.row .row.collapse {
+ margin: 0;
+ max-width: none;
+ width: auto;
+}
+
+.row .row.collapse:before, .row .row.collapse:after {
+ content: " ";
+ display: table;
+}
+
+.row .row.collapse:after {
+ clear: both;
+}
+
+.column,
+.columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ width: 100%;
+ float: left;
+}
+
+.column + .column:last-child,
+.columns + .columns:last-child {
+ float: right;
+}
+
+.column + .column.end,
+.columns + .columns.end {
+ float: left;
+}
+
+@media only screen {
+ .small-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .small-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .small-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .small-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .small-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .small-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .small-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .small-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .small-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .small-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .small-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .small-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .small-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .small-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .small-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .small-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .small-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .small-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .small-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .small-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .small-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .small-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .small-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .small-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .small-1 {
+ width: 8.3333333333%;
+ }
+ .small-2 {
+ width: 16.6666666667%;
+ }
+ .small-3 {
+ width: 25%;
+ }
+ .small-4 {
+ width: 33.3333333333%;
+ }
+ .small-5 {
+ width: 41.6666666667%;
+ }
+ .small-6 {
+ width: 50%;
+ }
+ .small-7 {
+ width: 58.3333333333%;
+ }
+ .small-8 {
+ width: 66.6666666667%;
+ }
+ .small-9 {
+ width: 75%;
+ }
+ .small-10 {
+ width: 83.3333333333%;
+ }
+ .small-11 {
+ width: 91.6666666667%;
+ }
+ .small-12 {
+ width: 100%;
+ }
+ .small-offset-0 {
+ margin-left: 0 !important;
+ }
+ .small-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .small-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .small-offset-3 {
+ margin-left: 25% !important;
+ }
+ .small-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .small-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .small-offset-6 {
+ margin-left: 50% !important;
+ }
+ .small-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .small-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .small-offset-9 {
+ margin-left: 75% !important;
+ }
+ .small-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .small-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .small-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.small-centered,
+ .columns.small-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.small-uncentered,
+ .columns.small-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.small-centered:last-child,
+ .columns.small-centered:last-child {
+ float: none;
+ }
+ .column.small-uncentered:last-child,
+ .columns.small-uncentered:last-child {
+ float: left;
+ }
+ .column.small-uncentered.opposite,
+ .columns.small-uncentered.opposite {
+ float: right;
+ }
+ .row.small-collapse > .column,
+ .row.small-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.small-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.small-uncollapse > .column,
+ .row.small-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .medium-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .medium-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .medium-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .medium-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .medium-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .medium-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .medium-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .medium-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .medium-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .medium-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .medium-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .medium-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .medium-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .medium-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .medium-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .medium-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .medium-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .medium-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .medium-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .medium-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .medium-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .medium-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .medium-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .medium-1 {
+ width: 8.3333333333%;
+ }
+ .medium-2 {
+ width: 16.6666666667%;
+ }
+ .medium-3 {
+ width: 25%;
+ }
+ .medium-4 {
+ width: 33.3333333333%;
+ }
+ .medium-5 {
+ width: 41.6666666667%;
+ }
+ .medium-6 {
+ width: 50%;
+ }
+ .medium-7 {
+ width: 58.3333333333%;
+ }
+ .medium-8 {
+ width: 66.6666666667%;
+ }
+ .medium-9 {
+ width: 75%;
+ }
+ .medium-10 {
+ width: 83.3333333333%;
+ }
+ .medium-11 {
+ width: 91.6666666667%;
+ }
+ .medium-12 {
+ width: 100%;
+ }
+ .medium-offset-0 {
+ margin-left: 0 !important;
+ }
+ .medium-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .medium-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .medium-offset-3 {
+ margin-left: 25% !important;
+ }
+ .medium-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .medium-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .medium-offset-6 {
+ margin-left: 50% !important;
+ }
+ .medium-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .medium-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .medium-offset-9 {
+ margin-left: 75% !important;
+ }
+ .medium-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .medium-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .medium-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.medium-centered,
+ .columns.medium-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.medium-uncentered,
+ .columns.medium-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.medium-centered:last-child,
+ .columns.medium-centered:last-child {
+ float: none;
+ }
+ .column.medium-uncentered:last-child,
+ .columns.medium-uncentered:last-child {
+ float: left;
+ }
+ .column.medium-uncentered.opposite,
+ .columns.medium-uncentered.opposite {
+ float: right;
+ }
+ .row.medium-collapse > .column,
+ .row.medium-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.medium-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.medium-uncollapse > .column,
+ .row.medium-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .large-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .large-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .large-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .large-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .large-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .large-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .large-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .large-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .large-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .large-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .large-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .large-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .large-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .large-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .large-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .large-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .large-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .large-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .large-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .large-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .large-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .large-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .large-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .large-1 {
+ width: 8.3333333333%;
+ }
+ .large-2 {
+ width: 16.6666666667%;
+ }
+ .large-3 {
+ width: 25%;
+ }
+ .large-4 {
+ width: 33.3333333333%;
+ }
+ .large-5 {
+ width: 41.6666666667%;
+ }
+ .large-6 {
+ width: 50%;
+ }
+ .large-7 {
+ width: 58.3333333333%;
+ }
+ .large-8 {
+ width: 66.6666666667%;
+ }
+ .large-9 {
+ width: 75%;
+ }
+ .large-10 {
+ width: 83.3333333333%;
+ }
+ .large-11 {
+ width: 91.6666666667%;
+ }
+ .large-12 {
+ width: 100%;
+ }
+ .large-offset-0 {
+ margin-left: 0 !important;
+ }
+ .large-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .large-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .large-offset-3 {
+ margin-left: 25% !important;
+ }
+ .large-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .large-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .large-offset-6 {
+ margin-left: 50% !important;
+ }
+ .large-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .large-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .large-offset-9 {
+ margin-left: 75% !important;
+ }
+ .large-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .large-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .large-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.large-centered,
+ .columns.large-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.large-uncentered,
+ .columns.large-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.large-centered:last-child,
+ .columns.large-centered:last-child {
+ float: none;
+ }
+ .column.large-uncentered:last-child,
+ .columns.large-uncentered:last-child {
+ float: left;
+ }
+ .column.large-uncentered.opposite,
+ .columns.large-uncentered.opposite {
+ float: right;
+ }
+ .row.large-collapse > .column,
+ .row.large-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.large-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.large-uncollapse > .column,
+ .row.large-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+}
+
+.accordion {
+ margin-bottom: 0;
+}
+
+.accordion:before, .accordion:after {
+ content: " ";
+ display: table;
+}
+
+.accordion:after {
+ clear: both;
+}
+
+.accordion .accordion-navigation, .accordion dd {
+ display: block;
+ margin-bottom: 0 !important;
+}
+
+.accordion .accordion-navigation.active > a, .accordion dd.active > a {
+ background: #e8e8e8;
+}
+
+.accordion .accordion-navigation > a, .accordion dd > a {
+ background: #EFEFEF;
+ color: #222222;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ padding: 1.1428571429rem;
+}
+
+.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
+ background: #e3e3e3;
+}
+
+.accordion .accordion-navigation > .content, .accordion dd > .content {
+ display: none;
+ padding: 1.0714285714rem;
+}
+
+.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
+ background: #FFFFFF;
+ display: block;
+}
+
+.alert-box {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ font-size: 0.9285714286rem;
+ font-weight: normal;
+ margin-bottom: 1.4285714286rem;
+ padding: 1rem 1.7142857143rem 1rem 1rem;
+ position: relative;
+ transition: opacity 300ms ease-out;
+ background-color: #008CBA;
+ border-color: #0078a0;
+ color: #FFFFFF;
+}
+
+.alert-box .close {
+ right: 0.2857142857rem;
+ background: inherit;
+ color: #333333;
+ font-size: 1.5714285714rem;
+ line-height: .9;
+ margin-top: -0.7857142857rem;
+ opacity: 0.3;
+ padding: 0 6px 4px;
+ position: absolute;
+ top: 50%;
+}
+
+.alert-box .close:hover,
+.alert-box .close:focus {
+ opacity: 0.5;
+}
+
+.alert-box.radius {
+ border-radius: 3px;
+}
+
+.alert-box.round {
+ border-radius: 1000px;
+}
+
+.alert-box.success {
+ background-color: #43AC6A;
+ border-color: #3a945b;
+ color: #FFFFFF;
+}
+
+.alert-box.alert {
+ background-color: #f04124;
+ border-color: #de2d0f;
+ color: #FFFFFF;
+}
+
+.alert-box.secondary {
+ background-color: #e7e7e7;
+ border-color: #c7c7c7;
+ color: #4f4f4f;
+}
+
+.alert-box.warning {
+ background-color: #f08a24;
+ border-color: #de770f;
+ color: #FFFFFF;
+}
+
+.alert-box.info {
+ background-color: #a0d3e8;
+ border-color: #74bfdd;
+ color: #4f4f4f;
+}
+
+.alert-box.alert-close {
+ opacity: 0;
+}
+
+[class*="block-grid-"] {
+ display: block;
+ padding: 0;
+ margin: 0 -0.7142857143rem;
+}
+
+[class*="block-grid-"]:before, [class*="block-grid-"]:after {
+ content: " ";
+ display: table;
+}
+
+[class*="block-grid-"]:after {
+ clear: both;
+}
+
+[class*="block-grid-"] > li {
+ display: block;
+ float: left;
+ height: auto;
+ padding: 0 0.7142857143rem 1.4285714286rem;
+}
+
+@media only screen {
+ .small-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .small-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .small-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .small-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .small-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .small-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .small-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .small-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .small-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .small-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .small-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .small-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .small-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .small-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .small-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .small-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .small-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .small-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .small-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .small-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .small-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .small-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .small-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .small-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .medium-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .medium-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .medium-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .medium-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .medium-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .medium-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .medium-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .medium-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .medium-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .medium-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .medium-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .medium-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .medium-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .medium-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .medium-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .medium-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .medium-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .medium-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .medium-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .medium-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .medium-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .medium-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .medium-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .large-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .large-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .large-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .large-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .large-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .large-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .large-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .large-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .large-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .large-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .large-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .large-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .large-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .large-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .large-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .large-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .large-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .large-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .large-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .large-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .large-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .large-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .large-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+.breadcrumbs {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ list-style: none;
+ margin-left: 0;
+ overflow: hidden;
+ padding: 0.6428571429rem 1rem 0.6428571429rem;
+ background-color: #f4f4f4;
+ border-color: gainsboro;
+ border-radius: 3px;
+}
+
+.breadcrumbs > * {
+ color: #008CBA;
+ float: left;
+ font-size: 0.7857142857rem;
+ line-height: 0.7857142857rem;
+ margin: 0;
+ text-transform: uppercase;
+}
+
+.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
+ text-decoration: underline;
+}
+
+.breadcrumbs > * a {
+ color: #008CBA;
+}
+
+.breadcrumbs > *.current {
+ color: #333333;
+ cursor: default;
+}
+
+.breadcrumbs > *.current a {
+ color: #333333;
+ cursor: default;
+}
+
+.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a,
+.breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
+ text-decoration: none;
+}
+
+.breadcrumbs > *.unavailable {
+ color: #999999;
+}
+
+.breadcrumbs > *.unavailable a {
+ color: #999999;
+}
+
+.breadcrumbs > *.unavailable:hover,
+.breadcrumbs > *.unavailable:hover a,
+.breadcrumbs > *.unavailable:focus,
+.breadcrumbs > *.unavailable a:focus {
+ color: #999999;
+ cursor: not-allowed;
+ text-decoration: none;
+}
+
+.breadcrumbs > *:before {
+ color: #AAAAAA;
+ content: "/";
+ margin: 0 0.8571428571rem;
+ position: relative;
+ top: 1px;
+}
+
+.breadcrumbs > *:first-child:before {
+ content: " ";
+ margin: 0;
+}
+
+/* Accessibility - hides the forward slash */
+[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
+ content: "/";
+}
+
+button, .button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0;
+ cursor: pointer;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: normal;
+ margin: 0 0 1.4285714286rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ padding: 1.1428571429rem 2.2857142857rem 1.2142857143rem 2.2857142857rem;
+ font-size: 1.1428571429rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+ transition: background-color 300ms ease-out;
+}
+
+button:hover,
+button:focus, .button:hover,
+.button:focus {
+ background-color: #007095;
+}
+
+button:hover,
+button:focus, .button:hover,
+.button:focus {
+ color: #FFFFFF;
+}
+
+button.secondary, .button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+button.secondary:hover,
+button.secondary:focus, .button.secondary:hover,
+.button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+button.secondary:hover,
+button.secondary:focus, .button.secondary:hover,
+.button.secondary:focus {
+ color: #333333;
+}
+
+button.success, .button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+button.success:hover,
+button.success:focus, .button.success:hover,
+.button.success:focus {
+ background-color: #368a55;
+}
+
+button.success:hover,
+button.success:focus, .button.success:hover,
+.button.success:focus {
+ color: #FFFFFF;
+}
+
+button.alert, .button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+button.alert:hover,
+button.alert:focus, .button.alert:hover,
+.button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+button.alert:hover,
+button.alert:focus, .button.alert:hover,
+.button.alert:focus {
+ color: #FFFFFF;
+}
+
+button.warning, .button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+button.warning:hover,
+button.warning:focus, .button.warning:hover,
+.button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+button.warning:hover,
+button.warning:focus, .button.warning:hover,
+.button.warning:focus {
+ color: #FFFFFF;
+}
+
+button.info, .button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+button.info:hover,
+button.info:focus, .button.info:hover,
+.button.info:focus {
+ background-color: #61b6d9;
+}
+
+button.info:hover,
+button.info:focus, .button.info:hover,
+.button.info:focus {
+ color: #FFFFFF;
+}
+
+button.large, .button.large {
+ padding: 1.2857142857rem 2.5714285714rem 1.3571428571rem 2.5714285714rem;
+ font-size: 1.4285714286rem;
+}
+
+button.small, .button.small {
+ padding: 1rem 2rem 1.0714285714rem 2rem;
+ font-size: 0.9285714286rem;
+}
+
+button.tiny, .button.tiny {
+ padding: 0.7142857143rem 1.4285714286rem 0.7857142857rem 1.4285714286rem;
+ font-size: 0.7857142857rem;
+}
+
+button.expand, .button.expand {
+ padding-left: 0;
+ padding-right: 0;
+ width: 100%;
+}
+
+button.left-align, .button.left-align {
+ text-align: left;
+ text-indent: 0.8571428571rem;
+}
+
+button.right-align, .button.right-align {
+ text-align: right;
+ padding-right: 0.8571428571rem;
+}
+
+button.radius, .button.radius {
+ border-radius: 3px;
+}
+
+button.round, .button.round {
+ border-radius: 1000px;
+}
+
+button.disabled, button[disabled], .button.disabled, .button[disabled] {
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #007095;
+}
+
+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: #FFFFFF;
+}
+
+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: #008CBA;
+}
+
+button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #b9b9b9;
+}
+
+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 {
+ background-color: #e7e7e7;
+}
+
+button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #368a55;
+}
+
+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: #FFFFFF;
+}
+
+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: #43AC6A;
+}
+
+button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #cf2a0e;
+}
+
+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: #FFFFFF;
+}
+
+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: #f04124;
+}
+
+button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ background-color: #cf6e0e;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ color: #FFFFFF;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ background-color: #f08a24;
+}
+
+button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ background-color: #61b6d9;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ color: #FFFFFF;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ background-color: #a0d3e8;
+}
+
+button::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ button, .button {
+ display: inline-block;
+ }
+}
+
+.button-group {
+ list-style: none;
+ margin: 0;
+ left: 0;
+}
+
+.button-group:before, .button-group:after {
+ content: " ";
+ display: table;
+}
+
+.button-group:after {
+ clear: both;
+}
+
+.button-group.even-2 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 50%;
+}
+
+.button-group.even-2 li > button, .button-group.even-2 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-2 li button, .button-group.even-2 li .button {
+ width: 100%;
+}
+
+.button-group.even-3 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 33.3333333333%;
+}
+
+.button-group.even-3 li > button, .button-group.even-3 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-3 li button, .button-group.even-3 li .button {
+ width: 100%;
+}
+
+.button-group.even-4 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 25%;
+}
+
+.button-group.even-4 li > button, .button-group.even-4 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-4 li button, .button-group.even-4 li .button {
+ width: 100%;
+}
+
+.button-group.even-5 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 20%;
+}
+
+.button-group.even-5 li > button, .button-group.even-5 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-5 li button, .button-group.even-5 li .button {
+ width: 100%;
+}
+
+.button-group.even-6 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 16.6666666667%;
+}
+
+.button-group.even-6 li > button, .button-group.even-6 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-6 li button, .button-group.even-6 li .button {
+ width: 100%;
+}
+
+.button-group.even-7 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 14.2857142857%;
+}
+
+.button-group.even-7 li > button, .button-group.even-7 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-7 li button, .button-group.even-7 li .button {
+ width: 100%;
+}
+
+.button-group.even-8 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 12.5%;
+}
+
+.button-group.even-8 li > button, .button-group.even-8 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-8 li button, .button-group.even-8 li .button {
+ width: 100%;
+}
+
+.button-group > li {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group > li > button, .button-group > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group > li:first-child button, .button-group > li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.stack > li {
+ display: block;
+ margin: 0;
+ float: none;
+}
+
+.button-group.stack > li > button, .button-group.stack > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.stack > li > button, .button-group.stack > li .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.stack > li > button {
+ width: 100%;
+}
+
+.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+ border-top: 0;
+}
+
+.button-group.stack-for-small > li {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-left: 0;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.stack-for-small > li {
+ display: block;
+ margin: 0;
+ }
+ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-left: 0;
+ }
+ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.stack-for-small > li > button {
+ width: 100%;
+ }
+ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-top: 0;
+ }
+}
+
+.button-group.radius > * {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.radius > * > button, .button-group.radius > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.radius > *,
+.button-group.radius > * > a,
+.button-group.radius > * > button,
+.button-group.radius > * > .button {
+ border-radius: 0;
+}
+
+.button-group.radius > *:first-child,
+.button-group.radius > *:first-child > a,
+.button-group.radius > *:first-child > button,
+.button-group.radius > *:first-child > .button {
+ -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,
+.button-group.radius > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.button-group.radius.stack > * {
+ display: block;
+ margin: 0;
+}
+
+.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.radius.stack > * > button {
+ width: 100%;
+}
+
+.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+ border-top: 0;
+}
+
+.button-group.radius.stack > *,
+.button-group.radius.stack > * > a,
+.button-group.radius.stack > * > button,
+.button-group.radius.stack > * > .button {
+ border-radius: 0;
+}
+
+.button-group.radius.stack > *:first-child,
+.button-group.radius.stack > *:first-child > a,
+.button-group.radius.stack > *:first-child > button,
+.button-group.radius.stack > *:first-child > .button {
+ -webkit-top-left-radius: 3px;
+ -webkit-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.button-group.radius.stack > *:last-child,
+.button-group.radius.stack > *:last-child > a,
+.button-group.radius.stack > *:last-child > button,
+.button-group.radius.stack > *:last-child > .button {
+ -webkit-bottom-left-radius: 3px;
+ -webkit-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .button-group.radius.stack-for-small > * {
+ display: inline-block;
+ margin: 0 -2px;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.radius.stack-for-small > *,
+ .button-group.radius.stack-for-small > * > a,
+ .button-group.radius.stack-for-small > * > button,
+ .button-group.radius.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.radius.stack-for-small > *:first-child,
+ .button-group.radius.stack-for-small > *:first-child > a,
+ .button-group.radius.stack-for-small > *:first-child > button,
+ .button-group.radius.stack-for-small > *:first-child > .button {
+ -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.stack-for-small > *:last-child,
+ .button-group.radius.stack-for-small > *:last-child > a,
+ .button-group.radius.stack-for-small > *:last-child > button,
+ .button-group.radius.stack-for-small > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.radius.stack-for-small > * {
+ display: block;
+ margin: 0;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.radius.stack-for-small > * > button {
+ width: 100%;
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-top: 0;
+ }
+ .button-group.radius.stack-for-small > *,
+ .button-group.radius.stack-for-small > * > a,
+ .button-group.radius.stack-for-small > * > button,
+ .button-group.radius.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.radius.stack-for-small > *:first-child,
+ .button-group.radius.stack-for-small > *:first-child > a,
+ .button-group.radius.stack-for-small > *:first-child > button,
+ .button-group.radius.stack-for-small > *:first-child > .button {
+ -webkit-top-left-radius: 3px;
+ -webkit-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ }
+ .button-group.radius.stack-for-small > *:last-child,
+ .button-group.radius.stack-for-small > *:last-child > a,
+ .button-group.radius.stack-for-small > *:last-child > button,
+ .button-group.radius.stack-for-small > *:last-child > .button {
+ -webkit-bottom-left-radius: 3px;
+ -webkit-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ }
+}
+
+.button-group.round > * {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.round > * > button, .button-group.round > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.round > *,
+.button-group.round > * > a,
+.button-group.round > * > button,
+.button-group.round > * > .button {
+ border-radius: 0;
+}
+
+.button-group.round > *:first-child,
+.button-group.round > *:first-child > a,
+.button-group.round > *:first-child > button,
+.button-group.round > *:first-child > .button {
+ -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,
+.button-group.round > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+.button-group.round.stack > * {
+ display: block;
+ margin: 0;
+}
+
+.button-group.round.stack > * > button, .button-group.round.stack > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.round.stack > * > button, .button-group.round.stack > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.round.stack > * > button {
+ width: 100%;
+}
+
+.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+ border-top: 0;
+}
+
+.button-group.round.stack > *,
+.button-group.round.stack > * > a,
+.button-group.round.stack > * > button,
+.button-group.round.stack > * > .button {
+ border-radius: 0;
+}
+
+.button-group.round.stack > *:first-child,
+.button-group.round.stack > *:first-child > a,
+.button-group.round.stack > *:first-child > button,
+.button-group.round.stack > *:first-child > .button {
+ -webkit-top-left-radius: 1.1428571429rem;
+ -webkit-top-right-radius: 1.1428571429rem;
+ border-top-left-radius: 1.1428571429rem;
+ border-top-right-radius: 1.1428571429rem;
+}
+
+.button-group.round.stack > *:last-child,
+.button-group.round.stack > *:last-child > a,
+.button-group.round.stack > *:last-child > button,
+.button-group.round.stack > *:last-child > .button {
+ -webkit-bottom-left-radius: 1.1428571429rem;
+ -webkit-bottom-right-radius: 1.1428571429rem;
+ border-bottom-left-radius: 1.1428571429rem;
+ border-bottom-right-radius: 1.1428571429rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .button-group.round.stack-for-small > * {
+ display: inline-block;
+ margin: 0 -2px;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.round.stack-for-small > *,
+ .button-group.round.stack-for-small > * > a,
+ .button-group.round.stack-for-small > * > button,
+ .button-group.round.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.round.stack-for-small > *:first-child,
+ .button-group.round.stack-for-small > *:first-child > a,
+ .button-group.round.stack-for-small > *:first-child > button,
+ .button-group.round.stack-for-small > *:first-child > .button {
+ -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.stack-for-small > *:last-child,
+ .button-group.round.stack-for-small > *:last-child > a,
+ .button-group.round.stack-for-small > *:last-child > button,
+ .button-group.round.stack-for-small > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.round.stack-for-small > * {
+ display: block;
+ margin: 0;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.round.stack-for-small > * > button {
+ width: 100%;
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-top: 0;
+ }
+ .button-group.round.stack-for-small > *,
+ .button-group.round.stack-for-small > * > a,
+ .button-group.round.stack-for-small > * > button,
+ .button-group.round.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.round.stack-for-small > *:first-child,
+ .button-group.round.stack-for-small > *:first-child > a,
+ .button-group.round.stack-for-small > *:first-child > button,
+ .button-group.round.stack-for-small > *:first-child > .button {
+ -webkit-top-left-radius: 1.1428571429rem;
+ -webkit-top-right-radius: 1.1428571429rem;
+ border-top-left-radius: 1.1428571429rem;
+ border-top-right-radius: 1.1428571429rem;
+ }
+ .button-group.round.stack-for-small > *:last-child,
+ .button-group.round.stack-for-small > *:last-child > a,
+ .button-group.round.stack-for-small > *:last-child > button,
+ .button-group.round.stack-for-small > *:last-child > .button {
+ -webkit-bottom-left-radius: 1.1428571429rem;
+ -webkit-bottom-right-radius: 1.1428571429rem;
+ border-bottom-left-radius: 1.1428571429rem;
+ border-bottom-right-radius: 1.1428571429rem;
+ }
+}
+
+.button-bar:before, .button-bar:after {
+ content: " ";
+ display: table;
+}
+
+.button-bar:after {
+ clear: both;
+}
+
+.button-bar .button-group {
+ float: left;
+ margin-right: 0.7142857143rem;
+}
+
+.button-bar .button-group div {
+ overflow: hidden;
+}
+
+/* Clearing Styles */
+.clearing-thumbs, [data-clearing] {
+ list-style: none;
+ margin-left: 0;
+ margin-bottom: 0;
+}
+
+.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
+ content: " ";
+ display: table;
+}
+
+.clearing-thumbs:after, [data-clearing]:after {
+ clear: both;
+}
+
+.clearing-thumbs li, [data-clearing] li {
+ float: left;
+ margin-right: 10px;
+}
+
+.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
+ margin-right: 0;
+}
+
+.clearing-blackout {
+ background: #333333;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 998;
+ left: 0;
+}
+
+.clearing-blackout .clearing-close {
+ display: block;
+}
+
+.clearing-container {
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
+ z-index: 998;
+}
+
+.clearing-touch-label {
+ color: #AAAAAA;
+ font-size: .6em;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+}
+
+.visible-img {
+ height: 95%;
+ position: relative;
+}
+
+.visible-img img {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ -moz-transform: translateY(-50%) translateX(-50%);
+ -ms-transform: translateY(-50%) translateX(-50%);
+ -o-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+ max-height: 100%;
+ max-width: 100%;
+}
+
+.clearing-caption {
+ background: #333333;
+ bottom: 0;
+ color: #CCCCCC;
+ font-size: 0.875em;
+ line-height: 1.3;
+ margin-bottom: 0;
+ padding: 10px 30px 20px;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ left: 0;
+}
+
+.clearing-close {
+ color: #CCCCCC;
+ display: none;
+ font-size: 30px;
+ line-height: 1;
+ padding-left: 20px;
+ padding-top: 10px;
+ z-index: 999;
+}
+
+.clearing-close:hover,
+.clearing-close:focus {
+ color: #CCCCCC;
+}
+
+.clearing-assembled .clearing-container {
+ height: 100%;
+}
+
+.clearing-assembled .clearing-container .carousel > ul {
+ display: none;
+}
+
+.clearing-feature li {
+ display: none;
+}
+
+.clearing-feature li.clearing-featured-img {
+ display: block;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .clearing-main-prev,
+ .clearing-main-next {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 40px;
+ }
+ .clearing-main-prev > span,
+ .clearing-main-next > span {
+ border: solid 12px;
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ }
+ .clearing-main-prev > span:hover,
+ .clearing-main-next > span:hover {
+ opacity: .8;
+ }
+ .clearing-main-prev {
+ left: 0;
+ }
+ .clearing-main-prev > span {
+ left: 5px;
+ border-color: transparent;
+ border-right-color: #CCCCCC;
+ }
+ .clearing-main-next {
+ right: 0;
+ }
+ .clearing-main-next > span {
+ border-color: transparent;
+ border-left-color: #CCCCCC;
+ }
+ .clearing-main-prev.disabled,
+ .clearing-main-next.disabled {
+ opacity: .3;
+ }
+ .clearing-assembled .clearing-container .carousel {
+ background: rgba(51, 51, 51, 0.8);
+ height: 120px;
+ margin-top: 10px;
+ text-align: center;
+ }
+ .clearing-assembled .clearing-container .carousel > ul {
+ display: inline-block;
+ z-index: 999;
+ height: 100%;
+ position: relative;
+ float: none;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li {
+ clear: none;
+ cursor: pointer;
+ display: block;
+ float: left;
+ margin-right: 0;
+ min-height: inherit;
+ opacity: .4;
+ overflow: hidden;
+ padding: 0;
+ position: relative;
+ width: 120px;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
+ height: 100%;
+ max-width: none;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li a.th {
+ border: none;
+ box-shadow: none;
+ display: block;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li img {
+ cursor: pointer !important;
+ width: 100% !important;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li.visible {
+ opacity: 1;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li:hover {
+ opacity: .8;
+ }
+ .clearing-assembled .clearing-container .visible-img {
+ background: #333333;
+ height: 85%;
+ overflow: hidden;
+ }
+ .clearing-close {
+ padding-left: 0;
+ padding-top: 0;
+ position: absolute;
+ top: 10px;
+ right: 20px;
+ }
+}
+
+/* Foundation Dropdowns */
+.f-dropdown {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 2px;
+ max-width: 200px;
+}
+
+.f-dropdown.open {
+ display: block;
+}
+
+.f-dropdown > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent #FFFFFF transparent;
+ border-bottom-style: solid;
+ position: absolute;
+ top: -12px;
+ left: 10px;
+ z-index: 89;
+}
+
+.f-dropdown:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent #cccccc transparent;
+ border-bottom-style: solid;
+ position: absolute;
+ top: -14px;
+ left: 9px;
+ z-index: 88;
+}
+
+.f-dropdown.right:before {
+ left: auto;
+ right: 10px;
+}
+
+.f-dropdown.right:after {
+ left: auto;
+ right: 9px;
+}
+
+.f-dropdown.drop-right {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 0;
+ margin-left: 2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-right.open {
+ display: block;
+}
+
+.f-dropdown.drop-right > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-right > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-right:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #FFFFFF transparent transparent;
+ border-right-style: solid;
+ position: absolute;
+ top: 10px;
+ left: -12px;
+ z-index: 89;
+}
+
+.f-dropdown.drop-right:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #cccccc transparent transparent;
+ border-right-style: solid;
+ position: absolute;
+ top: 9px;
+ left: -14px;
+ z-index: 88;
+}
+
+.f-dropdown.drop-left {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 0;
+ margin-left: -2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-left.open {
+ display: block;
+}
+
+.f-dropdown.drop-left > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-left > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-left:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent #FFFFFF;
+ border-left-style: solid;
+ position: absolute;
+ top: 10px;
+ right: -12px;
+ left: auto;
+ z-index: 89;
+}
+
+.f-dropdown.drop-left:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent #cccccc;
+ border-left-style: solid;
+ position: absolute;
+ top: 9px;
+ right: -14px;
+ left: auto;
+ z-index: 88;
+}
+
+.f-dropdown.drop-top {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-left: 0;
+ margin-top: -2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-top.open {
+ display: block;
+}
+
+.f-dropdown.drop-top > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-top > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-top:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: #FFFFFF transparent transparent transparent;
+ border-top-style: solid;
+ bottom: -12px;
+ position: absolute;
+ top: auto;
+ left: 10px;
+ right: auto;
+ z-index: 89;
+}
+
+.f-dropdown.drop-top:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: #cccccc transparent transparent transparent;
+ border-top-style: solid;
+ bottom: -14px;
+ position: absolute;
+ top: auto;
+ left: 9px;
+ right: auto;
+ z-index: 88;
+}
+
+.f-dropdown li {
+ cursor: pointer;
+ font-size: 1rem;
+ line-height: 1.2857142857rem;
+ margin: 0;
+}
+
+.f-dropdown li:hover,
+.f-dropdown li:focus {
+ background: #EEEEEE;
+}
+
+.f-dropdown li.radius {
+ border-radius: 3px;
+}
+
+.f-dropdown li a {
+ display: block;
+ padding: 0.5rem;
+ color: #555555;
+}
+
+.f-dropdown.content {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ padding: 1.4285714286rem;
+ width: 100%;
+ z-index: 89;
+ max-width: 200px;
+}
+
+.f-dropdown.content.open {
+ display: block;
+}
+
+.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;
+}
+
+.f-dropdown.mega {
+ width: 100% !important;
+ max-width: 100% !important;
+}
+
+.f-dropdown.mega.open {
+ left: 0 !important;
+}
+
+.dropdown.button, button.dropdown {
+ position: relative;
+ padding-right: 4.0714285714rem;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-color: #FFFFFF transparent transparent transparent;
+ border-style: solid;
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-width: 0.4285714286rem;
+ right: 1.6071428571rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.tiny, button.dropdown.tiny {
+ padding-right: 3rem;
+}
+
+.dropdown.button.tiny:after, button.dropdown.tiny:after {
+ border-width: 0.4285714286rem;
+ right: 1.2857142857rem;
+ margin-top: -0.1428571429rem;
+}
+
+.dropdown.button.tiny::after, button.dropdown.tiny::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.small, button.dropdown.small {
+ padding-right: 3.5rem;
+}
+
+.dropdown.button.small::after, button.dropdown.small::after {
+ border-width: 0.5rem;
+ right: 1.5rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button.small::after, button.dropdown.small::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.large, button.dropdown.large {
+ padding-right: 4.1428571429rem;
+}
+
+.dropdown.button.large::after, button.dropdown.large::after {
+ border-width: 0.3571428571rem;
+ right: 1.9642857143rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button.large::after, button.dropdown.large::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.secondary:after, button.dropdown.secondary:after {
+ border-color: #333333 transparent transparent transparent;
+}
+
+.flex-video {
+ height: 0;
+ margin-bottom: 1.1428571429rem;
+ overflow: hidden;
+ padding-bottom: 67.5%;
+ padding-top: 1.7857142857rem;
+ position: relative;
+}
+
+.flex-video.widescreen {
+ padding-bottom: 56.34%;
+}
+
+.flex-video.vimeo {
+ padding-top: 0;
+}
+
+.flex-video iframe,
+.flex-video object,
+.flex-video embed,
+.flex-video video {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ left: 0;
+}
+
+/* Standard Forms */
+form {
+ margin: 0 0 1.1428571429rem;
+}
+
+/* Using forms within rows, we need to set some defaults */
+form .row .row {
+ margin: 0 -0.5714285714rem;
+}
+
+form .row .row .column,
+form .row .row .columns {
+ padding: 0 0.5714285714rem;
+}
+
+form .row .row.collapse {
+ margin: 0;
+}
+
+form .row .row.collapse .column,
+form .row .row.collapse .columns {
+ padding: 0;
+}
+
+form .row .row.collapse input {
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+form .row input.column,
+form .row input.columns,
+form .row textarea.column,
+form .row textarea.columns {
+ padding-left: 0.5714285714rem;
+}
+
+/* Label Styles */
+label {
+ color: #4d4d4d;
+ cursor: pointer;
+ display: block;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.5;
+ margin-bottom: 0;
+ /* Styles for required inputs */
+}
+
+label.right {
+ float: none !important;
+ text-align: right;
+}
+
+label.inline {
+ margin: 0 0 1.1428571429rem 0;
+ padding: 0.6428571429rem 0;
+}
+
+label small {
+ text-transform: capitalize;
+ color: #676767;
+}
+
+/* Attach elements to the beginning or end of an input */
+.prefix,
+.postfix {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ font-size: 1rem;
+ height: 2.6428571429rem;
+ line-height: 2.6428571429rem;
+ overflow: visible;
+ padding-bottom: 0;
+ padding-top: 0;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ z-index: 2;
+}
+
+/* Adjust padding, alignment and radius if pre/post element is a button */
+.postfix.button {
+ border: none;
+ padding-left: 0;
+ padding-right: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+}
+
+.prefix.button {
+ border: none;
+ padding-left: 0;
+ padding-right: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+}
+
+.prefix.button.radius {
+ border-radius: 0;
+ -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 {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.prefix.button.round {
+ border-radius: 0;
+ -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 {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+/* Separate prefix and postfix styles when on span or label so buttons keep their own */
+span.prefix, label.prefix {
+ background: #f2f2f2;
+ border-right: none;
+ color: #333333;
+ border-color: #cccccc;
+}
+
+span.postfix, label.postfix {
+ background: #f2f2f2;
+ color: #333333;
+ border-color: #cccccc;
+}
+
+/* We use this to get basic styling on all basic form elements */
+input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ background-color: #FFFFFF;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #cccccc;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ color: rgba(0, 0, 0, 0.75);
+ display: block;
+ font-family: inherit;
+ font-size: 1rem;
+ height: 2.6428571429rem;
+ margin: 0 0 1.1428571429rem 0;
+ padding: 0.5714285714rem;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: border-color 0.15s linear, background 0.15s linear;
+ -moz-transition: border-color 0.15s linear, background 0.15s linear;
+ -ms-transition: border-color 0.15s linear, background 0.15s linear;
+ -o-transition: border-color 0.15s linear, background 0.15s linear;
+ transition: border-color 0.15s linear, background 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, input[type="color"]:focus, textarea:focus {
+ background: #fafafa;
+ border-color: #999999;
+ outline: none;
+}
+
+input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+input[type="text"][disabled],
+input[type="text"][readonly],
+fieldset[disabled] input[type="text"], input[type="password"][disabled],
+input[type="password"][readonly],
+fieldset[disabled] input[type="password"], input[type="date"][disabled],
+input[type="date"][readonly],
+fieldset[disabled] input[type="date"], input[type="datetime"][disabled],
+input[type="datetime"][readonly],
+fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
+input[type="datetime-local"][readonly],
+fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
+input[type="month"][readonly],
+fieldset[disabled] input[type="month"], input[type="week"][disabled],
+input[type="week"][readonly],
+fieldset[disabled] input[type="week"], input[type="email"][disabled],
+input[type="email"][readonly],
+fieldset[disabled] input[type="email"], input[type="number"][disabled],
+input[type="number"][readonly],
+fieldset[disabled] input[type="number"], input[type="search"][disabled],
+input[type="search"][readonly],
+fieldset[disabled] input[type="search"], input[type="tel"][disabled],
+input[type="tel"][readonly],
+fieldset[disabled] input[type="tel"], input[type="time"][disabled],
+input[type="time"][readonly],
+fieldset[disabled] input[type="time"], input[type="url"][disabled],
+input[type="url"][readonly],
+fieldset[disabled] input[type="url"], input[type="color"][disabled],
+input[type="color"][readonly],
+fieldset[disabled] input[type="color"], textarea[disabled],
+textarea[readonly],
+fieldset[disabled] textarea {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
+ border-radius: 3px;
+}
+
+form .row .prefix-radius.row.collapse input,
+form .row .prefix-radius.row.collapse textarea,
+form .row .prefix-radius.row.collapse select,
+form .row .prefix-radius.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+form .row .prefix-radius.row.collapse .prefix {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+form .row .postfix-radius.row.collapse input,
+form .row .postfix-radius.row.collapse textarea,
+form .row .postfix-radius.row.collapse select,
+form .row .postfix-radius.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+form .row .postfix-radius.row.collapse .postfix {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+form .row .prefix-round.row.collapse input,
+form .row .prefix-round.row.collapse textarea,
+form .row .prefix-round.row.collapse select,
+form .row .prefix-round.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+form .row .prefix-round.row.collapse .prefix {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 1000px;
+ -webkit-border-top-left-radius: 1000px;
+ border-bottom-left-radius: 1000px;
+ border-top-left-radius: 1000px;
+}
+
+form .row .postfix-round.row.collapse input,
+form .row .postfix-round.row.collapse textarea,
+form .row .postfix-round.row.collapse select,
+form .row .postfix-round.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 1000px;
+ -webkit-border-top-left-radius: 1000px;
+ border-bottom-left-radius: 1000px;
+ border-top-left-radius: 1000px;
+}
+
+form .row .postfix-round.row.collapse .postfix {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+input[type="submit"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+}
+
+/* Respect enforced amount of rows for textarea */
+textarea[rows] {
+ height: auto;
+}
+
+/* Not allow resize out of parent */
+textarea {
+ max-width: 100%;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ /* Firefox 18- */
+ color: #666666;
+}
+
+::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+/* Add height value for select elements to match text input height */
+select {
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ background-color: #FAFAFA;
+ border-radius: 0;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
+ background-position: 100% center;
+ background-repeat: no-repeat;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #cccccc;
+ color: rgba(0, 0, 0, 0.75);
+ font-family: inherit;
+ font-size: 1rem;
+ line-height: normal;
+ padding: 0.5714285714rem;
+ border-radius: 0;
+ height: 2.6428571429rem;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select.radius {
+ border-radius: 3px;
+}
+
+select:hover {
+ background-color: #f3f3f3;
+ border-color: #999999;
+}
+
+select:disabled {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+select[multiple] {
+ height: auto;
+}
+
+/* Adjust margin for form elements below */
+input[type="file"],
+input[type="checkbox"],
+input[type="radio"],
+select {
+ margin: 0 0 1.1428571429rem 0;
+}
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ display: inline-block;
+ margin-left: 0.5714285714rem;
+ margin-right: 1.1428571429rem;
+ margin-bottom: 0;
+ vertical-align: baseline;
+}
+
+/* Normalize file input width */
+input[type="file"] {
+ width: 100%;
+}
+
+/* HTML5 Number spinners settings */
+/* We add basic fieldset styling */
+fieldset {
+ border: 1px solid #DDDDDD;
+ margin: 1.2857142857rem 0;
+ padding: 1.4285714286rem;
+}
+
+fieldset legend {
+ background: #FFFFFF;
+ font-weight: bold;
+ margin-left: -0.2142857143rem;
+ margin: 0;
+ padding: 0 0.2142857143rem;
+}
+
+/* Error Handling */
+[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+[data-abide] span.error, [data-abide] small.error {
+ display: none;
+}
+
+span.error, small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+.error input,
+.error textarea,
+.error select {
+ margin-bottom: 0;
+}
+
+.error input[type="checkbox"],
+.error input[type="radio"] {
+ margin-bottom: 1.1428571429rem;
+}
+
+.error label,
+.error label.error {
+ color: #f04124;
+}
+
+.error small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+.error > label > small {
+ background: transparent;
+ color: #676767;
+ display: inline;
+ font-size: 60%;
+ font-style: normal;
+ margin: 0;
+ padding: 0;
+ text-transform: capitalize;
+}
+
+.error span.error-message {
+ display: block;
+}
+
+input.error,
+textarea.error,
+select.error {
+ margin-bottom: 0;
+}
+
+label.error {
+ color: #f04124;
+}
+
+.icon-bar {
+ display: inline-block;
+ font-size: 0;
+ width: 100%;
+ background: #333333;
+}
+
+.icon-bar > * {
+ display: block;
+ float: left;
+ font-size: 1rem;
+ margin: 0 auto;
+ padding: 1.25rem;
+ text-align: center;
+ width: 25%;
+}
+
+.icon-bar > * i, .icon-bar > * img {
+ display: block;
+ margin: 0 auto;
+}
+
+.icon-bar > * i + label, .icon-bar > * img + label {
+ margin-top: .0625rem;
+}
+
+.icon-bar > * i {
+ font-size: 1.875rem;
+ vertical-align: middle;
+}
+
+.icon-bar > * img {
+ height: 1.875rem;
+ width: 1.875rem;
+}
+
+.icon-bar.label-right > * i, .icon-bar.label-right > * img {
+ display: inline-block;
+ margin: 0 0.0625rem 0 0;
+}
+
+.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
+ margin-top: 0;
+}
+
+.icon-bar.label-right > * label {
+ display: inline-block;
+}
+
+.icon-bar.vertical.label-right > * {
+ text-align: left;
+}
+
+.icon-bar.vertical, .icon-bar.small-vertical {
+ height: 100%;
+ width: auto;
+}
+
+.icon-bar.vertical .item, .icon-bar.small-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.medium-vertical {
+ height: 100%;
+ width: auto;
+ }
+ .icon-bar.medium-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.large-vertical {
+ height: 100%;
+ width: auto;
+ }
+ .icon-bar.large-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+}
+
+.icon-bar > * {
+ font-size: 1rem;
+ padding: 1.25rem;
+}
+
+.icon-bar > * i + label, .icon-bar > * img + label {
+ margin-top: .0625rem;
+ font-size: 1rem;
+}
+
+.icon-bar > * i {
+ font-size: 1.875rem;
+}
+
+.icon-bar > * img {
+ height: 1.875rem;
+ width: 1.875rem;
+}
+
+.icon-bar > * label {
+ color: #FFFFFF;
+}
+
+.icon-bar > * i {
+ color: #FFFFFF;
+}
+
+.icon-bar > a:hover {
+ background: #008CBA;
+}
+
+.icon-bar > a:hover label {
+ color: #FFFFFF;
+}
+
+.icon-bar > a:hover i {
+ color: #FFFFFF;
+}
+
+.icon-bar > a.active {
+ background: #008CBA;
+}
+
+.icon-bar > a.active label {
+ color: #FFFFFF;
+}
+
+.icon-bar > a.active i {
+ color: #FFFFFF;
+}
+
+.icon-bar .item.disabled {
+ cursor: not-allowed;
+ opacity: 0.7;
+ pointer-events: none;
+}
+
+.icon-bar .item.disabled > * {
+ opacity: 0.7;
+ cursor: not-allowed;
+}
+
+.icon-bar.two-up .item {
+ width: 50%;
+}
+
+.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.two-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.two-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.three-up .item {
+ width: 33.3333%;
+}
+
+.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.three-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.three-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.four-up .item {
+ width: 25%;
+}
+
+.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.four-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.four-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.five-up .item {
+ width: 20%;
+}
+
+.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.five-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.five-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.six-up .item {
+ width: 16.66667%;
+}
+
+.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.six-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.six-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.seven-up .item {
+ width: 14.28571%;
+}
+
+.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.seven-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.seven-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.eight-up .item {
+ width: 12.5%;
+}
+
+.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.eight-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.eight-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.two-up .item {
+ width: 50%;
+}
+
+.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.two-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.two-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.three-up .item {
+ width: 33.3333%;
+}
+
+.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.three-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.three-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.four-up .item {
+ width: 25%;
+}
+
+.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.four-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.four-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.five-up .item {
+ width: 20%;
+}
+
+.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.five-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.five-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.six-up .item {
+ width: 16.66667%;
+}
+
+.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.six-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.six-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.seven-up .item {
+ width: 14.28571%;
+}
+
+.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.seven-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.seven-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.eight-up .item {
+ width: 12.5%;
+}
+
+.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.eight-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.eight-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.inline-list {
+ list-style: none;
+ margin-left: -1.5714285714rem;
+ margin-right: 0;
+ margin: 0 auto 1.2142857143rem auto;
+ overflow: hidden;
+ padding: 0;
+}
+
+.inline-list > li {
+ display: block;
+ float: left;
+ list-style: none;
+ margin-left: 1.5714285714rem;
+}
+
+.inline-list > li > * {
+ display: block;
+}
+
+/* Foundation Joyride */
+.joyride-list {
+ display: none;
+}
+
+/* Default styles for the container */
+.joyride-tip-guide {
+ background: #333333;
+ color: #FFFFFF;
+ display: none;
+ font-family: inherit;
+ font-weight: normal;
+ position: absolute;
+ top: 0;
+ width: 95%;
+ z-index: 101;
+ left: 2.5%;
+}
+
+.lt-ie9 .joyride-tip-guide {
+ margin-left: -400px;
+ max-width: 800px;
+ left: 50%;
+}
+
+.joyride-content-wrapper {
+ padding: 1.2857142857rem 1.4285714286rem 1.7142857143rem;
+ width: 100%;
+}
+
+.joyride-content-wrapper .button {
+ margin-bottom: 0 !important;
+}
+
+.joyride-content-wrapper .joyride-prev-tip {
+ margin-right: 10px;
+}
+
+/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
+.joyride-tip-guide .joyride-nub {
+ border: 10px solid #333333;
+ display: block;
+ height: 0;
+ position: absolute;
+ width: 0;
+ left: 22px;
+}
+
+.joyride-tip-guide .joyride-nub.top {
+ border-color: #333333;
+ border-top-color: transparent !important;
+ border-top-style: solid;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ top: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.bottom {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-bottom-style: solid;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ bottom: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.right {
+ right: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.left {
+ left: -20px;
+}
+
+/* Typography */
+.joyride-tip-guide h1,
+.joyride-tip-guide h2,
+.joyride-tip-guide h3,
+.joyride-tip-guide h4,
+.joyride-tip-guide h5,
+.joyride-tip-guide h6 {
+ color: #FFFFFF;
+ font-weight: bold;
+ line-height: 1.25;
+ margin: 0;
+}
+
+.joyride-tip-guide p {
+ font-size: 1rem;
+ line-height: 1.3;
+ margin: 0 0 1.2857142857rem 0;
+}
+
+.joyride-timer-indicator-wrap {
+ border: solid 1px #555555;
+ bottom: 1.1428571429rem;
+ height: 3px;
+ position: absolute;
+ width: 50px;
+ right: 1.2142857143rem;
+}
+
+.joyride-timer-indicator {
+ background: #666666;
+ display: block;
+ height: inherit;
+ width: 0;
+}
+
+.joyride-close-tip {
+ color: #777777 !important;
+ font-size: 24px;
+ font-weight: normal;
+ line-height: .5 !important;
+ position: absolute;
+ text-decoration: none;
+ top: 10px;
+ right: 12px;
+}
+
+.joyride-close-tip:hover,
+.joyride-close-tip:focus {
+ color: #EEEEEE !important;
+}
+
+.joyride-modal-bg {
+ background: rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ display: none;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ left: 0;
+}
+
+.joyride-expose-wrapper {
+ background-color: #FFFFFF;
+ border-radius: 3px;
+ box-shadow: 0 0 15px #FFFFFF;
+ position: absolute;
+ z-index: 102;
+}
+
+.joyride-expose-cover {
+ background: transparent;
+ border-radius: 3px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: 9999;
+}
+
+/* Styles for screens that are at least 768px; */
+@media only screen and (min-width: 45.7857142857em) {
+ .joyride-tip-guide {
+ width: 300px;
+ left: inherit;
+ }
+ .joyride-tip-guide .joyride-nub.bottom {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ bottom: -20px;
+ }
+ .joyride-tip-guide .joyride-nub.right {
+ border-color: #333333 !important;
+ border-right-color: transparent !important;
+ border-bottom-color: transparent !important;
+ border-top-color: transparent !important;
+ left: auto;
+ right: -20px;
+ top: 22px;
+ }
+ .joyride-tip-guide .joyride-nub.left {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-left-color: transparent !important;
+ border-top-color: transparent !important;
+ left: -20px;
+ right: auto;
+ top: 22px;
+ }
+}
+
+.keystroke,
+kbd {
+ background-color: #ededed;
+ border-color: #dddddd;
+ color: #222222;
+ border-style: solid;
+ border-width: 1px;
+ font-family: "Consolas", "Menlo", "Courier", monospace;
+ font-size: inherit;
+ margin: 0;
+ padding: 0.1428571429rem 0.2857142857rem 0;
+ border-radius: 3px;
+}
+
+.label {
+ display: inline-block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1;
+ margin-bottom: auto;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ padding: 0.2857142857rem 0.5714285714rem 0.2857142857rem;
+ font-size: 0.7857142857rem;
+ background-color: #008CBA;
+ color: #FFFFFF;
+}
+
+.label.radius {
+ border-radius: 3px;
+}
+
+.label.round {
+ border-radius: 1000px;
+}
+
+.label.alert {
+ background-color: #f04124;
+ color: #FFFFFF;
+}
+
+.label.warning {
+ background-color: #f08a24;
+ color: #FFFFFF;
+}
+
+.label.success {
+ background-color: #43AC6A;
+ color: #FFFFFF;
+}
+
+.label.secondary {
+ background-color: #e7e7e7;
+ color: #333333;
+}
+
+.label.info {
+ background-color: #a0d3e8;
+ color: #333333;
+}
+
+[data-magellan-expedition], [data-magellan-expedition-clone] {
+ background: #FFFFFF;
+ min-width: 100%;
+ padding: 10px;
+ z-index: 50;
+}
+
+[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
+ margin-bottom: 0;
+}
+
+[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
+ margin-bottom: 0;
+}
+
+[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
+ line-height: 1.8em;
+}
+
+@-webkit-keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+/* Orbit Graceful Loading */
+.slideshow-wrapper {
+ position: relative;
+}
+
+.slideshow-wrapper ul {
+ list-style-type: none;
+ margin: 0;
+}
+
+.slideshow-wrapper ul li,
+.slideshow-wrapper ul li .orbit-caption {
+ display: none;
+}
+
+.slideshow-wrapper ul li:first-child {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container {
+ background-color: transparent;
+}
+
+.slideshow-wrapper .orbit-container li {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container li .orbit-caption {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container .orbit-bullets li {
+ display: inline-block;
+}
+
+.slideshow-wrapper .preloader {
+ border-radius: 1000px;
+ animation-duration: 1.5s;
+ animation-iteration-count: infinite;
+ animation-name: rotate;
+ animation-timing-function: linear;
+ border-color: #555555 #FFFFFF;
+ border: solid 3px;
+ display: block;
+ height: 40px;
+ left: 50%;
+ margin-left: -20px;
+ margin-top: -20px;
+ position: absolute;
+ top: 50%;
+ width: 40px;
+}
+
+.orbit-container {
+ background: none;
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+}
+
+.orbit-container .orbit-slides-container {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ transform: translateZ(0);
+}
+
+.orbit-container .orbit-slides-container img {
+ display: block;
+ max-width: 100%;
+}
+
+.orbit-container .orbit-slides-container > * {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ margin-left: 100%;
+}
+
+.orbit-container .orbit-slides-container > *:first-child {
+ margin-left: 0;
+}
+
+.orbit-container .orbit-slides-container > * .orbit-caption {
+ bottom: 0;
+ position: absolute;
+ background-color: rgba(51, 51, 51, 0.8);
+ color: #FFFFFF;
+ font-size: 1rem;
+ padding: 0.7142857143rem 1rem;
+ width: 100%;
+}
+
+.orbit-container .orbit-slide-number {
+ left: 10px;
+ background: transparent;
+ color: #FFFFFF;
+ font-size: 12px;
+ position: absolute;
+ top: 10px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-slide-number span {
+ font-weight: 700;
+ padding: 0.3571428571rem;
+}
+
+.orbit-container .orbit-timer {
+ position: absolute;
+ top: 12px;
+ right: 10px;
+ height: 6px;
+ width: 100px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-timer .orbit-progress {
+ height: 3px;
+ background-color: rgba(255, 255, 255, 0.3);
+ display: block;
+ width: 0;
+ position: relative;
+ right: 20px;
+ top: 5px;
+}
+
+.orbit-container .orbit-timer > span {
+ border: solid 4px #FFFFFF;
+ border-bottom: none;
+ border-top: none;
+ display: none;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ width: 11px;
+ right: 0;
+}
+
+.orbit-container .orbit-timer.paused > span {
+ top: 0;
+ width: 11px;
+ height: 14px;
+ border: inset 8px;
+ border-left-style: solid;
+ border-color: transparent;
+ border-left-color: #FFFFFF;
+ right: -4px;
+}
+
+.orbit-container .orbit-timer.paused > span.dark {
+ border-left-color: #333333;
+}
+
+.orbit-container:hover .orbit-timer > span {
+ display: block;
+}
+
+.orbit-container .orbit-prev,
+.orbit-container .orbit-next {
+ background-color: transparent;
+ color: white;
+ height: 60px;
+ line-height: 50px;
+ margin-top: -25px;
+ position: absolute;
+ text-indent: -9999px !important;
+ top: 45%;
+ width: 36px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-prev:hover,
+.orbit-container .orbit-next:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.orbit-container .orbit-prev > span,
+.orbit-container .orbit-next > span {
+ border: inset 10px;
+ display: block;
+ height: 0;
+ margin-top: -10px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+
+.orbit-container .orbit-prev {
+ left: 0;
+}
+
+.orbit-container .orbit-prev > span {
+ border-right-style: solid;
+ border-color: transparent;
+ border-right-color: #FFFFFF;
+}
+
+.orbit-container .orbit-prev:hover > span {
+ border-right-color: #FFFFFF;
+}
+
+.orbit-container .orbit-next {
+ right: 0;
+}
+
+.orbit-container .orbit-next > span {
+ border-color: transparent;
+ border-left-style: solid;
+ border-left-color: #FFFFFF;
+ left: 50%;
+ margin-left: -4px;
+}
+
+.orbit-container .orbit-next:hover > span {
+ border-left-color: #FFFFFF;
+}
+
+.orbit-bullets-container {
+ text-align: center;
+}
+
+.orbit-bullets {
+ display: block;
+ float: none;
+ margin: 0 auto 30px auto;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ top: 10px;
+}
+
+.orbit-bullets li {
+ background: #CCCCCC;
+ cursor: pointer;
+ display: inline-block;
+ float: none;
+ height: 0.6428571429rem;
+ margin-right: 6px;
+ width: 0.6428571429rem;
+ border-radius: 1000px;
+}
+
+.orbit-bullets li.active {
+ background: #999999;
+}
+
+.orbit-bullets li:last-child {
+ margin-right: 0;
+}
+
+.touch .orbit-container .orbit-prev,
+.touch .orbit-container .orbit-next {
+ display: none;
+}
+
+.touch .orbit-bullets {
+ display: none;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .touch .orbit-container .orbit-prev,
+ .touch .orbit-container .orbit-next {
+ display: inherit;
+ }
+ .touch .orbit-bullets {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .orbit-stack-on-small .orbit-slides-container {
+ height: auto !important;
+ }
+ .orbit-stack-on-small .orbit-slides-container > * {
+ margin: 0 !important;
+ opacity: 1 !important;
+ position: relative;
+ }
+ .orbit-stack-on-small .orbit-slide-number {
+ display: none;
+ }
+ .orbit-timer {
+ display: none;
+ }
+ .orbit-next, .orbit-prev {
+ display: none;
+ }
+ .orbit-bullets {
+ display: none;
+ }
+}
+
+ul.pagination {
+ display: block;
+ margin-left: -0.3571428571rem;
+ min-height: 1.7142857143rem;
+}
+
+ul.pagination li {
+ color: #222222;
+ font-size: 1rem;
+ height: 1.7142857143rem;
+ margin-left: 0.3571428571rem;
+}
+
+ul.pagination li a, ul.pagination li button {
+ border-radius: 3px;
+ transition: background-color 300ms ease-out;
+ background: none;
+ color: #999999;
+ display: block;
+ font-size: 1em;
+ font-weight: normal;
+ line-height: inherit;
+ padding: 0.0714285714rem 0.7142857143rem 0.0714285714rem;
+}
+
+ul.pagination li:hover a,
+ul.pagination li a:focus,
+ul.pagination li:hover button,
+ul.pagination li
+button:focus {
+ background: #e6e6e6;
+}
+
+ul.pagination li.unavailable a, ul.pagination li.unavailable button {
+ cursor: default;
+ color: #999999;
+}
+
+ul.pagination li.unavailable:hover a,
+ul.pagination li.unavailable a:focus,
+ul.pagination li.unavailable:hover button,
+ul.pagination li.unavailable button:focus {
+ background: transparent;
+}
+
+ul.pagination li.current a, ul.pagination li.current button {
+ background: #008CBA;
+ color: #FFFFFF;
+ cursor: default;
+ font-weight: bold;
+}
+
+ul.pagination li.current a:hover,
+ul.pagination li.current a:focus, ul.pagination li.current button:hover,
+ul.pagination li.current button:focus {
+ background: #008CBA;
+}
+
+ul.pagination li {
+ display: block;
+ float: left;
+}
+
+/* Pagination centred wrapper */
+.pagination-centered {
+ text-align: center;
+}
+
+.pagination-centered ul.pagination li {
+ display: inline-block;
+ float: none;
+}
+
+/* Panels */
+.panel {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #d8d8d8;
+ margin-bottom: 1.4285714286rem;
+ padding: 1.4285714286rem;
+ background: #f2f2f2;
+ color: #333333;
+}
+
+.panel > :first-child {
+ margin-top: 0;
+}
+
+.panel > :last-child {
+ margin-bottom: 0;
+}
+
+.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
+ color: #333333;
+}
+
+.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
+ line-height: 1;
+ margin-bottom: 0.7142857143rem;
+}
+
+.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: #d8d8d8;
+ margin-bottom: 1.4285714286rem;
+ padding: 1.4285714286rem;
+ background: #ecfaff;
+ color: #333333;
+}
+
+.panel.callout > :first-child {
+ margin-top: 0;
+}
+
+.panel.callout > :last-child {
+ margin-bottom: 0;
+}
+
+.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
+ color: #333333;
+}
+
+.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
+ line-height: 1;
+ margin-bottom: 0.7142857143rem;
+}
+
+.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
+ line-height: 1.4;
+}
+
+.panel.callout a:not(.button) {
+ color: #008CBA;
+}
+
+.panel.callout a:not(.button):hover,
+.panel.callout a:not(.button):focus {
+ color: #0078a0;
+}
+
+.panel.radius {
+ border-radius: 3px;
+}
+
+/* Pricing Tables */
+.pricing-table {
+ border: solid 1px #DDDDDD;
+ margin-left: 0;
+ margin-bottom: 1.4285714286rem;
+}
+
+.pricing-table * {
+ list-style: none;
+ line-height: 1;
+}
+
+.pricing-table .title {
+ background-color: #333333;
+ color: #EEEEEE;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ font-weight: normal;
+ padding: 1.0714285714rem 1.4285714286rem;
+ text-align: center;
+}
+
+.pricing-table .price {
+ background-color: #F6F6F6;
+ color: #333333;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 2.2857142857rem;
+ font-weight: normal;
+ padding: 1.0714285714rem 1.4285714286rem;
+ text-align: center;
+}
+
+.pricing-table .description {
+ background-color: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #777777;
+ font-size: 0.8571428571rem;
+ font-weight: normal;
+ line-height: 1.4;
+ padding: 1.0714285714rem;
+ text-align: center;
+}
+
+.pricing-table .bullet-item {
+ background-color: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #333333;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: 1.0714285714rem;
+ text-align: center;
+}
+
+.pricing-table .cta-button {
+ background-color: #FFFFFF;
+ padding: 1.4285714286rem 1.4285714286rem 0;
+ text-align: center;
+}
+
+/* Progress Bar */
+.progress {
+ background-color: #F6F6F6;
+ border: 1px solid white;
+ height: 1.7857142857rem;
+ margin-bottom: 0.7142857143rem;
+ padding: 0.1428571429rem;
+}
+
+.progress .meter {
+ background: #008CBA;
+ display: block;
+ height: 100%;
+}
+
+.progress.secondary .meter {
+ background: #e7e7e7;
+ display: block;
+ height: 100%;
+}
+
+.progress.success .meter {
+ background: #43AC6A;
+ display: block;
+ height: 100%;
+}
+
+.progress.alert .meter {
+ background: #f04124;
+ display: block;
+ height: 100%;
+}
+
+.progress.radius {
+ border-radius: 3px;
+}
+
+.progress.radius .meter {
+ border-radius: 2px;
+}
+
+.progress.round {
+ border-radius: 1000px;
+}
+
+.progress.round .meter {
+ border-radius: 999px;
+}
+
+.range-slider {
+ border: 1px solid #DDDDDD;
+ margin: 1.4285714286rem 0;
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ display: block;
+ height: 1.1428571429rem;
+ width: 100%;
+ background: #FAFAFA;
+}
+
+.range-slider.vertical-range {
+ border: 1px solid #DDDDDD;
+ margin: 1.4285714286rem 0;
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ display: inline-block;
+ height: 14.2857142857rem;
+ width: 1.1428571429rem;
+}
+
+.range-slider.vertical-range .range-slider-handle {
+ bottom: -12rem;
+ margin-left: -0.5714285714rem;
+ margin-top: 0;
+ position: absolute;
+}
+
+.range-slider.vertical-range .range-slider-active-segment {
+ border-bottom-left-radius: inherit;
+ border-bottom-right-radius: inherit;
+ border-top-left-radius: initial;
+ bottom: 0;
+ height: auto;
+ width: 1rem;
+}
+
+.range-slider.radius {
+ background: #FAFAFA;
+ border-radius: 3px;
+}
+
+.range-slider.radius .range-slider-handle {
+ background: #008CBA;
+ border-radius: 3px;
+}
+
+.range-slider.radius .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider.round {
+ background: #FAFAFA;
+ border-radius: 1000px;
+}
+
+.range-slider.round .range-slider-handle {
+ background: #008CBA;
+ border-radius: 1000px;
+}
+
+.range-slider.round .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider.disabled, .range-slider[disabled] {
+ background: #FAFAFA;
+ cursor: not-allowed;
+ opacity: 0.7;
+}
+
+.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
+ background: #008CBA;
+ cursor: default;
+ opacity: 0.7;
+}
+
+.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider-active-segment {
+ background: #e5e5e5;
+ border-bottom-left-radius: inherit;
+ border-top-left-radius: inherit;
+ display: inline-block;
+ height: 1rem;
+ position: absolute;
+}
+
+.range-slider-handle {
+ border: 1px solid none;
+ cursor: pointer;
+ display: inline-block;
+ height: 1.5714285714rem;
+ position: absolute;
+ top: -0.3571428571rem;
+ width: 2.2857142857rem;
+ z-index: 1;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ background: #008CBA;
+}
+
+.range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.reveal-modal-bg {
+ background: #000000;
+ background: rgba(0, 0, 0, 0.45);
+ bottom: 0;
+ display: none;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 1004;
+ left: 0;
+}
+
+.reveal-modal {
+ border-radius: 3px;
+ display: none;
+ position: absolute;
+ top: 0;
+ visibility: hidden;
+ width: 100%;
+ z-index: 1005;
+ left: 0;
+ background-color: #FFFFFF;
+ padding: 2.1428571429rem;
+ border: solid 1px #666666;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .reveal-modal {
+ min-height: 100vh;
+ }
+}
+
+.reveal-modal .column, .reveal-modal .columns {
+ min-width: 0;
+}
+
+.reveal-modal > :first-child {
+ margin-top: 0;
+}
+
+.reveal-modal > :last-child {
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 80%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal {
+ top: 7.1428571429rem;
+ }
+}
+
+.reveal-modal.radius {
+ border-radius: 3px;
+}
+
+.reveal-modal.round {
+ border-radius: 1000px;
+}
+
+.reveal-modal.collapse {
+ padding: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.tiny {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 30%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.small {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 40%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.medium {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 60%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.large {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 70%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.xlarge {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 95%;
+ }
+}
+
+.reveal-modal.full {
+ height: 100vh;
+ height: 100%;
+ left: 0;
+ margin-left: 0 !important;
+ max-width: none !important;
+ min-height: 100vh;
+ top: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.full {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 100%;
+ }
+}
+
+.reveal-modal.toback {
+ z-index: 1003;
+}
+
+.reveal-modal .close-reveal-modal {
+ color: #AAAAAA;
+ cursor: pointer;
+ font-size: 2.8571428571rem;
+ font-weight: bold;
+ line-height: 1;
+ position: absolute;
+ top: 0.7142857143rem;
+ right: 1.5714285714rem;
+}
+
+.side-nav {
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ list-style-position: outside;
+ list-style-type: none;
+ margin: 0;
+ padding: 1rem 0;
+}
+
+.side-nav li {
+ font-size: 1rem;
+ font-weight: normal;
+ margin: 0 0 0.5rem 0;
+}
+
+.side-nav li a:not(.button) {
+ color: #008CBA;
+ display: block;
+ margin: 0;
+ padding: 0.5rem 1rem;
+}
+
+.side-nav li a:not(.button):hover,
+.side-nav li a:not(.button):focus {
+ background: rgba(0, 0, 0, 0.025);
+ color: #1cc7ff;
+}
+
+.side-nav li a:not(.button):active {
+ color: #1cc7ff;
+}
+
+.side-nav li.active > a:first-child:not(.button) {
+ color: #1cc7ff;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+}
+
+.side-nav li.divider {
+ border-top: 1px solid;
+ height: 0;
+ list-style: none;
+ padding: 0;
+ border-top-color: #e6e6e6;
+}
+
+.side-nav li.heading {
+ color: #008CBA;
+ font-size: 1rem;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.split.button {
+ position: relative;
+ padding-right: 5.7857142857rem;
+}
+
+.split.button span {
+ display: block;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-left: solid 1px;
+}
+
+.split.button span:after {
+ position: absolute;
+ content: "";
+ width: 0;
+ height: 0;
+ display: block;
+ border-style: inset;
+ top: 50%;
+ left: 50%;
+}
+
+.split.button span:active {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.split.button span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button span {
+ width: 3.5357142857rem;
+}
+
+.split.button span:after {
+ border-top-style: solid;
+ border-width: 0.4285714286rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button span:after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.split.button.secondary span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.secondary span:after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.split.button.alert span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.success span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.tiny {
+ padding-right: 4.2857142857rem;
+}
+
+.split.button.tiny span {
+ width: 2.5714285714rem;
+}
+
+.split.button.tiny span:after {
+ border-top-style: solid;
+ border-width: 0.4285714286rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.small {
+ padding-right: 5rem;
+}
+
+.split.button.small span {
+ width: 3rem;
+}
+
+.split.button.small span:after {
+ border-top-style: solid;
+ border-width: 0.5rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.large {
+ padding-right: 6.2857142857rem;
+}
+
+.split.button.large span {
+ width: 3.9285714286rem;
+}
+
+.split.button.large span:after {
+ border-top-style: solid;
+ border-width: 0.3571428571rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.expand {
+ padding-left: 2rem;
+}
+
+.split.button.secondary span:after {
+ border-color: #333333 transparent transparent transparent;
+}
+
+.split.button.radius span {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.split.button.round span {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+.split.button.no-pip span:before {
+ border-style: none;
+}
+
+.split.button.no-pip span:after {
+ border-style: none;
+}
+
+.split.button.no-pip span > i {
+ display: block;
+ left: 50%;
+ margin-left: -0.28889em;
+ margin-top: -0.48889em;
+ position: absolute;
+ top: 50%;
+}
+
+.sub-nav {
+ display: block;
+ margin: -0.2857142857rem 0 1.2857142857rem;
+ overflow: hidden;
+ padding-top: 0.2857142857rem;
+ width: auto;
+}
+
+.sub-nav dt {
+ text-transform: uppercase;
+}
+
+.sub-nav dt,
+.sub-nav dd,
+.sub-nav li {
+ color: #999999;
+ float: left;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1rem;
+ font-weight: normal;
+ margin-left: 1.1428571429rem;
+ margin-bottom: 0;
+}
+
+.sub-nav dt a,
+.sub-nav dd a,
+.sub-nav li a {
+ color: #999999;
+ padding: 0.2142857143rem 1.1428571429rem;
+ text-decoration: none;
+}
+
+.sub-nav dt a:hover,
+.sub-nav dd a:hover,
+.sub-nav li a:hover {
+ color: #737373;
+}
+
+.sub-nav dt.active a,
+.sub-nav dd.active a,
+.sub-nav li.active a {
+ border-radius: 3px;
+ background: #008CBA;
+ color: #FFFFFF;
+ cursor: default;
+ font-weight: normal;
+ padding: 0.2142857143rem 1.1428571429rem;
+}
+
+.sub-nav dt.active a:hover,
+.sub-nav dd.active a:hover,
+.sub-nav li.active a:hover {
+ background: #0078a0;
+}
+
+.switch {
+ border: none;
+ margin-bottom: 1.5rem;
+ outline: 0;
+ padding: 0;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.switch label {
+ background: #DDDDDD;
+ color: transparent;
+ cursor: pointer;
+ display: block;
+ margin-bottom: 1rem;
+ position: relative;
+ text-indent: 100%;
+ width: 4rem;
+ height: 2rem;
+ transition: left 0.15s ease-out;
+}
+
+.switch input {
+ left: 10px;
+ opacity: 0;
+ padding: 0;
+ position: absolute;
+ top: 9px;
+}
+
+.switch input + label {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.switch label:after {
+ background: #FFFFFF;
+ content: "";
+ display: block;
+ height: 1.5rem;
+ left: .25rem;
+ position: absolute;
+ top: .25rem;
+ width: 1.5rem;
+ -webkit-transition: left 0.15s ease-out;
+ -moz-transition: left 0.15s ease-out;
+ -o-transition: translate3d(0, 0, 0);
+ transition: left 0.15s ease-out;
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+
+.switch input:checked + label {
+ background: #008CBA;
+}
+
+.switch input:checked + label:after {
+ left: 2.25rem;
+}
+
+.switch label {
+ height: 2rem;
+ width: 4rem;
+}
+
+.switch label:after {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.switch input:checked + label:after {
+ left: 2.25rem;
+}
+
+.switch label {
+ color: transparent;
+ background: #DDDDDD;
+}
+
+.switch label:after {
+ background: #FFFFFF;
+}
+
+.switch input:checked + label {
+ background: #008CBA;
+}
+
+.switch.large label {
+ height: 2.5rem;
+ width: 5rem;
+}
+
+.switch.large label:after {
+ height: 2rem;
+ width: 2rem;
+}
+
+.switch.large input:checked + label:after {
+ left: 2.75rem;
+}
+
+.switch.small label {
+ height: 1.75rem;
+ width: 3.5rem;
+}
+
+.switch.small label:after {
+ height: 1.25rem;
+ width: 1.25rem;
+}
+
+.switch.small input:checked + label:after {
+ left: 2rem;
+}
+
+.switch.tiny label {
+ height: 1.5rem;
+ width: 3rem;
+}
+
+.switch.tiny label:after {
+ height: 1rem;
+ width: 1rem;
+}
+
+.switch.tiny input:checked + label:after {
+ left: 1.75rem;
+}
+
+.switch.radius label {
+ border-radius: 4px;
+}
+
+.switch.radius label:after {
+ border-radius: 3px;
+}
+
+.switch.round {
+ border-radius: 1000px;
+}
+
+.switch.round label {
+ border-radius: 2rem;
+}
+
+.switch.round label:after {
+ border-radius: 2rem;
+}
+
+table {
+ background: #FFFFFF;
+ border: solid 1px #DDDDDD;
+ margin-bottom: 1.4285714286rem;
+ table-layout: auto;
+}
+
+table caption {
+ background: transparent;
+ color: #222222;
+ font-size: 1.1428571429rem;
+ font-weight: bold;
+}
+
+table thead {
+ background: #F5F5F5;
+}
+
+table thead tr th,
+table thead tr td {
+ color: #222222;
+ font-size: 1rem;
+ font-weight: bold;
+ padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
+}
+
+table tfoot {
+ background: #F5F5F5;
+}
+
+table tfoot tr th,
+table tfoot tr td {
+ color: #222222;
+ font-size: 1rem;
+ font-weight: bold;
+ padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
+}
+
+table tr th,
+table tr td {
+ color: #222222;
+ font-size: 1rem;
+ padding: 0.6428571429rem 0.7142857143rem;
+ text-align: left;
+}
+
+table tr.even,
+table tr.alt,
+table tr:nth-of-type(even) {
+ background: #F9F9F9;
+}
+
+table thead tr th,
+table tfoot tr th,
+table tfoot tr td,
+table tbody tr th,
+table tbody tr td,
+table tr td {
+ display: table-cell;
+ line-height: 1.2857142857rem;
+}
+
+.tabs {
+ margin-bottom: 0 !important;
+ margin-left: 0;
+}
+
+.tabs:before, .tabs:after {
+ content: " ";
+ display: table;
+}
+
+.tabs:after {
+ clear: both;
+}
+
+.tabs dd,
+.tabs .tab-title {
+ float: left;
+ list-style: none;
+ margin-bottom: 0 !important;
+ position: relative;
+}
+
+.tabs dd > a,
+.tabs .tab-title > a {
+ display: block;
+ background-color: #EFEFEF;
+ color: #222222;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ padding: 1.1428571429rem 2.2857142857rem;
+}
+
+.tabs dd > a:hover,
+.tabs .tab-title > a:hover {
+ background-color: #e1e1e1;
+}
+
+.tabs dd.active a,
+.tabs .tab-title.active a {
+ background-color: #FFFFFF;
+ color: #222222;
+}
+
+.tabs.radius dd:first-child a,
+.tabs.radius .tab:first-child a {
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+.tabs.radius dd:last-child a,
+.tabs.radius .tab:last-child a {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.tabs.vertical dd,
+.tabs.vertical .tab-title {
+ position: inherit;
+ float: none;
+ display: block;
+ top: auto;
+}
+
+.tabs-content {
+ margin-bottom: 1.7142857143rem;
+ width: 100%;
+}
+
+.tabs-content:before, .tabs-content:after {
+ content: " ";
+ display: table;
+}
+
+.tabs-content:after {
+ clear: both;
+}
+
+.tabs-content > .content {
+ display: none;
+ float: left;
+ padding: 1.0714285714rem 0;
+ width: 100%;
+}
+
+.tabs-content > .content.active {
+ display: block;
+ float: none;
+}
+
+.tabs-content > .content.contained {
+ padding: 1.0714285714rem;
+}
+
+.tabs-content.vertical {
+ display: block;
+}
+
+.tabs-content.vertical > .content {
+ padding: 0 1.0714285714rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .tabs.vertical {
+ float: left;
+ margin: 0;
+ margin-bottom: 1.25rem !important;
+ max-width: 20%;
+ width: 20%;
+ }
+ .tabs-content.vertical {
+ float: left;
+ margin-left: -1px;
+ max-width: 80%;
+ padding-left: 1rem;
+ width: 80%;
+ }
+}
+
+.no-js .tabs-content > .content {
+ display: block;
+ float: none;
+}
+
+/* Image Thumbnails */
+.th {
+ border: solid 4px #FFFFFF;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ display: inline-block;
+ line-height: 0;
+ max-width: 100%;
+ transition: all 200ms ease-out;
+}
+
+.th:hover,
+.th:focus {
+ box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
+}
+
+.th.radius {
+ border-radius: 3px;
+}
+
+/* Tooltips */
+.has-tip {
+ border-bottom: dotted 1px #CCCCCC;
+ color: #333333;
+ cursor: help;
+ font-weight: bold;
+}
+
+.has-tip:hover,
+.has-tip:focus {
+ border-bottom: dotted 1px #003f54;
+ color: #008CBA;
+}
+
+.has-tip.tip-left,
+.has-tip.tip-right {
+ float: none !important;
+}
+
+.tooltip {
+ background: #333333;
+ color: #FFFFFF;
+ display: none;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.3;
+ max-width: 300px;
+ padding: 0.8571428571rem;
+ position: absolute;
+ width: 100%;
+ z-index: 1006;
+ left: 50%;
+}
+
+.tooltip > .nub {
+ border-color: transparent transparent #333333 transparent;
+ border: solid 5px;
+ display: block;
+ height: 0;
+ pointer-events: none;
+ position: absolute;
+ top: -10px;
+ width: 0;
+ left: 5px;
+}
+
+.tooltip > .nub.rtl {
+ left: auto;
+ right: 5px;
+}
+
+.tooltip.radius {
+ border-radius: 3px;
+}
+
+.tooltip.round {
+ border-radius: 1000px;
+}
+
+.tooltip.round > .nub {
+ left: 2rem;
+}
+
+.tooltip.opened {
+ border-bottom: dotted 1px #003f54 !important;
+ color: #008CBA !important;
+}
+
+.tap-to-close {
+ color: #777777;
+ display: block;
+ font-size: 0.7142857143rem;
+ font-weight: normal;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .tooltip > .nub {
+ border-color: transparent transparent #333333 transparent;
+ top: -10px;
+ }
+ .tooltip.tip-top > .nub {
+ border-color: #333333 transparent transparent transparent;
+ bottom: -10px;
+ top: auto;
+ }
+ .tooltip.tip-left,
+ .tooltip.tip-right {
+ float: none !important;
+ }
+ .tooltip.tip-left > .nub {
+ border-color: transparent transparent transparent #333333;
+ left: auto;
+ margin-top: -5px;
+ right: -10px;
+ top: 50%;
+ }
+ .tooltip.tip-right > .nub {
+ border-color: transparent #333333 transparent transparent;
+ left: -10px;
+ margin-top: -5px;
+ right: auto;
+ top: 50%;
+ }
+}
+
+meta.foundation-mq-topbar {
+ font-family: "/only screen and (min-width:45.7857142857em)/";
+ width: 45.7857142857em;
+}
+
+/* Wrapped around .top-bar to contain to grid width */
+.contain-to-grid {
+ width: 100%;
+ background: #333333;
+}
+
+.contain-to-grid .top-bar {
+ margin-bottom: 0;
+}
+
+.fixed {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 99;
+ left: 0;
+}
+
+.fixed.expanded:not(.top-bar) {
+ height: auto;
+ max-height: 100%;
+ overflow-y: auto;
+ width: 100%;
+}
+
+.fixed.expanded:not(.top-bar) .title-area {
+ position: fixed;
+ width: 100%;
+ z-index: 99;
+}
+
+.fixed.expanded:not(.top-bar) .top-bar-section {
+ margin-top: 3.2142857143rem;
+ z-index: 98;
+}
+
+.top-bar {
+ background: #333333;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ margin-bottom: 0;
+ overflow: hidden;
+ position: relative;
+}
+
+.top-bar ul {
+ list-style: none;
+ margin-bottom: 0;
+}
+
+.top-bar .row {
+ max-width: none;
+}
+
+.top-bar form,
+.top-bar input,
+.top-bar select {
+ margin-bottom: 0;
+}
+
+.top-bar input,
+.top-bar select {
+ font-size: 0.75rem;
+ height: 2rem;
+ padding-bottom: .35rem;
+ padding-top: .35rem;
+}
+
+.top-bar .button, .top-bar button {
+ font-size: 0.75rem;
+ margin-bottom: 0;
+ padding-bottom: 0.4214285714rem;
+ padding-top: 0.4214285714rem;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .top-bar .button, .top-bar button {
+ position: relative;
+ top: -1px;
+ }
+}
+
+.top-bar .title-area {
+ margin: 0;
+ position: relative;
+}
+
+.top-bar .name {
+ font-size: 14px;
+ height: 3.2142857143rem;
+ margin: 0;
+}
+
+.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
+ font-size: 1.2142857143rem;
+ line-height: 3.2142857143rem;
+ margin: 0;
+}
+
+.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
+ color: #FFFFFF;
+ display: block;
+ font-weight: normal;
+ padding: 0 1.0714285714rem;
+ width: 75%;
+}
+
+.top-bar .toggle-topbar {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.top-bar .toggle-topbar a {
+ color: #FFFFFF;
+ display: block;
+ font-size: 0.9285714286rem;
+ font-weight: bold;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ position: relative;
+ text-transform: uppercase;
+}
+
+.top-bar .toggle-topbar.menu-icon {
+ margin-top: -16px;
+ top: 50%;
+}
+
+.top-bar .toggle-topbar.menu-icon a {
+ color: #FFFFFF;
+ height: 34px;
+ line-height: 33px;
+ padding: 0 2.8571428571rem 0 1.0714285714rem;
+ position: relative;
+}
+
+.top-bar .toggle-topbar.menu-icon a span::after {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ margin-top: -8px;
+ top: 50%;
+ right: 1.0714285714rem;
+ box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+ width: 16px;
+}
+
+.top-bar .toggle-topbar.menu-icon a span:hover:after {
+ box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
+}
+
+.top-bar.expanded {
+ background: transparent;
+ height: auto;
+}
+
+.top-bar.expanded .title-area {
+ background: #333333;
+}
+
+.top-bar.expanded .toggle-topbar a {
+ color: #888888;
+}
+
+.top-bar.expanded .toggle-topbar a span::after {
+ box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
+ .top-bar.expanded .top-bar-section .dropdown {
+ clip: initial;
+ }
+ .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
+ padding: 0;
+ }
+}
+
+.top-bar-section {
+ left: 0;
+ position: relative;
+ width: auto;
+ transition: left 300ms ease-out;
+}
+
+.top-bar-section ul {
+ display: block;
+ font-size: 14px;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+.top-bar-section .divider,
+.top-bar-section [role="separator"] {
+ border-top: solid 1px #1a1a1a;
+ clear: both;
+ height: 1px;
+ width: 100%;
+}
+
+.top-bar-section ul li {
+ background: #333333;
+}
+
+.top-bar-section ul li > a {
+ color: #FFFFFF;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 0.9285714286rem;
+ font-weight: normal;
+ padding-left: 1.0714285714rem;
+ padding: 12px 0 12px 1.0714285714rem;
+ text-transform: none;
+ width: 100%;
+}
+
+.top-bar-section ul li > a.button {
+ font-size: 0.9285714286rem;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ background-color: #007095;
+}
+
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+.top-bar-section ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ background-color: #368a55;
+}
+
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.warning:hover,
+.top-bar-section ul li > a.button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+.top-bar-section ul li > a.button.warning:hover,
+.top-bar-section ul li > a.button.warning:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.info:hover,
+.top-bar-section ul li > a.button.info:focus {
+ background-color: #61b6d9;
+}
+
+.top-bar-section ul li > a.button.info:hover,
+.top-bar-section ul li > a.button.info:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button {
+ font-size: 0.9285714286rem;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ background-color: #007095;
+}
+
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ color: #333333;
+}
+
+.top-bar-section ul li > button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ background-color: #368a55;
+}
+
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ background-color: #61b6d9;
+}
+
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li:hover:not(.has-form) > a {
+ background-color: #555555;
+ color: #FFFFFF;
+ background: #222222;
+}
+
+.top-bar-section ul li.active > a {
+ background: #008CBA;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li.active > a:hover {
+ background: #0078a0;
+ color: #FFFFFF;
+}
+
+.top-bar-section .has-form {
+ padding: 1.0714285714rem;
+}
+
+.top-bar-section .has-dropdown {
+ position: relative;
+}
+
+.top-bar-section .has-dropdown > a:after {
+ border: inset 5px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
+ border-left-style: solid;
+ margin-right: 1.0714285714rem;
+ 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 {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ width: 100%;
+}
+
+.top-bar-section .has-dropdown.moved > a:after {
+ display: none;
+}
+
+.top-bar-section .dropdown {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ display: block;
+ padding: 0;
+ position: absolute;
+ top: 0;
+ z-index: 99;
+ left: 100%;
+}
+
+.top-bar-section .dropdown li {
+ height: auto;
+ width: 100%;
+}
+
+.top-bar-section .dropdown li a {
+ font-weight: normal;
+ padding: 8px 1.0714285714rem;
+}
+
+.top-bar-section .dropdown li a.parent-link {
+ font-weight: normal;
+}
+
+.top-bar-section .dropdown li.title h5,
+.top-bar-section .dropdown li.parent-link {
+ margin-bottom: 0;
+ margin-top: 0;
+ font-size: 1.2857142857rem;
+}
+
+.top-bar-section .dropdown li.title h5 a,
+.top-bar-section .dropdown li.parent-link a {
+ color: #FFFFFF;
+ display: block;
+}
+
+.top-bar-section .dropdown li.title h5 a:hover,
+.top-bar-section .dropdown li.parent-link a:hover {
+ background: none;
+}
+
+.top-bar-section .dropdown li.has-form {
+ padding: 8px 1.0714285714rem;
+}
+
+.top-bar-section .dropdown li .button,
+.top-bar-section .dropdown li button {
+ top: auto;
+}
+
+.top-bar-section .dropdown label {
+ color: #777777;
+ font-size: 0.7142857143rem;
+ font-weight: bold;
+ margin-bottom: 0;
+ padding: 8px 1.0714285714rem 2px;
+ text-transform: uppercase;
+}
+
+.js-generated {
+ display: block;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .top-bar {
+ background: #333333;
+ 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,
+ .top-bar .name h2 a,
+ .top-bar .name h3 a,
+ .top-bar .name h4 a,
+ .top-bar .name h5 a,
+ .top-bar .name h6 a {
+ width: auto;
+ }
+ .top-bar input,
+ .top-bar select,
+ .top-bar .button,
+ .top-bar button {
+ font-size: 1rem;
+ height: 2rem;
+ position: relative;
+ top: 0.6071428571rem;
+ }
+ .top-bar .has-form > .button,
+ .top-bar .has-form > button {
+ padding-top: 0.3571428571rem;
+ top: 0.5rem;
+ }
+ .top-bar.expanded {
+ background: #333333;
+ }
+ .contain-to-grid .top-bar {
+ margin: 0 auto;
+ margin-bottom: 0;
+ max-width: 82.2857142857rem;
+ }
+ .top-bar-section {
+ transition: none 0 0;
+ left: 0 !important;
+ }
+ .top-bar-section ul {
+ display: inline;
+ height: auto !important;
+ width: auto;
+ }
+ .top-bar-section ul li {
+ float: left;
+ }
+ .top-bar-section ul li .js-generated {
+ display: none;
+ }
+ .top-bar-section li.hover > a:not(.button) {
+ background-color: #555555;
+ background: #222222;
+ color: #FFFFFF;
+ }
+ .top-bar-section li:not(.has-form) a:not(.button) {
+ background: #333333;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section li:not(.has-form) a:not(.button):hover {
+ background-color: #555555;
+ background: #222222;
+ }
+ .top-bar-section li.active:not(.has-form) a:not(.button) {
+ background: #008CBA;
+ color: #FFFFFF;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section li.active:not(.has-form) a:not(.button):hover {
+ background: #0078a0;
+ color: #FFFFFF;
+ }
+ .top-bar-section .has-dropdown > a {
+ padding-right: 2.5rem !important;
+ }
+ .top-bar-section .has-dropdown > a:after {
+ border: inset 5px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
+ border-top-style: solid;
+ margin-top: -2.5px;
+ top: 1.6071428571rem;
+ }
+ .top-bar-section .has-dropdown.moved {
+ position: relative;
+ }
+ .top-bar-section .has-dropdown.moved > .dropdown {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ display: block;
+ }
+ .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .top-bar-section .has-dropdown > a:focus + .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
+ border: none;
+ content: "\00bb";
+ top: 0.2142857143rem;
+ right: 5px;
+ }
+ .top-bar-section .dropdown {
+ left: 0;
+ background: transparent;
+ min-width: 100%;
+ top: auto;
+ }
+ .top-bar-section .dropdown li a {
+ background: #333333;
+ color: #FFFFFF;
+ line-height: 3.2142857143rem;
+ padding: 12px 1.0714285714rem;
+ white-space: nowrap;
+ }
+ .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
+ background: #333333;
+ color: #FFFFFF;
+ }
+ .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
+ background-color: #555555;
+ color: #FFFFFF;
+ background: #222222;
+ }
+ .top-bar-section .dropdown li label {
+ background: #333333;
+ white-space: nowrap;
+ }
+ .top-bar-section .dropdown li .dropdown {
+ left: 100%;
+ top: 0;
+ }
+ .top-bar-section > ul > .divider,
+ .top-bar-section > ul > [role="separator"] {
+ border-right: solid 1px #4e4e4e;
+ border-bottom: none;
+ border-top: none;
+ clear: none;
+ height: 3.2142857143rem;
+ width: 0;
+ }
+ .top-bar-section .has-form {
+ background: #333333;
+ height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section .right li .dropdown {
+ left: auto;
+ right: 0;
+ }
+ .top-bar-section .right li .dropdown li .dropdown {
+ right: 100%;
+ }
+ .top-bar-section .left li .dropdown {
+ right: auto;
+ left: 0;
+ }
+ .top-bar-section .left li .dropdown li .dropdown {
+ left: 100%;
+ }
+ .no-js .top-bar-section ul li:hover > a {
+ background-color: #555555;
+ background: #222222;
+ color: #FFFFFF;
+ }
+ .no-js .top-bar-section ul li:active > a {
+ background: #008CBA;
+ color: #FFFFFF;
+ }
+ .no-js .top-bar-section .has-dropdown:hover > .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !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;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .small-only-text-left {
+ text-align: left !important;
+ }
+ .small-only-text-right {
+ text-align: right !important;
+ }
+ .small-only-text-center {
+ text-align: center !important;
+ }
+ .small-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen {
+ .small-text-left {
+ text-align: left !important;
+ }
+ .small-text-right {
+ text-align: right !important;
+ }
+ .small-text-center {
+ text-align: center !important;
+ }
+ .small-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) and (max-width: 73.1428571429em) {
+ .medium-only-text-left {
+ text-align: left !important;
+ }
+ .medium-only-text-right {
+ text-align: right !important;
+ }
+ .medium-only-text-center {
+ text-align: center !important;
+ }
+ .medium-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-text-left {
+ text-align: left !important;
+ }
+ .medium-text-right {
+ text-align: right !important;
+ }
+ .medium-text-center {
+ text-align: center !important;
+ }
+ .medium-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) and (max-width: 102.857142857em) {
+ .large-only-text-left {
+ text-align: left !important;
+ }
+ .large-only-text-right {
+ text-align: right !important;
+ }
+ .large-only-text-center {
+ text-align: center !important;
+ }
+ .large-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-text-left {
+ text-align: left !important;
+ }
+ .large-text-right {
+ text-align: right !important;
+ }
+ .large-text-center {
+ text-align: center !important;
+ }
+ .large-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 102.928571429em) and (max-width: 137.142857143em) {
+ .xlarge-only-text-left {
+ text-align: left !important;
+ }
+ .xlarge-only-text-right {
+ text-align: right !important;
+ }
+ .xlarge-only-text-center {
+ text-align: center !important;
+ }
+ .xlarge-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 102.928571429em) {
+ .xlarge-text-left {
+ text-align: left !important;
+ }
+ .xlarge-text-right {
+ text-align: right !important;
+ }
+ .xlarge-text-center {
+ text-align: center !important;
+ }
+ .xlarge-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 137.214285714em) and (max-width: 7142857.07143em) {
+ .xxlarge-only-text-left {
+ text-align: left !important;
+ }
+ .xxlarge-only-text-right {
+ text-align: right !important;
+ }
+ .xxlarge-only-text-center {
+ text-align: center !important;
+ }
+ .xxlarge-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 137.214285714em) {
+ .xxlarge-text-left {
+ text-align: left !important;
+ }
+ .xxlarge-text-right {
+ text-align: right !important;
+ }
+ .xxlarge-text-center {
+ text-align: center !important;
+ }
+ .xxlarge-text-justify {
+ text-align: justify !important;
+ }
+}
+
+/* Typography resets */
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0;
+}
+
+/* Default Link Styles */
+a {
+ color: #008CBA;
+ line-height: inherit;
+ text-decoration: none;
+}
+
+a:hover,
+a:focus {
+ color: #0078a0;
+}
+
+a img {
+ border: none;
+}
+
+/* Default paragraph styles */
+p {
+ font-family: inherit;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.6;
+ margin-bottom: 1.4285714286rem;
+ text-rendering: optimizeLegibility;
+}
+
+p.lead {
+ font-size: 1.25rem;
+ line-height: 1.6;
+}
+
+p aside {
+ font-size: 1rem;
+ font-style: italic;
+ line-height: 1.35;
+}
+
+/* Default header styles */
+h1, h2, h3, h4, h5, h6 {
+ color: #222222;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.4;
+ margin-bottom: 0.5rem;
+ margin-top: 0.2rem;
+ text-rendering: optimizeLegibility;
+}
+
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+ color: #6f6f6f;
+ font-size: 60%;
+ line-height: 0;
+}
+
+h1 {
+ font-size: 2.4285714286rem;
+}
+
+h2 {
+ font-size: 1.9285714286rem;
+}
+
+h3 {
+ font-size: 1.5714285714rem;
+}
+
+h4 {
+ font-size: 1.2857142857rem;
+}
+
+h5 {
+ font-size: 1.2857142857rem;
+}
+
+h6 {
+ font-size: 1rem;
+}
+
+.subheader {
+ line-height: 1.4;
+ color: #6f6f6f;
+ font-weight: normal;
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+}
+
+hr {
+ border: solid #DDDDDD;
+ border-width: 1px 0 0;
+ clear: both;
+ height: 0;
+ margin: 1.4285714286rem 0 1.3571428571rem;
+}
+
+/* Helpful Typography Defaults */
+em,
+i {
+ font-style: italic;
+ line-height: inherit;
+}
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit;
+}
+
+small {
+ font-size: 60%;
+ line-height: inherit;
+}
+
+code {
+ background-color: #f8f8f8;
+ border-color: #dfdfdf;
+ border-style: solid;
+ border-width: 1px;
+ color: #333333;
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ font-weight: normal;
+ padding: 0.1428571429rem 0.3571428571rem 0.0714285714rem;
+}
+
+/* Lists */
+ul,
+ol,
+dl {
+ font-family: inherit;
+ font-size: 1rem;
+ line-height: 1.6;
+ list-style-position: outside;
+ margin-bottom: 1.4285714286rem;
+}
+
+ul {
+ margin-left: 1.1rem;
+}
+
+ul.no-bullet {
+ margin-left: 0;
+}
+
+ul.no-bullet li ul,
+ul.no-bullet li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+/* Unordered Lists */
+ul li ul,
+ul li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+}
+
+ul.square li ul,
+ul.circle li ul,
+ul.disc li ul {
+ list-style: inherit;
+}
+
+ul.square {
+ list-style-type: square;
+ margin-left: 1.1rem;
+}
+
+ul.circle {
+ list-style-type: circle;
+ margin-left: 1.1rem;
+}
+
+ul.disc {
+ list-style-type: disc;
+ margin-left: 1.1rem;
+}
+
+ul.no-bullet {
+ list-style: none;
+}
+
+/* Ordered Lists */
+ol {
+ margin-left: 1.4rem;
+}
+
+ol li ul,
+ol li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+}
+
+/* Definition Lists */
+dl dt {
+ margin-bottom: 0.3rem;
+ font-weight: bold;
+}
+
+dl dd {
+ margin-bottom: 0.8571428571rem;
+}
+
+/* Abbreviations */
+abbr,
+acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ cursor: help;
+}
+
+abbr {
+ text-transform: none;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted #DDDDDD;
+}
+
+/* Blockquotes */
+blockquote {
+ margin: 0 0 1.4285714286rem;
+ padding: 0.6428571429rem 1.4285714286rem 0 1.3571428571rem;
+ border-left: 1px solid #DDDDDD;
+}
+
+blockquote cite {
+ display: block;
+ font-size: 0.9285714286rem;
+ color: #555555;
+}
+
+blockquote cite:before {
+ content: "\2014 \0020";
+}
+
+blockquote cite a,
+blockquote cite a:visited {
+ color: #555555;
+}
+
+blockquote,
+blockquote p {
+ line-height: 1.6;
+ color: #6f6f6f;
+}
+
+/* Microformats */
+.vcard {
+ display: inline-block;
+ margin: 0 0 1.4285714286rem 0;
+ border: 1px solid #DDDDDD;
+ padding: 0.7142857143rem 0.8571428571rem;
+}
+
+.vcard li {
+ margin: 0;
+ display: block;
+}
+
+.vcard .fn {
+ font-weight: bold;
+ font-size: 1.0714285714rem;
+}
+
+.vevent .summary {
+ font-weight: bold;
+}
+
+.vevent abbr {
+ cursor: default;
+ text-decoration: none;
+ font-weight: bold;
+ border: none;
+ padding: 0 0.0714285714rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ h1, h2, h3, h4, h5, h6 {
+ line-height: 1.4;
+ }
+ h1 {
+ font-size: 3.1428571429rem;
+ }
+ h2 {
+ font-size: 2.6428571429rem;
+ }
+ h3 {
+ font-size: 1.9285714286rem;
+ }
+ h4 {
+ font-size: 1.6428571429rem;
+ }
+ h5 {
+ font-size: 1.2857142857rem;
+ }
+ h6 {
+ font-size: 1rem;
+ }
+}
+
+.off-canvas-wrap {
+ -webkit-backface-visibility: hidden;
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.off-canvas-wrap.move-right,
+.off-canvas-wrap.move-left {
+ min-height: 100%;
+ -webkit-overflow-scrolling: touch;
+}
+
+.inner-wrap {
+ position: relative;
+ width: 100%;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.inner-wrap:before, .inner-wrap:after {
+ content: " ";
+ display: table;
+}
+
+.inner-wrap:after {
+ clear: both;
+}
+
+.tab-bar {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ color: #FFFFFF;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ position: relative;
+}
+
+.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
+ color: #FFFFFF;
+ font-weight: bold;
+ line-height: 3.2142857143rem;
+ margin: 0;
+}
+
+.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
+ font-size: 1.2857142857rem;
+}
+
+.left-small {
+ height: 3.2142857143rem;
+ position: absolute;
+ top: 0;
+ width: 3.2142857143rem;
+ border-right: solid 1px #1a1a1a;
+ left: 0;
+}
+
+.right-small {
+ height: 3.2142857143rem;
+ position: absolute;
+ top: 0;
+ width: 3.2142857143rem;
+ border-left: solid 1px #1a1a1a;
+ right: 0;
+}
+
+.tab-bar-section {
+ height: 3.2142857143rem;
+ padding: 0 0.7142857143rem;
+ position: absolute;
+ text-align: center;
+ top: 0;
+}
+
+.tab-bar-section.left {
+ text-align: left;
+}
+
+.tab-bar-section.right {
+ text-align: right;
+}
+
+.tab-bar-section.left {
+ left: 0;
+ right: 3.2142857143rem;
+}
+
+.tab-bar-section.right {
+ left: 3.2142857143rem;
+ right: 0;
+}
+
+.tab-bar-section.middle {
+ left: 3.2142857143rem;
+ right: 3.2142857143rem;
+}
+
+.tab-bar .menu-icon {
+ color: #FFFFFF;
+ display: block;
+ height: 3.2142857143rem;
+ padding: 0;
+ position: relative;
+ text-indent: 2.5rem;
+ transform: translate3d(0, 0, 0);
+ width: 3.2142857143rem;
+}
+
+.tab-bar .menu-icon span::after {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ margin-top: -0.5714285714rem;
+ left: 1.0357142857rem;
+ box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+ width: 1.1428571429rem;
+}
+
+.tab-bar .menu-icon span:hover:after {
+ box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
+}
+
+.left-off-canvas-menu {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ transition: transform 500ms ease 0s;
+ width: 17.8571428571rem;
+ z-index: 1001;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate(-100%, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+}
+
+.left-off-canvas-menu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.right-off-canvas-menu {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ transition: transform 500ms ease 0s;
+ width: 17.8571428571rem;
+ z-index: 1001;
+ -webkit-transform: translate3d(100%, 0, 0);
+ -moz-transform: translate3d(100%, 0, 0);
+ -ms-transform: translate(100%, 0);
+ -ms-transform: translate3d(100%, 0, 0);
+ -o-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ right: 0;
+}
+
+.right-off-canvas-menu * {
+ -webkit-backface-visibility: hidden;
+}
+
+ul.off-canvas-list {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.off-canvas-list li label {
+ background: #444444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ display: block;
+ font-size: 0.8571428571rem;
+ font-weight: bold;
+ margin: 0;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+}
+
+ul.off-canvas-list li a {
+ border-bottom: 1px solid #262626;
+ color: rgba(255, 255, 255, 0.7);
+ display: block;
+ padding: 0.6666666667rem;
+ transition: background 300ms ease;
+}
+
+ul.off-canvas-list li a:hover {
+ background: #242424;
+}
+
+ul.off-canvas-list li a:active {
+ background: #242424;
+}
+
+.move-right > .inner-wrap {
+ -webkit-transform: translate3d(17.8571428571rem, 0, 0);
+ -moz-transform: translate3d(17.8571428571rem, 0, 0);
+ -ms-transform: translate(17.8571428571rem, 0);
+ -ms-transform: translate3d(17.8571428571rem, 0, 0);
+ -o-transform: translate3d(17.8571428571rem, 0, 0);
+ transform: translate3d(17.8571428571rem, 0, 0);
+}
+
+.move-right .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .move-right .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.move-left > .inner-wrap {
+ -webkit-transform: translate3d(-17.8571428571rem, 0, 0);
+ -moz-transform: translate3d(-17.8571428571rem, 0, 0);
+ -ms-transform: translate(-17.8571428571rem, 0);
+ -ms-transform: translate3d(-17.8571428571rem, 0, 0);
+ -o-transform: translate3d(-17.8571428571rem, 0, 0);
+ transform: translate3d(-17.8571428571rem, 0, 0);
+}
+
+.move-left .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .move-left .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap-left .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap-left .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap-left .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap-right .left-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap-right .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap-right .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.no-csstransforms .left-off-canvas-menu {
+ left: -17.8571428571rem;
+}
+
+.no-csstransforms .right-off-canvas-menu {
+ right: -17.8571428571rem;
+}
+
+.no-csstransforms .move-left > .inner-wrap {
+ right: 17.8571428571rem;
+}
+
+.no-csstransforms .move-right > .inner-wrap {
+ left: 17.8571428571rem;
+}
+
+.left-submenu {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ width: 17.8571428571rem;
+ z-index: 1002;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate(-100%, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.left-submenu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.left-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+ margin: 0;
+}
+
+.left-submenu .back > a:hover {
+ background: #303030;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+}
+
+.left-submenu .back > a:before {
+ content: "\AB";
+ margin-right: .5rem;
+ display: inline;
+}
+
+.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
+ -webkit-transform: translate3d(0%, 0, 0);
+ -moz-transform: translate3d(0%, 0, 0);
+ -ms-transform: translate(0%, 0);
+ -ms-transform: translate3d(0%, 0, 0);
+ -o-transform: translate3d(0%, 0, 0);
+ transform: translate3d(0%, 0, 0);
+}
+
+.right-submenu {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ width: 17.8571428571rem;
+ z-index: 1002;
+ -webkit-transform: translate3d(100%, 0, 0);
+ -moz-transform: translate3d(100%, 0, 0);
+ -ms-transform: translate(100%, 0);
+ -ms-transform: translate3d(100%, 0, 0);
+ -o-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ right: 0;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.right-submenu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.right-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+ margin: 0;
+}
+
+.right-submenu .back > a:hover {
+ background: #303030;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+}
+
+.right-submenu .back > a:after {
+ content: "\BB";
+ margin-left: .5rem;
+ display: inline;
+}
+
+.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
+ -webkit-transform: translate3d(0%, 0, 0);
+ -moz-transform: translate3d(0%, 0, 0);
+ -ms-transform: translate(0%, 0);
+ -ms-transform: translate3d(0%, 0, 0);
+ -o-transform: translate3d(0%, 0, 0);
+ transform: translate3d(0%, 0, 0);
+}
+
+.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
+ content: "\BB";
+ margin-left: .5rem;
+ display: inline;
+}
+
+.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
+ content: "\AB";
+ margin-right: .5rem;
+ display: inline;
+}
+
+/* small displays */
+@media only screen {
+ .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* medium displays */
+@media only screen and (min-width: 45.7857142857em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* large displays */
+@media only screen and (min-width: 73.2142857143em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* xlarge displays */
+@media only screen and (min-width: 102.928571429em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* xxlarge displays */
+@media only screen and (min-width: 137.214285714em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* Orientation targeting */
+.show-for-landscape,
+.hide-for-portrait {
+ display: inherit !important;
+}
+
+.hide-for-landscape,
+.show-for-portrait {
+ display: none !important;
+}
+
+/* Specific visibility for tables */
+table.hide-for-landscape,
+table.show-for-portrait {
+ display: table !important;
+}
+
+thead.hide-for-landscape,
+thead.show-for-portrait {
+ display: table-header-group !important;
+}
+
+tbody.hide-for-landscape,
+tbody.show-for-portrait {
+ display: table-row-group !important;
+}
+
+tr.hide-for-landscape,
+tr.show-for-portrait {
+ display: table-row !important;
+}
+
+td.hide-for-landscape,
+td.show-for-portrait,
+th.hide-for-landscape,
+th.show-for-portrait {
+ display: table-cell !important;
+}
+
+@media only screen and (orientation: landscape) {
+ .show-for-landscape,
+ .hide-for-portrait {
+ display: inherit !important;
+ }
+ .hide-for-landscape,
+ .show-for-portrait {
+ display: none !important;
+ }
+ /* Specific visibility for tables */
+ table.show-for-landscape,
+ table.hide-for-portrait {
+ display: table !important;
+ }
+ thead.show-for-landscape,
+ thead.hide-for-portrait {
+ display: table-header-group !important;
+ }
+ tbody.show-for-landscape,
+ tbody.hide-for-portrait {
+ display: table-row-group !important;
+ }
+ tr.show-for-landscape,
+ tr.hide-for-portrait {
+ display: table-row !important;
+ }
+ td.show-for-landscape,
+ td.hide-for-portrait,
+ th.show-for-landscape,
+ th.hide-for-portrait {
+ display: table-cell !important;
+ }
+}
+
+@media only screen and (orientation: portrait) {
+ .show-for-portrait,
+ .hide-for-landscape {
+ display: inherit !important;
+ }
+ .hide-for-portrait,
+ .show-for-landscape {
+ display: none !important;
+ }
+ /* Specific visibility for tables */
+ table.show-for-portrait,
+ table.hide-for-landscape {
+ display: table !important;
+ }
+ thead.show-for-portrait,
+ thead.hide-for-landscape {
+ display: table-header-group !important;
+ }
+ tbody.show-for-portrait,
+ tbody.hide-for-landscape {
+ display: table-row-group !important;
+ }
+ tr.show-for-portrait,
+ tr.hide-for-landscape {
+ display: table-row !important;
+ }
+ td.show-for-portrait,
+ td.hide-for-landscape,
+ th.show-for-portrait,
+ th.hide-for-landscape {
+ display: table-cell !important;
+ }
+}
+
+/* Touch-enabled device targeting */
+.show-for-touch {
+ display: none !important;
+}
+
+.hide-for-touch {
+ display: inherit !important;
+}
+
+.touch .show-for-touch {
+ display: inherit !important;
+}
+
+.touch .hide-for-touch {
+ display: none !important;
+}
+
+/* Specific visibility for tables */
+table.hide-for-touch {
+ display: table !important;
+}
+
+.touch table.show-for-touch {
+ display: table !important;
+}
+
+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;
+}
+
+/* Screen reader-specific classes */
+.show-for-sr {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.show-on-focus {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.show-on-focus:focus,
+.show-on-focus:active {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+}
/*
- table col[class*="col-"]{position: static;float: none;display: table-column}
- table td[class*="col-"],table th[class*="col-"]{position: static;float: none;display: table-cell }
-*/
-/* TABLES - end */
-
-/* MODALS */
- /* legacy BS modals */ /* copied from BS compiles.css + adapted slightly - replace when FNDTN modal is ready */
- .modal-open {overflow: hidden;}
- .modal {display: none;overflow: auto;overflow-y: scroll;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;-webkit-overflow-scrolling: touch;outline: 0}
- .modal.fade .modal-dialog {-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);transform: translate(0, -25%);-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out }
- .modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
- .modal-dialog {position: relative;width: auto;margin: .75rem}
- .modal-content {position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,0.2);-webkit-box-shadow: 0 .25rem .5rem rgba(0,0,0,0.5);box-shadow: 0 .25rem .5rem rgba(0,0,0,0.5);background-clip: padding-box;outline: none}
- .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000}
- .modal-backdrop.fade {opacity: 0;filter: alpha(opacity=0)}
- .modal-backdrop.in {opacity: .5;filter: alpha(opacity=50)}
- .modal-header {padding: 1rem;border-bottom: 1px solid #e5e5e5;min-height: 16.42857143px}
- .modal-header .close { margin-top: -2px }
- .modal-title {margin: 0;line-height: 1.42857143}
- .modal-body {position: relative;padding: 1.25rem}
- .modal-footer {margin-top: 15px;padding: 19px 20px 20px;text-align: right;border-top: 1px solid #e5e5e5}
- .modal-footer .button + .button { margin-left: 5px;margin-bottom: 0 }
- .modal-footer .button-group .button + .button { margin-left: -1px }
- .modal-footer .button-block + .button-block { margin-left: 0 }
- .modal-footer:before, .modal-footer:after {content: " ";display: table}
- .modal-footer:after { clear: both }
- #modal .modal-body > h4:first-child { display: none }
- #modal .alert-box {margin-right: 1rem}
- #modal button.close {margin-right: 1rem}
- /* legacy BS modals - end */
-
-/* MODALS - end */
-/*LIST GROUPS - do not exist in FNDTN */
- .list-group {margin-left:0;padding-left:0;margin-bottom:1rem;}
- .list-group-item {position: relative;display: block;padding: .75rem 1rem;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd}
- .list-group-item:last-child {margin-bottom: 0;}
- a.list-group-item {color: #555}
- a.list-group-item .list-group-item-heading {color: #333}
- a.list-group-item:hover,
- a.list-group-item:focus {text-decoration: none;background-color: #f5f5f5}
- a.list-group-item.active,
- a.list-group-item.active:hover,
- a.list-group-item.active:focus {z-index: 2;color: #fff;background-color: #2ba6cb;border-color: #2ba6cb}
- a.list-group-item.active .list-group-item-heading,
- a.list-group-item.active:hover .list-group-item-heading,
- a.list-group-item.active:focus .list-group-item-heading {color: inherit}
- a.list-group-item.active .list-group-item-text,
- a.list-group-item.active:hover .list-group-item-text,
- a.list-group-item.active:focus .list-group-item-text {color: #61b6d9}
- .list-group-item-success {color: #5da423;background-color: #dff0d8}
- a.list-group-item-success {color: #5da423}
- a.list-group-item-success .list-group-item-heading {color: inherit}
- a.list-group-item-success:hover,
- a.list-group-item-success:focus {color: #5da423;background-color: #d0e9c6}
- a.list-group-item-success.active,
- a.list-group-item-success.active:hover,
- a.list-group-item-success.active:focus {color: #fff;background-color: #5da423;border-color: #5da423}
- .list-group-item-info {color: #a0d3e8;background-color: #d9edf7}
- a.list-group-item-info {color: #a0d3e8}
- a.list-group-item-info .list-group-item-heading {color: inherit}
- a.list-group-item-info:hover,
- a.list-group-item-info:focus {color: #a0d3e8;background-color: #c4e3f3}
- a.list-group-item-info.active,
- a.list-group-item-info.active:hover,
- a.list-group-item-info.active:focus {color: #fff;background-color: #a0d3e8;border-color: #a0d3e8}
- .list-group-item-warning {color: #f08a24;background-color: #fcf8e3}
- a.list-group-item-warning {color: #f08a24}
- a.list-group-item-warning .list-group-item-heading {color: inherit}
- a.list-group-item-warning:hover,
- a.list-group-item-warning:focus {color: #f08a24;background-color: #faf2cc}
- a.list-group-item-warning.active,
- a.list-group-item-warning.active:hover,
- a.list-group-item-warning.active:focus {color: #fff;background-color: #f08a24;border-color: #f08a24}
- .list-group-item-danger {color: #c60f13;background-color: #f2dede}
- a.list-group-item-danger {color: #c60f13}
- a.list-group-item-danger .list-group-item-heading {color: inherit}
- a.list-group-item-danger:hover,
- a.list-group-item-danger:focus {color: #c60f13;background-color: #ebcccc}
- a.list-group-item-danger.active,
- a.list-group-item-danger.active:hover,
- a.list-group-item-danger.active:focus {color: #fff;background-color: #c60f13;border-color: #c60f13}
- .list-group-item-heading {margin-top: 0;margin-bottom: .25rem}
- .list-group-item-text { margin-bottom: 0;line-height: 1.3}
-
- /* CHECK relevance of the following - in use? - Fixme */
- .panel > .list-group {margin-bottom: 0}
- .panel > .list-group .list-group-item {border-width: 1px 0;}
- .panel > .list-group:first-child .list-group-item:first-child {border-top: 0;}
- .panel > .list-group:last-child .list-group-item:last-child {border-bottom: 0;}
- .panel h1 + .list-group .list-group-item:first-child,
- .panel h2 + .list-group .list-group-item:first-child,
- .panel h3 + .list-group .list-group-item:first-child,
- .panel h4 + .list-group .list-group-item:first-child,
- .panel h5 + .list-group .list-group-item:first-child{border-top-width: 0}
-
- label.list-group-item {font-weight: normal;margin-top: 0;padding-left: 2rem}
- .list-group-item.title { font-weight: normal}
-
- .browse.list-group .list-group-item {word-wrap: break-word}
- .browse.list-group .list-group-item.view-record {border-top: 0;font-size: .75rem;padding: .1rem .25rem;text-align: right}
-
- .list-group-item.active i.fa,
- .badge i.fa {cursor: inherit}
- /* CHECK relevance 2 here - Fixme */
-/* List-groups - end */
-
-/* Badges = round labels = also used as blocks with number of items in facets - we take the roundness out */
- .badge{padding:.25em .5em;display:inline-block;white-space:nowrap;color:#fff;background:#999;font-size:.85em;line-height:1.5;text-align:center;min-width:.75em;vertical-align:baseline;border-radius:0;}
- .badge:empty {display: none}
- .button .badge {position: relative;top: -1px; margin-left:.5rem;}
- .button.small .badge {top: 0;padding: 1px 4px} /* Check if button.small exists - Fixme */
- a.badge:hover,
- a.badge:focus { color: #fff;text-decoration: none;cursor: pointer}
- a.list-group-item.active > .badge,
- .sub-nav > .active > a > .badge {color: #2ba6cb;background-color: #fff}
- .sub-nav > li > a > .badge {margin-left: 4px}
- .badge a {color: #FFF}
-/* Badges - end */
-
-/* Help blocks *//* short messages with hints such as eg. my account - favourites - edit: 'separate tags ... with comma' or advanced search - 'search for' */
- .help-block{display: block; color: #4D4D4D; font-size: .875rem}
-/* Help blocks - end */
-
-/* Link button - a 'deemphasized' BS button that looks like a link but has button behavior, original btn-link, used only in auth/abstractbase/login.phtml. */
-.button.link {color: #008cba;font-weight: normal;cursor: pointer;margin:0; padding:0}
-.button.link,
-.button.link:active,
-.button.link[disabled],
-fieldset[disabled] .button.link { background-color: transparent;-webkit-box-shadow: none;box-shadow: none }
-.button.link,
+ * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+.print-only {
+ display: none !important;
+}
+
+@media print {
+ * {
+ background: transparent !important;
+ box-shadow: none !important;
+ color: #000000 !important;
+ /* Black prints faster: h5bp.com/s */
+ text-shadow: none !important;
+ }
+ .show-for-print {
+ display: block;
+ }
+ .hide-for-print {
+ display: none;
+ }
+ table.show-for-print {
+ display: table !important;
+ }
+ thead.show-for-print {
+ display: table-header-group !important;
+ }
+ tbody.show-for-print {
+ display: table-row-group !important;
+ }
+ tr.show-for-print {
+ display: table-row !important;
+ }
+ td.show-for-print {
+ display: table-cell !important;
+ }
+ th.show-for-print {
+ display: table-cell !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 #999999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ /* h5bp.com/t */
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100% !important;
+ }
+ @page {
+ margin: .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;
+ }
+}
+
+/* Print visibility */
+@media print {
+ .show-for-print {
+ display: block;
+ }
+ .hide-for-print {
+ display: none;
+ }
+ table.show-for-print {
+ display: table !important;
+ }
+ thead.show-for-print {
+ display: table-header-group !important;
+ }
+ tbody.show-for-print {
+ display: table-row-group !important;
+ }
+ tr.show-for-print {
+ display: table-row !important;
+ }
+ td.show-for-print {
+ display: table-cell !important;
+ }
+ th.show-for-print {
+ display: table-cell !important;
+ }
+}
+
+@media not print {
+ .show-for-print {
+ display: none !important;
+ }
+}
+
+html {
+ overflow: -moz-scrollbars-vertical !important;
+}
+
+body {
+ background-color: #F9F9F9;
+}
+
+.main.panel {
+ background: #FFFFFF;
+ /*@include fs-smaller;*/
+}
+
+.fa-grid:before {
+ content: "\f00a";
+}
+
+.fa-visual:before {
+ content: "\f1fe";
+}
+
+ul.list-unstyled, .savedLists ul {
+ margin-left: 0;
+}
+
+ul.list-unstyled li, .savedLists ul li {
+ list-style: none none;
+ padding-left: 0;
+}
+
+.content ul.list-unstyled, .content .savedLists ul, .savedLists .content ul {
+ margin-left: 1.1rem;
+}
+
+.sidebar ul {
+ /*@include fs-smaller;*/
+ margin-left: 0;
+}
+
+ul .label {
+ float: right;
+}
+
+.alphabrowse.table {
+ margin-bottom: 0;
+ table-layout: fixed;
+}
+
+.citation.table {
+ word-break: break-all;
+ word-wrap: break-word;
+}
+
+.citation .pace-car th, .citation .pace-car td {
+ border: 0;
+ padding: 0;
+}
+
+.citation th {
+ text-align: right;
+}
+
+.citation th .strong, .citation td .strong {
+ font-weight: bold;
+}
+
+@media only screen and (min-width: 20em) {
+ .citation th, .citation td {
+ /* font-size: 80%;*/
+ padding: .25em;
+ }
+}
+
+@media only screen and (min-width: 48rem) {
+ .citation th, .citation td {
+ /*@include fs-smaller;*/
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+}
+
+#modal .close-reveal-modal {
+ right: -2.5rem;
+ color: #FFFFFF;
+}
+
+.sidebar .accordion {
+ margin-left: 0;
+}
+
+.sidebar .accordion .accordion-navigation > a,
+.sidebar .accordion dd > a {
+ font-size: inherit;
+ padding: 0.5rem 1rem;
+}
+
+.sidebar .accordion .content {
+ border: 1px solid #e8e8e8;
+ border-bottom: 0;
+ padding: 0;
+}
+
+.sidebar .accordion-navigation:not(.active),
+.sidebar .filters,
+.sidebar .side-nav {
+ margin-bottom: 6px !important;
+}
+
+.sidebar .side-nav {
+ padding: 0;
+}
+
+.sidebar .side-nav .label {
+ font-size: .875rem;
+}
+
+.sidebar .side-nav li {
+ border-bottom: 1px solid #e8e8e8;
+ margin: 0;
+}
+
+.sidebar .side-nav li .active {
+ background-color: #008CBA;
+ color: #FFFFFF !important;
+ z-index: 2;
+}
+
+.sidebar .side-nav li .active:hover {
+ background-color: #f08a24;
+}
+
+.sidebar .side-nav li .active:focus {
+ background-color: #a0d3e8;
+}
+
+.sidebar .side-nav li:not(.accordion-navigation) {
+ border-left: 1px solid #e8e8e8;
+ border-right: 1px solid #e8e8e8;
+}
+
+.sidebar .side-nav li:not(.accordion-navigation):first-of-type {
+ border-top: 1px solid #e8e8e8;
+}
+
+.sidebar h4 {
+ margin-top: 0;
+ padding: 1rem 1rem 0 1rem;
+}
+
+.sidebar .list-unstyled, .sidebar .savedLists ul, .savedLists .sidebar ul {
+ margin-bottom: 1rem;
+}
+
+.sidebar .list-unstyled li, .sidebar .savedLists ul li, .savedLists .sidebar ul li {
+ border-color: #DDDDDD #DDDDDD -moz-use-text-color;
+ border-image: none;
+ border-style: solid solid none;
+ border-width: 1px 1px medium;
+ padding: 0.75rem 1em;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-top-colors: none;
+}
+
+.sidebar .list-unstyled li:last-of-type, .sidebar .savedLists ul li:last-of-type, .savedLists .sidebar ul li:last-of-type {
+ border-bottom: 1px solid #DDDDDD;
+}
+
+.sidebar a.title:after {
+ content: '\25BC';
+ float: right;
+ color: #666666;
+}
+
+.sidebar .active a.title:after {
+ content: '\25B2';
+}
+
+.browse .button {
+ /*@include fs-smaller;*/
+ padding: 1rem;
+ text-align: left;
+ word-wrap: break-word;
+}
+
+.browse .button.active {
+ background-color: #008CBA;
+ color: #F9F9F9;
+}
+
+#side-panel-publishDate ul {
+ list-style: none;
+}
+
+ul.date-range-slider {
+ margin: 0.25rem 1rem 0 1rem;
+}
+
+.slider-container {
+ padding-right: 1.25rem;
+}
+
+.help-block {
+ color: #4D4D4D;
+ display: block;
+ /*@include fs-smaller;*/
+}
+
+.button.link {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0;
+ cursor: pointer;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: normal;
+ margin: 0 0 1.4285714286rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ padding: 1.1428571429rem 2.2857142857rem 1.2142857143rem 2.2857142857rem;
+ font-size: 1.1428571429rem;
+ background-color: rgba(255, 255, 255, 0);
+ border-color: rgba(204, 204, 204, 0);
+ color: #333333;
+ transition: background-color 300ms ease-out;
+ color: #008CBA;
+ font-size: 1rem;
+}
+
.button.link:hover,
-.button.link:focus,
-.button.link:active { border-color: transparent }
+.button.link:focus {
+ background-color: rgba(204, 204, 204, 0);
+}
+
.button.link:hover,
-.button.link:focus { color: #0078a0;text-decoration: underline;background-color: transparent}
-.button.link[disabled]:hover,
-fieldset[disabled] .button.link:hover,
-.button.link[disabled]:focus,
-fieldset[disabled] .button.link:focus {color: #999;text-decoration: none}
-/* Link button - end */
-
-/* SYMBOLS and ICONS */
- /* Dropdown symbol (e.g. Language selection */
- .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;margin-left:2px;width:0;display:inline-block;height:0;vertical-align:middle;}
- /* Dropdown symbol - end */
- /* Close X */
- .close {float: right;font-size: 2rem;font-weight: bold;line-height: 1;color: #000;text-shadow: 0px 1px 0px #FFF;opacity: 0.2;margin-top:-1rem; margin-right:0}
- .close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;opacity: 0.5;}
- /* Close X - END */
-/* SYMBOLS and ICONS - end */
-
-/* SCREENREADER-specific (only 'visible' on screen readers) */
- .sr-only{width:1px;margin:-1px;padding:0;border:0;position:absolute;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
- .sr-only{width:auto;margin:0;padding:0;border:0;clip:rect(1px,1px,1px,1px);position:absolute;height:auto;overflow:hidden;}
- .sr-only:focus{padding:15px 15px;width:auto;display:block;color:#132531;background:#ffffff;font-size:1rem;line-height:20px;text-decoration:none;text-transform:none;clip:auto;height:50px;position:absolute;left:5px;top:5px;z-index:100000; border-radius:4px;}
-/* SCREENREADER-specific - end */
-
-/* HIDDEN elements, used for Login/-out, accordion-more-collapsibles (facets) etc., */
- .hidden{display:none !important;visibility:hidden;}
-/* HIDDEN elements - end */
-
-/* HEADER */
-header{/*min-height:3rem;*/}
-
- /* Sticky header, TopBar, searchbox, breadcrumbs */
- .top-bar .name {margin-left: 0}
- .contain-to-grid .breadcrumbs { max-width: 62.5rem;margin: 0 auto; margin-bottom: 0; } /* max-width to prevent from going full width on scroll-down */
-/* .contain-to-grid .breadcrumbs { max-width: 60.5rem; } max-width to prevent from going full width on scroll-down */
- .breadcrumbs.columns {float: none}
- .breadcrumbs {border-radius: 0; border:none;border-top: 1px solid #656565; background-color: inherit; color: #FFF}
- .breadcrumbs > * {color:#FFF}
- .breadcrumbs > * a {color: #d3d3d3}
- /* Sticky header, TopBar, searchbox, breadcrumbs - end */
-
- /* Searchbox */ /* see also form-control below */
- .twitter-typeahead{background: #fff;vertical-align: top;width:100%; border: none; padding-top: 0; margin-top: 0}/* is used in search and advanced search - css copied over - CK */
- .top-bar .twitter-typeahead {line-height: 1.5}
- .top-bar .twitter-typeahead input {top:0}
- .top-bar .twitter-typeahead {top:0}
- .top-bar #searchForm .columns {top: 0.53125rem;}
- .top-bar #searchForm .button {top: 0;}
- .twitter-typeahead .tt-hint {display: none !important;}
- .tt-dropdown-menu {margin-bottom: 1.25rem;padding-left: 0;}
-
- /* Placement of Search and Advanced buttons */
- #searchForm .button-group.even-2 li:nth-of-type(2) {float: right}
- #searchForm .button-group.even-2 li {width:48.25%; }
- /* Placement of Search and Advanced buttons - end */
-
- /* Keep filter checkbox */
- #searchForm .checkbox label {font-size: .75rem; color: #FFF; line-height:0.2; margin-left: .75rem;}
- /* Keep filter checkbox - end */
-
- .searchHomeContent .panel {padding-left:0; padding-right:0; padding-bottom: 0}
-
- .nav.searchbox.large-12.hide-for-large-up {background-color:#333 } /* Dark BG for searchbox when located directly under header */
-
- /* Position of ai and devel checkboxes for developer machines */
- #searchForm input[type="checkbox"] {margin-left: 1rem; }
- .top-bar #searchForm input[type="checkbox"] {margin-left: 0; }
- /* Position of ai and devel checkboxes for developer machines */
- /* Searchbox - end */
-
- /* Advanced Search: search term insert */
- #top-srchbx .tabs-content {border: none;}
- p.adv_search_terms {width:100%;padding: .35rem .5rem; margin-top:.25rem; margin-bottom: .25rem; background-color: #f1f1f1; border: 1px solid #ccc; font-size: .80rem }
- ul.adv_search_links {list-style: none}
- .top-bar-section .adv_search_links {float: left; margin-bottom: 1rem}
- .adv_search_links li { border: 1px solid #ccc}
- .top-bar-section .adv_search_links > a {font-size: .80rem}
-
- /* Advanced Search: search term insert - END */
-
-/* HEADER end */
-
-/* NAVIGATION BAR */
-ul[role=navigation]{list-style:none;}
-/* NAVIGATION BAR end */
-
-/* MAIN content area */
- /* for Searchbox see header, above, for Advanced Search fields see below */
- #content.panel {padding:1rem}
-
- /* Advanced Search: criterion remove button */
- #advSearchForm .close {margin-top:-1.5rem; margin-right:-1.5rem; }
- #advSearchForm .panel {margin-bottom: 1rem}
- #advSearchForm #limit {margin-top:1.25rem} /* top-align the fields at the bottom of advanced search page */
- /* Advanced Search: criterion remove button - END */
-
- /* List view */
- /* Rows */
- .row.result {padding-top: 1rem; padding-bottom: 1rem}
- .row.result:first-of-type {padding-top: 0}
- .row.result:nth-of-type(even) {background-color: #eaeaea}
- /* Rows - end */
-
- /* Limit, sort and select-boxes */
- .form-inline.sort label,
- .form-inline.limit label {/*float: left; margin-right: .25em;*/ font-size: .875em; }
- /*.form-inline .jumpMenu {max-width: 100%} */
- .sort select,
- .limit select { width:auto;}
- /* Limit, sort and view selector dropdowns - end */
-
- /* Bulk action buttons, e.g. favourites list */
- .bulk-action-buttons {clear: both}
-
- /* Images column */
- form .row.result .row {margin-left: -1rem;}
- form .row.result .row .columns,
- form .row.result .row .column {padding-left: 0 !important;}
- img.recordcover {height: 100%}
- /* Images column - end */
-
- /* Full text links */
- /* Full text links - end */
-
- /* Favourites, Edit and Delete links */
- .delete.tool,
- .edit.tool,
- .save-record,
- .qrcodeLink,
- .hierarchyTreeLinkText {font-size: .875rem}
- /* Favourites and Delete links - end */
- /* List view - end */
-
- /* Detail view */
- /* Page browser */
- .pager {margin: 0 0 1rem 0; padding: 0; text-align: center; list-style: outside none none;}
- .pager li { display: inline;}
- .pager li.disabled { display: none;}
- .pager li:first-of-type {float: left}
- .pager li:last-of-type {float: right}
- .pager li > a,
- .pager li > span {display: inline-block; padding: .25rem 1rem;}
- .pager li > a:first-of-type {padding-left: .75rem;}
- .pager li > a:last-of-type {padding-right: .75rem;}
- .pager .button:first-of-type {margin-left: 0;}
- .pager .button:last-of-type {margin-right: 0;}
- /* Page browser - end */
-
- /* Sub-nav with modal links */
- .main .sub-nav {width: 100%;}
- .sub-nav dd {margin-left: 0}
- .sub-nav dd:first-of-type a {padding-left: 0}
- .sub-nav dt a,
- .sub-nav dd a {padding: 0.1875rem 1rem 0.1875rem 0}
- .sub-nav .f-dropdown li a {padding: .35rem .75rem}
- /* Sub-nav with modal links - END */
-
- /* Book cover column */
- .bookimgs {padding-top: .4rem}
- .bookimgs img {width: 100%}
- /* Book cover column - end */
-
- /* Clearing lightboxes for book images */
- .bookimgs .clearing-blackout {background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.45); /*height: 80%; width:80%;margin: 2em 10%; */ }
- .bookimgs .clearing-blackout .carousel {display: none} /* This is the container for the thumbnails - only useful for multiple images */
- .bookimgs .clearing-container .visible-img { max-width: 90%; max-height: 70% border: 2px solid #fff; margin: 2em auto }
- .bookimgs .clearing-assembled .clearing-container .visible-img {background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);}
- .bookimgs .visible-img img {width: auto; height: 100%}
- .bookimgs .clearing-main-prev,
- .bookimgs .clearing-main-next {display: none} /* This is the container for the thumbnails - only useful for multiple images */
- .bookimgs p.clearing-caption {color: #ccc; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);}
- /* Clearing lightboxes - end */
-
- #content h2 {font-size: 1.6875rem}
-
-
- /* Detail view - end */
-
- /* Tabs */
- .tabs {border: 1px solid #DDD; border-bottom: none}
- .tabs dd > a,
- .tabs .tab-title > a {padding: .5rem 1rem}
- .tabs-content {border: 1px solid #DDD; border-top: none;}
- .tabs-content > .content {padding-left: 1rem; padding-right: 1rem}
- .tabs-content > .content.active {background:#fff}
-
- /* Description, Details tab *//* Note: minimum width = small mobile landscape */
- #description-tab.content,
- #details-tab.content{padding:0; }
- #description-tab table,
- #details-tab table{padding:0; border:none}
- .citation .pace-car th,
- .citation .pace-car td{border: 0;padding: 0}
- .citation th{text-align: right}
- #description-tab table tr th,
- #description-tab table tr td,
- table.citation tr th,
- table.citation tr td { padding-left:1rem; padding-right:1rem;vertical-align: top;border-top: 1px solid #DDD; word-wrap: break-word; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;hyphens: auto;}
-
- /* Details tab - END */
-
- /* Hierarchy tab */
- #hierarchyTreeHolder{border-right: 1px solid #eee;overflow-x: hidden}
- /* Hierarchy tab - end */
- /* Tabs - end */
-
- /* Forms */
- legend{display: block;width: 100%;padding: 0;margin-bottom: 1.5rem;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5 }
- fieldset {border: none}
- fieldset legend {background: none}
- /* the following copied from BS compiles.css + adapted in places */
- .form-group {margin-bottom: 1rem}
- .form-horizontal .form-group { margin-bottom: 1em; display: inline-block; clear: both;width: 100%}
- /*.form-horizontal .form-group:after {clear: both}*/
- .form-horizontal .control-label,
- .form-horizontal .radio,
- .form-horizontal .checkbox,
- .form-horizontal .radio-inline,
- .form-horizontal .checkbox-inline { margin-top: 0px; margin-bottom: 0px; padding-top: .5em; }
- .form-horizontal .radio,
- .form-horizontal .checkbox{min-height: 1.5rem}
- .form-horizontal .form-group{margin-left: -1rem;margin-right: -1rem}
- .form-horizontal .form-control-static{padding-top: .5rem}
- .form-horizontal .has-feedback .form-control-feedback{top: 0;right: 1rem}
- .form-horizontal .form-group:before,
- .form-horizontal .form-group:after {content: " ";display: table}
- .form-horizontal .form-group:after{clear: both}
- .navbar-form .form-control {display: inline-block;vertical-align: middle;}
-
- .form-control {display: block;height: 2.3125rem;font-size: .875rem;line-height: 1.42857;color: #555;background-color: #FFF;background-image: none;border: 1px soli #CCC;}
- .top-bar .form-control,
- .top-bar input[type="text"] {height: 1.75rem;}/**/
- .form-control:focus {border-color: #66afe9;outline: 0;}
- .form-control::-moz-placeholder {color: #999;opacity: 1}
- .form-control:-ms-input-placeholder {color: #999 }
- .form-control::-webkit-input-placeholder {color: #999}
- .form-control[disabled],
- .form-control[readonly],
- fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1}
- textarea.form-control {height: auto }
- /* copied from BS compiles.css + adapted in places - end */
- /* Forms end */
-
- /* Alert boxes */
- .alert-box ul {font-size: inherit; margin-bottom: 0} /* same font size as alert box */
- .alert-box.success a {color:#FFF} /* Link colour in alert boxes same as standard link color - fixed here ! */
- .alert-box.success a:hover,
- .alert-box.success a:focus {color:#CCC}
- .alert-box.alert a,
- .alert-box.alert a:hover,
- .alert-box.alert a:focus {color: #FF9500}
- /* Alert boxes - end */
-
- /* Text highlighting */
- .text-success,
- .text-error,
- .text-muted {padding-left: .25em; padding-right: .25em}
- .text-success {background-color: #43AC6A;border-color: #3A945B;color: #FFF; }
- .text-alert,
- .text-error,
- .text-muted {background-color: #FFF;border-color: #FFF;color: #999}
- .text-warning { color: #c09853 }
- a.text-warning:hover,
- a.text-warning:focus { color: #a47e3c }
- .text-alert,
- .text-error { color: #b94a48 }
- a.text-alert:hover,
- a.text-alert:focus,
- a.text-error:hover,
- a.text-error:focus { color: #953b39 }
- .text-info { color: #3a87ad }
- a.text-info:hover,
- a.text-info:focus { color: #2d6987 }
- .text-success { color: #468847 }
- a.text-success:hover,
- a.text-success:focus { color: #356635 }
- /* Text highlighting - end */
-
-/* MAIN content area - end */
-
-/* FOOTER */
-footer.panel {padding:1rem}
-/* FOOTER - end */
-
-/* SIDEBAR, FACETS ETC */ /* MOVE TO MQueries - FIXME */
-.sidebar.columns,
-.sidebar.column{/*padding-right:0;*/} /* use when no padding desired but check with Sidebar on left! */
-.sidebar h4 {font-size: 1rem; /*margin-top: 1.5em*/}
-
- /* Facet header */
- .sidebar .list-group:not(.filters) .title {cursor: pointer}
- .sidebar .list-group:not(.filters) .title a.facet-hdr{border-bottom: 1px solid #dddddd}
- .sidebar .list-group:not(.filters) .title.active a.facet-hdr{border-bottom: none}
- /* Expand toggle icon */
- .sidebar .list-group:not(.filters) .title.active a.facet-hdr:after{content: '\25BC'; color:#333}
- .sidebar .list-group:not(.filters) .title a.facet-hdr:after {content: '\25B2';float: right;color:#333} /* Check float - FIXME */
- /* Expand toggle icon - end */
- /* Facet header - end */
-
- /* List items in sidebar and elsewhere */
- .list-group-item{padding:.75em 1em;/*margin-bottom: -1px;*/ border-bottom:1px solid #dddddd;display:block;background:#ffffff;position:relative;}
- li.list-group-item{padding:0;border:1px solid #dddddd;border-bottom:none;}
-
- /* Remove-search-filters box */
- /* Remove-search-filters header */
- .filters .list-group-item.title {background: none repeat scroll 0% 0% #0078A0;color: #222;padding: 1rem;display: block;font-size: 1rem; }
- /* Remove-search-filters header - end */
- .filters li.list-group-item {border-color: #dddddd;}
- .filters a.list-group-item {border-left: 1px solid #dddddd; border-right: 1px solid #dddddd}
- .filters a.list-group-item:last-of-type {border-bottom: 1px solid #dddddd;}
- /* Remove-search-filters box - end */
-
- /* Selected filters */
- a.list-group-item.active,
- a.list-group-item.active:hover,
- a.list-group-item.active:focus {z-index: 2;color: #FFF;background-color: #2ba6cb;border-color: #2ba6cb;}
- /* Selected filters - end */
-
- .sidebar .accordion .list-group-item{}/*check if also relevant for other Lists in sidebar! - FIXME */
- .sidebar > .accordion .accordion-navigation > .content{padding:0;}
-
- /* Similar items */
- .similar-items li.list-group-item,
- .related-evuditions li.list-group-item {padding: 0.75em 1em}
- /* Similar items - end */
-
- /* Badges in sidebar */
- .list-group-item > .badge{float:right;}
- .list-group-item > .badge + .badge { margin-right: .25em}/* CHECK relevance - FIXME */
- /* Badges in sidebar - end */
- /* List items in sidebar - end */
-
- /* Publication year with range slider */
- ul.date-range-slider {margin-left:1rem;margin-right: 1rem}
- /*ul.date-range-slider > .columns {padding-left: .75em; padding-right: .75em}*/
- ul.date-range-slider .list-group-item {border: none;}
- ul.date-range-slider .slider-container{padding-left:.6rem;padding-right: .6rem; margin-bottom: 1rem}
- /* Publication year with range slider - end */
-/* SIDEBAR, FACETS ETC - end */
-
-/* ICONS and SYMBOLS */
- /* Favorites */
- .fa-star:hover {color: #ffa500}
- /* Close facet, close modal, close alert box etc */
- .fa-times:hover {color:#c60f13}
- /* RSS subscribe, send per mail, save search in central column */
- .searchtools > .fa:hover {color:#c60f13}
- /* Log-out button, Your Account button */
- .top-bar-section ul li.logoutLink > a {color:#ff0000; }
- .top-bar-section ul li.logoutOptions a:hover,
- .top-bar-section ul li.logoutOptions a:focus{color: #ffa500}
-/* Icons and Symbols - end */
\ No newline at end of file
+.button.link:focus {
+ color: #333333;
+}
+
+.button.link:active,
+.button.link:focus,
+.button.link:hover {
+ text-decoration: underline;
+}
+
+.sr-only {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ height: auto;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: auto;
+}
+
+.sr-only:focus {
+ background: #FFFFFF;
+ clip: auto;
+ color: #132531;
+ display: block;
+ font-size: 1rem;
+ height: 3rem;
+ left: .25rem;
+ line-height: 1.5rem;
+ padding: 1rem;
+ position: absolute;
+ text-decoration: none;
+ text-transform: none;
+ top: .25rem;
+ width: auto;
+ z-index: 100000;
+}
+
+@media only screen and (min-width: 45rem) {
+ .top-bar {
+ height: auto;
+ }
+}
+
+.top-bar .name {
+ margin-left: 0;
+}
+
+.top-bar #searchForm,
+.top-bar #searchFormTopBar {
+ margin-left: 81px;
+}
+
+.top-bar #searchForm li.has-form,
+.top-bar #searchFormTopBar li.has-form {
+ height: auto;
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+@media only screen and (min-width: 45rem) {
+ .top-bar #searchForm .columns:first-of-type,
+ .top-bar #searchFormTopBar .columns:first-of-type {
+ padding-left: 0;
+ }
+ .top-bar #searchForm .columns:last-of-type,
+ .top-bar #searchFormTopBar .columns:last-of-type {
+ padding-right: 0;
+ }
+}
+
+.top-bar input,
+.top-bar select,
+.top-bar button,
+.top-bar .button {
+ height: 2rem;
+ margin-bottom: .4rem;
+ position: relative;
+ top: .4rem;
+}
+
+.top-bar button,
+.top-bar .button {
+ line-height: 1.3rem;
+}
+
+.top-bar select {
+ line-height: .8rem;
+}
+
+.top-bar .has-form,
+.top-bar.search {
+ height: auto;
+}
+
+.top-bar .has-form .button,
+.top-bar.search .button {
+ line-height: 1.25rem;
+}
+
+.top-bar .has-form li.has-form,
+.top-bar.search li.has-form {
+ height: 2.5rem;
+}
+
+.top-bar .logoutLink > a {
+ color: #F00;
+}
+
+.contain-to-grid .breadcrumbs {
+ margin: 0 auto;
+ margin-bottom: 0;
+ max-width: 82rem;
+}
+
+.breadcrumbs.columns {
+ float: none;
+}
+
+.breadcrumbs {
+ background-color: inherit;
+ border: none;
+ border-radius: 0;
+ /*border-top: 1px solid $steel; */
+ clear: both;
+ color: #FFFFFF;
+}
+
+.breadcrumbs > * {
+ color: #FFFFFF;
+}
+
+.breadcrumbs > * a {
+ color: #DDDDDD;
+}
+
+@media (min-width: 62rem) {
+ .breadcrumbs {
+ clear: both;
+ max-width: 82rem;
+ }
+}
+
+.twitter-typeahead {
+ background: #FFFFFF;
+ border: none;
+ /*height: 32px;*/
+ margin-top: 0;
+ padding-top: 0;
+ vertical-align: top;
+ width: 100%;
+}
+
+@media only screen and (max-width: 767px) {
+ .twitter-typeahead {
+ width: 100%;
+ }
+}
+
+#searchFormForm .twitter-typeahead {
+ height: 32px;
+}
+
+.top-bar .twitter-typeahead {
+ line-height: 1.5;
+ top: .4rem;
+}
+
+.top-bar .twitter-typeahead input {
+ top: 0;
+}
+
+.tt-hint {
+ color: #CCCCCC;
+}
+
+.tt-dropdown-menu {
+ background-color: #FFFFFF;
+ border: 1px solid #CCCCCC;
+ margin-top: 2px;
+ width: 464px;
+}
+
+.tt-suggestion {
+ border-bottom: 1px solid #CCCCCC;
+ line-height: 24px;
+ padding: 6px 20px 4px;
+}
+
+.tt-suggestion:last-child {
+ border: 0;
+}
+
+.tt-suggestion.tt-cursor {
+ background-color: #008CBA;
+ color: #FFFFFF;
+ cursor: pointer;
+}
+
+.tt-suggestion p {
+ font-size: 85% !important;
+ margin: 0;
+}
+
+@media only screen and (min-width: 20em) {
+ #searchForm .columns,
+ #searchFormTopBar .columns {
+ padding: 0;
+ }
+ #searchForm .columns .button,
+ #searchForm .columns button,
+ #searchFormTopBar .columns .button, #searchFormTopBar .columns button {
+ padding: 0;
+ }
+}
+
+@media only screen and (min-width: 45rem) {
+ #searchForm .columns,
+ #searchFormTopBar .columns {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+}
+
+#searchForm input[type="text"],
+#searchFormTopBar input[type="text"] {
+ margin-bottom: 0;
+}
+
+#searchForm select,
+#searchFormTopBar select {
+ margin-bottom: .5em;
+}
+
+#searchForm .button-group.even-2 li,
+#searchFormTopBar .button-group.even-2 li {
+ width: 48.25%;
+}
+
+#searchForm .button-group.even-2 li:nth-of-type(2),
+#searchFormTopBar .button-group.even-2 li:nth-of-type(2) {
+ float: right;
+}
+
+#searchForm .checkbox label,
+#searchFormTopBar .checkbox label {
+ color: #FFFFFF;
+ /*font-size: .75rem;*/
+ line-height: 0.2;
+ margin-left: .75rem;
+}
+
+#searchForm input[type="checkbox"],
+#searchFormTopBar input[type="checkbox"] {
+ margin-left: 1rem;
+ top: .8rem;
+}
+
+.searchHomeContent .panel {
+ padding-bottom: 0;
+ /*padding-left: 0;
+ padding-right: 0; */
+}
+
+.nav.searchbox.large-12.hide-for-large-up {
+ background-color: #333;
+}
+
+.top-bar #searchFormTopBar input[type="checkbox"] {
+ margin-left: 0;
+}
+
+@media only screen and (min-width: 20em) {
+ #shard-selector,
+ #shard-selector-topbar {
+ clear: both;
+ color: #CCCCCC;
+ }
+}
+
+@media only screen and (min-width: 45rem) {
+ #shard-selector,
+ #shard-selector-topbar {
+ float: left;
+ font-size: .7rem;
+ line-height: 1;
+ padding: 0;
+ }
+}
+
+@media (min-width: 62rem) {
+ #shard-selector,
+ #shard-selector-topbar {
+ left: 1rem;
+ top: 2.5rem;
+ }
+}
+
+@media (min-width: 80rem) {
+ #shard-selector,
+ #shard-selector-topbar {
+ left: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .grid {
+ min-height: 250px;
+ }
+}
+
+#top-srchbx .tabs-content {
+ border: none;
+}
+
+@media only screen and (min-width: 48rem) {
+ #top-srchbx {
+ float: left;
+ }
+ #top-srchbx .has-form {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+p.adv_search_terms {
+ background-color: #f1f1f1;
+ border: 1px solid #CCCCCC;
+ font-size: 0.8rem;
+ margin-bottom: .25rem;
+ margin-top: .25rem;
+ padding: 0.35rem 0.5rem;
+ width: 100%;
+}
+
+ul.adv_search_links {
+ list-style: none;
+}
+
+ul.adv_search_links li {
+ border: 1px solid #CCCCCC;
+}
+
+.top-bar-section .adv_search_links {
+ float: left;
+ margin-bottom: 1rem;
+}
+
+.top-bar-section .adv_search_links > a {
+ font-size: .80rem;
+}
+
+ul[role=navigation] {
+ list-style: none;
+}
+
+#content.panel {
+ padding: 1rem;
+}
+
+#content.panel p.lead {
+ margin-bottom: .875rem;
+}
+
+#advSearchForm .close,
+#advSearchForm .group-close {
+ float: right;
+ font-weight: bold;
+}
+
+#advSearchForm .group-close {
+ font-size: 120%;
+ margin-right: -1rem;
+ margin-top: -1.5rem;
+}
+
+#advSearchForm .panel {
+ margin-bottom: 1rem;
+}
+
+#advSearchForm #limit {
+ margin-top: 1.25rem;
+}
+
+#advSearchForm #groupPlaceHolder {
+ display: block;
+ margin-bottom: 1rem;
+}
+
+.row.result {
+ padding-bottom: 1rem;
+ padding-top: 1rem;
+ /*@include fs-smaller;*/
+}
+
+.row.result:first-of-type {
+ padding-top: 0;
+}
+
+.row.result:nth-of-type(even) {
+ background-color: #EFEFEF;
+}
+
+.search-controls {
+ /*@include fs-smaller;*/
+}
+
+.sort select,
+.limit select {
+ width: 100%;
+ margin-bottom: 0 !important;
+}
+
+.bulk-action-buttons {
+ clear: both;
+}
+
+form .row.result .row {
+ margin-left: -1rem;
+}
+
+form .row.result .row .columns,
+form .row.result .row .column {
+ padding-left: 0 !important;
+}
+
+img.recordcover {
+ height: 100%;
+ margin-top: -.15rem;
+}
+
+.delete.tool,
+.edit.tool,
+.save-record,
+.qrcodeLink,
+.hierarchyTreeLinkText {
+ /*@include fs-smaller;*/
+}
+
+.savedLists ul {
+ margin-bottom: 0;
+}
+
+.pagination {
+ margin-top: 1rem;
+}
+
+.searchtools {
+ /*@include fs-smaller;*/
+}
+
+.checkbox.select-all {
+ clear: both;
+ margin-top: 0;
+}
+
+.checkbox.select-all label {
+ padding: 1.1428571429rem 2.2857142857rem 1.2142857143rem 2.2857142857rem;
+ font-size: 1.1428571429rem;
+ font-size: .875rem;
+ padding-left: 1.25rem;
+}
+
+.pager {
+ list-style: outside none none;
+ margin: 0 0 1rem 0;
+ padding: 0;
+ text-align: center;
+}
+
+.pager li {
+ display: inline;
+}
+
+.pager li.disabled > a,
+.pager li.disabled > a:hover,
+.pager li.disabled > a:focus,
+.pager li.disabled > a span {
+ color: #EFEFEF;
+ background-color: #FFF;
+ cursor: not-allowed;
+}
+
+.pager li:first-of-type {
+ float: left;
+}
+
+.pager li:last-of-type {
+ float: right;
+}
+
+.pager li > a,
+.pager li > span {
+ display: inline-block;
+ padding: 0.25rem 1rem;
+}
+
+.pager li > a:first-of-type {
+ padding-left: .75rem;
+}
+
+.pager li > a:last-of-type {
+ padding-right: .75rem;
+}
+
+.pager .button:first-of-type {
+ margin-left: 0;
+}
+
+.pager .button:last-of-type {
+ margin-right: 0;
+}
+
+.sub-nav {
+ width: 100%;
+}
+
+.sub-nav dd {
+ margin-left: 0;
+}
+
+.sub-nav dd a,
+.sub-nav dt a {
+ padding: 0.1875rem 1rem 0.1875rem 0;
+}
+
+.sub-nav dd:first-of-type a {
+ padding-left: 0;
+}
+
+.sub-nav .f-dropdown li a {
+ padding: 0.35rem 0.75rem;
+}
+
+#record {
+ margin-top: .6rem;
+}
+
+.bookimgs {
+ padding-top: .4rem;
+}
+
+.bookimgs img {
+ width: 100%;
+}
+
+.bookimgs .clearing-blackout {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
+}
+
+.bookimgs .clearing-blackout .carousel {
+ display: none;
+}
+
+.bookimgs .clearing-container .visible-img {
+ border: 2px solid #FFFFFF;
+ margin: 2em auto;
+ max-height: 70%;
+ max-width: 90%;
+}
+
+.bookimgs .clearing-assembled .clearing-container .visible-img {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+}
+
+.bookimgs .visible-img img {
+ height: 100%;
+ width: auto;
+}
+
+.bookimgs .clearing-main-prev,
+.bookimgs .clearing-main-next {
+ display: none;
+}
+
+.bookimgs p.clearing-caption {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+ color: #CCCCCC;
+}
+
+#content h2 {
+ font-size: 1.6875rem !important;
+}
+
+#content h3 {
+ font-size: 1.375rem !important;
+}
+
+#content h4 {
+ font-size: 1.125rem !important;
+}
+
+.tabs {
+ border: 1px solid #DDDDDD;
+ border-bottom: none;
+}
+
+.tabs .tab-title {
+ font-size: .875rem;
+}
+
+.tabs dd > a,
+.tabs .tab-title > a {
+ font-size: 1rem;
+ padding: 0.5rem 1rem;
+}
+
+.tabs-content {
+ border: 1px solid #DDDDDD;
+ border-top: none;
+}
+
+.tabs-content h3 {
+ font-size: inherit !important;
+}
+
+.tabs-content > .content {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.tabs-content > .content .active {
+ background: #FFFFFF;
+}
+
+#hierarchyTreeHolder {
+ /*border-right: 1px solid #eee; */
+ overflow-x: hidden;
+}
+
+#hierarchyTreeHolder ul {
+ list-style: none;
+ margin-left: 0;
+}
+
+#hierarchyTreeHolder ul li .jstree-icon {
+ padding-right: .25rem;
+}
+
+#hierarchyTreeHolder ul li ul {
+ margin-left: .5rem;
+}
+
+#similar-items-carousel .hover-overlay {
+ display: block;
+ margin: auto;
+ min-height: 12rem;
+ min-width: 30%;
+ position: relative;
+ text-align: center;
+}
+
+#similar-items-carousel .hover-overlay .content {
+ background: rgba(0, 0, 0, 0.5);
+ color: #FFFFFF;
+ display: none;
+ height: 100%;
+ left: 0;
+ padding: 0.5em 0.5em 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+#similar-items-carousel .hover-overlay:hover .content {
+ display: block;
+}
+
+.slick-slide {
+ /*@include fs-smaller;*/
+ margin: 0 0.5rem 0.5rem 0.5rem;
+}
+
+.slick-slide img {
+ margin-bottom: .5rem;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 12rem;
+}
+
+.slick-prev, .slick-next {
+ background-color: rgba(0, 0, 0, 0.1);
+ color: white;
+ height: 3rem;
+ line-height: 4rem;
+ margin-top: -2.5rem;
+ padding: 0;
+ position: absolute;
+ text-indent: -9999px !important;
+ top: 50%;
+ width: 2rem;
+ z-index: 10;
+}
+
+.slick-prev:hover, .slick-next:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.slick-prev > span, .slick-next > span {
+ border: 10px inset;
+ display: block;
+ height: 0;
+ margin-top: -10px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+
+.slick-prev {
+ left: -1rem;
+}
+
+.slick-next {
+ right: -1rem;
+}
+
+.slick-prev > span {
+ border-color: transparent #FFFFFF transparent transparent;
+ border-right-style: solid;
+}
+
+.slick-next > span {
+ border-color: transparent transparent transparent #FFFFFF;
+ border-left-style: solid;
+ left: 50%;
+ margin-left: -4px;
+}
+
+.slick-prev:hover > span {
+ border-right-color: #FFFFFF;
+}
+
+.slick-next:hover > span {
+ border-left-color: #FFFFFF;
+}
+
+@media only screen and (max-width: 35.5556em) {
+ .slick-next, .slick-prev {
+ display: none;
+ }
+}
+
+/* Similar items tab carousel - END */
+footer {
+ /*@include fs-smaller;*/
+}
+
+footer .panel {
+ padding: 1rem;
+}
+
+footer ul {
+ font-size: inherit;
+}
+
+footer ul p {
+ margin-bottom: 0;
+ font-size: inherit;
+}
+
+input.auto,
+select.auto {
+ width: auto;
+}
+
+input.auto[id^=limit_],
+select.auto[id^=limit_] {
+ max-width: 19rem;
+}
+
+input.left,
+select.left {
+ margin-right: .25rem;
+}
+
+.radio,
+.checkbox {
+ display: block;
+ margin-bottom: .7rem;
+ margin-top: .7rem;
+ position: relative;
+}
+
+.radio label,
+.checkbox label {
+ min-height: .8rem;
+ padding-left: 1.25rem;
+ margin-bottom: 0;
+ font-weight: normal;
+ line-height: .8rem;
+ cursor: pointer;
+}
+
+.radio label.checkbox-select-items,
+.checkbox label.checkbox-select-items {
+ font-size: .8125rem;
+ margin-top: -.45rem;
+}
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ margin-left: -1.25rem;
+ /* margin-top: 4px;*/
+ position: absolute;
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
+}
+
+.hide {
+ display: none;
+}
+
+@media (max-width: 767px) {
+ .visible-small-inline {
+ display: inline !important;
+ }
+}
+
+.offcanvas-overlay,
+.offcanvas-toggle {
+ display: none;
+}
+
+@media print {
+ .columns {
+ width: auto;
+ }
+ a[href]:after {
+ content: "";
+ }
+ a,
+ a:visited {
+ text-decoration: none;
+ }
+ a.fulltext[href]:after {
+ content: " (" attr(href) ")";
+ text-decoration: underline;
+ }
+}
diff --git a/themes/foundation5/css/foundation.css b/themes/foundation5/css/foundation.css
deleted file mode 100644
index f63e314c96f..00000000000
--- a/themes/foundation5/css/foundation.css
+++ /dev/null
@@ -1,6201 +0,0 @@
-meta.foundation-version {
- font-family: "/5.5.1/"; }
-
-meta.foundation-mq-small {
- font-family: "/only screen/";
- width: 0; }
-
-meta.foundation-mq-small-only {
- font-family: "/only screen and (max-width: 40em)/";
- width: 0; }
-
-meta.foundation-mq-medium {
- font-family: "/only screen and (min-width:40.063em)/";
- width: 40.063em; }
-
-meta.foundation-mq-medium-only {
- font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
- width: 40.063em; }
-
-meta.foundation-mq-large {
- font-family: "/only screen and (min-width:64.063em)/";
- width: 64.063em; }
-
-meta.foundation-mq-large-only {
- font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
- width: 64.063em; }
-
-meta.foundation-mq-xlarge {
- font-family: "/only screen and (min-width:90.063em)/";
- width: 90.063em; }
-
-meta.foundation-mq-xlarge-only {
- font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
- width: 90.063em; }
-
-meta.foundation-mq-xxlarge {
- font-family: "/only screen and (min-width:120.063em)/";
- width: 120.063em; }
-
-meta.foundation-data-attribute-namespace {
- font-family: false; }
-
-html, body {
- height: 100%; }
-
-*,
-*:before,
-*:after {
- -webkit-box-sizing: border-box;
- -moz-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, Roboto, Arial, sans-serif;
- font-weight: normal;
- font-style: normal;
- line-height: 1.5;
- position: relative;
- cursor: auto; }
-
-a:hover {
- cursor: pointer; }
-
-img {
- max-width: 100%;
- height: auto; }
-
-img {
- -ms-interpolation-mode: bicubic; }
-
-#map_canvas img,
-#map_canvas embed,
-#map_canvas object,
-.map_canvas img,
-.map_canvas embed,
-.map_canvas object {
- max-width: none !important; }
-
-.left {
- float: left !important; }
-
-.right {
- float: right !important; }
-
-.clearfix:before, .clearfix:after {
- content: " ";
- display: table; }
-.clearfix:after {
- clear: both; }
-
-.hide {
- display: none; }
-
-.invisible {
- visibility: hidden; }
-
-.antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-img {
- display: inline-block;
- vertical-align: middle; }
-
-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.5rem; }
- .row:before, .row:after {
- content: " ";
- display: table; }
- .row:after {
- clear: both; }
- .row.collapse > .column,
- .row.collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .row.collapse .row {
- margin-left: 0;
- margin-right: 0; }
- .row .row {
- width: auto;
- margin-left: -0.9375rem;
- margin-right: -0.9375rem;
- margin-top: 0;
- margin-bottom: 0;
- max-width: none; }
- .row .row:before, .row .row:after {
- content: " ";
- display: table; }
- .row .row:after {
- clear: both; }
- .row .row.collapse {
- width: auto;
- margin: 0;
- max-width: none; }
- .row .row.collapse:before, .row .row.collapse:after {
- content: " ";
- display: table; }
- .row .row.collapse:after {
- clear: both; }
-
-.column,
-.columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- width: 100%;
- float: left; }
-
-[class*="column"] + [class*="column"]:last-child {
- float: right; }
-
-[class*="column"] + [class*="column"].end {
- float: left; }
-
-@media only screen {
- .small-push-0 {
- position: relative;
- left: 0%;
- right: auto; }
-
- .small-pull-0 {
- position: relative;
- right: 0%;
- left: auto; }
-
- .small-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto; }
-
- .small-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto; }
-
- .small-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto; }
-
- .small-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto; }
-
- .small-push-3 {
- position: relative;
- left: 25%;
- right: auto; }
-
- .small-pull-3 {
- position: relative;
- right: 25%;
- left: auto; }
-
- .small-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto; }
-
- .small-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto; }
-
- .small-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto; }
-
- .small-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto; }
-
- .small-push-6 {
- position: relative;
- left: 50%;
- right: auto; }
-
- .small-pull-6 {
- position: relative;
- right: 50%;
- left: auto; }
-
- .small-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto; }
-
- .small-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto; }
-
- .small-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto; }
-
- .small-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto; }
-
- .small-push-9 {
- position: relative;
- left: 75%;
- right: auto; }
-
- .small-pull-9 {
- position: relative;
- right: 75%;
- left: auto; }
-
- .small-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto; }
-
- .small-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto; }
-
- .small-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto; }
-
- .small-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto; }
-
- .column,
- .columns {
- position: relative;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; }
-
- .small-1 {
- width: 8.33333%; }
-
- .small-2 {
- width: 16.66667%; }
-
- .small-3 {
- width: 25%; }
-
- .small-4 {
- width: 33.33333%; }
-
- .small-5 {
- width: 41.66667%; }
-
- .small-6 {
- width: 50%; }
-
- .small-7 {
- width: 58.33333%; }
-
- .small-8 {
- width: 66.66667%; }
-
- .small-9 {
- width: 75%; }
-
- .small-10 {
- width: 83.33333%; }
-
- .small-11 {
- width: 91.66667%; }
-
- .small-12 {
- width: 100%; }
-
- .small-offset-0 {
- margin-left: 0% !important; }
-
- .small-offset-1 {
- margin-left: 8.33333% !important; }
-
- .small-offset-2 {
- margin-left: 16.66667% !important; }
-
- .small-offset-3 {
- margin-left: 25% !important; }
-
- .small-offset-4 {
- margin-left: 33.33333% !important; }
-
- .small-offset-5 {
- margin-left: 41.66667% !important; }
-
- .small-offset-6 {
- margin-left: 50% !important; }
-
- .small-offset-7 {
- margin-left: 58.33333% !important; }
-
- .small-offset-8 {
- margin-left: 66.66667% !important; }
-
- .small-offset-9 {
- margin-left: 75% !important; }
-
- .small-offset-10 {
- margin-left: 83.33333% !important; }
-
- .small-offset-11 {
- margin-left: 91.66667% !important; }
-
- .small-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left; }
-
- .column.small-centered,
- .columns.small-centered {
- margin-left: auto;
- margin-right: auto;
- float: none; }
-
- .column.small-uncentered,
- .columns.small-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left; }
-
- .column.small-centered:last-child,
- .columns.small-centered:last-child {
- float: none; }
-
- .column.small-uncentered:last-child,
- .columns.small-uncentered:last-child {
- float: left; }
-
- .column.small-uncentered.opposite,
- .columns.small-uncentered.opposite {
- float: right; }
-
- .row.small-collapse > .column,
- .row.small-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .row.small-collapse .row {
- margin-left: 0;
- margin-right: 0; }
- .row.small-uncollapse > .column,
- .row.small-uncollapse > .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; } }
-@media only screen and (min-width: 40.063em) {
- .medium-push-0 {
- position: relative;
- left: 0%;
- right: auto; }
-
- .medium-pull-0 {
- position: relative;
- right: 0%;
- left: auto; }
-
- .medium-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto; }
-
- .medium-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto; }
-
- .medium-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto; }
-
- .medium-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto; }
-
- .medium-push-3 {
- position: relative;
- left: 25%;
- right: auto; }
-
- .medium-pull-3 {
- position: relative;
- right: 25%;
- left: auto; }
-
- .medium-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto; }
-
- .medium-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto; }
-
- .medium-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto; }
-
- .medium-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto; }
-
- .medium-push-6 {
- position: relative;
- left: 50%;
- right: auto; }
-
- .medium-pull-6 {
- position: relative;
- right: 50%;
- left: auto; }
-
- .medium-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto; }
-
- .medium-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto; }
-
- .medium-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto; }
-
- .medium-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto; }
-
- .medium-push-9 {
- position: relative;
- left: 75%;
- right: auto; }
-
- .medium-pull-9 {
- position: relative;
- right: 75%;
- left: auto; }
-
- .medium-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto; }
-
- .medium-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto; }
-
- .medium-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto; }
-
- .medium-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto; }
-
- .column,
- .columns {
- position: relative;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; }
-
- .medium-1 {
- width: 8.33333%; }
-
- .medium-2 {
- width: 16.66667%; }
-
- .medium-3 {
- width: 25%; }
-
- .medium-4 {
- width: 33.33333%; }
-
- .medium-5 {
- width: 41.66667%; }
-
- .medium-6 {
- width: 50%; }
-
- .medium-7 {
- width: 58.33333%; }
-
- .medium-8 {
- width: 66.66667%; }
-
- .medium-9 {
- width: 75%; }
-
- .medium-10 {
- width: 83.33333%; }
-
- .medium-11 {
- width: 91.66667%; }
-
- .medium-12 {
- width: 100%; }
-
- .medium-offset-0 {
- margin-left: 0% !important; }
-
- .medium-offset-1 {
- margin-left: 8.33333% !important; }
-
- .medium-offset-2 {
- margin-left: 16.66667% !important; }
-
- .medium-offset-3 {
- margin-left: 25% !important; }
-
- .medium-offset-4 {
- margin-left: 33.33333% !important; }
-
- .medium-offset-5 {
- margin-left: 41.66667% !important; }
-
- .medium-offset-6 {
- margin-left: 50% !important; }
-
- .medium-offset-7 {
- margin-left: 58.33333% !important; }
-
- .medium-offset-8 {
- margin-left: 66.66667% !important; }
-
- .medium-offset-9 {
- margin-left: 75% !important; }
-
- .medium-offset-10 {
- margin-left: 83.33333% !important; }
-
- .medium-offset-11 {
- margin-left: 91.66667% !important; }
-
- .medium-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left; }
-
- .column.medium-centered,
- .columns.medium-centered {
- margin-left: auto;
- margin-right: auto;
- float: none; }
-
- .column.medium-uncentered,
- .columns.medium-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left; }
-
- .column.medium-centered:last-child,
- .columns.medium-centered:last-child {
- float: none; }
-
- .column.medium-uncentered:last-child,
- .columns.medium-uncentered:last-child {
- float: left; }
-
- .column.medium-uncentered.opposite,
- .columns.medium-uncentered.opposite {
- float: right; }
-
- .row.medium-collapse > .column,
- .row.medium-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .row.medium-collapse .row {
- margin-left: 0;
- margin-right: 0; }
- .row.medium-uncollapse > .column,
- .row.medium-uncollapse > .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; }
-
- .push-0 {
- position: relative;
- left: 0%;
- right: auto; }
-
- .pull-0 {
- position: relative;
- right: 0%;
- left: auto; }
-
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto; }
-
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto; }
-
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto; }
-
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto; }
-
- .push-3 {
- position: relative;
- left: 25%;
- right: auto; }
-
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto; }
-
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto; }
-
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto; }
-
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto; }
-
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto; }
-
- .push-6 {
- position: relative;
- left: 50%;
- right: auto; }
-
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto; }
-
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto; }
-
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto; }
-
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto; }
-
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto; }
-
- .push-9 {
- position: relative;
- left: 75%;
- right: auto; }
-
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto; }
-
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto; }
-
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto; }
-
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto; }
-
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto; } }
-@media only screen and (min-width: 64.063em) {
- .large-push-0 {
- position: relative;
- left: 0%;
- right: auto; }
-
- .large-pull-0 {
- position: relative;
- right: 0%;
- left: auto; }
-
- .large-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto; }
-
- .large-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto; }
-
- .large-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto; }
-
- .large-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto; }
-
- .large-push-3 {
- position: relative;
- left: 25%;
- right: auto; }
-
- .large-pull-3 {
- position: relative;
- right: 25%;
- left: auto; }
-
- .large-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto; }
-
- .large-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto; }
-
- .large-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto; }
-
- .large-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto; }
-
- .large-push-6 {
- position: relative;
- left: 50%;
- right: auto; }
-
- .large-pull-6 {
- position: relative;
- right: 50%;
- left: auto; }
-
- .large-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto; }
-
- .large-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto; }
-
- .large-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto; }
-
- .large-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto; }
-
- .large-push-9 {
- position: relative;
- left: 75%;
- right: auto; }
-
- .large-pull-9 {
- position: relative;
- right: 75%;
- left: auto; }
-
- .large-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto; }
-
- .large-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto; }
-
- .large-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto; }
-
- .large-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto; }
-
- .column,
- .columns {
- position: relative;
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; }
-
- .large-1 {
- width: 8.33333%; }
-
- .large-2 {
- width: 16.66667%; }
-
- .large-3 {
- width: 25%; }
-
- .large-4 {
- width: 33.33333%; }
-
- .large-5 {
- width: 41.66667%; }
-
- .large-6 {
- width: 50%; }
-
- .large-7 {
- width: 58.33333%; }
-
- .large-8 {
- width: 66.66667%; }
-
- .large-9 {
- width: 75%; }
-
- .large-10 {
- width: 83.33333%; }
-
- .large-11 {
- width: 91.66667%; }
-
- .large-12 {
- width: 100%; }
-
- .large-offset-0 {
- margin-left: 0% !important; }
-
- .large-offset-1 {
- margin-left: 8.33333% !important; }
-
- .large-offset-2 {
- margin-left: 16.66667% !important; }
-
- .large-offset-3 {
- margin-left: 25% !important; }
-
- .large-offset-4 {
- margin-left: 33.33333% !important; }
-
- .large-offset-5 {
- margin-left: 41.66667% !important; }
-
- .large-offset-6 {
- margin-left: 50% !important; }
-
- .large-offset-7 {
- margin-left: 58.33333% !important; }
-
- .large-offset-8 {
- margin-left: 66.66667% !important; }
-
- .large-offset-9 {
- margin-left: 75% !important; }
-
- .large-offset-10 {
- margin-left: 83.33333% !important; }
-
- .large-offset-11 {
- margin-left: 91.66667% !important; }
-
- .large-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left; }
-
- .column.large-centered,
- .columns.large-centered {
- margin-left: auto;
- margin-right: auto;
- float: none; }
-
- .column.large-uncentered,
- .columns.large-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left; }
-
- .column.large-centered:last-child,
- .columns.large-centered:last-child {
- float: none; }
-
- .column.large-uncentered:last-child,
- .columns.large-uncentered:last-child {
- float: left; }
-
- .column.large-uncentered.opposite,
- .columns.large-uncentered.opposite {
- float: right; }
-
- .row.large-collapse > .column,
- .row.large-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .row.large-collapse .row {
- margin-left: 0;
- margin-right: 0; }
- .row.large-uncollapse > .column,
- .row.large-uncollapse > .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem;
- float: left; }
-
- .push-0 {
- position: relative;
- left: 0%;
- right: auto; }
-
- .pull-0 {
- position: relative;
- right: 0%;
- left: auto; }
-
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto; }
-
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto; }
-
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto; }
-
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto; }
-
- .push-3 {
- position: relative;
- left: 25%;
- right: auto; }
-
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto; }
-
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto; }
-
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto; }
-
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto; }
-
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto; }
-
- .push-6 {
- position: relative;
- left: 50%;
- right: auto; }
-
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto; }
-
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto; }
-
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto; }
-
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto; }
-
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto; }
-
- .push-9 {
- position: relative;
- left: 75%;
- right: auto; }
-
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto; }
-
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto; }
-
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto; }
-
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto; }
-
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto; } }
-button, .button {
- border-style: solid;
- border-width: 0;
- cursor: pointer;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
- line-height: normal;
- margin: 0 0 1.25rem;
- position: relative;
- text-decoration: none;
- text-align: center;
- -webkit-appearance: none;
- -moz-appearance: none;
- border-radius: 0;
- display: inline-block;
- padding-top: 1rem;
- padding-right: 2rem;
- padding-bottom: 1.0625rem;
- padding-left: 2rem;
- font-size: 1rem;
- background-color: #008CBA;
- border-color: #007095;
- color: #FFFFFF;
- transition: background-color 300ms ease-out; }
- button:hover, button:focus, .button:hover, .button:focus {
- background-color: #007095; }
- button:hover, button:focus, .button:hover, .button:focus {
- color: #FFFFFF; }
- button.secondary, .button.secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333333; }
- button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
- background-color: #b9b9b9; }
- button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
- color: #333333; }
- button.success, .button.success {
- background-color: #43AC6A;
- border-color: #368a55;
- color: #FFFFFF; }
- button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
- background-color: #368a55; }
- button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
- color: #FFFFFF; }
- button.alert, .button.alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #FFFFFF; }
- button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
- background-color: #cf2a0e; }
- button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
- color: #FFFFFF; }
- button.warning, .button.warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #FFFFFF; }
- button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
- background-color: #cf6e0e; }
- button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
- color: #FFFFFF; }
- button.info, .button.info {
- background-color: #a0d3e8;
- border-color: #61b6d9;
- color: #333333; }
- button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
- background-color: #61b6d9; }
- button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
- color: #FFFFFF; }
- button.large, .button.large {
- padding-top: 1.125rem;
- padding-right: 2.25rem;
- padding-bottom: 1.1875rem;
- padding-left: 2.25rem;
- font-size: 1.25rem; }
- button.small, .button.small {
- padding-top: 0.875rem;
- padding-right: 1.75rem;
- padding-bottom: 0.9375rem;
- padding-left: 1.75rem;
- font-size: 0.8125rem; }
- button.tiny, .button.tiny {
- padding-top: 0.625rem;
- padding-right: 1.25rem;
- padding-bottom: 0.6875rem;
- padding-left: 1.25rem;
- font-size: 0.6875rem; }
- button.expand, .button.expand {
- padding-right: 0;
- padding-left: 0;
- width: 100%; }
- button.left-align, .button.left-align {
- text-align: left;
- text-indent: 0.75rem; }
- button.right-align, .button.right-align {
- text-align: right;
- padding-right: 0.75rem; }
- button.radius, .button.radius {
- border-radius: 3px; }
- button.round, .button.round {
- border-radius: 1000px; }
- button.disabled, button[disabled], .button.disabled, .button[disabled] {
- background-color: #008CBA;
- border-color: #007095;
- color: #FFFFFF;
- cursor: default;
- opacity: 0.7;
- 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: #007095; }
- 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: #FFFFFF; }
- 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: #008CBA; }
- button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333333;
- cursor: default;
- opacity: 0.7;
- 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: #b9b9b9; }
- 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 {
- background-color: #e7e7e7; }
- button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
- background-color: #43AC6A;
- border-color: #368a55;
- color: #FFFFFF;
- cursor: default;
- opacity: 0.7;
- 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: #368a55; }
- 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: #FFFFFF; }
- 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: #43AC6A; }
- button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #FFFFFF;
- cursor: default;
- opacity: 0.7;
- 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: #cf2a0e; }
- 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: #FFFFFF; }
- 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: #f04124; }
- button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #FFFFFF;
- cursor: default;
- opacity: 0.7;
- box-shadow: none; }
- button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
- background-color: #cf6e0e; }
- button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
- color: #FFFFFF; }
- button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
- background-color: #f08a24; }
- button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
- background-color: #a0d3e8;
- border-color: #61b6d9;
- color: #333333;
- cursor: default;
- opacity: 0.7;
- box-shadow: none; }
- button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
- background-color: #61b6d9; }
- button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
- color: #FFFFFF; }
- button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
- background-color: #a0d3e8; }
-
-button::-moz-focus-inner {
- border: 0;
- padding: 0; }
-
-@media only screen and (min-width: 40.063em) {
- button, .button {
- display: inline-block; } }
-/* Standard Forms */
-form {
- margin: 0 0 1rem; }
-
-/* Using forms within rows, we need to set some defaults */
-form .row .row {
- margin: 0 -0.5rem; }
- form .row .row .column,
- form .row .row .columns {
- padding: 0 0.5rem; }
- form .row .row.collapse {
- margin: 0; }
- form .row .row.collapse .column,
- form .row .row.collapse .columns {
- padding: 0; }
- form .row .row.collapse input {
- -webkit-border-bottom-right-radius: 0;
- -webkit-border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-top-right-radius: 0; }
-form .row input.column,
-form .row input.columns,
-form .row textarea.column,
-form .row textarea.columns {
- padding-left: 0.5rem; }
-
-/* Label Styles */
-label {
- font-size: 0.875rem;
- color: #4d4d4d;
- cursor: pointer;
- display: block;
- font-weight: normal;
- line-height: 1.5;
- margin-bottom: 0;
- /* Styles for required inputs */ }
- label.right {
- float: none !important;
- text-align: right; }
- label.inline {
- margin: 0 0 1rem 0;
- padding: 0.5625rem 0; }
- label small {
- text-transform: capitalize;
- color: #676767; }
-
-/* Attach elements to the beginning or end of an input */
-.prefix,
-.postfix {
- display: block;
- position: relative;
- z-index: 2;
- text-align: center;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- border-style: solid;
- border-width: 1px;
- overflow: visible;
- font-size: 0.875rem;
- height: 2.3125rem;
- line-height: 2.3125rem; }
-
-/* Adjust padding, alignment and radius if pre/post element is a button */
-.postfix.button {
- padding-left: 0;
- padding-right: 0;
- padding-top: 0;
- padding-bottom: 0;
- text-align: center;
- border: none; }
-
-.prefix.button {
- padding-left: 0;
- padding-right: 0;
- padding-top: 0;
- padding-bottom: 0;
- text-align: center;
- border: none; }
-
-.prefix.button.radius {
- border-radius: 0;
- -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 {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
-
-.prefix.button.round {
- border-radius: 0;
- -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 {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; }
-
-/* Separate prefix and postfix styles when on span or label so buttons keep their own */
-span.prefix, label.prefix {
- background: #f2f2f2;
- border-right: none;
- color: #333333;
- border-color: #cccccc; }
-
-span.postfix, label.postfix {
- background: #f2f2f2;
- border-left: none;
- color: #333333;
- border-color: #cccccc; }
-
-/* We use this to get basic styling on all basic form elements */
-input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
- -webkit-appearance: none;
- border-radius: 0;
- background-color: #FFFFFF;
- font-family: inherit;
- border-style: solid;
- border-width: 1px;
- border-color: #cccccc;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- color: rgba(0, 0, 0, 0.75);
- display: block;
- font-size: 0.875rem;
- margin: 0 0 1rem 0;
- padding: 0.5rem;
- height: 2.3125rem;
- width: 100%;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- 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, input[type="color"]:focus, textarea:focus {
- background: #fafafa;
- border-color: #999999;
- outline: none; }
- input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
- background-color: #DDDDDD;
- cursor: default; }
- input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
- background-color: #DDDDDD;
- cursor: default; }
- input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
- border-radius: 3px; }
-
-form .row .prefix-radius.row.collapse input,
-form .row .prefix-radius.row.collapse textarea,
-form .row .prefix-radius.row.collapse select,
-form .row .prefix-radius.row.collapse button {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
-form .row .prefix-radius.row.collapse .prefix {
- border-radius: 0;
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px; }
-form .row .postfix-radius.row.collapse input,
-form .row .postfix-radius.row.collapse textarea,
-form .row .postfix-radius.row.collapse select,
-form .row .postfix-radius.row.collapse button {
- border-radius: 0;
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px; }
-form .row .postfix-radius.row.collapse .postfix {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
-form .row .prefix-round.row.collapse input,
-form .row .prefix-round.row.collapse textarea,
-form .row .prefix-round.row.collapse select,
-form .row .prefix-round.row.collapse button {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; }
-form .row .prefix-round.row.collapse .prefix {
- border-radius: 0;
- -webkit-border-bottom-left-radius: 1000px;
- -webkit-border-top-left-radius: 1000px;
- border-bottom-left-radius: 1000px;
- border-top-left-radius: 1000px; }
-form .row .postfix-round.row.collapse input,
-form .row .postfix-round.row.collapse textarea,
-form .row .postfix-round.row.collapse select,
-form .row .postfix-round.row.collapse button {
- border-radius: 0;
- -webkit-border-bottom-left-radius: 1000px;
- -webkit-border-top-left-radius: 1000px;
- border-bottom-left-radius: 1000px;
- border-top-left-radius: 1000px; }
-form .row .postfix-round.row.collapse .postfix {
- border-radius: 0;
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; }
-
-input[type="submit"] {
- -webkit-appearance: none;
- border-radius: 0; }
-
-/* Respect enforced amount of rows for textarea */
-textarea[rows] {
- height: auto; }
-
-/* Not allow resize out of parent */
-textarea {
- max-width: 100%; }
-
-/* Add height value for select elements to match text input height */
-select {
- -webkit-appearance: none !important;
- border-radius: 0;
- background-color: #FAFAFA;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
- background-position: 100% center;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: #cccccc;
- padding: 0.5rem;
- font-size: 0.875rem;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- color: rgba(0, 0, 0, 0.75);
- line-height: normal;
- border-radius: 0;
- height: 2.3125rem; }
- select::-ms-expand {
- display: none; }
- select.radius {
- border-radius: 3px; }
- select:hover {
- background-color: #f3f3f3;
- border-color: #999999; }
- select:disabled {
- background-color: #DDDDDD;
- cursor: default; }
- select[multiple] {
- height: auto; }
-
-/* Adjust margin for form elements below */
-input[type="file"],
-input[type="checkbox"],
-input[type="radio"],
-select {
- margin: 0 0 1rem 0; }
-
-input[type="checkbox"] + label,
-input[type="radio"] + label {
- display: inline-block;
- margin-left: 0.5rem;
- margin-right: 1rem;
- margin-bottom: 0;
- vertical-align: baseline; }
-
-/* Normalize file input width */
-input[type="file"] {
- width: 100%; }
-
-/* HTML5 Number spinners settings */
-/* We add basic fieldset styling */
-fieldset {
- border: 1px solid #DDDDDD;
- padding: 1.25rem;
- margin: 1.125rem 0; }
- fieldset legend {
- font-weight: bold;
- background: #FFFFFF;
- padding: 0 0.1875rem;
- margin: 0;
- margin-left: -0.1875rem; }
-
-/* Error Handling */
-[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
- display: block;
- padding: 0.375rem 0.5625rem 0.5625rem;
- margin-top: -1px;
- margin-bottom: 1rem;
- font-size: 0.75rem;
- font-weight: normal;
- font-style: italic;
- background: #f04124;
- color: #FFFFFF; }
-[data-abide] span.error, [data-abide] small.error {
- display: none; }
-
-span.error, small.error {
- display: block;
- padding: 0.375rem 0.5625rem 0.5625rem;
- margin-top: -1px;
- margin-bottom: 1rem;
- font-size: 0.75rem;
- font-weight: normal;
- font-style: italic;
- background: #f04124;
- color: #FFFFFF; }
-
-.error input,
-.error textarea,
-.error select {
- margin-bottom: 0; }
-.error input[type="checkbox"],
-.error input[type="radio"] {
- margin-bottom: 1rem; }
-.error label,
-.error label.error {
- color: #f04124; }
-.error small.error {
- display: block;
- padding: 0.375rem 0.5625rem 0.5625rem;
- margin-top: -1px;
- margin-bottom: 1rem;
- font-size: 0.75rem;
- font-weight: normal;
- font-style: italic;
- background: #f04124;
- color: #FFFFFF; }
-.error > label > small {
- color: #676767;
- background: transparent;
- padding: 0;
- text-transform: capitalize;
- font-style: normal;
- font-size: 60%;
- margin: 0;
- display: inline; }
-.error span.error-message {
- display: block; }
-
-input.error,
-textarea.error,
-select.error {
- margin-bottom: 0; }
-
-label.error {
- color: #f04124; }
-
-meta.foundation-mq-topbar {
- font-family: "/only screen and (min-width:40.063em)/";
- width: 40.063em; }
-
-/* Wrapped around .top-bar to contain to grid width */
-.contain-to-grid {
- width: 100%;
- background: #333333; }
- .contain-to-grid .top-bar {
- margin-bottom: 0; }
-
-.fixed {
- width: 100%;
- left: 0;
- position: fixed;
- top: 0;
- z-index: 99; }
- .fixed.expanded:not(.top-bar) {
- overflow-y: auto;
- height: auto;
- width: 100%;
- max-height: 100%; }
- .fixed.expanded:not(.top-bar) .title-area {
- position: fixed;
- width: 100%;
- z-index: 99; }
- .fixed.expanded:not(.top-bar) .top-bar-section {
- z-index: 98;
- margin-top: 2.8125rem; }
-
-.top-bar {
- overflow: hidden;
- height: 2.8125rem;
- line-height: 2.8125rem;
- position: relative;
- background: #333333;
- margin-bottom: 0; }
- .top-bar ul {
- margin-bottom: 0;
- list-style: none; }
- .top-bar .row {
- max-width: none; }
- .top-bar form,
- .top-bar input {
- margin-bottom: 0; }
- .top-bar input {
- height: 1.75rem;
- padding-top: .35rem;
- padding-bottom: .35rem;
- font-size: 0.75rem; }
- .top-bar .button, .top-bar button {
- padding-top: 0.4125rem;
- padding-bottom: 0.4125rem;
- margin-bottom: 0;
- font-size: 0.75rem; }
- @media only screen and (max-width: 40em) {
- .top-bar .button, .top-bar button {
- position: relative;
- top: -1px; } }
- .top-bar .title-area {
- position: relative;
- margin: 0; }
- .top-bar .name {
- height: 2.8125rem;
- margin: 0;
- font-size: 16px; }
- .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
- line-height: 2.8125rem;
- font-size: 1.0625rem;
- margin: 0; }
- .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
- font-weight: normal;
- color: #FFFFFF;
- width: 75%;
- display: block;
- padding: 0 0.9375rem; }
- .top-bar .toggle-topbar {
- position: absolute;
- right: 0;
- top: 0; }
- .top-bar .toggle-topbar a {
- color: #FFFFFF;
- text-transform: uppercase;
- font-size: 0.8125rem;
- font-weight: bold;
- position: relative;
- display: block;
- padding: 0 0.9375rem;
- height: 2.8125rem;
- line-height: 2.8125rem; }
- .top-bar .toggle-topbar.menu-icon {
- top: 50%;
- margin-top: -16px; }
- .top-bar .toggle-topbar.menu-icon a {
- height: 34px;
- line-height: 33px;
- padding: 0 2.5rem 0 0.9375rem;
- color: #FFFFFF;
- position: relative; }
- .top-bar .toggle-topbar.menu-icon a span::after {
- content: "";
- position: absolute;
- display: block;
- height: 0;
- top: 50%;
- margin-top: -8px;
- right: 0.9375rem;
- box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
- width: 16px; }
- .top-bar .toggle-topbar.menu-icon a span:hover:after {
- box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
- .top-bar.expanded {
- height: auto;
- background: transparent; }
- .top-bar.expanded .title-area {
- background: #333333; }
- .top-bar.expanded .toggle-topbar a {
- color: #888888; }
- .top-bar.expanded .toggle-topbar a span::after {
- box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
-
-.top-bar-section {
- left: 0;
- position: relative;
- width: auto;
- transition: left 300ms ease-out; }
- .top-bar-section ul {
- padding: 0;
- width: 100%;
- height: auto;
- display: block;
- font-size: 16px;
- margin: 0; }
- .top-bar-section .divider,
- .top-bar-section [role="separator"] {
- border-top: solid 1px #1a1a1a;
- clear: both;
- height: 1px;
- width: 100%; }
- .top-bar-section ul li {
- background: #333333; }
- .top-bar-section ul li > a {
- display: block;
- width: 100%;
- color: #FFFFFF;
- padding: 12px 0 12px 0;
- padding-left: 0.9375rem;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-size: 0.8125rem;
- font-weight: normal;
- text-transform: none; }
- .top-bar-section ul li > a.button {
- font-size: 0.8125rem;
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- background-color: #008CBA;
- border-color: #007095;
- color: #FFFFFF; }
- .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
- background-color: #007095; }
- .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333333; }
- .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
- background-color: #b9b9b9; }
- .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
- color: #333333; }
- .top-bar-section ul li > a.button.success {
- background-color: #43AC6A;
- border-color: #368a55;
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
- background-color: #368a55; }
- .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
- background-color: #cf2a0e; }
- .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #FFFFFF; }
- .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
- background-color: #cf6e0e; }
- .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > button {
- font-size: 0.8125rem;
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- background-color: #008CBA;
- border-color: #007095;
- color: #FFFFFF; }
- .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
- background-color: #007095; }
- .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > button.secondary {
- background-color: #e7e7e7;
- border-color: #b9b9b9;
- color: #333333; }
- .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
- background-color: #b9b9b9; }
- .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
- color: #333333; }
- .top-bar-section ul li > button.success {
- background-color: #43AC6A;
- border-color: #368a55;
- color: #FFFFFF; }
- .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
- background-color: #368a55; }
- .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > button.alert {
- background-color: #f04124;
- border-color: #cf2a0e;
- color: #FFFFFF; }
- .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
- background-color: #cf2a0e; }
- .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
- color: #FFFFFF; }
- .top-bar-section ul li > button.warning {
- background-color: #f08a24;
- border-color: #cf6e0e;
- color: #FFFFFF; }
- .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
- background-color: #cf6e0e; }
- .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
- color: #FFFFFF; }
- .top-bar-section ul li:hover:not(.has-form) > a {
- background-color: #555555;
- background: #333333;
- color: #FFFFFF; }
- .top-bar-section ul li.active > a {
- background: #008CBA;
- color: #FFFFFF; }
- .top-bar-section ul li.active > a:hover {
- background: #0078a0;
- color: #FFFFFF; }
- .top-bar-section .has-form {
- padding: 0.9375rem; }
- .top-bar-section .has-dropdown {
- position: relative; }
- .top-bar-section .has-dropdown > a:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 5px;
- border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
- border-left-style: solid;
- margin-right: 0.9375rem;
- 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 {
- display: block;
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
- position: absolute !important;
- width: 100%; }
- .top-bar-section .has-dropdown.moved > a:after {
- display: none; }
- .top-bar-section .dropdown {
- padding: 0;
- position: absolute;
- left: 100%;
- top: 0;
- z-index: 99;
- display: block;
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
- .top-bar-section .dropdown li {
- width: 100%;
- height: auto; }
- .top-bar-section .dropdown li a {
- font-weight: normal;
- padding: 8px 0.9375rem; }
- .top-bar-section .dropdown li a.parent-link {
- font-weight: normal; }
- .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
- margin-bottom: 0;
- margin-top: 0;
- font-size: 1.125rem; }
- .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
- color: #FFFFFF;
- display: block; }
- .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
- background: none; }
- .top-bar-section .dropdown li.has-form {
- padding: 8px 0.9375rem; }
- .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
- top: auto; }
- .top-bar-section .dropdown label {
- padding: 8px 0.9375rem 2px;
- margin-bottom: 0;
- text-transform: uppercase;
- color: #777777;
- font-weight: bold;
- font-size: 0.625rem; }
-
-.js-generated {
- display: block; }
-
-@media only screen and (min-width: 40.063em) {
- .top-bar {
- background: #333333;
- 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,
- .top-bar .name h2 a,
- .top-bar .name h3 a,
- .top-bar .name h4 a,
- .top-bar .name h5 a,
- .top-bar .name h6 a {
- width: auto; }
- .top-bar input,
- .top-bar .button,
- .top-bar button {
- font-size: 0.875rem;
- position: relative;
- height: 1.75rem;
- top: 0.53125rem; }
- .top-bar.expanded {
- background: #333333; }
-
- .contain-to-grid .top-bar {
- max-width: 62.5rem;
- margin: 0 auto;
- margin-bottom: 0; }
-
- .top-bar-section {
- transition: none 0 0;
- left: 0 !important; }
- .top-bar-section ul {
- width: auto;
- height: auto !important;
- display: inline; }
- .top-bar-section ul li {
- float: left; }
- .top-bar-section ul li .js-generated {
- display: none; }
- .top-bar-section li.hover > a:not(.button) {
- background-color: #555555;
- background: #333333;
- color: #FFFFFF; }
- .top-bar-section li:not(.has-form) a:not(.button) {
- padding: 0 0.9375rem;
- line-height: 2.8125rem;
- background: #333333; }
- .top-bar-section li:not(.has-form) a:not(.button):hover {
- background-color: #555555;
- background: #333333; }
- .top-bar-section li.active:not(.has-form) a:not(.button) {
- padding: 0 0.9375rem;
- line-height: 2.8125rem;
- color: #FFFFFF;
- background: #008CBA; }
- .top-bar-section li.active:not(.has-form) a:not(.button):hover {
- background: #0078a0;
- color: #FFFFFF; }
- .top-bar-section .has-dropdown > a {
- padding-right: 2.1875rem !important; }
- .top-bar-section .has-dropdown > a:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 5px;
- border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
- border-top-style: solid;
- margin-top: -2.5px;
- top: 1.40625rem; }
- .top-bar-section .has-dropdown.moved {
- position: relative; }
- .top-bar-section .has-dropdown.moved > .dropdown {
- display: block;
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
- .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
- display: block;
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
- position: absolute !important; }
- .top-bar-section .has-dropdown > a:focus + .dropdown {
- display: block;
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
- position: absolute !important; }
- .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
- border: none;
- content: "\00bb";
- top: 1rem;
- margin-top: -1px;
- right: 5px;
- line-height: 1.2; }
- .top-bar-section .dropdown {
- left: 0;
- top: auto;
- background: transparent;
- min-width: 100%; }
- .top-bar-section .dropdown li a {
- color: #FFFFFF;
- line-height: 2.8125rem;
- white-space: nowrap;
- padding: 12px 0.9375rem;
- background: #333333; }
- .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
- color: #FFFFFF;
- background: #333333; }
- .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
- color: #FFFFFF;
- background-color: #555555;
- background: #333333; }
- .top-bar-section .dropdown li label {
- white-space: nowrap;
- background: #333333; }
- .top-bar-section .dropdown li .dropdown {
- left: 100%;
- top: 0; }
- .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
- border-bottom: none;
- border-top: none;
- border-right: solid 1px #4e4e4e;
- clear: none;
- height: 2.8125rem;
- width: 0; }
- .top-bar-section .has-form {
- background: #333333;
- padding: 0 0.9375rem;
- height: 2.8125rem; }
- .top-bar-section .right li .dropdown {
- left: auto;
- right: 0; }
- .top-bar-section .right li .dropdown li .dropdown {
- right: 100%; }
- .top-bar-section .left li .dropdown {
- right: auto;
- left: 0; }
- .top-bar-section .left li .dropdown li .dropdown {
- left: 100%; }
-
- .no-js .top-bar-section ul li:hover > a {
- background-color: #555555;
- background: #333333;
- color: #FFFFFF; }
- .no-js .top-bar-section ul li:active > a {
- background: #008CBA;
- color: #FFFFFF; }
- .no-js .top-bar-section .has-dropdown:hover > .dropdown {
- display: block;
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
- position: absolute !important; }
- .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
- display: block;
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
- position: absolute !important; } }
-.breadcrumbs {
- display: block;
- padding: 0.5625rem 0.875rem 0.5625rem;
- overflow: hidden;
- margin-left: 0;
- list-style: none;
- border-style: solid;
- border-width: 1px;
- background-color: #f4f4f4;
- border-color: gainsboro;
- border-radius: 3px; }
- .breadcrumbs > * {
- margin: 0;
- float: left;
- font-size: 0.6875rem;
- line-height: 0.6875rem;
- text-transform: uppercase;
- color: #008CBA; }
- .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
- text-decoration: underline; }
- .breadcrumbs > * a {
- color: #008CBA; }
- .breadcrumbs > *.current {
- cursor: default;
- color: #333333; }
- .breadcrumbs > *.current a {
- cursor: default;
- color: #333333; }
- .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
- text-decoration: none; }
- .breadcrumbs > *.unavailable {
- color: #999999; }
- .breadcrumbs > *.unavailable a {
- color: #999999; }
- .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
- .breadcrumbs > *.unavailable a:focus {
- text-decoration: none;
- color: #999999;
- cursor: not-allowed; }
- .breadcrumbs > *:before {
- content: "/";
- color: #AAAAAA;
- margin: 0 0.75rem;
- position: relative;
- top: 1px; }
- .breadcrumbs > *:first-child:before {
- content: " ";
- margin: 0; }
-
-/* Accessibility - hides the forward slash */
-[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
- content: "/"; }
-
-.alert-box {
- border-style: solid;
- border-width: 1px;
- display: block;
- font-weight: normal;
- margin-bottom: 1.25rem;
- position: relative;
- padding: 0.875rem 1.5rem 0.875rem 0.875rem;
- font-size: 0.8125rem;
- transition: opacity 300ms ease-out;
- background-color: #008CBA;
- border-color: #0078a0;
- color: #FFFFFF; }
- .alert-box .close {
- font-size: 1.375rem;
- padding: 0 6px 4px;
- line-height: .9;
- position: absolute;
- top: 50%;
- margin-top: -0.6875rem;
- right: 0.25rem;
- color: #333333;
- opacity: 0.3;
- background: inherit; }
- .alert-box .close:hover, .alert-box .close:focus {
- opacity: 0.5; }
- .alert-box.radius {
- border-radius: 3px; }
- .alert-box.round {
- border-radius: 1000px; }
- .alert-box.success {
- background-color: #43AC6A;
- border-color: #3a945b;
- color: #FFFFFF; }
- .alert-box.alert {
- background-color: #f04124;
- border-color: #de2d0f;
- color: #FFFFFF; }
- .alert-box.secondary {
- background-color: #e7e7e7;
- border-color: #c7c7c7;
- color: #4f4f4f; }
- .alert-box.warning {
- background-color: #f08a24;
- border-color: #de770f;
- color: #FFFFFF; }
- .alert-box.info {
- background-color: #a0d3e8;
- border-color: #74bfdd;
- color: #4f4f4f; }
- .alert-box.alert-close {
- opacity: 0; }
-
-.inline-list {
- margin: 0 auto 1.0625rem auto;
- margin-left: -1.375rem;
- margin-right: 0;
- padding: 0;
- list-style: none;
- overflow: hidden; }
- .inline-list > li {
- list-style: none;
- float: left;
- margin-left: 1.375rem;
- display: block; }
- .inline-list > li > * {
- display: block; }
-
-.button-group {
- list-style: none;
- margin: 0;
- left: 0; }
- .button-group:before, .button-group:after {
- content: " ";
- display: table; }
- .button-group:after {
- clear: both; }
- .button-group.even-2 li {
- margin: 0 -2px;
- display: inline-block;
- width: 50%; }
- .button-group.even-2 li > button, .button-group.even-2 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
- border-left: 0; }
- .button-group.even-2 li button, .button-group.even-2 li .button {
- width: 100%; }
- .button-group.even-3 li {
- margin: 0 -2px;
- display: inline-block;
- width: 33.33333%; }
- .button-group.even-3 li > button, .button-group.even-3 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
- border-left: 0; }
- .button-group.even-3 li button, .button-group.even-3 li .button {
- width: 100%; }
- .button-group.even-4 li {
- margin: 0 -2px;
- display: inline-block;
- width: 25%; }
- .button-group.even-4 li > button, .button-group.even-4 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
- border-left: 0; }
- .button-group.even-4 li button, .button-group.even-4 li .button {
- width: 100%; }
- .button-group.even-5 li {
- margin: 0 -2px;
- display: inline-block;
- width: 20%; }
- .button-group.even-5 li > button, .button-group.even-5 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
- border-left: 0; }
- .button-group.even-5 li button, .button-group.even-5 li .button {
- width: 100%; }
- .button-group.even-6 li {
- margin: 0 -2px;
- display: inline-block;
- width: 16.66667%; }
- .button-group.even-6 li > button, .button-group.even-6 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
- border-left: 0; }
- .button-group.even-6 li button, .button-group.even-6 li .button {
- width: 100%; }
- .button-group.even-7 li {
- margin: 0 -2px;
- display: inline-block;
- width: 14.28571%; }
- .button-group.even-7 li > button, .button-group.even-7 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
- border-left: 0; }
- .button-group.even-7 li button, .button-group.even-7 li .button {
- width: 100%; }
- .button-group.even-8 li {
- margin: 0 -2px;
- display: inline-block;
- width: 12.5%; }
- .button-group.even-8 li > button, .button-group.even-8 li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
- border-left: 0; }
- .button-group.even-8 li button, .button-group.even-8 li .button {
- width: 100%; }
- .button-group > li {
- margin: 0 -2px;
- display: inline-block; }
- .button-group > li > button, .button-group > li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group > li:first-child button, .button-group > li:first-child .button {
- border-left: 0; }
- .button-group.stack > li {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0;
- float: none; }
- .button-group.stack > li > button, .button-group.stack > li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
- border-left: 0; }
- .button-group.stack > li > button, .button-group.stack > li .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.stack > li > button {
- width: 100%; }
- .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
- border-top: 0; }
- .button-group.stack-for-small > li {
- margin: 0 -2px;
- display: inline-block; }
- .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
- border-left: 0; }
- @media only screen and (max-width: 40em) {
- .button-group.stack-for-small > li {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0; }
- .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
- border-left: 0; }
- .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.stack-for-small > li > button {
- width: 100%; }
- .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
- border-top: 0; } }
- .button-group.radius > * {
- margin: 0 -2px;
- display: inline-block; }
- .button-group.radius > * > button, .button-group.radius > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
- border-left: 0; }
- .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
- border-radius: 0; }
- .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
- -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, .button-group.radius > *:last-child > .button {
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
- .button-group.radius.stack > * {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0; }
- .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
- border-left: 0; }
- .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.radius.stack > * > button {
- width: 100%; }
- .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
- border-top: 0; }
- .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
- border-radius: 0; }
- .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
- -webkit-top-left-radius: 3px;
- -webkit-top-right-radius: 3px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px; }
- .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
- -webkit-bottom-left-radius: 3px;
- -webkit-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
- @media only screen and (min-width: 40.063em) {
- .button-group.radius.stack-for-small > * {
- margin: 0 -2px;
- display: inline-block; }
- .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
- border-left: 0; }
- .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
- border-radius: 0; }
- .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
- -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.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; } }
- @media only screen and (max-width: 40em) {
- .button-group.radius.stack-for-small > * {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0; }
- .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
- border-left: 0; }
- .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.radius.stack-for-small > * > button {
- width: 100%; }
- .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
- border-top: 0; }
- .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
- border-radius: 0; }
- .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
- -webkit-top-left-radius: 3px;
- -webkit-top-right-radius: 3px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px; }
- .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
- -webkit-bottom-left-radius: 3px;
- -webkit-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; } }
- .button-group.round > * {
- margin: 0 -2px;
- display: inline-block; }
- .button-group.round > * > button, .button-group.round > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
- border-left: 0; }
- .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
- border-radius: 0; }
- .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
- -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, .button-group.round > *:last-child > .button {
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; }
- .button-group.round.stack > * {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0; }
- .button-group.round.stack > * > button, .button-group.round.stack > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
- border-left: 0; }
- .button-group.round.stack > * > button, .button-group.round.stack > * .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.round.stack > * > button {
- width: 100%; }
- .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
- border-top: 0; }
- .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
- border-radius: 0; }
- .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
- -webkit-top-left-radius: 1rem;
- -webkit-top-right-radius: 1rem;
- border-top-left-radius: 1rem;
- border-top-right-radius: 1rem; }
- .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
- -webkit-bottom-left-radius: 1rem;
- -webkit-bottom-right-radius: 1rem;
- border-bottom-left-radius: 1rem;
- border-bottom-right-radius: 1rem; }
- @media only screen and (min-width: 40.063em) {
- .button-group.round.stack-for-small > * {
- margin: 0 -2px;
- display: inline-block; }
- .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
- border-left: 0; }
- .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
- border-radius: 0; }
- .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
- -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.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; } }
- @media only screen and (max-width: 40em) {
- .button-group.round.stack-for-small > * {
- margin: 0 -2px;
- display: inline-block;
- display: block;
- margin: 0; }
- .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
- border-left: 1px solid;
- border-color: rgba(255, 255, 255, 0.5); }
- .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
- border-left: 0; }
- .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
- border-top: 1px solid;
- border-color: rgba(255, 255, 255, 0.5);
- border-left-width: 0;
- margin: 0;
- display: block; }
- .button-group.round.stack-for-small > * > button {
- width: 100%; }
- .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
- border-top: 0; }
- .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
- border-radius: 0; }
- .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
- -webkit-top-left-radius: 1rem;
- -webkit-top-right-radius: 1rem;
- border-top-left-radius: 1rem;
- border-top-right-radius: 1rem; }
- .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
- -webkit-bottom-left-radius: 1rem;
- -webkit-bottom-right-radius: 1rem;
- border-bottom-left-radius: 1rem;
- border-bottom-right-radius: 1rem; } }
-
-.button-bar:before, .button-bar:after {
- content: " ";
- display: table; }
-.button-bar:after {
- clear: both; }
-.button-bar .button-group {
- float: left;
- margin-right: 0.625rem; }
- .button-bar .button-group div {
- overflow: hidden; }
-
-/* Panels */
-.panel {
- border-style: solid;
- border-width: 1px;
- border-color: #d8d8d8;
- margin-bottom: 1.25rem;
- padding: 1.25rem;
- background: #f2f2f2;
- color: #333333; }
- .panel > :first-child {
- margin-top: 0; }
- .panel > :last-child {
- margin-bottom: 0; }
- .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
- color: #333333; }
- .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
- line-height: 1;
- margin-bottom: 0.625rem; }
- .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: #b6edff;
- margin-bottom: 1.25rem;
- padding: 1.25rem;
- background: #ecfaff;
- color: #333333; }
- .panel.callout > :first-child {
- margin-top: 0; }
- .panel.callout > :last-child {
- margin-bottom: 0; }
- .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
- color: #333333; }
- .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
- line-height: 1;
- margin-bottom: 0.625rem; }
- .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
- line-height: 1.4; }
- .panel.callout a:not(.button) {
- color: #008CBA; }
- .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
- color: #0078a0; }
- .panel.radius {
- border-radius: 3px; }
-
-.dropdown.button, button.dropdown {
- position: relative;
- outline: none;
- padding-right: 3.5625rem; }
- .dropdown.button::after, button.dropdown::after {
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- display: block;
- border-style: solid;
- border-color: #FFFFFF transparent transparent transparent;
- top: 50%; }
- .dropdown.button::after, button.dropdown::after {
- border-width: 0.375rem;
- right: 1.40625rem;
- margin-top: -0.15625rem; }
- .dropdown.button::after, button.dropdown::after {
- border-color: #FFFFFF transparent transparent transparent; }
- .dropdown.button.tiny, button.dropdown.tiny {
- padding-right: 2.625rem; }
- .dropdown.button.tiny:after, button.dropdown.tiny:after {
- border-width: 0.375rem;
- right: 1.125rem;
- margin-top: -0.125rem; }
- .dropdown.button.tiny::after, button.dropdown.tiny::after {
- border-color: #FFFFFF transparent transparent transparent; }
- .dropdown.button.small, button.dropdown.small {
- padding-right: 3.0625rem; }
- .dropdown.button.small::after, button.dropdown.small::after {
- border-width: 0.4375rem;
- right: 1.3125rem;
- margin-top: -0.15625rem; }
- .dropdown.button.small::after, button.dropdown.small::after {
- border-color: #FFFFFF transparent transparent transparent; }
- .dropdown.button.large, button.dropdown.large {
- padding-right: 3.625rem; }
- .dropdown.button.large::after, button.dropdown.large::after {
- border-width: 0.3125rem;
- right: 1.71875rem;
- margin-top: -0.15625rem; }
- .dropdown.button.large::after, button.dropdown.large::after {
- border-color: #FFFFFF transparent transparent transparent; }
- .dropdown.button.secondary:after, button.dropdown.secondary:after {
- border-color: #333333 transparent transparent transparent; }
-
-/* Image Thumbnails */
-.th {
- line-height: 0;
- display: inline-block;
- border: solid 4px #FFFFFF;
- max-width: 100%;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
- transition: all 200ms ease-out; }
- .th:hover, .th:focus {
- box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
- .th.radius {
- border-radius: 3px; }
-
-.toolbar {
- background: #333333;
- width: 100%;
- font-size: 0;
- display: inline-block; }
- .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img {
- margin-bottom: 10px; }
- .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img {
- margin-right: 10px;
- display: inline-block; }
- .toolbar.label-right .tab .tab-content label {
- display: inline-block; }
- .toolbar.vertical.label-right .tab .tab-content {
- text-align: left; }
- .toolbar.vertical {
- height: 100%;
- width: auto; }
- .toolbar.vertical .tab {
- width: auto;
- margin: auto;
- float: none; }
- .toolbar .tab {
- text-align: center;
- width: 25%;
- margin: 0 auto;
- display: block;
- padding: 20px;
- float: left; }
- .toolbar .tab:hover {
- background: rgba(255, 255, 255, 0.1); }
-
-.toolbar .tab-content {
- font-size: 16px;
- text-align: center; }
- .toolbar .tab-content label {
- color: #CCCCCC; }
- .toolbar .tab-content i {
- font-size: 30px;
- display: block;
- margin: 0 auto;
- color: #CCCCCC;
- vertical-align: middle; }
- .toolbar .tab-content img {
- width: 30px;
- height: 30px;
- display: block;
- margin: 0 auto; }
-
-/* Pricing Tables */
-.pricing-table {
- border: solid 1px #DDDDDD;
- margin-left: 0;
- margin-bottom: 1.25rem; }
- .pricing-table * {
- list-style: none;
- line-height: 1; }
- .pricing-table .title {
- background-color: #333333;
- padding: 0.9375rem 1.25rem;
- text-align: center;
- color: #EEEEEE;
- font-weight: normal;
- font-size: 1rem;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
- .pricing-table .price {
- background-color: #F6F6F6;
- padding: 0.9375rem 1.25rem;
- text-align: center;
- color: #333333;
- font-weight: normal;
- font-size: 2rem;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
- .pricing-table .description {
- background-color: #FFFFFF;
- padding: 0.9375rem;
- text-align: center;
- color: #777777;
- font-size: 0.75rem;
- font-weight: normal;
- line-height: 1.4;
- border-bottom: dotted 1px #DDDDDD; }
- .pricing-table .bullet-item {
- background-color: #FFFFFF;
- padding: 0.9375rem;
- text-align: center;
- color: #333333;
- font-size: 0.875rem;
- font-weight: normal;
- border-bottom: dotted 1px #DDDDDD; }
- .pricing-table .cta-button {
- background-color: #FFFFFF;
- text-align: center;
- padding: 1.25rem 1.25rem 0; }
-
-@-webkit-keyframes rotate {
- from {
- -webkit-transform: rotate(0deg); }
- to {
- -webkit-transform: rotate(360deg); } }
-@-moz-keyframes rotate {
- from {
- -moz-transform: rotate(0deg); }
- to {
- -moz-transform: rotate(360deg); } }
-@-o-keyframes rotate {
- from {
- -o-transform: rotate(0deg); }
- to {
- -o-transform: rotate(360deg); } }
-@keyframes rotate {
- from {
- transform: rotate(0deg); }
- to {
- transform: rotate(360deg); } }
-/* Orbit Graceful Loading */
-.slideshow-wrapper {
- position: relative; }
- .slideshow-wrapper ul {
- list-style-type: none;
- margin: 0; }
- .slideshow-wrapper ul li,
- .slideshow-wrapper ul li .orbit-caption {
- display: none; }
- .slideshow-wrapper ul li:first-child {
- display: block; }
- .slideshow-wrapper .orbit-container {
- background-color: transparent; }
- .slideshow-wrapper .orbit-container li {
- display: block; }
- .slideshow-wrapper .orbit-container li .orbit-caption {
- display: block; }
- .slideshow-wrapper .orbit-container .orbit-bullets li {
- display: inline-block; }
- .slideshow-wrapper .preloader {
- display: block;
- width: 40px;
- height: 40px;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -20px;
- margin-left: -20px;
- border: solid 3px;
- border-color: #555555 #FFFFFF;
- border-radius: 1000px;
- animation-name: rotate;
- animation-duration: 1.5s;
- animation-iteration-count: infinite;
- animation-timing-function: linear; }
-
-.orbit-container {
- overflow: hidden;
- width: 100%;
- position: relative;
- background: none; }
- .orbit-container .orbit-slides-container {
- list-style: none;
- margin: 0;
- padding: 0;
- position: relative;
- -webkit-transform: translateZ(0); }
- .orbit-container .orbit-slides-container img {
- display: block;
- max-width: 100%; }
- .orbit-container .orbit-slides-container > * {
- position: absolute;
- top: 0;
- width: 100%;
- margin-left: 100%; }
- .orbit-container .orbit-slides-container > *:first-child {
- margin-left: 0; }
- .orbit-container .orbit-slides-container > * .orbit-caption {
- position: absolute;
- bottom: 0;
- background-color: rgba(51, 51, 51, 0.8);
- color: #FFFFFF;
- width: 100%;
- padding: 0.625rem 0.875rem;
- font-size: 0.875rem; }
- .orbit-container .orbit-slide-number {
- position: absolute;
- top: 10px;
- left: 10px;
- font-size: 12px;
- color: #FFFFFF;
- background: transparent;
- z-index: 10; }
- .orbit-container .orbit-slide-number span {
- font-weight: 700;
- padding: 0.3125rem; }
- .orbit-container .orbit-timer {
- position: absolute;
- top: 12px;
- right: 10px;
- height: 6px;
- width: 100px;
- z-index: 10; }
- .orbit-container .orbit-timer .orbit-progress {
- height: 3px;
- background-color: rgba(255, 255, 255, 0.3);
- display: block;
- width: 0;
- position: relative;
- right: 20px;
- top: 5px; }
- .orbit-container .orbit-timer > span {
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- width: 11px;
- height: 14px;
- border: solid 4px #FFFFFF;
- border-top: none;
- border-bottom: none; }
- .orbit-container .orbit-timer.paused > span {
- right: -4px;
- top: 0;
- width: 11px;
- height: 14px;
- border: inset 8px;
- border-left-style: solid;
- border-color: transparent;
- border-left-color: #FFFFFF; }
- .orbit-container .orbit-timer.paused > span.dark {
- border-left-color: #333333; }
- .orbit-container:hover .orbit-timer > span {
- display: block; }
- .orbit-container .orbit-prev,
- .orbit-container .orbit-next {
- position: absolute;
- top: 45%;
- margin-top: -25px;
- width: 36px;
- height: 60px;
- line-height: 50px;
- color: white;
- background-color: transparent;
- text-indent: -9999px !important;
- z-index: 10; }
- .orbit-container .orbit-prev:hover,
- .orbit-container .orbit-next:hover {
- background-color: rgba(0, 0, 0, 0.3); }
- .orbit-container .orbit-prev > span,
- .orbit-container .orbit-next > span {
- position: absolute;
- top: 50%;
- margin-top: -10px;
- display: block;
- width: 0;
- height: 0;
- border: inset 10px; }
- .orbit-container .orbit-prev {
- left: 0; }
- .orbit-container .orbit-prev > span {
- border-right-style: solid;
- border-color: transparent;
- border-right-color: #FFFFFF; }
- .orbit-container .orbit-prev:hover > span {
- border-right-color: #FFFFFF; }
- .orbit-container .orbit-next {
- right: 0; }
- .orbit-container .orbit-next > span {
- border-color: transparent;
- border-left-style: solid;
- border-left-color: #FFFFFF;
- left: 50%;
- margin-left: -4px; }
- .orbit-container .orbit-next:hover > span {
- border-left-color: #FFFFFF; }
-
-.orbit-bullets-container {
- text-align: center; }
-
-.orbit-bullets {
- margin: 0 auto 30px auto;
- overflow: hidden;
- position: relative;
- top: 10px;
- float: none;
- text-align: center;
- display: block; }
- .orbit-bullets li {
- cursor: pointer;
- display: inline-block;
- width: 0.5625rem;
- height: 0.5625rem;
- background: #CCCCCC;
- float: none;
- margin-right: 6px;
- border-radius: 1000px; }
- .orbit-bullets li.active {
- background: #999999; }
- .orbit-bullets li:last-child {
- margin-right: 0; }
-
-.touch .orbit-container .orbit-prev,
-.touch .orbit-container .orbit-next {
- display: none; }
-.touch .orbit-bullets {
- display: none; }
-
-@media only screen and (min-width: 40.063em) {
- .touch .orbit-container .orbit-prev,
- .touch .orbit-container .orbit-next {
- display: inherit; }
- .touch .orbit-bullets {
- display: block; } }
-@media only screen and (max-width: 40em) {
- .orbit-stack-on-small .orbit-slides-container {
- height: auto !important; }
- .orbit-stack-on-small .orbit-slides-container > * {
- position: relative;
- margin: 0 !important;
- opacity: 1 !important; }
- .orbit-stack-on-small .orbit-slide-number {
- display: none; }
-
- .orbit-timer {
- display: none; }
-
- .orbit-next, .orbit-prev {
- display: none; }
-
- .orbit-bullets {
- display: none; } }
-[data-magellan-expedition], [data-magellan-expedition-clone] {
- background: #FFFFFF;
- z-index: 50;
- min-width: 100%;
- padding: 10px; }
- [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
- margin-bottom: 0; }
- [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
- margin-bottom: 0; }
- [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
- line-height: 1.8em; }
-
-.icon-bar {
- width: 100%;
- font-size: 0;
- display: inline-block;
- background: #333333; }
- .icon-bar > * {
- text-align: center;
- font-size: 1rem;
- width: 25%;
- margin: 0 auto;
- display: block;
- padding: 1.25rem;
- float: left; }
- .icon-bar > * i, .icon-bar > * img {
- display: block;
- margin: 0 auto; }
- .icon-bar > * i + label, .icon-bar > * img + label {
- margin-top: .0625rem; }
- .icon-bar > * i {
- font-size: 1.875rem;
- vertical-align: middle; }
- .icon-bar > * img {
- width: 1.875rem;
- height: 1.875rem; }
- .icon-bar.label-right > * i, .icon-bar.label-right > * img {
- margin: 0 .0625rem 0 0;
- display: inline-block; }
- .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
- margin-top: 0; }
- .icon-bar.label-right > * label {
- display: inline-block; }
- .icon-bar.vertical.label-right > * {
- text-align: left; }
- .icon-bar.vertical, .icon-bar.small-vertical {
- height: 100%;
- width: auto; }
- .icon-bar.vertical .item, .icon-bar.small-vertical .item {
- width: auto;
- margin: auto;
- float: none; }
- @media only screen and (min-width: 40.063em) {
- .icon-bar.medium-vertical {
- height: 100%;
- width: auto; }
- .icon-bar.medium-vertical .item {
- width: auto;
- margin: auto;
- float: none; } }
- @media only screen and (min-width: 64.063em) {
- .icon-bar.large-vertical {
- height: 100%;
- width: auto; }
- .icon-bar.large-vertical .item {
- width: auto;
- margin: auto;
- float: none; } }
- .icon-bar > * {
- font-size: 1rem;
- padding: 1.25rem; }
- .icon-bar > * i + label, .icon-bar > * img + label {
- margin-top: .0625rem; }
- .icon-bar > * i {
- font-size: 1.875rem; }
- .icon-bar > * img {
- width: 1.875rem;
- height: 1.875rem; }
- .icon-bar > * label {
- color: #FFFFFF; }
- .icon-bar > * i {
- color: #FFFFFF; }
- .icon-bar > a:hover {
- background: #008CBA; }
- .icon-bar > a:hover label {
- color: #FFFFFF; }
- .icon-bar > a:hover i {
- color: #FFFFFF; }
- .icon-bar > a.active {
- background: #008CBA; }
- .icon-bar > a.active label {
- color: #FFFFFF; }
- .icon-bar > a.active i {
- color: #FFFFFF; }
- .icon-bar .item.disabled {
- opacity: 0.7;
- cursor: not-allowed;
- pointer-events: none; }
- .icon-bar .item.disabled > * {
- opacity: 0.7;
- cursor: not-allowed; }
-
-.icon-bar.two-up .item {
- width: 50%; }
-.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.two-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.two-up.large-vertical .item {
- width: auto; } }
-.icon-bar.three-up .item {
- width: 33.3333%; }
-.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.three-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.three-up.large-vertical .item {
- width: auto; } }
-.icon-bar.four-up .item {
- width: 25%; }
-.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.four-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.four-up.large-vertical .item {
- width: auto; } }
-.icon-bar.five-up .item {
- width: 20%; }
-.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.five-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.five-up.large-vertical .item {
- width: auto; } }
-.icon-bar.six-up .item {
- width: 16.66667%; }
-.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.six-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.six-up.large-vertical .item {
- width: auto; } }
-.icon-bar.seven-up .item {
- width: 14.28571%; }
-.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.seven-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.seven-up.large-vertical .item {
- width: auto; } }
-.icon-bar.eight-up .item {
- width: 12.5%; }
-.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
- width: auto; }
-@media only screen and (min-width: 40.063em) {
- .icon-bar.eight-up.medium-vertical .item {
- width: auto; } }
-@media only screen and (min-width: 64.063em) {
- .icon-bar.eight-up.large-vertical .item {
- width: auto; } }
-
-.tabs {
- margin-bottom: 0 !important;
- margin-left: 0; }
- .tabs:before, .tabs:after {
- content: " ";
- display: table; }
- .tabs:after {
- clear: both; }
- .tabs dd, .tabs .tab-title {
- position: relative;
- margin-bottom: 0 !important;
- list-style: none;
- float: left; }
- .tabs dd > a, .tabs .tab-title > a {
- display: block;
- background-color: #EFEFEF;
- color: #222222;
- padding: 1rem 2rem;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-size: 1rem; }
- .tabs dd > a:hover, .tabs .tab-title > a:hover {
- background-color: #e1e1e1; }
- .tabs dd > a:focus, .tabs .tab-title > a:focus {
- outline: none; }
- .tabs dd.active a, .tabs .tab-title.active a {
- background-color: #FFFFFF;
- color: #222222; }
- .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px; }
- .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
- .tabs.vertical dd, .tabs.vertical .tab-title {
- position: inherit;
- float: none;
- display: block;
- top: auto; }
-
-.tabs-content {
- margin-bottom: 1.5rem;
- width: 100%; }
- .tabs-content:before, .tabs-content:after {
- content: " ";
- display: table; }
- .tabs-content:after {
- clear: both; }
- .tabs-content > .content {
- display: none;
- float: left;
- padding: 0.9375rem 0;
- width: 100%; }
- .tabs-content > .content.active {
- display: block;
- float: none; }
- .tabs-content > .content.contained {
- padding: 0.9375rem; }
- .tabs-content.vertical {
- display: block; }
- .tabs-content.vertical > .content {
- padding: 0 0.9375rem; }
-
-@media only screen and (min-width: 40.063em) {
- .tabs.vertical {
- width: 20%;
- max-width: 20%;
- float: left;
- margin: 0 0 1.25rem; }
-
- .tabs-content.vertical {
- width: 80%;
- max-width: 80%;
- float: left;
- margin-left: -1px;
- padding-left: 1rem; } }
-.no-js .tabs-content > .content {
- display: block;
- float: none; }
-
-ul.pagination {
- display: block;
- min-height: 1.5rem;
- margin-left: -0.3125rem; }
- ul.pagination li {
- height: 1.5rem;
- color: #222222;
- font-size: 0.875rem;
- margin-left: 0.3125rem; }
- ul.pagination li a, ul.pagination li button {
- display: block;
- padding: 0.0625rem 0.625rem 0.0625rem;
- color: #999999;
- background: none;
- border-radius: 3px;
- font-weight: normal;
- font-size: 1em;
- line-height: inherit;
- transition: background-color 300ms ease-out; }
- ul.pagination li:hover a,
- ul.pagination li a:focus, ul.pagination li:hover button,
- ul.pagination li button:focus {
- background: #e6e6e6; }
- ul.pagination li.unavailable a, ul.pagination li.unavailable button {
- cursor: default;
- color: #999999; }
- ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
- background: transparent; }
- ul.pagination li.current a, ul.pagination li.current button {
- background: #008CBA;
- color: #FFFFFF;
- font-weight: bold;
- cursor: default; }
- ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
- background: #008CBA; }
- ul.pagination li {
- float: left;
- display: block; }
-
-/* Pagination centred wrapper */
-.pagination-centered {
- text-align: center; }
- .pagination-centered ul.pagination li {
- float: none;
- display: inline-block; }
-
-.side-nav {
- display: block;
- margin: 0;
- padding: 0.875rem 0;
- list-style-type: none;
- list-style-position: outside;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
- .side-nav li {
- margin: 0 0 0.4375rem 0;
- font-size: 0.875rem;
- font-weight: normal; }
- .side-nav li a:not(.button) {
- display: block;
- color: #008CBA;
- margin: 0;
- padding: 0.4375rem 0.875rem; }
- .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
- background: rgba(0, 0, 0, 0.025);
- color: #1cc7ff; }
- .side-nav li.active > a:first-child:not(.button) {
- color: #1cc7ff;
- font-weight: normal;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
- .side-nav li.divider {
- border-top: 1px solid;
- height: 0;
- padding: 0;
- list-style: none;
- border-top-color: white; }
- .side-nav li.heading {
- color: #008CBA;
- font-size: 0.875rem;
- font-weight: bold;
- text-transform: uppercase; }
-
-.accordion {
- margin-bottom: 0; }
- .accordion:before, .accordion:after {
- content: " ";
- display: table; }
- .accordion:after {
- clear: both; }
- .accordion .accordion-navigation, .accordion dd {
- display: block;
- margin-bottom: 0 !important; }
- .accordion .accordion-navigation.active > a, .accordion dd.active > a {
- background: #e8e8e8; }
- .accordion .accordion-navigation > a, .accordion dd > a {
- background: #EFEFEF;
- color: #222222;
- padding: 1rem;
- display: block;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-size: 1rem; }
- .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
- background: #e3e3e3; }
- .accordion .accordion-navigation > .content, .accordion dd > .content {
- display: none;
- padding: 0.9375rem; }
- .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
- display: block;
- background: #FFFFFF; }
-
-.text-left {
- text-align: left !important; }
-
-.text-right {
- text-align: right !important; }
-
-.text-center {
- text-align: center !important; }
-
-.text-justify {
- text-align: justify !important; }
-
-@media only screen and (max-width: 40em) {
- .small-only-text-left {
- text-align: left !important; }
-
- .small-only-text-right {
- text-align: right !important; }
-
- .small-only-text-center {
- text-align: center !important; }
-
- .small-only-text-justify {
- text-align: justify !important; } }
-@media only screen {
- .small-text-left {
- text-align: left !important; }
-
- .small-text-right {
- text-align: right !important; }
-
- .small-text-center {
- text-align: center !important; }
-
- .small-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 40.063em) and (max-width: 64em) {
- .medium-only-text-left {
- text-align: left !important; }
-
- .medium-only-text-right {
- text-align: right !important; }
-
- .medium-only-text-center {
- text-align: center !important; }
-
- .medium-only-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 40.063em) {
- .medium-text-left {
- text-align: left !important; }
-
- .medium-text-right {
- text-align: right !important; }
-
- .medium-text-center {
- text-align: center !important; }
-
- .medium-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 64.063em) and (max-width: 90em) {
- .large-only-text-left {
- text-align: left !important; }
-
- .large-only-text-right {
- text-align: right !important; }
-
- .large-only-text-center {
- text-align: center !important; }
-
- .large-only-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 64.063em) {
- .large-text-left {
- text-align: left !important; }
-
- .large-text-right {
- text-align: right !important; }
-
- .large-text-center {
- text-align: center !important; }
-
- .large-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 90.063em) and (max-width: 120em) {
- .xlarge-only-text-left {
- text-align: left !important; }
-
- .xlarge-only-text-right {
- text-align: right !important; }
-
- .xlarge-only-text-center {
- text-align: center !important; }
-
- .xlarge-only-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 90.063em) {
- .xlarge-text-left {
- text-align: left !important; }
-
- .xlarge-text-right {
- text-align: right !important; }
-
- .xlarge-text-center {
- text-align: center !important; }
-
- .xlarge-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
- .xxlarge-only-text-left {
- text-align: left !important; }
-
- .xxlarge-only-text-right {
- text-align: right !important; }
-
- .xxlarge-only-text-center {
- text-align: center !important; }
-
- .xxlarge-only-text-justify {
- text-align: justify !important; } }
-@media only screen and (min-width: 120.063em) {
- .xxlarge-text-left {
- text-align: left !important; }
-
- .xxlarge-text-right {
- text-align: right !important; }
-
- .xxlarge-text-center {
- text-align: center !important; }
-
- .xxlarge-text-justify {
- text-align: justify !important; } }
-/* Typography resets */
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-form,
-p,
-blockquote,
-th,
-td {
- margin: 0;
- padding: 0; }
-
-/* Default Link Styles */
-a {
- color: #008CBA;
- text-decoration: none;
- line-height: inherit; }
- a:hover, a:focus {
- color: #0078a0; }
- a img {
- border: none; }
-
-/* Default paragraph styles */
-p {
- font-family: inherit;
- font-weight: normal;
- font-size: 1rem;
- line-height: 1.6;
- margin-bottom: 1.25rem;
- text-rendering: optimizeLegibility; }
- p.lead {
- font-size: 1.21875rem;
- line-height: 1.6; }
- p aside {
- font-size: 0.875rem;
- line-height: 1.35;
- font-style: italic; }
-
-/* Default header styles */
-h1, h2, h3, h4, h5, h6 {
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
- font-style: normal;
- color: #222222;
- text-rendering: optimizeLegibility;
- margin-top: 0.2rem;
- margin-bottom: 0.5rem;
- line-height: 1.4; }
- h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
- font-size: 60%;
- color: #6f6f6f;
- line-height: 0; }
-
-h1 {
- font-size: 2.125rem; }
-
-h2 {
- font-size: 1.6875rem; }
-
-h3 {
- font-size: 1.375rem; }
-
-h4 {
- font-size: 1.125rem; }
-
-h5 {
- font-size: 1.125rem; }
-
-h6 {
- font-size: 1rem; }
-
-.subheader {
- line-height: 1.4;
- color: #6f6f6f;
- font-weight: normal;
- margin-top: 0.2rem;
- margin-bottom: 0.5rem; }
-
-hr {
- border: solid #DDDDDD;
- border-width: 1px 0 0;
- clear: both;
- margin: 1.25rem 0 1.1875rem;
- height: 0; }
-
-/* Helpful Typography Defaults */
-em,
-i {
- font-style: italic;
- line-height: inherit; }
-
-strong,
-b {
- font-weight: bold;
- line-height: inherit; }
-
-small {
- font-size: 60%;
- line-height: inherit; }
-
-code {
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- font-weight: normal;
- color: #333333;
- background-color: #f8f8f8;
- border-width: 1px;
- border-style: solid;
- border-color: #dfdfdf;
- padding: 0.125rem 0.3125rem 0.0625rem; }
-
-/* Lists */
-ul,
-ol,
-dl {
- font-size: 1rem;
- line-height: 1.6;
- margin-bottom: 1.25rem;
- list-style-position: outside;
- font-family: inherit; }
-
-ul {
- margin-left: 1.1rem; }
- ul.no-bullet {
- margin-left: 0; }
- ul.no-bullet li ul,
- ul.no-bullet li ol {
- margin-left: 1.25rem;
- margin-bottom: 0;
- list-style: none; }
-
-/* Unordered Lists */
-ul li ul,
-ul li ol {
- margin-left: 1.25rem;
- margin-bottom: 0; }
-ul.square li ul, ul.circle li ul, ul.disc li ul {
- list-style: inherit; }
-ul.square {
- list-style-type: square;
- margin-left: 1.1rem; }
-ul.circle {
- list-style-type: circle;
- margin-left: 1.1rem; }
-ul.disc {
- list-style-type: disc;
- margin-left: 1.1rem; }
-ul.no-bullet {
- list-style: none; }
-
-/* Ordered Lists */
-ol {
- margin-left: 1.4rem; }
- ol li ul,
- ol li ol {
- margin-left: 1.25rem;
- margin-bottom: 0; }
-
-/* Definition Lists */
-dl dt {
- margin-bottom: 0.3rem;
- font-weight: bold; }
-dl dd {
- margin-bottom: 0.75rem; }
-
-/* Abbreviations */
-abbr,
-acronym {
- text-transform: uppercase;
- font-size: 90%;
- color: #222;
- cursor: help; }
-
-abbr {
- text-transform: none; }
- abbr[title] {
- border-bottom: 1px dotted #DDDDDD; }
-
-/* Blockquotes */
-blockquote {
- margin: 0 0 1.25rem;
- padding: 0.5625rem 1.25rem 0 1.1875rem;
- border-left: 1px solid #DDDDDD; }
- blockquote cite {
- display: block;
- font-size: 0.8125rem;
- color: #555555; }
- blockquote cite:before {
- content: "\2014 \0020"; }
- blockquote cite a,
- blockquote cite a:visited {
- color: #555555; }
-
-blockquote,
-blockquote p {
- line-height: 1.6;
- color: #6f6f6f; }
-
-/* Microformats */
-.vcard {
- display: inline-block;
- margin: 0 0 1.25rem 0;
- border: 1px solid #DDDDDD;
- padding: 0.625rem 0.75rem; }
- .vcard li {
- margin: 0;
- display: block; }
- .vcard .fn {
- font-weight: bold;
- font-size: 0.9375rem; }
-
-.vevent .summary {
- font-weight: bold; }
-.vevent abbr {
- cursor: default;
- text-decoration: none;
- font-weight: bold;
- border: none;
- padding: 0 0.0625rem; }
-
-@media only screen and (min-width: 40.063em) {
- h1, h2, h3, h4, h5, h6 {
- line-height: 1.4; }
-
- h1 {
- font-size: 2.75rem; }
-
- h2 {
- font-size: 2.3125rem; }
-
- h3 {
- font-size: 1.6875rem; }
-
- h4 {
- font-size: 1.4375rem; }
-
- h5 {
- font-size: 1.125rem; }
-
- h6 {
- font-size: 1rem; } }
-.split.button {
- position: relative;
- padding-right: 5.0625rem; }
- .split.button span {
- display: block;
- height: 100%;
- position: absolute;
- right: 0;
- top: 0;
- border-left: solid 1px; }
- .split.button span:after {
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- display: block;
- border-style: inset;
- top: 50%;
- left: 50%; }
- .split.button span:active {
- background-color: rgba(0, 0, 0, 0.1); }
- .split.button span {
- border-left-color: rgba(255, 255, 255, 0.5); }
- .split.button span {
- width: 3.09375rem; }
- .split.button span:after {
- border-top-style: solid;
- border-width: 0.375rem;
- top: 48%;
- margin-left: -0.375rem; }
- .split.button span:after {
- border-color: #FFFFFF transparent transparent transparent; }
- .split.button.secondary span {
- border-left-color: rgba(255, 255, 255, 0.5); }
- .split.button.secondary span:after {
- border-color: #FFFFFF transparent transparent transparent; }
- .split.button.alert span {
- border-left-color: rgba(255, 255, 255, 0.5); }
- .split.button.success span {
- border-left-color: rgba(255, 255, 255, 0.5); }
- .split.button.tiny {
- padding-right: 3.75rem; }
- .split.button.tiny span {
- width: 2.25rem; }
- .split.button.tiny span:after {
- border-top-style: solid;
- border-width: 0.375rem;
- top: 48%;
- margin-left: -0.375rem; }
- .split.button.small {
- padding-right: 4.375rem; }
- .split.button.small span {
- width: 2.625rem; }
- .split.button.small span:after {
- border-top-style: solid;
- border-width: 0.4375rem;
- top: 48%;
- margin-left: -0.375rem; }
- .split.button.large {
- padding-right: 5.5rem; }
- .split.button.large span {
- width: 3.4375rem; }
- .split.button.large span:after {
- border-top-style: solid;
- border-width: 0.3125rem;
- top: 48%;
- margin-left: -0.375rem; }
- .split.button.expand {
- padding-left: 2rem; }
- .split.button.secondary span:after {
- border-color: #333333 transparent transparent transparent; }
- .split.button.radius span {
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px; }
- .split.button.round span {
- -webkit-border-bottom-right-radius: 1000px;
- -webkit-border-top-right-radius: 1000px;
- border-bottom-right-radius: 1000px;
- border-top-right-radius: 1000px; }
- .split.button.no-pip span:before {
- border-style: none; }
- .split.button.no-pip span:after {
- border-style: none; }
- .split.button.no-pip span > i {
- top: 50%;
- display: block;
- position: absolute;
- left: 50%;
- margin-left: -0.28889em;
- margin-top: -0.48889em; }
-
-.reveal-modal-bg {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: #000000;
- background: rgba(0, 0, 0, 0.45);
- z-index: 1004;
- display: none;
- left: 0; }
-
-.reveal-modal {
- visibility: hidden;
- display: none;
- position: absolute;
- z-index: 1005;
- width: 100%;
- top: 0;
- border-radius: 3px;
- left: 0;
- background-color: #FFFFFF;
- padding: 1.875rem;
- border: solid 1px #666666;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
- @media only screen and (max-width: 40em) {
- .reveal-modal {
- min-height: 100vh; } }
- .reveal-modal .column, .reveal-modal .columns {
- min-width: 0; }
- .reveal-modal > :first-child {
- margin-top: 0; }
- .reveal-modal > :last-child {
- margin-bottom: 0; }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal {
- width: 80%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal {
- top: 6.25rem; } }
- .reveal-modal.radius {
- border-radius: 3px; }
- .reveal-modal.round {
- border-radius: 1000px; }
- .reveal-modal.collapse {
- padding: 0; }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.tiny {
- width: 30%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.small {
- width: 40%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.medium {
- width: 60%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.large {
- width: 70%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.xlarge {
- width: 95%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- .reveal-modal.full {
- top: 0;
- left: 0;
- height: 100%;
- height: 100vh;
- min-height: 100vh;
- max-width: none !important;
- margin-left: 0 !important; }
- @media only screen and (min-width: 40.063em) {
- .reveal-modal.full {
- width: 100%;
- max-width: 62.5rem;
- left: 0;
- right: 0;
- margin: 0 auto; } }
- .reveal-modal.toback {
- z-index: 1003; }
- .reveal-modal .close-reveal-modal {
- font-size: 2.5rem;
- line-height: 1;
- position: absolute;
- top: 0.625rem;
- right: 1.375rem;
- color: #AAAAAA;
- font-weight: bold;
- cursor: pointer; }
-
-/* Tooltips */
-.has-tip {
- border-bottom: dotted 1px #CCCCCC;
- cursor: help;
- font-weight: bold;
- color: #333333; }
- .has-tip:hover, .has-tip:focus {
- border-bottom: dotted 1px #003f54;
- color: #008CBA; }
- .has-tip.tip-left, .has-tip.tip-right {
- float: none !important; }
-
-.tooltip {
- display: none;
- position: absolute;
- z-index: 1006;
- font-weight: normal;
- font-size: 0.875rem;
- line-height: 1.3;
- padding: 0.75rem;
- max-width: 300px;
- left: 50%;
- width: 100%;
- color: #FFFFFF;
- background: #333333; }
- .tooltip > .nub {
- display: block;
- left: 5px;
- position: absolute;
- width: 0;
- height: 0;
- border: solid 5px;
- border-color: transparent transparent #333333 transparent;
- top: -10px;
- pointer-events: none; }
- .tooltip > .nub.rtl {
- left: auto;
- right: 5px; }
- .tooltip.radius {
- border-radius: 3px; }
- .tooltip.round {
- border-radius: 1000px; }
- .tooltip.round > .nub {
- left: 2rem; }
- .tooltip.opened {
- color: #008CBA !important;
- border-bottom: dotted 1px #003f54 !important; }
-
-.tap-to-close {
- display: block;
- font-size: 0.625rem;
- color: #777777;
- font-weight: normal; }
-
-@media only screen and (min-width: 40.063em) {
- .tooltip > .nub {
- border-color: transparent transparent #333333 transparent;
- top: -10px; }
- .tooltip.tip-top > .nub {
- border-color: #333333 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 #333333;
- right: -10px;
- left: auto;
- top: 50%;
- margin-top: -5px; }
- .tooltip.tip-right > .nub {
- border-color: transparent #333333 transparent transparent;
- right: auto;
- left: -10px;
- top: 50%;
- margin-top: -5px; } }
-/* Clearing Styles */
-.clearing-thumbs, [data-clearing] {
- margin-bottom: 0;
- margin-left: 0;
- list-style: none; }
- .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
- content: " ";
- display: table; }
- .clearing-thumbs:after, [data-clearing]:after {
- clear: both; }
- .clearing-thumbs li, [data-clearing] li {
- float: left;
- margin-right: 10px; }
- .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
- margin-right: 0; }
-
-.clearing-blackout {
- background: #333333;
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 998; }
- .clearing-blackout .clearing-close {
- display: block; }
-
-.clearing-container {
- position: relative;
- z-index: 998;
- height: 100%;
- overflow: hidden;
- margin: 0; }
-
-.clearing-touch-label {
- position: absolute;
- top: 50%;
- left: 50%;
- color: #AAAAAA;
- font-size: 0.6em; }
-
-.visible-img {
- height: 95%;
- position: relative; }
- .visible-img img {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translateY(-50%) translateX(-50%);
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- max-height: 100%;
- max-width: 100%; }
-
-.clearing-caption {
- color: #CCCCCC;
- font-size: 0.875em;
- line-height: 1.3;
- margin-bottom: 0;
- text-align: center;
- bottom: 0;
- background: #333333;
- width: 100%;
- padding: 10px 30px 20px;
- position: absolute;
- left: 0; }
-
-.clearing-close {
- z-index: 999;
- padding-left: 20px;
- padding-top: 10px;
- font-size: 30px;
- line-height: 1;
- color: #CCCCCC;
- display: none; }
- .clearing-close:hover, .clearing-close:focus {
- color: #CCCCCC; }
-
-.clearing-assembled .clearing-container {
- height: 100%; }
- .clearing-assembled .clearing-container .carousel > ul {
- display: none; }
-
-.clearing-feature li {
- display: none; }
- .clearing-feature li.clearing-featured-img {
- display: block; }
-
-@media only screen and (min-width: 40.063em) {
- .clearing-main-prev,
- .clearing-main-next {
- position: absolute;
- height: 100%;
- width: 40px;
- top: 0; }
- .clearing-main-prev > span,
- .clearing-main-next > span {
- position: absolute;
- top: 50%;
- display: block;
- width: 0;
- height: 0;
- border: solid 12px; }
- .clearing-main-prev > span:hover,
- .clearing-main-next > span:hover {
- opacity: 0.8; }
-
- .clearing-main-prev {
- left: 0; }
- .clearing-main-prev > span {
- left: 5px;
- border-color: transparent;
- border-right-color: #CCCCCC; }
-
- .clearing-main-next {
- right: 0; }
- .clearing-main-next > span {
- border-color: transparent;
- border-left-color: #CCCCCC; }
-
- .clearing-main-prev.disabled,
- .clearing-main-next.disabled {
- opacity: 0.3; }
-
- .clearing-assembled .clearing-container .carousel {
- background: rgba(51, 51, 51, 0.8);
- height: 120px;
- margin-top: 10px;
- text-align: center; }
- .clearing-assembled .clearing-container .carousel > ul {
- display: inline-block;
- z-index: 999;
- height: 100%;
- position: relative;
- float: none; }
- .clearing-assembled .clearing-container .carousel > ul li {
- display: block;
- width: 120px;
- min-height: inherit;
- float: left;
- overflow: hidden;
- margin-right: 0;
- padding: 0;
- position: relative;
- cursor: pointer;
- opacity: 0.4;
- clear: none; }
- .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
- height: 100%;
- max-width: none; }
- .clearing-assembled .clearing-container .carousel > ul li a.th {
- border: none;
- box-shadow: none;
- display: block; }
- .clearing-assembled .clearing-container .carousel > ul li img {
- cursor: pointer !important;
- width: 100% !important; }
- .clearing-assembled .clearing-container .carousel > ul li.visible {
- opacity: 1; }
- .clearing-assembled .clearing-container .carousel > ul li:hover {
- opacity: 0.8; }
- .clearing-assembled .clearing-container .visible-img {
- background: #333333;
- overflow: hidden;
- height: 85%; }
-
- .clearing-close {
- position: absolute;
- top: 10px;
- right: 20px;
- padding-left: 0;
- padding-top: 0; } }
-/* Progress Bar */
-.progress {
- background-color: #F6F6F6;
- height: 1.5625rem;
- border: 1px solid white;
- padding: 0.125rem;
- margin-bottom: 0.625rem; }
- .progress .meter {
- background: #008CBA;
- height: 100%;
- display: block; }
- .progress.secondary .meter {
- background: #e7e7e7;
- height: 100%;
- display: block; }
- .progress.success .meter {
- background: #43AC6A;
- height: 100%;
- display: block; }
- .progress.alert .meter {
- background: #f04124;
- height: 100%;
- display: block; }
- .progress.radius {
- border-radius: 3px; }
- .progress.radius .meter {
- border-radius: 2px; }
- .progress.round {
- border-radius: 1000px; }
- .progress.round .meter {
- border-radius: 999px; }
-
-.sub-nav {
- display: block;
- width: auto;
- overflow: hidden;
- margin-bottom: -0.25rem 0 1.125rem;
- padding-top: 0.25rem; }
- .sub-nav dt {
- text-transform: uppercase; }
- .sub-nav dt,
- .sub-nav dd,
- .sub-nav li {
- float: left;
- margin-left: 1rem;
- margin-bottom: 0;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
- font-size: 0.875rem;
- color: #999999; }
- .sub-nav dt a,
- .sub-nav dd a,
- .sub-nav li a {
- text-decoration: none;
- color: #999999;
- padding: 0.1875rem 1rem; }
- .sub-nav dt a:hover,
- .sub-nav dd a:hover,
- .sub-nav li a:hover {
- color: #737373; }
- .sub-nav dt.active a,
- .sub-nav dd.active a,
- .sub-nav li.active a {
- border-radius: 3px;
- font-weight: normal;
- background: #008CBA;
- padding: 0.1875rem 1rem;
- cursor: default;
- color: #FFFFFF; }
- .sub-nav dt.active a:hover,
- .sub-nav dd.active a:hover,
- .sub-nav li.active a:hover {
- background: #0078a0; }
-
-/* Foundation Joyride */
-.joyride-list {
- display: none; }
-
-/* Default styles for the container */
-.joyride-tip-guide {
- display: none;
- position: absolute;
- background: #333333;
- color: #FFFFFF;
- 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.125rem 1.25rem 1.5rem; }
- .joyride-content-wrapper .button {
- margin-bottom: 0 !important; }
- .joyride-content-wrapper .joyride-prev-tip {
- margin-right: 10px; }
-
-/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
-.joyride-tip-guide .joyride-nub {
- display: block;
- position: absolute;
- left: 22px;
- width: 0;
- height: 0;
- border: 10px solid #333333; }
- .joyride-tip-guide .joyride-nub.top {
- border-top-style: solid;
- border-color: #333333;
- border-top-color: transparent !important;
- border-left-color: transparent !important;
- border-right-color: transparent !important;
- top: -20px; }
- .joyride-tip-guide .joyride-nub.bottom {
- border-bottom-style: solid;
- border-color: #333333 !important;
- border-bottom-color: transparent !important;
- border-left-color: transparent !important;
- border-right-color: transparent !important;
- bottom: -20px; }
- .joyride-tip-guide .joyride-nub.right {
- right: -20px; }
- .joyride-tip-guide .joyride-nub.left {
- left: -20px; }
-
-/* Typography */
-.joyride-tip-guide h1,
-.joyride-tip-guide h2,
-.joyride-tip-guide h3,
-.joyride-tip-guide h4,
-.joyride-tip-guide h5,
-.joyride-tip-guide h6 {
- line-height: 1.25;
- margin: 0;
- font-weight: bold;
- color: #FFFFFF; }
-
-.joyride-tip-guide p {
- margin: 0 0 1.125rem 0;
- font-size: 0.875rem;
- line-height: 1.3; }
-
-.joyride-timer-indicator-wrap {
- width: 50px;
- height: 3px;
- border: solid 1px #555555;
- position: absolute;
- right: 1.0625rem;
- bottom: 1rem; }
-
-.joyride-timer-indicator {
- display: block;
- width: 0;
- height: inherit;
- background: #666666; }
-
-.joyride-close-tip {
- position: absolute;
- right: 12px;
- top: 10px;
- color: #777777 !important;
- text-decoration: none;
- font-size: 24px;
- font-weight: normal;
- line-height: .5 !important; }
- .joyride-close-tip:hover, .joyride-close-tip:focus {
- color: #EEEEEE !important; }
-
-.joyride-modal-bg {
- position: fixed;
- height: 100%;
- width: 100%;
- background: transparent;
- background: rgba(0, 0, 0, 0.5);
- z-index: 100;
- display: none;
- top: 0;
- left: 0;
- cursor: pointer; }
-
-.joyride-expose-wrapper {
- background-color: #FFFFFF;
- position: absolute;
- border-radius: 3px;
- z-index: 102;
- box-shadow: 0 0 15px #FFFFFF; }
-
-.joyride-expose-cover {
- background: transparent;
- border-radius: 3px;
- position: absolute;
- z-index: 9999;
- top: 0;
- left: 0; }
-
-/* Styles for screens that are at least 768px; */
-@media only screen and (min-width: 40.063em) {
- .joyride-tip-guide {
- width: 300px;
- left: inherit; }
- .joyride-tip-guide .joyride-nub.bottom {
- border-color: #333333 !important;
- border-bottom-color: transparent !important;
- border-left-color: transparent !important;
- border-right-color: transparent !important;
- bottom: -20px; }
- .joyride-tip-guide .joyride-nub.right {
- border-color: #333333 !important;
- border-top-color: transparent !important;
- border-right-color: transparent !important;
- border-bottom-color: transparent !important;
- top: 22px;
- left: auto;
- right: -20px; }
- .joyride-tip-guide .joyride-nub.left {
- border-color: #333333 !important;
- border-top-color: transparent !important;
- border-left-color: transparent !important;
- border-bottom-color: transparent !important;
- top: 22px;
- left: -20px;
- right: auto; } }
-.label {
- font-weight: normal;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- text-align: center;
- text-decoration: none;
- line-height: 1;
- white-space: nowrap;
- display: inline-block;
- position: relative;
- margin-bottom: auto;
- padding: 0.25rem 0.5rem 0.25rem;
- font-size: 0.6875rem;
- background-color: #008CBA;
- color: #FFFFFF; }
- .label.radius {
- border-radius: 3px; }
- .label.round {
- border-radius: 1000px; }
- .label.alert {
- background-color: #f04124;
- color: #FFFFFF; }
- .label.warning {
- background-color: #f08a24;
- color: #FFFFFF; }
- .label.success {
- background-color: #43AC6A;
- color: #FFFFFF; }
- .label.secondary {
- background-color: #e7e7e7;
- color: #333333; }
- .label.info {
- background-color: #a0d3e8;
- color: #333333; }
-
-.off-canvas-wrap {
- -webkit-backface-visibility: hidden;
- position: relative;
- width: 100%;
- overflow: hidden; }
- .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
- min-height: 100%;
- -webkit-overflow-scrolling: touch; }
-
-.inner-wrap {
- position: relative;
- width: 100%;
- -webkit-transition: -webkit-transform 500ms ease;
- -moz-transition: -moz-transform 500ms ease;
- -ms-transition: -ms-transform 500ms ease;
- -o-transition: -o-transform 500ms ease;
- transition: transform 500ms ease; }
- .inner-wrap:before, .inner-wrap:after {
- content: " ";
- display: table; }
- .inner-wrap:after {
- clear: both; }
-
-.tab-bar {
- -webkit-backface-visibility: hidden;
- background: #333333;
- color: #FFFFFF;
- height: 2.8125rem;
- line-height: 2.8125rem;
- position: relative; }
- .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
- color: #FFFFFF;
- font-weight: bold;
- line-height: 2.8125rem;
- margin: 0; }
- .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
- font-size: 1.125rem; }
-
-.left-small {
- width: 2.8125rem;
- height: 2.8125rem;
- position: absolute;
- top: 0;
- border-right: solid 1px #1a1a1a;
- left: 0; }
-
-.right-small {
- width: 2.8125rem;
- height: 2.8125rem;
- position: absolute;
- top: 0;
- border-left: solid 1px #1a1a1a;
- right: 0; }
-
-.tab-bar-section {
- padding: 0 0.625rem;
- position: absolute;
- text-align: center;
- height: 2.8125rem;
- top: 0; }
- @media only screen and (min-width: 40.063em) {
- .tab-bar-section.left {
- text-align: left; }
- .tab-bar-section.right {
- text-align: right; } }
- .tab-bar-section.left {
- left: 0;
- right: 2.8125rem; }
- .tab-bar-section.right {
- left: 2.8125rem;
- right: 0; }
- .tab-bar-section.middle {
- left: 2.8125rem;
- right: 2.8125rem; }
-
-.tab-bar .menu-icon {
- text-indent: 2.1875rem;
- width: 2.8125rem;
- height: 2.8125rem;
- display: block;
- padding: 0;
- color: #FFFFFF;
- position: relative;
- transform: translate3d(0, 0, 0); }
- .tab-bar .menu-icon span::after {
- content: "";
- position: absolute;
- display: block;
- height: 0;
- top: 50%;
- margin-top: -0.5rem;
- left: 0.90625rem;
- box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
- width: 1rem; }
- .tab-bar .menu-icon span:hover:after {
- box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
-
-.left-off-canvas-menu {
- -webkit-backface-visibility: hidden;
- width: 15.625rem;
- top: 0;
- bottom: 0;
- position: absolute;
- overflow-x: hidden;
- overflow-y: auto;
- background: #333333;
- z-index: 1001;
- box-sizing: content-box;
- transition: transform 500ms ease 0s;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(-100%, 0);
- -webkit-transform: translate3d(-100%, 0, 0);
- -moz-transform: translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0);
- -o-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- left: 0; }
- .left-off-canvas-menu * {
- -webkit-backface-visibility: hidden; }
-
-.right-off-canvas-menu {
- -webkit-backface-visibility: hidden;
- width: 15.625rem;
- top: 0;
- bottom: 0;
- position: absolute;
- overflow-x: hidden;
- overflow-y: auto;
- background: #333333;
- z-index: 1001;
- box-sizing: content-box;
- transition: transform 500ms ease 0s;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(100%, 0);
- -webkit-transform: translate3d(100%, 0, 0);
- -moz-transform: translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0);
- -o-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- right: 0; }
- .right-off-canvas-menu * {
- -webkit-backface-visibility: hidden; }
-
-ul.off-canvas-list {
- list-style-type: none;
- padding: 0;
- margin: 0; }
- ul.off-canvas-list li label {
- display: block;
- padding: 0.3rem 0.9375rem;
- color: #999999;
- text-transform: uppercase;
- font-size: 0.75rem;
- font-weight: bold;
- background: #444444;
- border-top: 1px solid #5e5e5e;
- border-bottom: none;
- margin: 0; }
- ul.off-canvas-list li a {
- display: block;
- padding: 0.66667rem;
- color: rgba(255, 255, 255, 0.7);
- border-bottom: 1px solid #262626;
- transition: background 300ms ease; }
- ul.off-canvas-list li a:hover {
- background: #242424; }
-
-.move-right > .inner-wrap {
- -ms-transform: translate(15.625rem, 0);
- -webkit-transform: translate3d(15.625rem, 0, 0);
- -moz-transform: translate3d(15.625rem, 0, 0);
- -ms-transform: translate3d(15.625rem, 0, 0);
- -o-transform: translate3d(15.625rem, 0, 0);
- transform: translate3d(15.625rem, 0, 0); }
-.move-right .exit-off-canvas {
- -webkit-backface-visibility: hidden;
- transition: background 300ms ease;
- cursor: pointer;
- box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent; }
- @media only screen and (min-width: 40.063em) {
- .move-right .exit-off-canvas:hover {
- background: rgba(255, 255, 255, 0.05); } }
-
-.move-left > .inner-wrap {
- -ms-transform: translate(-15.625rem, 0);
- -webkit-transform: translate3d(-15.625rem, 0, 0);
- -moz-transform: translate3d(-15.625rem, 0, 0);
- -ms-transform: translate3d(-15.625rem, 0, 0);
- -o-transform: translate3d(-15.625rem, 0, 0);
- transform: translate3d(-15.625rem, 0, 0); }
-.move-left .exit-off-canvas {
- -webkit-backface-visibility: hidden;
- transition: background 300ms ease;
- cursor: pointer;
- box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent; }
- @media only screen and (min-width: 40.063em) {
- .move-left .exit-off-canvas:hover {
- background: rgba(255, 255, 255, 0.05); } }
-
-.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
- -ms-transform: none;
- -webkit-transform: none;
- -moz-transform: none;
- -o-transform: none;
- transform: none;
- z-index: 1003; }
-.offcanvas-overlap .exit-off-canvas {
- -webkit-backface-visibility: hidden;
- transition: background 300ms ease;
- cursor: pointer;
- box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent; }
- @media only screen and (min-width: 40.063em) {
- .offcanvas-overlap .exit-off-canvas:hover {
- background: rgba(255, 255, 255, 0.05); } }
-
-.offcanvas-overlap-left .right-off-canvas-menu {
- -ms-transform: none;
- -webkit-transform: none;
- -moz-transform: none;
- -o-transform: none;
- transform: none;
- z-index: 1003; }
-.offcanvas-overlap-left .exit-off-canvas {
- -webkit-backface-visibility: hidden;
- transition: background 300ms ease;
- cursor: pointer;
- box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent; }
- @media only screen and (min-width: 40.063em) {
- .offcanvas-overlap-left .exit-off-canvas:hover {
- background: rgba(255, 255, 255, 0.05); } }
-
-.offcanvas-overlap-right .left-off-canvas-menu {
- -ms-transform: none;
- -webkit-transform: none;
- -moz-transform: none;
- -o-transform: none;
- transform: none;
- z-index: 1003; }
-.offcanvas-overlap-right .exit-off-canvas {
- -webkit-backface-visibility: hidden;
- transition: background 300ms ease;
- cursor: pointer;
- box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.2);
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- -webkit-tap-highlight-color: transparent; }
- @media only screen and (min-width: 40.063em) {
- .offcanvas-overlap-right .exit-off-canvas:hover {
- background: rgba(255, 255, 255, 0.05); } }
-
-.no-csstransforms .left-off-canvas-menu {
- left: -15.625rem; }
-.no-csstransforms .right-off-canvas-menu {
- right: -15.625rem; }
-.no-csstransforms .move-left > .inner-wrap {
- right: 15.625rem; }
-.no-csstransforms .move-right > .inner-wrap {
- left: 15.625rem; }
-
-.left-submenu {
- -webkit-backface-visibility: hidden;
- width: 15.625rem;
- top: 0;
- bottom: 0;
- position: absolute;
- margin: 0;
- overflow-x: hidden;
- overflow-y: auto;
- background: #333333;
- z-index: 1002;
- box-sizing: content-box;
- -webkit-overflow-scrolling: touch;
- -ms-transform: translate(-100%, 0);
- -webkit-transform: translate3d(-100%, 0, 0);
- -moz-transform: translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0);
- -o-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- left: 0;
- -webkit-transition: -webkit-transform 500ms ease;
- -moz-transition: -moz-transform 500ms ease;
- -ms-transition: -ms-transform 500ms ease;
- -o-transition: -o-transform 500ms ease;
- transition: transform 500ms ease; }
- .left-submenu * {
- -webkit-backface-visibility: hidden; }
- .left-submenu .back > a {
- padding: 0.3rem 0.9375rem;
- color: #999999;
- text-transform: uppercase;
- font-weight: bold;
- background: #444;
- border-top: 1px solid #5e5e5e;
- border-bottom: none;
- margin: 0; }
- .left-submenu .back > a:hover {
- background: #303030;
- border-top: 1px solid #5e5e5e;
- border-bottom: none; }
- .left-submenu .back > a:before {
- content: "\AB";
- margin-right: 0.5rem;
- display: inline; }
- .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
- -ms-transform: translate(0%, 0);
- -webkit-transform: translate3d(0%, 0, 0);
- -moz-transform: translate3d(0%, 0, 0);
- -ms-transform: translate3d(0%, 0, 0);
- -o-transform: translate3d(0%, 0, 0);
- transform: translate3d(0%, 0, 0); }
-
-.right-submenu {
- -webkit-backface-visibility: hidden;
- width: 15.625rem;
- top: 0;
- bottom: 0;
- position: absolute;
- margin: 0;
- overflow-x: hidden;
- overflow-y: auto;
- background: #333333;
- z-index: 1002;
- box-sizing: content-box;
- -webkit-overflow-scrolling: touch;
- -ms-transform: translate(100%, 0);
- -webkit-transform: translate3d(100%, 0, 0);
- -moz-transform: translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0);
- -o-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- right: 0;
- -webkit-transition: -webkit-transform 500ms ease;
- -moz-transition: -moz-transform 500ms ease;
- -ms-transition: -ms-transform 500ms ease;
- -o-transition: -o-transform 500ms ease;
- transition: transform 500ms ease; }
- .right-submenu * {
- -webkit-backface-visibility: hidden; }
- .right-submenu .back > a {
- padding: 0.3rem 0.9375rem;
- color: #999999;
- text-transform: uppercase;
- font-weight: bold;
- background: #444;
- border-top: 1px solid #5e5e5e;
- border-bottom: none;
- margin: 0; }
- .right-submenu .back > a:hover {
- background: #303030;
- border-top: 1px solid #5e5e5e;
- border-bottom: none; }
- .right-submenu .back > a:after {
- content: "\BB";
- margin-left: 0.5rem;
- display: inline; }
- .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
- -ms-transform: translate(0%, 0);
- -webkit-transform: translate3d(0%, 0, 0);
- -moz-transform: translate3d(0%, 0, 0);
- -ms-transform: translate3d(0%, 0, 0);
- -o-transform: translate3d(0%, 0, 0);
- transform: translate3d(0%, 0, 0); }
-
-.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
- content: "\BB";
- margin-left: 0.5rem;
- display: inline; }
-
-.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
- content: "\AB";
- margin-right: 0.5rem;
- display: inline; }
-
-/* Foundation Dropdowns */
-.f-dropdown {
- position: absolute;
- left: -9999px;
- list-style: none;
- margin-left: 0;
- outline: none;
- width: 100%;
- max-height: none;
- height: auto;
- background: #FFFFFF;
- border: solid 1px #cccccc;
- font-size: 0.875rem;
- z-index: 89;
- 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: inset 6px;
- border-color: transparent transparent #FFFFFF transparent;
- border-bottom-style: solid;
- position: absolute;
- top: -12px;
- left: 10px;
- z-index: 89; }
- .f-dropdown:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 7px;
- border-color: transparent transparent #cccccc transparent;
- border-bottom-style: solid;
- position: absolute;
- top: -14px;
- left: 9px;
- z-index: 88; }
- .f-dropdown.right:before {
- left: auto;
- right: 10px; }
- .f-dropdown.right:after {
- left: auto;
- right: 9px; }
- .f-dropdown.drop-right {
- position: absolute;
- left: -9999px;
- list-style: none;
- margin-left: 0;
- outline: none;
- width: 100%;
- max-height: none;
- height: auto;
- background: #FFFFFF;
- border: solid 1px #cccccc;
- font-size: 0.875rem;
- z-index: 89;
- margin-top: 0;
- margin-left: 2px;
- max-width: 200px; }
- .f-dropdown.drop-right > *:first-child {
- margin-top: 0; }
- .f-dropdown.drop-right > *:last-child {
- margin-bottom: 0; }
- .f-dropdown.drop-right:before {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- border-color: transparent #FFFFFF transparent transparent;
- border-right-style: solid;
- position: absolute;
- top: 10px;
- left: -12px;
- z-index: 89; }
- .f-dropdown.drop-right:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 7px;
- border-color: transparent #cccccc transparent transparent;
- border-right-style: solid;
- position: absolute;
- top: 9px;
- left: -14px;
- z-index: 88; }
- .f-dropdown.drop-left {
- position: absolute;
- left: -9999px;
- list-style: none;
- margin-left: 0;
- outline: none;
- width: 100%;
- max-height: none;
- height: auto;
- background: #FFFFFF;
- border: solid 1px #cccccc;
- font-size: 0.875rem;
- z-index: 89;
- margin-top: 0;
- margin-left: -2px;
- max-width: 200px; }
- .f-dropdown.drop-left > *:first-child {
- margin-top: 0; }
- .f-dropdown.drop-left > *:last-child {
- margin-bottom: 0; }
- .f-dropdown.drop-left:before {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- border-color: transparent transparent transparent #FFFFFF;
- border-left-style: solid;
- position: absolute;
- top: 10px;
- right: -12px;
- left: auto;
- z-index: 89; }
- .f-dropdown.drop-left:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 7px;
- border-color: transparent transparent transparent #cccccc;
- border-left-style: solid;
- position: absolute;
- top: 9px;
- right: -14px;
- left: auto;
- z-index: 88; }
- .f-dropdown.drop-top {
- position: absolute;
- left: -9999px;
- list-style: none;
- margin-left: 0;
- outline: none;
- width: 100%;
- max-height: none;
- height: auto;
- background: #FFFFFF;
- border: solid 1px #cccccc;
- font-size: 0.875rem;
- z-index: 89;
- margin-top: -2px;
- margin-left: 0;
- max-width: 200px; }
- .f-dropdown.drop-top > *:first-child {
- margin-top: 0; }
- .f-dropdown.drop-top > *:last-child {
- margin-bottom: 0; }
- .f-dropdown.drop-top:before {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- border-color: #FFFFFF transparent transparent transparent;
- border-top-style: solid;
- position: absolute;
- top: auto;
- bottom: -12px;
- left: 10px;
- right: auto;
- z-index: 89; }
- .f-dropdown.drop-top:after {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset 7px;
- border-color: #cccccc transparent transparent transparent;
- border-top-style: solid;
- position: absolute;
- top: auto;
- bottom: -14px;
- left: 9px;
- right: auto;
- z-index: 88; }
- .f-dropdown li {
- font-size: 0.875rem;
- cursor: pointer;
- line-height: 1.125rem;
- margin: 0; }
- .f-dropdown li:hover, .f-dropdown li:focus {
- background: #EEEEEE; }
- .f-dropdown li.radius {
- border-radius: 3px; }
- .f-dropdown li a {
- display: block;
- padding: 0.5rem;
- color: #555555; }
- .f-dropdown.content {
- position: absolute;
- left: -9999px;
- list-style: none;
- margin-left: 0;
- outline: none;
- padding: 1.25rem;
- width: 100%;
- height: auto;
- max-height: none;
- background: #FFFFFF;
- border: solid 1px #cccccc;
- font-size: 0.875rem;
- z-index: 89;
- 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; }
- .f-dropdown.mega {
- width: 100% !important;
- max-width: 100% !important; }
- .f-dropdown.mega.open {
- left: 0 !important; }
-
-table {
- background: #FFFFFF;
- margin-bottom: 1.25rem;
- border: solid 1px #DDDDDD;
- table-layout: auto; }
- table caption {
- background: transparent;
- color: #222222;
- font-size: 1rem;
- font-weight: bold; }
- table thead {
- background: #F5F5F5; }
- table thead tr th,
- table thead tr td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-size: 0.875rem;
- font-weight: bold;
- color: #222222; }
- table tfoot {
- background: #F5F5F5; }
- table tfoot tr th,
- table tfoot tr td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-size: 0.875rem;
- font-weight: bold;
- color: #222222; }
- table tr th,
- table tr td {
- padding: 0.5625rem 0.625rem;
- font-size: 0.875rem;
- color: #222222;
- text-align: left; }
- table tr.even, table tr.alt, table tr:nth-of-type(even) {
- background: #F9F9F9; }
- table thead tr th,
- table tfoot tr th,
- table tfoot tr td,
- table tbody tr th,
- table tbody tr td,
- table tr td {
- display: table-cell;
- line-height: 1.125rem; }
-
-.range-slider {
- position: relative;
- border: 1px solid #DDDDDD;
- margin: 1.25rem 0;
- -ms-touch-action: none;
- touch-action: none;
- display: block;
- width: 100%;
- height: 1rem;
- background: #FAFAFA; }
- .range-slider.vertical-range {
- position: relative;
- border: 1px solid #DDDDDD;
- margin: 1.25rem 0;
- -ms-touch-action: none;
- touch-action: none;
- display: inline-block;
- width: 1rem;
- height: 12.5rem; }
- .range-slider.vertical-range .range-slider-handle {
- margin-top: 0;
- margin-left: -0.5rem;
- position: absolute;
- bottom: -10.5rem; }
- .range-slider.vertical-range .range-slider-active-segment {
- width: 0.875rem;
- height: auto;
- bottom: 0; }
- .range-slider.radius {
- background: #FAFAFA;
- border-radius: 3px; }
- .range-slider.radius .range-slider-handle {
- background: #008CBA;
- border-radius: 3px; }
- .range-slider.radius .range-slider-handle:hover {
- background: #007ba4; }
- .range-slider.round {
- background: #FAFAFA;
- border-radius: 1000px; }
- .range-slider.round .range-slider-handle {
- background: #008CBA;
- border-radius: 1000px; }
- .range-slider.round .range-slider-handle:hover {
- background: #007ba4; }
- .range-slider.disabled, .range-slider[disabled] {
- background: #FAFAFA;
- cursor: not-allowed;
- opacity: 0.7; }
- .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
- background: #008CBA;
- cursor: default;
- opacity: 0.7; }
- .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
- background: #007ba4; }
-
-.range-slider-active-segment {
- display: inline-block;
- position: absolute;
- height: 0.875rem;
- background: #e5e5e5; }
-
-.range-slider-handle {
- display: inline-block;
- position: absolute;
- z-index: 1;
- top: -0.3125rem;
- width: 2rem;
- height: 1.375rem;
- border: 1px solid none;
- cursor: pointer;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- background: #008CBA; }
- .range-slider-handle:hover {
- background: #007ba4; }
-
-[class*="block-grid-"] {
- display: block;
- padding: 0;
- margin: 0 -0.625rem; }
- [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 0.625rem 1.25rem; }
-
-@media only screen {
- .small-block-grid-1 > li {
- width: 100%;
- list-style: none; }
- .small-block-grid-1 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-1 > li:nth-of-type(1n+1) {
- clear: both; }
-
- .small-block-grid-2 > li {
- width: 50%;
- list-style: none; }
- .small-block-grid-2 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-2 > li:nth-of-type(2n+1) {
- clear: both; }
-
- .small-block-grid-3 > li {
- width: 33.33333%;
- list-style: none; }
- .small-block-grid-3 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-3 > li:nth-of-type(3n+1) {
- clear: both; }
-
- .small-block-grid-4 > li {
- width: 25%;
- list-style: none; }
- .small-block-grid-4 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-4 > li:nth-of-type(4n+1) {
- clear: both; }
-
- .small-block-grid-5 > li {
- width: 20%;
- list-style: none; }
- .small-block-grid-5 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-5 > li:nth-of-type(5n+1) {
- clear: both; }
-
- .small-block-grid-6 > li {
- width: 16.66667%;
- list-style: none; }
- .small-block-grid-6 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-6 > li:nth-of-type(6n+1) {
- clear: both; }
-
- .small-block-grid-7 > li {
- width: 14.28571%;
- list-style: none; }
- .small-block-grid-7 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-7 > li:nth-of-type(7n+1) {
- clear: both; }
-
- .small-block-grid-8 > li {
- width: 12.5%;
- list-style: none; }
- .small-block-grid-8 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-8 > li:nth-of-type(8n+1) {
- clear: both; }
-
- .small-block-grid-9 > li {
- width: 11.11111%;
- list-style: none; }
- .small-block-grid-9 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-9 > li:nth-of-type(9n+1) {
- clear: both; }
-
- .small-block-grid-10 > li {
- width: 10%;
- list-style: none; }
- .small-block-grid-10 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-10 > li:nth-of-type(10n+1) {
- clear: both; }
-
- .small-block-grid-11 > li {
- width: 9.09091%;
- list-style: none; }
- .small-block-grid-11 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-11 > li:nth-of-type(11n+1) {
- clear: both; }
-
- .small-block-grid-12 > li {
- width: 8.33333%;
- list-style: none; }
- .small-block-grid-12 > li:nth-of-type(1n) {
- clear: none; }
- .small-block-grid-12 > li:nth-of-type(12n+1) {
- clear: both; } }
-@media only screen and (min-width: 40.063em) {
- .medium-block-grid-1 > li {
- width: 100%;
- list-style: none; }
- .medium-block-grid-1 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-1 > li:nth-of-type(1n+1) {
- clear: both; }
-
- .medium-block-grid-2 > li {
- width: 50%;
- list-style: none; }
- .medium-block-grid-2 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-2 > li:nth-of-type(2n+1) {
- clear: both; }
-
- .medium-block-grid-3 > li {
- width: 33.33333%;
- list-style: none; }
- .medium-block-grid-3 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-3 > li:nth-of-type(3n+1) {
- clear: both; }
-
- .medium-block-grid-4 > li {
- width: 25%;
- list-style: none; }
- .medium-block-grid-4 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-4 > li:nth-of-type(4n+1) {
- clear: both; }
-
- .medium-block-grid-5 > li {
- width: 20%;
- list-style: none; }
- .medium-block-grid-5 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-5 > li:nth-of-type(5n+1) {
- clear: both; }
-
- .medium-block-grid-6 > li {
- width: 16.66667%;
- list-style: none; }
- .medium-block-grid-6 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-6 > li:nth-of-type(6n+1) {
- clear: both; }
-
- .medium-block-grid-7 > li {
- width: 14.28571%;
- list-style: none; }
- .medium-block-grid-7 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-7 > li:nth-of-type(7n+1) {
- clear: both; }
-
- .medium-block-grid-8 > li {
- width: 12.5%;
- list-style: none; }
- .medium-block-grid-8 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-8 > li:nth-of-type(8n+1) {
- clear: both; }
-
- .medium-block-grid-9 > li {
- width: 11.11111%;
- list-style: none; }
- .medium-block-grid-9 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-9 > li:nth-of-type(9n+1) {
- clear: both; }
-
- .medium-block-grid-10 > li {
- width: 10%;
- list-style: none; }
- .medium-block-grid-10 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-10 > li:nth-of-type(10n+1) {
- clear: both; }
-
- .medium-block-grid-11 > li {
- width: 9.09091%;
- list-style: none; }
- .medium-block-grid-11 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-11 > li:nth-of-type(11n+1) {
- clear: both; }
-
- .medium-block-grid-12 > li {
- width: 8.33333%;
- list-style: none; }
- .medium-block-grid-12 > li:nth-of-type(1n) {
- clear: none; }
- .medium-block-grid-12 > li:nth-of-type(12n+1) {
- clear: both; } }
-@media only screen and (min-width: 64.063em) {
- .large-block-grid-1 > li {
- width: 100%;
- list-style: none; }
- .large-block-grid-1 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-1 > li:nth-of-type(1n+1) {
- clear: both; }
-
- .large-block-grid-2 > li {
- width: 50%;
- list-style: none; }
- .large-block-grid-2 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-2 > li:nth-of-type(2n+1) {
- clear: both; }
-
- .large-block-grid-3 > li {
- width: 33.33333%;
- list-style: none; }
- .large-block-grid-3 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-3 > li:nth-of-type(3n+1) {
- clear: both; }
-
- .large-block-grid-4 > li {
- width: 25%;
- list-style: none; }
- .large-block-grid-4 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-4 > li:nth-of-type(4n+1) {
- clear: both; }
-
- .large-block-grid-5 > li {
- width: 20%;
- list-style: none; }
- .large-block-grid-5 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-5 > li:nth-of-type(5n+1) {
- clear: both; }
-
- .large-block-grid-6 > li {
- width: 16.66667%;
- list-style: none; }
- .large-block-grid-6 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-6 > li:nth-of-type(6n+1) {
- clear: both; }
-
- .large-block-grid-7 > li {
- width: 14.28571%;
- list-style: none; }
- .large-block-grid-7 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-7 > li:nth-of-type(7n+1) {
- clear: both; }
-
- .large-block-grid-8 > li {
- width: 12.5%;
- list-style: none; }
- .large-block-grid-8 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-8 > li:nth-of-type(8n+1) {
- clear: both; }
-
- .large-block-grid-9 > li {
- width: 11.11111%;
- list-style: none; }
- .large-block-grid-9 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-9 > li:nth-of-type(9n+1) {
- clear: both; }
-
- .large-block-grid-10 > li {
- width: 10%;
- list-style: none; }
- .large-block-grid-10 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-10 > li:nth-of-type(10n+1) {
- clear: both; }
-
- .large-block-grid-11 > li {
- width: 9.09091%;
- list-style: none; }
- .large-block-grid-11 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-11 > li:nth-of-type(11n+1) {
- clear: both; }
-
- .large-block-grid-12 > li {
- width: 8.33333%;
- list-style: none; }
- .large-block-grid-12 > li:nth-of-type(1n) {
- clear: none; }
- .large-block-grid-12 > li:nth-of-type(12n+1) {
- clear: both; } }
-.flex-video {
- position: relative;
- padding-top: 1.5625rem;
- padding-bottom: 67.5%;
- height: 0;
- margin-bottom: 1rem;
- overflow: hidden; }
- .flex-video.widescreen {
- padding-bottom: 56.34%; }
- .flex-video.vimeo {
- padding-top: 0; }
- .flex-video iframe,
- .flex-video object,
- .flex-video embed,
- .flex-video video {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
-
-.keystroke,
-kbd {
- background-color: #ededed;
- border-color: #dddddd;
- color: #222222;
- border-style: solid;
- border-width: 1px;
- margin: 0;
- font-family: "Consolas", "Menlo", "Courier", monospace;
- font-size: inherit;
- padding: 0.125rem 0.25rem 0;
- border-radius: 3px; }
-
-.switch {
- padding: 0;
- border: none;
- position: relative;
- outline: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none; }
- .switch label {
- display: block;
- margin-bottom: 1rem;
- position: relative;
- color: transparent;
- background: #DDDDDD;
- text-indent: 100%;
- width: 4rem;
- height: 2rem;
- cursor: pointer;
- transition: left 0.15s ease-out; }
- .switch input {
- opacity: 0;
- position: absolute;
- top: 9px;
- left: 10px;
- padding: 0; }
- .switch input + label {
- margin-left: 0;
- margin-right: 0; }
- .switch label:after {
- content: "";
- display: block;
- background: #FFFFFF;
- position: absolute;
- top: .25rem;
- left: .25rem;
- width: 1.5rem;
- height: 1.5rem;
- -webkit-transition: left 0.15s ease-out;
- -moz-transition: left 0.15s ease-out;
- -o-transition: translate3d(0, 0, 0);
- transition: left 0.15s ease-out;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0); }
- .switch input:checked + label {
- background: #008CBA; }
- .switch input:checked + label:after {
- left: 2.25rem; }
- .switch label {
- width: 4rem;
- height: 2rem; }
- .switch label:after {
- width: 1.5rem;
- height: 1.5rem; }
- .switch input:checked + label:after {
- left: 2.25rem; }
- .switch label {
- color: transparent;
- background: #DDDDDD; }
- .switch label:after {
- background: #FFFFFF; }
- .switch input:checked + label {
- background: #008CBA; }
- .switch.large label {
- width: 5rem;
- height: 2.5rem; }
- .switch.large label:after {
- width: 2rem;
- height: 2rem; }
- .switch.large input:checked + label:after {
- left: 2.75rem; }
- .switch.small label {
- width: 3.5rem;
- height: 1.75rem; }
- .switch.small label:after {
- width: 1.25rem;
- height: 1.25rem; }
- .switch.small input:checked + label:after {
- left: 2rem; }
- .switch.tiny label {
- width: 3rem;
- height: 1.5rem; }
- .switch.tiny label:after {
- width: 1rem;
- height: 1rem; }
- .switch.tiny input:checked + label:after {
- left: 1.75rem; }
- .switch.radius label {
- border-radius: 4px; }
- .switch.radius label:after {
- border-radius: 3px; }
- .switch.round {
- border-radius: 1000px; }
- .switch.round label {
- border-radius: 2rem; }
- .switch.round label:after {
- border-radius: 2rem; }
-
-/* small displays */
-@media only screen {
- .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
- display: inherit !important; }
-
- .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
- display: none !important; }
-
- .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto; }
-
- .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
- table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
- display: table !important; }
-
- thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
- display: table-header-group !important; }
-
- tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
- display: table-row-group !important; }
-
- tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
- display: table-row; }
-
- th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
- display: table-cell !important; } }
-/* medium displays */
-@media only screen and (min-width: 40.063em) {
- .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
- display: inherit !important; }
-
- .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
- display: none !important; }
-
- .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto; }
-
- .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
- table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
- display: table !important; }
-
- thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
- display: table-header-group !important; }
-
- tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
- display: table-row-group !important; }
-
- tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
- display: table-row; }
-
- th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
- display: table-cell !important; } }
-/* large displays */
-@media only screen and (min-width: 64.063em) {
- .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
- display: inherit !important; }
-
- .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
- display: none !important; }
-
- .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto; }
-
- .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
- table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
- display: table !important; }
-
- thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
- display: table-header-group !important; }
-
- tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
- display: table-row-group !important; }
-
- tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
- display: table-row; }
-
- th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
- display: table-cell !important; } }
-/* xlarge displays */
-@media only screen and (min-width: 90.063em) {
- .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
- display: inherit !important; }
-
- .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
- display: none !important; }
-
- .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto; }
-
- .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
- table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
- display: table !important; }
-
- thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
- display: table-header-group !important; }
-
- tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
- display: table-row-group !important; }
-
- tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
- display: table-row; }
-
- th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
- display: table-cell !important; } }
-/* xxlarge displays */
-@media only screen and (min-width: 120.063em) {
- .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
- display: inherit !important; }
-
- .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
- display: none !important; }
-
- .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto; }
-
- .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
- table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
- display: table !important; }
-
- thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
- display: table-header-group !important; }
-
- tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
- display: table-row-group !important; }
-
- tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
- display: table-row; }
-
- th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
- display: table-cell !important; } }
-/* Orientation targeting */
-.show-for-landscape,
-.hide-for-portrait {
- display: inherit !important; }
-
-.hide-for-landscape,
-.show-for-portrait {
- display: none !important; }
-
-/* Specific visibility for tables */
-table.hide-for-landscape, table.show-for-portrait {
- display: table !important; }
-
-thead.hide-for-landscape, thead.show-for-portrait {
- display: table-header-group !important; }
-
-tbody.hide-for-landscape, tbody.show-for-portrait {
- display: table-row-group !important; }
-
-tr.hide-for-landscape, tr.show-for-portrait {
- display: table-row !important; }
-
-td.hide-for-landscape, td.show-for-portrait,
-th.hide-for-landscape,
-th.show-for-portrait {
- display: table-cell !important; }
-
-@media only screen and (orientation: landscape) {
- .show-for-landscape,
- .hide-for-portrait {
- display: inherit !important; }
-
- .hide-for-landscape,
- .show-for-portrait {
- display: none !important; }
-
- /* Specific visibility for tables */
- table.show-for-landscape, table.hide-for-portrait {
- display: table !important; }
-
- thead.show-for-landscape, thead.hide-for-portrait {
- display: table-header-group !important; }
-
- tbody.show-for-landscape, tbody.hide-for-portrait {
- display: table-row-group !important; }
-
- tr.show-for-landscape, tr.hide-for-portrait {
- display: table-row !important; }
-
- td.show-for-landscape, td.hide-for-portrait,
- th.show-for-landscape,
- th.hide-for-portrait {
- display: table-cell !important; } }
-@media only screen and (orientation: portrait) {
- .show-for-portrait,
- .hide-for-landscape {
- display: inherit !important; }
-
- .hide-for-portrait,
- .show-for-landscape {
- display: none !important; }
-
- /* Specific visibility for tables */
- table.show-for-portrait, table.hide-for-landscape {
- display: table !important; }
-
- thead.show-for-portrait, thead.hide-for-landscape {
- display: table-header-group !important; }
-
- tbody.show-for-portrait, tbody.hide-for-landscape {
- display: table-row-group !important; }
-
- tr.show-for-portrait, tr.hide-for-landscape {
- display: table-row !important; }
-
- td.show-for-portrait, td.hide-for-landscape,
- th.show-for-portrait,
- th.hide-for-landscape {
- display: table-cell !important; } }
-/* Touch-enabled device targeting */
-.show-for-touch {
- display: none !important; }
-
-.hide-for-touch {
- display: inherit !important; }
-
-.touch .show-for-touch {
- display: inherit !important; }
-
-.touch .hide-for-touch {
- display: none !important; }
-
-/* Specific visibility for tables */
-table.hide-for-touch {
- display: table !important; }
-
-.touch table.show-for-touch {
- display: table !important; }
-
-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; }
-
-/*
- * Print styles.
- *
- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
- * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
-*/
-.print-only {
- display: none !important; }
-
-@media print {
- * {
- background: transparent !important;
- color: #000000 !important;
- /* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important; }
-
- .show-for-print {
- display: block; }
-
- .hide-for-print {
- display: none; }
-
- table.show-for-print {
- display: table !important; }
-
- thead.show-for-print {
- display: table-header-group !important; }
-
- tbody.show-for-print {
- display: table-row-group !important; }
-
- tr.show-for-print {
- display: table-row !important; }
-
- td.show-for-print {
- display: table-cell !important; }
-
- th.show-for-print {
- display: table-cell !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 #999999;
- page-break-inside: avoid; }
-
- thead {
- display: table-header-group;
- /* h5bp.com/t */ }
-
- tr,
- img {
- page-break-inside: avoid; }
-
- img {
- max-width: 100% !important; }
-
- @page {
- margin: 0.5cm; }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3; }
-
- h2,
- h3 {
- page-break-after: avoid; }
-
- .hide-on-print {
- display: none !important; }
-
- .print-only {
- display: block !important; }
-
- .hide-for-print {
- display: none !important; }
-
- .show-for-print {
- display: inherit !important; } }
-/* Print visibility */
-@media print {
- .show-for-print {
- display: block; }
-
- .hide-for-print {
- display: none; }
-
- table.show-for-print {
- display: table !important; }
-
- thead.show-for-print {
- display: table-header-group !important; }
-
- tbody.show-for-print {
- display: table-row-group !important; }
-
- tr.show-for-print {
- display: table-row !important; }
-
- td.show-for-print {
- display: table-cell !important; }
-
- th.show-for-print {
- display: table-cell !important; } }
diff --git a/themes/foundation5/css/foundation.min.css b/themes/foundation5/css/foundation.min.css
deleted file mode 100644
index c00b25b0f44..00000000000
--- a/themes/foundation5/css/foundation.min.css
+++ /dev/null
@@ -1 +0,0 @@
-meta.foundation-version{font-family:"/5.5.1/"}meta.foundation-mq-small{font-family:"/only screen/";width:0}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-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,Roboto,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}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.5rem}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{width:auto;margin:0;max-width:none}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left}[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}@media only screen{.small-push-0{position:relative;left:0%;right:auto}.small-pull-0{position:relative;right:0%;left:auto}.small-push-1{position:relative;left:8.33333%;right:auto}.small-pull-1{position:relative;right:8.33333%;left:auto}.small-push-2{position:relative;left:16.66667%;right:auto}.small-pull-2{position:relative;right:16.66667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.33333%;right:auto}.small-pull-4{position:relative;right:33.33333%;left:auto}.small-push-5{position:relative;left:41.66667%;right:auto}.small-pull-5{position:relative;right:41.66667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.33333%;right:auto}.small-pull-7{position:relative;right:58.33333%;left:auto}.small-push-8{position:relative;left:66.66667%;right:auto}.small-pull-8{position:relative;right:66.66667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.33333%;right:auto}.small-pull-10{position:relative;right:83.33333%;left:auto}.small-push-11{position:relative;left:91.66667%;right:auto}.small-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.small-offset-0{margin-left:0% !important}.small-offset-1{margin-left:8.33333% !important}.small-offset-2{margin-left:16.66667% !important}.small-offset-3{margin-left:25% !important}.small-offset-4{margin-left:33.33333% !important}.small-offset-5{margin-left:41.66667% !important}.small-offset-6{margin-left:50% !important}.small-offset-7{margin-left:58.33333% !important}.small-offset-8{margin-left:66.66667% !important}.small-offset-9{margin-left:75% !important}.small-offset-10{margin-left:83.33333% !important}.small-offset-11{margin-left:91.66667% !important}.small-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{margin-left:0;margin-right:0;float:left}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}}@media only screen and (min-width: 40.063em){.medium-push-0{position:relative;left:0%;right:auto}.medium-pull-0{position:relative;right:0%;left:auto}.medium-push-1{position:relative;left:8.33333%;right:auto}.medium-pull-1{position:relative;right:8.33333%;left:auto}.medium-push-2{position:relative;left:16.66667%;right:auto}.medium-pull-2{position:relative;right:16.66667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.33333%;right:auto}.medium-pull-4{position:relative;right:33.33333%;left:auto}.medium-push-5{position:relative;left:41.66667%;right:auto}.medium-pull-5{position:relative;right:41.66667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.33333%;right:auto}.medium-pull-7{position:relative;right:58.33333%;left:auto}.medium-push-8{position:relative;left:66.66667%;right:auto}.medium-pull-8{position:relative;right:66.66667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.33333%;right:auto}.medium-pull-10{position:relative;right:83.33333%;left:auto}.medium-push-11{position:relative;left:91.66667%;right:auto}.medium-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.medium-offset-0{margin-left:0% !important}.medium-offset-1{margin-left:8.33333% !important}.medium-offset-2{margin-left:16.66667% !important}.medium-offset-3{margin-left:25% !important}.medium-offset-4{margin-left:33.33333% !important}.medium-offset-5{margin-left:41.66667% !important}.medium-offset-6{margin-left:50% !important}.medium-offset-7{margin-left:58.33333% !important}.medium-offset-8{margin-left:66.66667% !important}.medium-offset-9{margin-left:75% !important}.medium-offset-10{margin-left:83.33333% !important}.medium-offset-11{margin-left:91.66667% !important}.medium-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{margin-left:0;margin-right:0;float:left}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}@media only screen and (min-width: 64.063em){.large-push-0{position:relative;left:0%;right:auto}.large-pull-0{position:relative;right:0%;left:auto}.large-push-1{position:relative;left:8.33333%;right:auto}.large-pull-1{position:relative;right:8.33333%;left:auto}.large-push-2{position:relative;left:16.66667%;right:auto}.large-pull-2{position:relative;right:16.66667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.33333%;right:auto}.large-pull-4{position:relative;right:33.33333%;left:auto}.large-push-5{position:relative;left:41.66667%;right:auto}.large-pull-5{position:relative;right:41.66667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.33333%;right:auto}.large-pull-7{position:relative;right:58.33333%;left:auto}.large-push-8{position:relative;left:66.66667%;right:auto}.large-pull-8{position:relative;right:66.66667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.33333%;right:auto}.large-pull-10{position:relative;right:83.33333%;left:auto}.large-push-11{position:relative;left:91.66667%;right:auto}.large-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}.large-offset-0{margin-left:0% !important}.large-offset-1{margin-left:8.33333% !important}.large-offset-2{margin-left:16.66667% !important}.large-offset-3{margin-left:25% !important}.large-offset-4{margin-left:33.33333% !important}.large-offset-5{margin-left:41.66667% !important}.large-offset-6{margin-left:50% !important}.large-offset-7{margin-left:58.33333% !important}.large-offset-8{margin-left:66.66667% !important}.large-offset-9{margin-left:75% !important}.large-offset-10{margin-left:83.33333% !important}.large-offset-11{margin-left:91.66667% !important}.large-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}button,.button{border-style:solid;border-width:0;cursor:pointer;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-decoration:none;text-align:center;-webkit-appearance:none;-moz-appearance:none;border-radius:0;display:inline-block;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1rem;background-color:#008CBA;border-color:#007095;color:#fff;transition:background-color 300ms ease-out}button:hover,button:focus,.button:hover,.button:focus{background-color:#007095}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#b9b9b9}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#333}button.success,.button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#368a55}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#cf2a0e}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.warning,.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{background-color:#cf6e0e}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{color:#fff}button.info,.button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{background-color:#61b6d9}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{color:#fff}button.large,.button.large{padding-top:1.125rem;padding-right:2.25rem;padding-bottom:1.1875rem;padding-left:2.25rem;font-size:1.25rem}button.small,.button.small{padding-top:0.875rem;padding-right:1.75rem;padding-bottom:0.9375rem;padding-left:1.75rem;font-size:0.8125rem}button.tiny,.button.tiny{padding-top:0.625rem;padding-right:1.25rem;padding-bottom:0.6875rem;padding-left:1.25rem;font-size:0.6875rem}button.expand,.button.expand{padding-right:0;padding-left:0;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:0.75rem}button.right-align,.button.right-align{text-align:right;padding-right:0.75rem}button.radius,.button.radius{border-radius:3px}button.round,.button.round{border-radius:1000px}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#008CBA;border-color:#007095;color:#fff;cursor:default;opacity:0.7;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:#007095}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:#008CBA}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333;cursor:default;opacity:0.7;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:#b9b9b9}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:#e7e7e7}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#43AC6A;border-color:#368a55;color:#fff;cursor:default;opacity:0.7;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:#368a55}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:#43AC6A}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#f04124;border-color:#cf2a0e;color:#fff;cursor:default;opacity:0.7;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:#cf2a0e}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:#f04124}button.disabled.warning,button[disabled].warning,.button.disabled.warning,.button[disabled].warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff;cursor:default;opacity:0.7;box-shadow:none}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#cf6e0e}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{color:#fff}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#f08a24}button.disabled.info,button[disabled].info,.button.disabled.info,.button[disabled].info{background-color:#a0d3e8;border-color:#61b6d9;color:#333;cursor:default;opacity:0.7;box-shadow:none}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#61b6d9}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{color:#fff}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#a0d3e8}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width: 40.063em){button,.button{display:inline-block}}form{margin:0 0 1rem}form .row .row{margin:0 -0.5rem}form .row .row .column,form .row .row .columns{padding:0 0.5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:0.5rem}label{font-size:0.875rem;color:#4d4d4d;cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0}label.right{float:none !important;text-align:right}label.inline{margin:0 0 1rem 0;padding:0.5625rem 0}label small{text-transform:capitalize;color:#676767}.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:visible;font-size:0.875rem;height:2.3125rem;line-height:2.3125rem}.postfix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button.radius{border-radius:0;-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{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.prefix.button.round{border-radius:0;-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{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}span.prefix,label.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}span.postfix,label.postfix{background:#f2f2f2;border-left:none;color:#333;border-color:#ccc}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"],input[type="color"],textarea{-webkit-appearance:none;border-radius:0;background-color:#fff;font-family:inherit;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);display:block;font-size:0.875rem;margin:0 0 1rem 0;padding:0.5rem;height:2.3125rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;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,input[type="color"]: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,input[type="color"]:disabled,textarea:disabled{background-color:#ddd;cursor:default}input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"],input[type="password"][disabled],input[type="password"][readonly],fieldset[disabled] input[type="password"],input[type="date"][disabled],input[type="date"][readonly],fieldset[disabled] input[type="date"],input[type="datetime"][disabled],input[type="datetime"][readonly],fieldset[disabled] input[type="datetime"],input[type="datetime-local"][disabled],input[type="datetime-local"][readonly],fieldset[disabled] input[type="datetime-local"],input[type="month"][disabled],input[type="month"][readonly],fieldset[disabled] input[type="month"],input[type="week"][disabled],input[type="week"][readonly],fieldset[disabled] input[type="week"],input[type="email"][disabled],input[type="email"][readonly],fieldset[disabled] input[type="email"],input[type="number"][disabled],input[type="number"][readonly],fieldset[disabled] input[type="number"],input[type="search"][disabled],input[type="search"][readonly],fieldset[disabled] input[type="search"],input[type="tel"][disabled],input[type="tel"][readonly],fieldset[disabled] input[type="tel"],input[type="time"][disabled],input[type="time"][readonly],fieldset[disabled] input[type="time"],input[type="url"][disabled],input[type="url"][readonly],fieldset[disabled] input[type="url"],input[type="color"][disabled],input[type="color"][readonly],fieldset[disabled] input[type="color"],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{background-color:#ddd;cursor:default}input[type="text"].radius,input[type="password"].radius,input[type="date"].radius,input[type="datetime"].radius,input[type="datetime-local"].radius,input[type="month"].radius,input[type="week"].radius,input[type="email"].radius,input[type="number"].radius,input[type="search"].radius,input[type="tel"].radius,input[type="time"].radius,input[type="url"].radius,input[type="color"].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse select,form .row .prefix-radius.row.collapse button{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-radius.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse textarea,form .row .postfix-radius.row.collapse select,form .row .postfix-radius.row.collapse button{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse textarea,form .row .prefix-round.row.collapse select,form .row .prefix-round.row.collapse button{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}form .row .prefix-round.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse textarea,form .row .postfix-round.row.collapse select,form .row .postfix-round.row.collapse button{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}input[type="submit"]{-webkit-appearance:none;border-radius:0}textarea[rows]{height:auto}textarea{max-width:100%}select{-webkit-appearance:none !important;border-radius:0;background-color:#FAFAFA;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;padding:0.5rem;font-size:0.875rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;color:rgba(0,0,0,0.75);line-height:normal;border-radius:0;height:2.3125rem}select::-ms-expand{display:none}select.radius{border-radius:3px}select:hover{background-color:#f3f3f3;border-color:#999}select:disabled{background-color:#ddd;cursor:default}select[multiple]{height:auto}input[type="file"],input[type="checkbox"],input[type="radio"],select{margin:0 0 1rem 0}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin-left:0.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type="file"]{width:100%}fieldset{border:1px solid #ddd;padding:1.25rem;margin:1.125rem 0}fieldset legend{font-weight:bold;background:#fff;padding:0 0.1875rem;margin:0;margin-left:-0.1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] span.error,[data-abide] small.error{display:block;padding:0.375rem 0.5625rem 0.5625rem;margin-top:-1px;margin-bottom:1rem;font-size:0.75rem;font-weight:normal;font-style:italic;background:#f04124;color:#fff}[data-abide] span.error,[data-abide] small.error{display:none}span.error,small.error{display:block;padding:0.375rem 0.5625rem 0.5625rem;margin-top:-1px;margin-bottom:1rem;font-size:0.75rem;font-weight:normal;font-style:italic;background:#f04124;color:#fff}.error input,.error textarea,.error select{margin-bottom:0}.error input[type="checkbox"],.error input[type="radio"]{margin-bottom:1rem}.error label,.error label.error{color:#f04124}.error small.error{display:block;padding:0.375rem 0.5625rem 0.5625rem;margin-top:-1px;margin-bottom:1rem;font-size:0.75rem;font-weight:normal;font-style:italic;background:#f04124;color:#fff}.error>label>small{color:#676767;background:transparent;padding:0;text-transform:capitalize;font-style:normal;font-size:60%;margin:0;display:inline}.error span.error-message{display:block}input.error,textarea.error,select.error{margin-bottom:0}label.error{color:#f04124}meta.foundation-mq-topbar{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}.contain-to-grid{width:100%;background:#333}.contain-to-grid .top-bar{margin-bottom:0}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.fixed.expanded:not(.top-bar){overflow-y:auto;height:auto;width:100%;max-height:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{z-index:98;margin-top:2.8125rem}.top-bar{overflow:hidden;height:2.8125rem;line-height:2.8125rem;position:relative;background:#333;margin-bottom:0}.top-bar ul{margin-bottom:0;list-style:none}.top-bar .row{max-width:none}.top-bar form,.top-bar input{margin-bottom:0}.top-bar input{height:1.75rem;padding-top:.35rem;padding-bottom:.35rem;font-size:0.75rem}.top-bar .button,.top-bar button{padding-top:0.4125rem;padding-bottom:0.4125rem;margin-bottom:0;font-size:0.75rem}@media only screen and (max-width: 40em){.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{position:relative;margin:0}.top-bar .name{height:2.8125rem;margin:0;font-size:16px}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{line-height:2.8125rem;font-size:1.0625rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{font-weight:normal;color:#fff;width:75%;display:block;padding:0 0.9375rem}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fff;text-transform:uppercase;font-size:0.8125rem;font-weight:bold;position:relative;display:block;padding:0 0.9375rem;height:2.8125rem;line-height:2.8125rem}.top-bar .toggle-topbar.menu-icon{top:50%;margin-top:-16px}.top-bar .toggle-topbar.menu-icon a{height:34px;line-height:33px;padding:0 2.5rem 0 0.9375rem;color:#fff;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-8px;right:0.9375rem;box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;width:16px}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{height:auto;background:transparent}.top-bar.expanded .title-area{background:#333}.top-bar.expanded .toggle-topbar a{color:#888}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888}.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}.top-bar-section ul{padding:0;width:100%;height:auto;display:block;font-size:16px;margin:0}.top-bar-section .divider,.top-bar-section [role="separator"]{border-top:solid 1px #1a1a1a;clear:both;height:1px;width:100%}.top-bar-section ul li{background:#333}.top-bar-section ul li>a{display:block;width:100%;color:#fff;padding:12px 0 12px 0;padding-left:0.9375rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:0.8125rem;font-weight:normal;text-transform:none}.top-bar-section ul li>a.button{font-size:0.8125rem;padding-right:0.9375rem;padding-left:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#007095}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#333}.top-bar-section ul li>a.button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#368a55}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>button{font-size:0.8125rem;padding-right:0.9375rem;padding-left:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#007095}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#333}.top-bar-section ul li>button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#368a55}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;background:#333;color:#fff}.top-bar-section ul li.active>a{background:#008CBA;color:#fff}.top-bar-section ul li.active>a:hover{background:#0078a0;color:#fff}.top-bar-section .has-form{padding:0.9375rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent rgba(255,255,255,0.4);border-left-style:solid;margin-right:0.9375rem;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{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{padding:0;position:absolute;left:100%;top:0;z-index:99;display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .dropdown li{width:100%;height:auto}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 0.9375rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#fff;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 0.9375rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{padding:8px 0.9375rem 2px;margin-bottom:0;text-transform:uppercase;color:#777;font-weight:bold;font-size:0.625rem}.js-generated{display:block}@media only screen and (min-width: 40.063em){.top-bar{background:#333;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,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name h5 a,.top-bar .name h6 a{width:auto}.top-bar input,.top-bar .button,.top-bar button{font-size:0.875rem;position:relative;height:1.75rem;top:0.53125rem}.top-bar.expanded{background:#333}.contain-to-grid .top-bar{max-width:62.5rem;margin:0 auto;margin-bottom:0}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{width:auto;height:auto !important;display:inline}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#333;color:#fff}.top-bar-section li:not(.has-form) a:not(.button){padding:0 0.9375rem;line-height:2.8125rem;background:#333}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#333}.top-bar-section li.active:not(.has-form) a:not(.button){padding:0 0.9375rem;line-height:2.8125rem;color:#fff;background:#008CBA}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#0078a0;color:#fff}.top-bar-section .has-dropdown>a{padding-right:2.1875rem !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(255,255,255,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.40625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";top:1rem;margin-top:-1px;right:5px;line-height:1.2}.top-bar-section .dropdown{left:0;top:auto;background:transparent;min-width:100%}.top-bar-section .dropdown li a{color:#fff;line-height:2.8125rem;white-space:nowrap;padding:12px 0.9375rem;background:#333}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){color:#fff;background:#333}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#fff;background-color:#555;background:#333}.top-bar-section .dropdown li label{white-space:nowrap;background:#333}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-bottom:none;border-top:none;border-right:solid 1px #4e4e4e;clear:none;height:2.8125rem;width:0}.top-bar-section .has-form{background:#333;padding:0 0.9375rem;height:2.8125rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#333;color:#fff}.no-js .top-bar-section ul li:active>a{background:#008CBA;color:#fff}.no-js .top-bar-section .has-dropdown:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}}.breadcrumbs{display:block;padding:0.5625rem 0.875rem 0.5625rem;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:1px;background-color:#f4f4f4;border-color:#dcdcdc;border-radius:3px}.breadcrumbs>*{margin:0;float:left;font-size:0.6875rem;line-height:0.6875rem;text-transform:uppercase;color:#008CBA}.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}.breadcrumbs>* a{color:#008CBA}.breadcrumbs>*.current{cursor:default;color:#333}.breadcrumbs>*.current a{cursor:default;color:#333}.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}.breadcrumbs>*.unavailable{color:#999}.breadcrumbs>*.unavailable a{color:#999}.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:not-allowed}.breadcrumbs>*:before{content:"/";color:#aaa;margin:0 0.75rem;position:relative;top:1px}.breadcrumbs>*:first-child:before{content:" ";margin:0}[aria-label="breadcrumbs"] [aria-hidden="true"]:after{content:"/"}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;padding:0.875rem 1.5rem 0.875rem 0.875rem;font-size:0.8125rem;transition:opacity 300ms ease-out;background-color:#008CBA;border-color:#0078a0;color:#fff}.alert-box .close{font-size:1.375rem;padding:0 6px 4px;line-height:.9;position:absolute;top:50%;margin-top:-0.6875rem;right:0.25rem;color:#333;opacity:0.3;background:inherit}.alert-box .close:hover,.alert-box .close:focus{opacity:0.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#43AC6A;border-color:#3a945b;color:#fff}.alert-box.alert{background-color:#f04124;border-color:#de2d0f;color:#fff}.alert-box.secondary{background-color:#e7e7e7;border-color:#c7c7c7;color:#4f4f4f}.alert-box.warning{background-color:#f08a24;border-color:#de770f;color:#fff}.alert-box.info{background-color:#a0d3e8;border-color:#74bfdd;color:#4f4f4f}.alert-box.alert-close{opacity:0}.inline-list{margin:0 auto 1.0625rem auto;margin-left:-1.375rem;margin-right:0;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}.inline-list>li>*{display:block}.button-group{list-style:none;margin:0;left:0}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group.even-2 li{margin:0 -2px;display:inline-block;width:50%}.button-group.even-2 li>button,.button-group.even-2 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-2 li:first-child button,.button-group.even-2 li:first-child .button{border-left:0}.button-group.even-2 li button,.button-group.even-2 li .button{width:100%}.button-group.even-3 li{margin:0 -2px;display:inline-block;width:33.33333%}.button-group.even-3 li>button,.button-group.even-3 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-3 li:first-child button,.button-group.even-3 li:first-child .button{border-left:0}.button-group.even-3 li button,.button-group.even-3 li .button{width:100%}.button-group.even-4 li{margin:0 -2px;display:inline-block;width:25%}.button-group.even-4 li>button,.button-group.even-4 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-4 li:first-child button,.button-group.even-4 li:first-child .button{border-left:0}.button-group.even-4 li button,.button-group.even-4 li .button{width:100%}.button-group.even-5 li{margin:0 -2px;display:inline-block;width:20%}.button-group.even-5 li>button,.button-group.even-5 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-5 li:first-child button,.button-group.even-5 li:first-child .button{border-left:0}.button-group.even-5 li button,.button-group.even-5 li .button{width:100%}.button-group.even-6 li{margin:0 -2px;display:inline-block;width:16.66667%}.button-group.even-6 li>button,.button-group.even-6 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-6 li:first-child button,.button-group.even-6 li:first-child .button{border-left:0}.button-group.even-6 li button,.button-group.even-6 li .button{width:100%}.button-group.even-7 li{margin:0 -2px;display:inline-block;width:14.28571%}.button-group.even-7 li>button,.button-group.even-7 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-7 li:first-child button,.button-group.even-7 li:first-child .button{border-left:0}.button-group.even-7 li button,.button-group.even-7 li .button{width:100%}.button-group.even-8 li{margin:0 -2px;display:inline-block;width:12.5%}.button-group.even-8 li>button,.button-group.even-8 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-8 li:first-child button,.button-group.even-8 li:first-child .button{border-left:0}.button-group.even-8 li button,.button-group.even-8 li .button{width:100%}.button-group>li{margin:0 -2px;display:inline-block}.button-group>li>button,.button-group>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group>li:first-child button,.button-group>li:first-child .button{border-left:0}.button-group.stack>li{margin:0 -2px;display:inline-block;display:block;margin:0;float:none}.button-group.stack>li>button,.button-group.stack>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-left:0}.button-group.stack>li>button,.button-group.stack>li .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.stack>li>button{width:100%}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-top:0}.button-group.stack-for-small>li{margin:0 -2px;display:inline-block}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}@media only screen and (max-width: 40em){.button-group.stack-for-small>li{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.stack-for-small>li>button{width:100%}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-top:0}}.button-group.radius>*{margin:0 -2px;display:inline-block}.button-group.radius>*>button,.button-group.radius>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius>*:first-child button,.button-group.radius>*:first-child .button{border-left:0}.button-group.radius>*,.button-group.radius>*>a,.button-group.radius>*>button,.button-group.radius>*>.button{border-radius:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button,.button-group.radius>*:first-child>.button{-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,.button-group.radius>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-left:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack>*>button{width:100%}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button,.button-group.radius.stack>*>.button{border-radius:0}.button-group.radius.stack>*:first-child,.button-group.radius.stack>*:first-child>a,.button-group.radius.stack>*:first-child>button,.button-group.radius.stack>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*:last-child,.button-group.radius.stack>*:last-child>a,.button-group.radius.stack>*:last-child>button,.button-group.radius.stack>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width: 40.063em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-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.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width: 40em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack-for-small>*>button{width:100%}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{margin:0 -2px;display:inline-block}.button-group.round>*>button,.button-group.round>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round>*:first-child button,.button-group.round>*:first-child .button{border-left:0}.button-group.round>*,.button-group.round>*>a,.button-group.round>*>button,.button-group.round>*>.button{border-radius:0}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button,.button-group.round>*:first-child>.button{-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,.button-group.round>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-left:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.round.stack>*>button{width:100%}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>a,.button-group.round.stack>*>button,.button-group.round.stack>*>.button{border-radius:0}.button-group.round.stack>*:first-child,.button-group.round.stack>*:first-child>a,.button-group.round.stack>*:first-child>button,.button-group.round.stack>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>*:last-child,.button-group.round.stack>*:last-child>a,.button-group.round.stack>*:last-child>button,.button-group.round.stack>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width: 40.063em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-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.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}@media only screen and (max-width: 40em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,0.5);border-left-width:0;margin:0;display:block}.button-group.round.stack-for-small>*>button{width:100%}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-bar:before,.button-bar:after{content:" ";display:table}.button-bar:after{clear:both}.button-bar .button-group{float:left;margin-right:0.625rem}.button-bar .button-group div{overflow:hidden}.panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#f2f2f2;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,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:0.625rem}.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:#b6edff;margin-bottom:1.25rem;padding:1.25rem;background:#ecfaff;color:#333}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:0.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#008CBA}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#0078a0}.panel.radius{border-radius:3px}.dropdown.button,button.dropdown{position:relative;outline:none;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff transparent transparent transparent;top:50%}.dropdown.button::after,button.dropdown::after{border-width:0.375rem;right:1.40625rem;margin-top:-0.15625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff transparent transparent transparent}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:0.375rem;right:1.125rem;margin-top:-0.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#fff transparent transparent transparent}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:0.4375rem;right:1.3125rem;margin-top:-0.15625rem}.dropdown.button.small::after,button.dropdown.small::after{border-color:#fff transparent transparent transparent}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:0.3125rem;right:1.71875rem;margin-top:-0.15625rem}.dropdown.button.large::after,button.dropdown.large::after{border-color:#fff transparent transparent transparent}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 transparent transparent transparent}.th{line-height:0;display:inline-block;border:solid 4px #fff;max-width:100%;box-shadow:0 0 0 1px rgba(0,0,0,0.2);transition:all 200ms ease-out}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(0,140,186,0.5)}.th.radius{border-radius:3px}.toolbar{background:#333;width:100%;font-size:0;display:inline-block}.toolbar.label-bottom .tab .tab-content i,.toolbar.label-bottom .tab .tab-content img{margin-bottom:10px}.toolbar.label-right .tab .tab-content i,.toolbar.label-right .tab .tab-content img{margin-right:10px;display:inline-block}.toolbar.label-right .tab .tab-content label{display:inline-block}.toolbar.vertical.label-right .tab .tab-content{text-align:left}.toolbar.vertical{height:100%;width:auto}.toolbar.vertical .tab{width:auto;margin:auto;float:none}.toolbar .tab{text-align:center;width:25%;margin:0 auto;display:block;padding:20px;float:left}.toolbar .tab:hover{background:rgba(255,255,255,0.1)}.toolbar .tab-content{font-size:16px;text-align:center}.toolbar .tab-content label{color:#ccc}.toolbar .tab-content i{font-size:30px;display:block;margin:0 auto;color:#ccc;vertical-align:middle}.toolbar .tab-content img{width:30px;height:30px;display:block;margin:0 auto}.pricing-table{border:solid 1px #ddd;margin-left:0;margin-bottom:1.25rem}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#333;padding:0.9375rem 1.25rem;text-align:center;color:#eee;font-weight:normal;font-size:1rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.pricing-table .price{background-color:#F6F6F6;padding:0.9375rem 1.25rem;text-align:center;color:#333;font-weight:normal;font-size:2rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.pricing-table .description{background-color:#fff;padding:0.9375rem;text-align:center;color:#777;font-size:0.75rem;font-weight:normal;line-height:1.4;border-bottom:dotted 1px #ddd}.pricing-table .bullet-item{background-color:#fff;padding:0.9375rem;text-align:center;color:#333;font-size:0.875rem;font-weight:normal;border-bottom:dotted 1px #ddd}.pricing-table .cta-button{background-color:#fff;text-align:center;padding:1.25rem 1.25rem 0}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.slideshow-wrapper{position:relative}.slideshow-wrapper ul{list-style-type:none;margin:0}.slideshow-wrapper ul li,.slideshow-wrapper ul li .orbit-caption{display:none}.slideshow-wrapper ul li:first-child{display:block}.slideshow-wrapper .orbit-container{background-color:transparent}.slideshow-wrapper .orbit-container li{display:block}.slideshow-wrapper .orbit-container li .orbit-caption{display:block}.slideshow-wrapper .orbit-container .orbit-bullets li{display:inline-block}.slideshow-wrapper .preloader{display:block;width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;border:solid 3px;border-color:#555 #fff;border-radius:1000px;animation-name:rotate;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.orbit-container{overflow:hidden;width:100%;position:relative;background:none}.orbit-container .orbit-slides-container{list-style:none;margin:0;padding:0;position:relative;-webkit-transform:translateZ(0)}.orbit-container .orbit-slides-container img{display:block;max-width:100%}.orbit-container .orbit-slides-container>*{position:absolute;top:0;width:100%;margin-left:100%}.orbit-container .orbit-slides-container>*:first-child{margin-left:0}.orbit-container .orbit-slides-container>* .orbit-caption{position:absolute;bottom:0;background-color:rgba(51,51,51,0.8);color:#fff;width:100%;padding:0.625rem 0.875rem;font-size:0.875rem}.orbit-container .orbit-slide-number{position:absolute;top:10px;left:10px;font-size:12px;color:#fff;background:transparent;z-index:10}.orbit-container .orbit-slide-number span{font-weight:700;padding:0.3125rem}.orbit-container .orbit-timer{position:absolute;top:12px;right:10px;height:6px;width:100px;z-index:10}.orbit-container .orbit-timer .orbit-progress{height:3px;background-color:rgba(255,255,255,0.3);display:block;width:0;position:relative;right:20px;top:5px}.orbit-container .orbit-timer>span{display:none;position:absolute;top:0;right:0;width:11px;height:14px;border:solid 4px #fff;border-top:none;border-bottom:none}.orbit-container .orbit-timer.paused>span{right:-4px;top:0;width:11px;height:14px;border:inset 8px;border-left-style:solid;border-color:transparent;border-left-color:#fff}.orbit-container .orbit-timer.paused>span.dark{border-left-color:#333}.orbit-container:hover .orbit-timer>span{display:block}.orbit-container .orbit-prev,.orbit-container .orbit-next{position:absolute;top:45%;margin-top:-25px;width:36px;height:60px;line-height:50px;color:white;background-color:transparent;text-indent:-9999px !important;z-index:10}.orbit-container .orbit-prev:hover,.orbit-container .orbit-next:hover{background-color:rgba(0,0,0,0.3)}.orbit-container .orbit-prev>span,.orbit-container .orbit-next>span{position:absolute;top:50%;margin-top:-10px;display:block;width:0;height:0;border:inset 10px}.orbit-container .orbit-prev{left:0}.orbit-container .orbit-prev>span{border-right-style:solid;border-color:transparent;border-right-color:#fff}.orbit-container .orbit-prev:hover>span{border-right-color:#fff}.orbit-container .orbit-next{right:0}.orbit-container .orbit-next>span{border-color:transparent;border-left-style:solid;border-left-color:#fff;left:50%;margin-left:-4px}.orbit-container .orbit-next:hover>span{border-left-color:#fff}.orbit-bullets-container{text-align:center}.orbit-bullets{margin:0 auto 30px auto;overflow:hidden;position:relative;top:10px;float:none;text-align:center;display:block}.orbit-bullets li{cursor:pointer;display:inline-block;width:0.5625rem;height:0.5625rem;background:#ccc;float:none;margin-right:6px;border-radius:1000px}.orbit-bullets li.active{background:#999}.orbit-bullets li:last-child{margin-right:0}.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:none}.touch .orbit-bullets{display:none}@media only screen and (min-width: 40.063em){.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:inherit}.touch .orbit-bullets{display:block}}@media only screen and (max-width: 40em){.orbit-stack-on-small .orbit-slides-container{height:auto !important}.orbit-stack-on-small .orbit-slides-container>*{position:relative;margin:0 !important;opacity:1 !important}.orbit-stack-on-small .orbit-slide-number{display:none}.orbit-timer{display:none}.orbit-next,.orbit-prev{display:none}.orbit-bullets{display:none}}[data-magellan-expedition],[data-magellan-expedition-clone]{background:#fff;z-index:50;min-width:100%;padding:10px}[data-magellan-expedition] .sub-nav,[data-magellan-expedition-clone] .sub-nav{margin-bottom:0}[data-magellan-expedition] .sub-nav dd,[data-magellan-expedition-clone] .sub-nav dd{margin-bottom:0}[data-magellan-expedition] .sub-nav a,[data-magellan-expedition-clone] .sub-nav a{line-height:1.8em}.icon-bar{width:100%;font-size:0;display:inline-block;background:#333}.icon-bar>*{text-align:center;font-size:1rem;width:25%;margin:0 auto;display:block;padding:1.25rem;float:left}.icon-bar>* i,.icon-bar>* img{display:block;margin:0 auto}.icon-bar>* i+label,.icon-bar>* img+label{margin-top:.0625rem}.icon-bar>* i{font-size:1.875rem;vertical-align:middle}.icon-bar>* img{width:1.875rem;height:1.875rem}.icon-bar.label-right>* i,.icon-bar.label-right>* img{margin:0 .0625rem 0 0;display:inline-block}.icon-bar.label-right>* i+label,.icon-bar.label-right>* img+label{margin-top:0}.icon-bar.label-right>* label{display:inline-block}.icon-bar.vertical.label-right>*{text-align:left}.icon-bar.vertical,.icon-bar.small-vertical{height:100%;width:auto}.icon-bar.vertical .item,.icon-bar.small-vertical .item{width:auto;margin:auto;float:none}@media only screen and (min-width: 40.063em){.icon-bar.medium-vertical{height:100%;width:auto}.icon-bar.medium-vertical .item{width:auto;margin:auto;float:none}}@media only screen and (min-width: 64.063em){.icon-bar.large-vertical{height:100%;width:auto}.icon-bar.large-vertical .item{width:auto;margin:auto;float:none}}.icon-bar>*{font-size:1rem;padding:1.25rem}.icon-bar>* i+label,.icon-bar>* img+label{margin-top:.0625rem}.icon-bar>* i{font-size:1.875rem}.icon-bar>* img{width:1.875rem;height:1.875rem}.icon-bar>* label{color:#fff}.icon-bar>* i{color:#fff}.icon-bar>a:hover{background:#008CBA}.icon-bar>a:hover label{color:#fff}.icon-bar>a:hover i{color:#fff}.icon-bar>a.active{background:#008CBA}.icon-bar>a.active label{color:#fff}.icon-bar>a.active i{color:#fff}.icon-bar .item.disabled{opacity:0.7;cursor:not-allowed;pointer-events:none}.icon-bar .item.disabled>*{opacity:0.7;cursor:not-allowed}.icon-bar.two-up .item{width:50%}.icon-bar.two-up.vertical .item,.icon-bar.two-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.two-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.two-up.large-vertical .item{width:auto}}.icon-bar.three-up .item{width:33.3333%}.icon-bar.three-up.vertical .item,.icon-bar.three-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.three-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.three-up.large-vertical .item{width:auto}}.icon-bar.four-up .item{width:25%}.icon-bar.four-up.vertical .item,.icon-bar.four-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.four-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.four-up.large-vertical .item{width:auto}}.icon-bar.five-up .item{width:20%}.icon-bar.five-up.vertical .item,.icon-bar.five-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.five-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.five-up.large-vertical .item{width:auto}}.icon-bar.six-up .item{width:16.66667%}.icon-bar.six-up.vertical .item,.icon-bar.six-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.six-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.six-up.large-vertical .item{width:auto}}.icon-bar.seven-up .item{width:14.28571%}.icon-bar.seven-up.vertical .item,.icon-bar.seven-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.seven-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.seven-up.large-vertical .item{width:auto}}.icon-bar.eight-up .item{width:12.5%}.icon-bar.eight-up.vertical .item,.icon-bar.eight-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.063em){.icon-bar.eight-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.063em){.icon-bar.eight-up.large-vertical .item{width:auto}}.tabs{margin-bottom:0 !important;margin-left:0}.tabs:before,.tabs:after{content:" ";display:table}.tabs:after{clear:both}.tabs dd,.tabs .tab-title{position:relative;margin-bottom:0 !important;list-style:none;float:left}.tabs dd>a,.tabs .tab-title>a{display:block;background-color:#EFEFEF;color:#222;padding:1rem 2rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem}.tabs dd>a:hover,.tabs .tab-title>a:hover{background-color:#e1e1e1}.tabs dd>a:focus,.tabs .tab-title>a:focus{outline:none}.tabs dd.active a,.tabs .tab-title.active a{background-color:#fff;color:#222}.tabs.radius dd:first-child a,.tabs.radius .tab:first-child a{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs.radius dd:last-child a,.tabs.radius .tab:last-child a{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.tabs.vertical dd,.tabs.vertical .tab-title{position:inherit;float:none;display:block;top:auto}.tabs-content{margin-bottom:1.5rem;width:100%}.tabs-content:before,.tabs-content:after{content:" ";display:table}.tabs-content:after{clear:both}.tabs-content>.content{display:none;float:left;padding:0.9375rem 0;width:100%}.tabs-content>.content.active{display:block;float:none}.tabs-content>.content.contained{padding:0.9375rem}.tabs-content.vertical{display:block}.tabs-content.vertical>.content{padding:0 0.9375rem}@media only screen and (min-width: 40.063em){.tabs.vertical{width:20%;max-width:20%;float:left;margin:0 0 1.25rem}.tabs-content.vertical{width:80%;max-width:80%;float:left;margin-left:-1px;padding-left:1rem}}.no-js .tabs-content>.content{display:block;float:none}ul.pagination{display:block;min-height:1.5rem;margin-left:-0.3125rem}ul.pagination li{height:1.5rem;color:#222;font-size:0.875rem;margin-left:0.3125rem}ul.pagination li a,ul.pagination li button{display:block;padding:0.0625rem 0.625rem 0.0625rem;color:#999;background:none;border-radius:3px;font-weight:normal;font-size:1em;line-height:inherit;transition:background-color 300ms ease-out}ul.pagination li:hover a,ul.pagination li a:focus,ul.pagination li:hover button,ul.pagination li button:focus{background:#e6e6e6}ul.pagination li.unavailable a,ul.pagination li.unavailable button{cursor:default;color:#999}ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus,ul.pagination li.unavailable:hover button,ul.pagination li.unavailable button:focus{background:transparent}ul.pagination li.current a,ul.pagination li.current button{background:#008CBA;color:#fff;font-weight:bold;cursor:default}ul.pagination li.current a:hover,ul.pagination li.current a:focus,ul.pagination li.current button:hover,ul.pagination li.current button:focus{background:#008CBA}ul.pagination li{float:left;display:block}.pagination-centered{text-align:center}.pagination-centered ul.pagination li{float:none;display:inline-block}.side-nav{display:block;margin:0;padding:0.875rem 0;list-style-type:none;list-style-position:outside;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.side-nav li{margin:0 0 0.4375rem 0;font-size:0.875rem;font-weight:normal}.side-nav li a:not(.button){display:block;color:#008CBA;margin:0;padding:0.4375rem 0.875rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:rgba(0,0,0,0.025);color:#1cc7ff}.side-nav li.active>a:first-child:not(.button){color:#1cc7ff;font-weight:normal;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#fff}.side-nav li.heading{color:#008CBA;font-size:0.875rem;font-weight:bold;text-transform:uppercase}.accordion{margin-bottom:0}.accordion:before,.accordion:after{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0 !important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8}.accordion .accordion-navigation>a,.accordion dd>a{background:#EFEFEF;color:#222;padding:1rem;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:0.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{display:block;background:#fff}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 40em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width: 40.063em) and (max-width: 64em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 40.063em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width: 64.063em) and (max-width: 90em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 64.063em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width: 90.063em) and (max-width: 120em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 90.063em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width: 120.063em) and (max-width: 99999999em){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 120.063em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#008CBA;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#0078a0}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:0.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:0.2rem;margin-bottom:0.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:normal;margin-top:0.2rem;margin-bottom:0.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;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:normal;color:#333;background-color:#f8f8f8;border-width:1px;border-style:solid;border-color:#dfdfdf;padding:0.125rem 0.3125rem 0.0625rem}ul,ol,dl{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}ul{margin-left:1.1rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.1rem}ul.circle{list-style-type:circle;margin-left:1.1rem}ul.disc{list-style-type:disc;margin-left:1.1rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:0.3rem;font-weight:bold}dl dd{margin-bottom:0.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:0.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:0.8125rem;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.25rem 0;border:1px solid #ddd;padding:0.625rem 0.75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625rem}@media only screen and (min-width: 40.063em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.split.button{position:relative;padding-right:5.0625rem}.split.button span{display:block;height:100%;position:absolute;right:0;top:0;border-left:solid 1px}.split.button span:after{position:absolute;content:"";width:0;height:0;display:block;border-style:inset;top:50%;left:50%}.split.button span:active{background-color:rgba(0,0,0,0.1)}.split.button span{border-left-color:rgba(255,255,255,0.5)}.split.button span{width:3.09375rem}.split.button span:after{border-top-style:solid;border-width:0.375rem;top:48%;margin-left:-0.375rem}.split.button span:after{border-color:#fff transparent transparent transparent}.split.button.secondary span{border-left-color:rgba(255,255,255,0.5)}.split.button.secondary span:after{border-color:#fff transparent transparent transparent}.split.button.alert span{border-left-color:rgba(255,255,255,0.5)}.split.button.success span{border-left-color:rgba(255,255,255,0.5)}.split.button.tiny{padding-right:3.75rem}.split.button.tiny span{width:2.25rem}.split.button.tiny span:after{border-top-style:solid;border-width:0.375rem;top:48%;margin-left:-0.375rem}.split.button.small{padding-right:4.375rem}.split.button.small span{width:2.625rem}.split.button.small span:after{border-top-style:solid;border-width:0.4375rem;top:48%;margin-left:-0.375rem}.split.button.large{padding-right:5.5rem}.split.button.large span{width:3.4375rem}.split.button.large span:after{border-top-style:solid;border-width:0.3125rem;top:48%;margin-left:-0.375rem}.split.button.expand{padding-left:2rem}.split.button.secondary span:after{border-color:#333 transparent transparent transparent}.split.button.radius span{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.split.button.round span{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.split.button.no-pip span:before{border-style:none}.split.button.no-pip span:after{border-style:none}.split.button.no-pip span>i{top:50%;display:block;position:absolute;left:50%;margin-left:-0.28889em;margin-top:-0.48889em}.reveal-modal-bg{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.45);z-index:1004;display:none;left:0}.reveal-modal{visibility:hidden;display:none;position:absolute;z-index:1005;width:100%;top:0;border-radius:3px;left:0;background-color:#fff;padding:1.875rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,0.4)}@media only screen and (max-width: 40em){.reveal-modal{min-height:100vh}}.reveal-modal .column,.reveal-modal .columns{min-width:0}.reveal-modal>:first-child{margin-top:0}.reveal-modal>:last-child{margin-bottom:0}@media only screen and (min-width: 40.063em){.reveal-modal{width:80%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal{top:6.25rem}}.reveal-modal.radius{border-radius:3px}.reveal-modal.round{border-radius:1000px}.reveal-modal.collapse{padding:0}@media only screen and (min-width: 40.063em){.reveal-modal.tiny{width:30%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.small{width:40%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.medium{width:60%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.large{width:70%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.xlarge{width:95%;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal.full{top:0;left:0;height:100%;height:100vh;min-height:100vh;max-width:none !important;margin-left:0 !important}@media only screen and (min-width: 40.063em){.reveal-modal.full{width:100%;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal.toback{z-index:1003}.reveal-modal .close-reveal-modal{font-size:2.5rem;line-height:1;position:absolute;top:0.625rem;right:1.375rem;color:#aaa;font-weight:bold;cursor:pointer}.has-tip{border-bottom:dotted 1px #ccc;cursor:help;font-weight:bold;color:#333}.has-tip:hover,.has-tip:focus{border-bottom:dotted 1px #003f54;color:#008CBA}.has-tip.tip-left,.has-tip.tip-right{float:none !important}.tooltip{display:none;position:absolute;z-index:1006;font-weight:normal;font-size:0.875rem;line-height:1.3;padding:0.75rem;max-width:300px;left:50%;width:100%;color:#fff;background:#333}.tooltip>.nub{display:block;left:5px;position:absolute;width:0;height:0;border:solid 5px;border-color:transparent transparent #333 transparent;top:-10px;pointer-events:none}.tooltip>.nub.rtl{left:auto;right:5px}.tooltip.radius{border-radius:3px}.tooltip.round{border-radius:1000px}.tooltip.round>.nub{left:2rem}.tooltip.opened{color:#008CBA !important;border-bottom:dotted 1px #003f54 !important}.tap-to-close{display:block;font-size:0.625rem;color:#777;font-weight:normal}@media only screen and (min-width: 40.063em){.tooltip>.nub{border-color:transparent transparent #333 transparent;top:-10px}.tooltip.tip-top>.nub{border-color:#333 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 #333;right:-10px;left:auto;top:50%;margin-top:-5px}.tooltip.tip-right>.nub{border-color:transparent #333 transparent transparent;right:auto;left:-10px;top:50%;margin-top:-5px}}.clearing-thumbs,[data-clearing]{margin-bottom:0;margin-left:0;list-style:none}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*="block-grid-"] li,[data-clearing][class*="block-grid-"] li{margin-right:0}.clearing-blackout{background:#333;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}.clearing-touch-label{position:absolute;top:50%;left:50%;color:#aaa;font-size:0.6em}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);max-height:100%;max-width:100%}.clearing-caption{color:#ccc;font-size:0.875em;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#333;width:100%;padding:10px 30px 20px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:30px;line-height:1;color:#ccc;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width: 40.063em){.clearing-main-prev,.clearing-main-next{position:absolute;height:100%;width:40px;top:0}.clearing-main-prev>span,.clearing-main-next>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 12px}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:0.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:transparent;border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:transparent;border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:0.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,0.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:120px;min-height:inherit;float:left;overflow:hidden;margin-right:0;padding:0;position:relative;cursor:pointer;opacity:0.4;clear:none}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:0.8}.clearing-assembled .clearing-container .visible-img{background:#333;overflow:hidden;height:85%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.progress{background-color:#F6F6F6;height:1.5625rem;border:1px solid #fff;padding:0.125rem;margin-bottom:0.625rem}.progress .meter{background:#008CBA;height:100%;display:block}.progress.secondary .meter{background:#e7e7e7;height:100%;display:block}.progress.success .meter{background:#43AC6A;height:100%;display:block}.progress.alert .meter{background:#f04124;height:100%;display:block}.progress.radius{border-radius:3px}.progress.radius .meter{border-radius:2px}.progress.round{border-radius:1000px}.progress.round .meter{border-radius:999px}.sub-nav{display:block;width:auto;overflow:hidden;margin-bottom:-0.25rem 0 1.125rem;padding-top:0.25rem}.sub-nav dt{text-transform:uppercase}.sub-nav dt,.sub-nav dd,.sub-nav li{float:left;margin-left:1rem;margin-bottom:0;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;font-size:0.875rem;color:#999}.sub-nav dt a,.sub-nav dd a,.sub-nav li a{text-decoration:none;color:#999;padding:0.1875rem 1rem}.sub-nav dt a:hover,.sub-nav dd a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a{border-radius:3px;font-weight:normal;background:#008CBA;padding:0.1875rem 1rem;cursor:default;color:#fff}.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover{background:#0078a0}.joyride-list{display:none}.joyride-tip-guide{display:none;position:absolute;background:#333;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.125rem 1.25rem 1.5rem}.joyride-content-wrapper .button{margin-bottom:0 !important}.joyride-content-wrapper .joyride-prev-tip{margin-right:10px}.joyride-tip-guide .joyride-nub{display:block;position:absolute;left:22px;width:0;height:0;border:10px solid #333}.joyride-tip-guide .joyride-nub.top{border-top-style:solid;border-color:#333;border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;top:-20px}.joyride-tip-guide .joyride-nub.bottom{border-bottom-style:solid;border-color:#333 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-20px}.joyride-tip-guide .joyride-nub.right{right:-20px}.joyride-tip-guide .joyride-nub.left{left:-20px}.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.125rem 0;font-size:0.875rem;line-height:1.3}.joyride-timer-indicator-wrap{width:50px;height:3px;border:solid 1px #555;position:absolute;right:1.0625rem;bottom:1rem}.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:24px;font-weight:normal;line-height:.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}.joyride-expose-wrapper{background-color:#fff;position:absolute;border-radius:3px;z-index:102;box-shadow:0 0 15px #fff}.joyride-expose-cover{background:transparent;border-radius:3px;position:absolute;z-index:9999;top:0;left:0}@media only screen and (min-width: 40.063em){.joyride-tip-guide{width:300px;left:inherit}.joyride-tip-guide .joyride-nub.bottom{border-color:#333 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-20px}.joyride-tip-guide .joyride-nub.right{border-color:#333 !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:auto;right:-20px}.joyride-tip-guide .joyride-nub.left{border-color:#333 !important;border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:-20px;right:auto}}.label{font-weight:normal;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline-block;position:relative;margin-bottom:auto;padding:0.25rem 0.5rem 0.25rem;font-size:0.6875rem;background-color:#008CBA;color:#fff}.label.radius{border-radius:3px}.label.round{border-radius:1000px}.label.alert{background-color:#f04124;color:#fff}.label.warning{background-color:#f08a24;color:#fff}.label.success{background-color:#43AC6A;color:#fff}.label.secondary{background-color:#e7e7e7;color:#333}.label.info{background-color:#a0d3e8;color:#333}.off-canvas-wrap{-webkit-backface-visibility:hidden;position:relative;width:100%;overflow:hidden}.off-canvas-wrap.move-right,.off-canvas-wrap.move-left{min-height:100%;-webkit-overflow-scrolling:touch}.inner-wrap{position:relative;width:100%;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.inner-wrap:before,.inner-wrap:after{content:" ";display:table}.inner-wrap:after{clear:both}.tab-bar{-webkit-backface-visibility:hidden;background:#333;color:#fff;height:2.8125rem;line-height:2.8125rem;position:relative}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4,.tab-bar h5,.tab-bar h6{color:#fff;font-weight:bold;line-height:2.8125rem;margin:0}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4{font-size:1.125rem}.left-small{width:2.8125rem;height:2.8125rem;position:absolute;top:0;border-right:solid 1px #1a1a1a;left:0}.right-small{width:2.8125rem;height:2.8125rem;position:absolute;top:0;border-left:solid 1px #1a1a1a;right:0}.tab-bar-section{padding:0 0.625rem;position:absolute;text-align:center;height:2.8125rem;top:0}@media only screen and (min-width: 40.063em){.tab-bar-section.left{text-align:left}.tab-bar-section.right{text-align:right}}.tab-bar-section.left{left:0;right:2.8125rem}.tab-bar-section.right{left:2.8125rem;right:0}.tab-bar-section.middle{left:2.8125rem;right:2.8125rem}.tab-bar .menu-icon{text-indent:2.1875rem;width:2.8125rem;height:2.8125rem;display:block;padding:0;color:#fff;position:relative;transform:translate3d(0, 0, 0)}.tab-bar .menu-icon span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-0.5rem;left:0.90625rem;box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;width:1rem}.tab-bar .menu-icon span:hover:after{box-shadow:0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3}.left-off-canvas-menu{-webkit-backface-visibility:hidden;width:15.625rem;top:0;bottom:0;position:absolute;overflow-x:hidden;overflow-y:auto;background:#333;z-index:1001;box-sizing:content-box;transition:transform 500ms ease 0s;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-transform:translate(-100%, 0);-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.left-off-canvas-menu *{-webkit-backface-visibility:hidden}.right-off-canvas-menu{-webkit-backface-visibility:hidden;width:15.625rem;top:0;bottom:0;position:absolute;overflow-x:hidden;overflow-y:auto;background:#333;z-index:1001;box-sizing:content-box;transition:transform 500ms ease 0s;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-transform:translate(100%, 0);-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);right:0}.right-off-canvas-menu *{-webkit-backface-visibility:hidden}ul.off-canvas-list{list-style-type:none;padding:0;margin:0}ul.off-canvas-list li label{display:block;padding:0.3rem 0.9375rem;color:#999;text-transform:uppercase;font-size:0.75rem;font-weight:bold;background:#444;border-top:1px solid #5e5e5e;border-bottom:none;margin:0}ul.off-canvas-list li a{display:block;padding:0.66667rem;color:rgba(255,255,255,0.7);border-bottom:1px solid #262626;transition:background 300ms ease}ul.off-canvas-list li a:hover{background:#242424}.move-right>.inner-wrap{-ms-transform:translate(15.625rem, 0);-webkit-transform:translate3d(15.625rem, 0, 0);-moz-transform:translate3d(15.625rem, 0, 0);-ms-transform:translate3d(15.625rem, 0, 0);-o-transform:translate3d(15.625rem, 0, 0);transform:translate3d(15.625rem, 0, 0)}.move-right .exit-off-canvas{-webkit-backface-visibility:hidden;transition:background 300ms ease;cursor:pointer;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);display:block;position:absolute;background:rgba(255,255,255,0.2);top:0;bottom:0;left:0;right:0;z-index:1002;-webkit-tap-highlight-color:transparent}@media only screen and (min-width: 40.063em){.move-right .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.move-left>.inner-wrap{-ms-transform:translate(-15.625rem, 0);-webkit-transform:translate3d(-15.625rem, 0, 0);-moz-transform:translate3d(-15.625rem, 0, 0);-ms-transform:translate3d(-15.625rem, 0, 0);-o-transform:translate3d(-15.625rem, 0, 0);transform:translate3d(-15.625rem, 0, 0)}.move-left .exit-off-canvas{-webkit-backface-visibility:hidden;transition:background 300ms ease;cursor:pointer;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);display:block;position:absolute;background:rgba(255,255,255,0.2);top:0;bottom:0;left:0;right:0;z-index:1002;-webkit-tap-highlight-color:transparent}@media only screen and (min-width: 40.063em){.move-left .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap .left-off-canvas-menu,.offcanvas-overlap .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap .exit-off-canvas{-webkit-backface-visibility:hidden;transition:background 300ms ease;cursor:pointer;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);display:block;position:absolute;background:rgba(255,255,255,0.2);top:0;bottom:0;left:0;right:0;z-index:1002;-webkit-tap-highlight-color:transparent}@media only screen and (min-width: 40.063em){.offcanvas-overlap .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap-left .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-left .exit-off-canvas{-webkit-backface-visibility:hidden;transition:background 300ms ease;cursor:pointer;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);display:block;position:absolute;background:rgba(255,255,255,0.2);top:0;bottom:0;left:0;right:0;z-index:1002;-webkit-tap-highlight-color:transparent}@media only screen and (min-width: 40.063em){.offcanvas-overlap-left .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap-right .left-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-right .exit-off-canvas{-webkit-backface-visibility:hidden;transition:background 300ms ease;cursor:pointer;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);display:block;position:absolute;background:rgba(255,255,255,0.2);top:0;bottom:0;left:0;right:0;z-index:1002;-webkit-tap-highlight-color:transparent}@media only screen and (min-width: 40.063em){.offcanvas-overlap-right .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.no-csstransforms .left-off-canvas-menu{left:-15.625rem}.no-csstransforms .right-off-canvas-menu{right:-15.625rem}.no-csstransforms .move-left>.inner-wrap{right:15.625rem}.no-csstransforms .move-right>.inner-wrap{left:15.625rem}.left-submenu{-webkit-backface-visibility:hidden;width:15.625rem;top:0;bottom:0;position:absolute;margin:0;overflow-x:hidden;overflow-y:auto;background:#333;z-index:1002;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-transform:translate(-100%, 0);-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.left-submenu *{-webkit-backface-visibility:hidden}.left-submenu .back>a{padding:0.3rem 0.9375rem;color:#999;text-transform:uppercase;font-weight:bold;background:#444;border-top:1px solid #5e5e5e;border-bottom:none;margin:0}.left-submenu .back>a:hover{background:#303030;border-top:1px solid #5e5e5e;border-bottom:none}.left-submenu .back>a:before{content:"\AB";margin-right:0.5rem;display:inline}.left-submenu.move-right,.left-submenu.offcanvas-overlap-right,.left-submenu.offcanvas-overlap{-ms-transform:translate(0%, 0);-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.right-submenu{-webkit-backface-visibility:hidden;width:15.625rem;top:0;bottom:0;position:absolute;margin:0;overflow-x:hidden;overflow-y:auto;background:#333;z-index:1002;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-transform:translate(100%, 0);-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);right:0;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.right-submenu *{-webkit-backface-visibility:hidden}.right-submenu .back>a{padding:0.3rem 0.9375rem;color:#999;text-transform:uppercase;font-weight:bold;background:#444;border-top:1px solid #5e5e5e;border-bottom:none;margin:0}.right-submenu .back>a:hover{background:#303030;border-top:1px solid #5e5e5e;border-bottom:none}.right-submenu .back>a:after{content:"\BB";margin-left:0.5rem;display:inline}.right-submenu.move-left,.right-submenu.offcanvas-overlap-left,.right-submenu.offcanvas-overlap{-ms-transform:translate(0%, 0);-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after{content:"\BB";margin-left:0.5rem;display:inline}.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before{content:"\AB";margin-right:0.5rem;display:inline}.f-dropdown{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:0.875rem;z-index:89;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:inset 6px;border-color:transparent transparent #fff transparent;border-bottom-style:solid;position:absolute;top:-12px;left:10px;z-index:89}.f-dropdown:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent transparent #ccc transparent;border-bottom-style:solid;position:absolute;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-right{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:0.875rem;z-index:89;margin-top:0;margin-left:2px;max-width:200px}.f-dropdown.drop-right>*:first-child{margin-top:0}.f-dropdown.drop-right>*:last-child{margin-bottom:0}.f-dropdown.drop-right:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:transparent #fff transparent transparent;border-right-style:solid;position:absolute;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent #ccc transparent transparent;border-right-style:solid;position:absolute;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:0.875rem;z-index:89;margin-top:0;margin-left:-2px;max-width:200px}.f-dropdown.drop-left>*:first-child{margin-top:0}.f-dropdown.drop-left>*:last-child{margin-bottom:0}.f-dropdown.drop-left:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:transparent transparent transparent #fff;border-left-style:solid;position:absolute;top:10px;right:-12px;left:auto;z-index:89}.f-dropdown.drop-left:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:transparent transparent transparent #ccc;border-left-style:solid;position:absolute;top:9px;right:-14px;left:auto;z-index:88}.f-dropdown.drop-top{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:0.875rem;z-index:89;margin-top:-2px;margin-left:0;max-width:200px}.f-dropdown.drop-top>*:first-child{margin-top:0}.f-dropdown.drop-top>*:last-child{margin-bottom:0}.f-dropdown.drop-top:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:#fff transparent transparent transparent;border-top-style:solid;position:absolute;top:auto;bottom:-12px;left:10px;right:auto;z-index:89}.f-dropdown.drop-top:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:#ccc transparent transparent transparent;border-top-style:solid;position:absolute;top:auto;bottom:-14px;left:9px;right:auto;z-index:88}.f-dropdown li{font-size:0.875rem;cursor:pointer;line-height:1.125rem;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li.radius{border-radius:3px}.f-dropdown li a{display:block;padding:0.5rem;color:#555}.f-dropdown.content{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;padding:1.25rem;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:0.875rem;z-index:89;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}.f-dropdown.mega{width:100% !important;max-width:100% !important}.f-dropdown.mega.open{left:0 !important}table{background:#fff;margin-bottom:1.25rem;border:solid 1px #ddd;table-layout:auto}table caption{background:transparent;color:#222;font-size:1rem;font-weight:bold}table thead{background:#F5F5F5}table thead tr th,table thead tr td{padding:0.5rem 0.625rem 0.625rem;font-size:0.875rem;font-weight:bold;color:#222}table tfoot{background:#F5F5F5}table tfoot tr th,table tfoot tr td{padding:0.5rem 0.625rem 0.625rem;font-size:0.875rem;font-weight:bold;color:#222}table tr th,table tr td{padding:0.5625rem 0.625rem;font-size:0.875rem;color:#222;text-align:left}table tr.even,table tr.alt,table tr:nth-of-type(even){background:#F9F9F9}table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td{display:table-cell;line-height:1.125rem}.range-slider{position:relative;border:1px solid #ddd;margin:1.25rem 0;-ms-touch-action:none;touch-action:none;display:block;width:100%;height:1rem;background:#FAFAFA}.range-slider.vertical-range{position:relative;border:1px solid #ddd;margin:1.25rem 0;-ms-touch-action:none;touch-action:none;display:inline-block;width:1rem;height:12.5rem}.range-slider.vertical-range .range-slider-handle{margin-top:0;margin-left:-0.5rem;position:absolute;bottom:-10.5rem}.range-slider.vertical-range .range-slider-active-segment{width:0.875rem;height:auto;bottom:0}.range-slider.radius{background:#FAFAFA;border-radius:3px}.range-slider.radius .range-slider-handle{background:#008CBA;border-radius:3px}.range-slider.radius .range-slider-handle:hover{background:#007ba4}.range-slider.round{background:#FAFAFA;border-radius:1000px}.range-slider.round .range-slider-handle{background:#008CBA;border-radius:1000px}.range-slider.round .range-slider-handle:hover{background:#007ba4}.range-slider.disabled,.range-slider[disabled]{background:#FAFAFA;cursor:not-allowed;opacity:0.7}.range-slider.disabled .range-slider-handle,.range-slider[disabled] .range-slider-handle{background:#008CBA;cursor:default;opacity:0.7}.range-slider.disabled .range-slider-handle:hover,.range-slider[disabled] .range-slider-handle:hover{background:#007ba4}.range-slider-active-segment{display:inline-block;position:absolute;height:0.875rem;background:#e5e5e5}.range-slider-handle{display:inline-block;position:absolute;z-index:1;top:-0.3125rem;width:2rem;height:1.375rem;border:1px solid none;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;background:#008CBA}.range-slider-handle:hover{background:#007ba4}[class*="block-grid-"]{display:block;padding:0;margin:0 -0.625rem}[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 0.625rem 1.25rem}@media only screen{.small-block-grid-1>li{width:100%;list-style:none}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;list-style:none}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.33333%;list-style:none}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;list-style:none}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;list-style:none}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.66667%;list-style:none}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.28571%;list-style:none}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;list-style:none}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.11111%;list-style:none}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;list-style:none}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.09091%;list-style:none}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.33333%;list-style:none}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 40.063em){.medium-block-grid-1>li{width:100%;list-style:none}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{width:50%;list-style:none}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{width:33.33333%;list-style:none}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{width:25%;list-style:none}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{width:20%;list-style:none}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{width:16.66667%;list-style:none}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{width:14.28571%;list-style:none}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{width:12.5%;list-style:none}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{width:11.11111%;list-style:none}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{width:10%;list-style:none}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{width:9.09091%;list-style:none}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{width:8.33333%;list-style:none}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 64.063em){.large-block-grid-1>li{width:100%;list-style:none}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;list-style:none}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.33333%;list-style:none}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;list-style:none}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;list-style:none}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.66667%;list-style:none}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.28571%;list-style:none}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;list-style:none}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.11111%;list-style:none}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;list-style:none}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.09091%;list-style:none}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.33333%;list-style:none}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.flex-video{position:relative;padding-top:1.5625rem;padding-bottom:67.5%;height:0;margin-bottom:1rem;overflow:hidden}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:inherit;padding:0.125rem 0.25rem 0;border-radius:3px}.switch{padding:0;border:none;position:relative;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch label{display:block;margin-bottom:1rem;position:relative;color:transparent;background:#ddd;text-indent:100%;width:4rem;height:2rem;cursor:pointer;transition:left 0.15s ease-out}.switch input{opacity:0;position:absolute;top:9px;left:10px;padding:0}.switch input+label{margin-left:0;margin-right:0}.switch label:after{content:"";display:block;background:#fff;position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;-webkit-transition:left 0.15s ease-out;-moz-transition:left 0.15s ease-out;-o-transition:translate3d(0, 0, 0);transition:left 0.15s ease-out;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.switch input:checked+label{background:#008CBA}.switch input:checked+label:after{left:2.25rem}.switch label{width:4rem;height:2rem}.switch label:after{width:1.5rem;height:1.5rem}.switch input:checked+label:after{left:2.25rem}.switch label{color:transparent;background:#ddd}.switch label:after{background:#fff}.switch input:checked+label{background:#008CBA}.switch.large label{width:5rem;height:2.5rem}.switch.large label:after{width:2rem;height:2rem}.switch.large input:checked+label:after{left:2.75rem}.switch.small label{width:3.5rem;height:1.75rem}.switch.small label:after{width:1.25rem;height:1.25rem}.switch.small input:checked+label:after{left:2rem}.switch.tiny label{width:3rem;height:1.5rem}.switch.tiny label:after{width:1rem;height:1rem}.switch.tiny input:checked+label:after{left:1.75rem}.switch.radius label{border-radius:4px}.switch.radius label:after{border-radius:3px}.switch.round{border-radius:1000px}.switch.round label{border-radius:2rem}.switch.round label:after{border-radius:2rem}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 40.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 64.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 90.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 120.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-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 !important}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 !important}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 !important}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 !important}.touch table.show-for-touch{display:table !important}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}.print-only{display:none !important}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !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}}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}}
diff --git a/themes/foundation5/css/mqueries.css b/themes/foundation5/css/mqueries.css
deleted file mode 100644
index fd933cd966f..00000000000
--- a/themes/foundation5/css/mqueries.css
+++ /dev/null
@@ -1,122 +0,0 @@
-@charset "utf-8";
-/* min-width:320 */
-@media only screen and (min-width: 20em) {
- #searchForm .columns {padding:0 }
- #searchForm input[type="text"]{margin-bottom: 0}
- #searchForm select {margin-bottom: .5em}
-
- /* Shard selector checkboxes */
- #shard-selector {color: #ccc; }
- /* Shard selector checkboxes - end */
-
- /* Details tab */
- table.citation tr th,
- table.citation tr td { font-size:80%;padding: .25em;}
- /* Details tab - END */
-}
-
-@media (max-width: 767px){
- .grid{min-height: 250px}
- .twitter-typeahead { width: 100% } /* remove if typeahead not used - fixme */
- }
-
-/* min 720px wide */
-@media only screen and (min-width: 720px) {
- /* Search form - distance between elements */
- #searchForm .columns {padding-left: 1rem; padding-right: 1rem; }
- .top-bar #searchForm .columns:first-of-type {padding-left: 0; }
- .top-bar #searchForm .columns:last-of-type {padding-right: 0; }
- /* Search form - distance between elements - end */
- /* Shard selector checkboxes */
- #shard-selector {padding:0; margin-right: 0;position: absolute; top:2.5rem; font-size: .7rem; line-height: 1; float: left;}
- /* Shard selector checkboxes - end */
-
-
- }
-
-/* min 768px wide */
-@media only screen and (min-width: 768px) {
- /* Top-bar height (important if shard selector is visible - otherwise you may delete this next entry */
- .top-bar {min-height: 3.5rem}
- /* Top-bar searchbox section placement */
- #top-srchbx {/*min-width: 60%; max-width: 60%;*/ float: left;/* padding-right: 0; padding-left: 0*/}
- #top-srchbx .has-form {padding-left: 0; padding-right: 0}
- /* Shard selector checkboxes */
- #shard-selector input[type="checkbox"] {}
- .searchHomeContent #shard-selector {position: relative; top:0;}
- /* Shard selector checkboxes - end */
- /* Top-bar account etc buttons placement */
- #top-acc-bttns {/*min-width:20%; max-width: 40%; float: right; */}
-
- /* MODALS */
- /* legacy BS modals */ /* copied from BS compiles.css + adapted slightly - replace when FNDTN modal is ready */
- .modal-dialog {width: 50%; max-width: 900px; margin: 2rem auto}
- .modal-content {-webkit-box-shadow: 0 .25rem 1rem rgba(0,0,0,0.5);box-shadow: 0 .25rem 1rem rgba(0,0,0,0.5)}
- .modal-sm { width: 30%; max-width: 300px }
- /* legacy BS modals - end */
- /* MODALS - end */
- /* Details tab */
- table.citation tr th,
- table.citation tr td {font-size:0.875rem; padding-left:1rem; padding-right:1rem;}
- /* Details tab - END */
-
- /* Form elements such as select boxes */ /* copied from BS compiles.css + adapted in places */
- .form-inline .form-group{display: inline-block;margin-bottom: 0; vertical-align: middle }
- .form-inline .form-control{display: inline-block;width: auto;vertical-align: middle}
- .form-inline .input-group > .form-control{width: 100%}
- .form-inline .control-label{margin-bottom: 0;vertical-align: middle}
- .form-inline .radio,
- .form-inline .checkbox{display: inline-block;margin-top: 0;margin-bottom: 0;padding-left: 0;vertical-align: middle}
- .form-inline .radio input[type="radio"],
- .form-inline .checkbox input[type="checkbox"]{ float: none; margin-left: 0; margin-top: .5rem}
- .form-inline .has-feedback .form-control-feedback{top: 0}
- .form-control {max-width: 25rem;}
-
- .form-horizontal .control-label {text-align: right;}
- /* Form elements such as select boxes - end */
-}
-
-@media (min-width: 992px) {
-
- /* Breadcrumbs */
- .breadcrumbs {max-width: 64rem; clear: both} /* limit to max width of central column */
- /* Breadcrumbs - end */
-
- /* MODALS */
- /* legacy BS modals */ /* copied from BS compiles.css + adapted slightly - replace when FNDTN modal is ready */
- .modal-lg { width: 900px }
- /* legacy BS modals - end */
- /* MODALS - end */
-
-}
-
-@media (min-width: 992px) {
- /* Shard selector checkboxes */
- #shard-selector { left: 1rem; top: 2.5rem; }
- /* Shard selector checkboxes */
-}
-
-@media (min-width: 1280px) {
- /* Shard selector checkboxes */
- #shard-selector { left: 0; }
- /* Shard selector checkboxes */
- }
-
-
-@media print {
- .columns {width:auto} /* for similar layout as on screen */
-
- /* Links */
-
- /* Show verbose links for certain elements */
- /* It should be easier to list the elements where the link should be SHOWN and generally switch this feature off */
- /* Turn verbose links off */
- a[href]:after {content: "";}
- a, a:visited {text-decoration: none;}
- /* Show links for */
- .XYZ a[href]:after {content: " (" attr(href) ")";text-decoration: underline}
- a.fulltext[href]:after {content: " (" attr(href) ")";text-decoration: underline}
-
-
-
-}
\ No newline at end of file
diff --git a/themes/foundation5/css/print.css b/themes/foundation5/css/print.css
deleted file mode 100644
index d2722e3cb9f..00000000000
--- a/themes/foundation5/css/print.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hide-for-print,.hide-for-print *,.hide-for-print[class*="span"] {display:none}
-.row-fluid .span9 {margin:auto;width:90%}
-a[href]:after{content:''}
-* {background-color:#FFF}
-.container {margin:0}
-#datevispublishDatexWrapper {width:90%}
\ No newline at end of file
diff --git a/themes/foundation5/css/vendor/bootstrap-slider.css b/themes/foundation5/css/vendor/bootstrap-slider.css
index f9963939d64..59c90ab67a1 100644
--- a/themes/foundation5/css/vendor/bootstrap-slider.css
+++ b/themes/foundation5/css/vendor/bootstrap-slider.css
@@ -6,26 +6,14 @@
vertical-align: middle;
position: relative
}
-.slider.slider-horizontal {
- width: 210px;
- height: 20px
-}
-.slider.slider-horizontal .slider-track {
- height: 10px;
- width: 100%;
- margin-top: -5px;
- top: 50%;
- left: 0
-}
+.slider.slider-horizontal {width: 100%;height: 1.5rem}
+.slider.slider-horizontal .slider-track {height: .75rem;width: 100%;top: 50%;left: 0; margin: -.5rem 1rem .5rem 0 ;}
.slider.slider-horizontal .slider-selection {
height: 100%;
top: 0;
bottom: 0
}
-.slider.slider-horizontal .slider-handle {
- margin-left: -10px;
- margin-top: -5px
-}
+.slider.slider-horizontal .slider-handle {margin-left: 0;margin-top: -4px}
.slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
@@ -138,28 +126,10 @@ background-image: linear-gradient(to bottom,
box-sizing: border-box;
border-radius: 4px
}
-.slider-handle {
- position: absolute;
- width: 20px;
- height: 20px;
- background-color: #3a94a5;
-background-image: -webkit-linear-gradient(top,
-#149bdf 0,
- #0480be 100%);
-background-image: -o-linear-gradient(top,
-#149bdf 0,
- #0480be 100%);
-background-image: linear-gradient(to bottom,
-#149bdf 0,
- #0480be 100%);
- background-repeat: repeat-x;
- filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
- filter: none;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- opacity: .8;
- border: 0 solid transparent
-}
+.slider-handle {position: absolute;width: 16px;height: 16px;background-color: #3a94a5; background-image: -webkit-linear-gradient(top,#149bdf 0, #0480be 100%);
+ background-image: -o-linear-gradient(top,#149bdf 0, #0480be 100%);background-image: linear-gradient(to bottom,#149bdf 0, #0480be 100%);
+ background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
+ filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);opacity: .8;border: 0 solid transparent}
.slider-handle.round {
border-radius: 50%
}
diff --git a/themes/foundation5/css/vendor/foundation.css b/themes/foundation5/css/vendor/foundation.css
new file mode 100644
index 00000000000..d0db3de6b35
--- /dev/null
+++ b/themes/foundation5/css/vendor/foundation.css
@@ -0,0 +1,8551 @@
+meta.foundation-version {
+ font-family: "/{{VERSION}}/";
+}
+
+meta.foundation-mq-small {
+ font-family: "/only screen/";
+ width: 0;
+}
+
+meta.foundation-mq-small-only {
+ font-family: "/only screen and (max-width: 45.7142857143em)/";
+ width: 0;
+}
+
+meta.foundation-mq-medium {
+ font-family: "/only screen and (min-width:45.7857142857em)/";
+ width: 45.7857142857em;
+}
+
+meta.foundation-mq-medium-only {
+ font-family: "/only screen and (min-width:45.7857142857em) and (max-width:73.1428571429em)/";
+ width: 45.7857142857em;
+}
+
+meta.foundation-mq-large {
+ font-family: "/only screen and (min-width:73.2142857143em)/";
+ width: 73.2142857143em;
+}
+
+meta.foundation-mq-large-only {
+ font-family: "/only screen and (min-width:73.2142857143em) and (max-width:102.857142857em)/";
+ width: 73.2142857143em;
+}
+
+meta.foundation-mq-xlarge {
+ font-family: "/only screen and (min-width:102.928571429em)/";
+ width: 102.928571429em;
+}
+
+meta.foundation-mq-xlarge-only {
+ font-family: "/only screen and (min-width:102.928571429em) and (max-width:137.142857143em)/";
+ width: 102.928571429em;
+}
+
+meta.foundation-mq-xxlarge {
+ font-family: "/only screen and (min-width:137.214285714em)/";
+ width: 137.214285714em;
+}
+
+meta.foundation-data-attribute-namespace {
+ font-family: false;
+}
+
+html, body {
+ height: 100%;
+}
+
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html,
+body {
+ font-size: 14px;
+}
+
+body {
+ background: #fff;
+ color: #222;
+ cursor: auto;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.5;
+ margin: 0;
+ padding: 0;
+ position: relative;
+}
+
+a:hover {
+ cursor: pointer;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+img {
+ -ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+ max-width: none !important;
+}
+
+.left {
+ float: left !important;
+}
+
+.right {
+ float: right !important;
+}
+
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.hide {
+ display: none;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+img {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+textarea {
+ height: auto;
+ min-height: 50px;
+}
+
+select {
+ width: 100%;
+}
+
+.row {
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ width: 100%;
+}
+
+.row:before, .row:after {
+ content: " ";
+ display: table;
+}
+
+.row:after {
+ clear: both;
+}
+
+.row.collapse > .column,
+.row.collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.row.collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.row .row {
+ margin: 0 -1.0714285714rem;
+ max-width: none;
+ width: auto;
+}
+
+.row .row:before, .row .row:after {
+ content: " ";
+ display: table;
+}
+
+.row .row:after {
+ clear: both;
+}
+
+.row .row.collapse {
+ margin: 0;
+ max-width: none;
+ width: auto;
+}
+
+.row .row.collapse:before, .row .row.collapse:after {
+ content: " ";
+ display: table;
+}
+
+.row .row.collapse:after {
+ clear: both;
+}
+
+.column,
+.columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ width: 100%;
+ float: left;
+}
+
+.column + .column:last-child,
+.columns + .columns:last-child {
+ float: right;
+}
+
+.column + .column.end,
+.columns + .columns.end {
+ float: left;
+}
+
+@media only screen {
+ .small-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .small-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .small-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .small-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .small-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .small-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .small-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .small-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .small-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .small-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .small-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .small-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .small-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .small-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .small-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .small-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .small-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .small-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .small-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .small-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .small-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .small-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .small-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .small-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .small-1 {
+ width: 8.3333333333%;
+ }
+ .small-2 {
+ width: 16.6666666667%;
+ }
+ .small-3 {
+ width: 25%;
+ }
+ .small-4 {
+ width: 33.3333333333%;
+ }
+ .small-5 {
+ width: 41.6666666667%;
+ }
+ .small-6 {
+ width: 50%;
+ }
+ .small-7 {
+ width: 58.3333333333%;
+ }
+ .small-8 {
+ width: 66.6666666667%;
+ }
+ .small-9 {
+ width: 75%;
+ }
+ .small-10 {
+ width: 83.3333333333%;
+ }
+ .small-11 {
+ width: 91.6666666667%;
+ }
+ .small-12 {
+ width: 100%;
+ }
+ .small-offset-0 {
+ margin-left: 0 !important;
+ }
+ .small-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .small-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .small-offset-3 {
+ margin-left: 25% !important;
+ }
+ .small-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .small-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .small-offset-6 {
+ margin-left: 50% !important;
+ }
+ .small-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .small-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .small-offset-9 {
+ margin-left: 75% !important;
+ }
+ .small-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .small-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .small-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.small-centered,
+ .columns.small-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.small-uncentered,
+ .columns.small-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.small-centered:last-child,
+ .columns.small-centered:last-child {
+ float: none;
+ }
+ .column.small-uncentered:last-child,
+ .columns.small-uncentered:last-child {
+ float: left;
+ }
+ .column.small-uncentered.opposite,
+ .columns.small-uncentered.opposite {
+ float: right;
+ }
+ .row.small-collapse > .column,
+ .row.small-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.small-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.small-uncollapse > .column,
+ .row.small-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .medium-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .medium-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .medium-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .medium-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .medium-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .medium-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .medium-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .medium-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .medium-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .medium-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .medium-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .medium-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .medium-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .medium-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .medium-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .medium-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .medium-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .medium-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .medium-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .medium-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .medium-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .medium-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .medium-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .medium-1 {
+ width: 8.3333333333%;
+ }
+ .medium-2 {
+ width: 16.6666666667%;
+ }
+ .medium-3 {
+ width: 25%;
+ }
+ .medium-4 {
+ width: 33.3333333333%;
+ }
+ .medium-5 {
+ width: 41.6666666667%;
+ }
+ .medium-6 {
+ width: 50%;
+ }
+ .medium-7 {
+ width: 58.3333333333%;
+ }
+ .medium-8 {
+ width: 66.6666666667%;
+ }
+ .medium-9 {
+ width: 75%;
+ }
+ .medium-10 {
+ width: 83.3333333333%;
+ }
+ .medium-11 {
+ width: 91.6666666667%;
+ }
+ .medium-12 {
+ width: 100%;
+ }
+ .medium-offset-0 {
+ margin-left: 0 !important;
+ }
+ .medium-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .medium-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .medium-offset-3 {
+ margin-left: 25% !important;
+ }
+ .medium-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .medium-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .medium-offset-6 {
+ margin-left: 50% !important;
+ }
+ .medium-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .medium-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .medium-offset-9 {
+ margin-left: 75% !important;
+ }
+ .medium-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .medium-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .medium-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.medium-centered,
+ .columns.medium-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.medium-uncentered,
+ .columns.medium-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.medium-centered:last-child,
+ .columns.medium-centered:last-child {
+ float: none;
+ }
+ .column.medium-uncentered:last-child,
+ .columns.medium-uncentered:last-child {
+ float: left;
+ }
+ .column.medium-uncentered.opposite,
+ .columns.medium-uncentered.opposite {
+ float: right;
+ }
+ .row.medium-collapse > .column,
+ .row.medium-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.medium-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.medium-uncollapse > .column,
+ .row.medium-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .large-pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .large-push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .large-pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .large-push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .large-pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .large-push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .large-pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .large-push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .large-pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .large-push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .large-pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .large-push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .large-pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .large-push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .large-pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .large-push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .large-pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .large-push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .large-pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .large-push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .large-pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .large-push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .large-pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+ .column,
+ .columns {
+ position: relative;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .large-1 {
+ width: 8.3333333333%;
+ }
+ .large-2 {
+ width: 16.6666666667%;
+ }
+ .large-3 {
+ width: 25%;
+ }
+ .large-4 {
+ width: 33.3333333333%;
+ }
+ .large-5 {
+ width: 41.6666666667%;
+ }
+ .large-6 {
+ width: 50%;
+ }
+ .large-7 {
+ width: 58.3333333333%;
+ }
+ .large-8 {
+ width: 66.6666666667%;
+ }
+ .large-9 {
+ width: 75%;
+ }
+ .large-10 {
+ width: 83.3333333333%;
+ }
+ .large-11 {
+ width: 91.6666666667%;
+ }
+ .large-12 {
+ width: 100%;
+ }
+ .large-offset-0 {
+ margin-left: 0 !important;
+ }
+ .large-offset-1 {
+ margin-left: 8.3333333333% !important;
+ }
+ .large-offset-2 {
+ margin-left: 16.6666666667% !important;
+ }
+ .large-offset-3 {
+ margin-left: 25% !important;
+ }
+ .large-offset-4 {
+ margin-left: 33.3333333333% !important;
+ }
+ .large-offset-5 {
+ margin-left: 41.6666666667% !important;
+ }
+ .large-offset-6 {
+ margin-left: 50% !important;
+ }
+ .large-offset-7 {
+ margin-left: 58.3333333333% !important;
+ }
+ .large-offset-8 {
+ margin-left: 66.6666666667% !important;
+ }
+ .large-offset-9 {
+ margin-left: 75% !important;
+ }
+ .large-offset-10 {
+ margin-left: 83.3333333333% !important;
+ }
+ .large-offset-11 {
+ margin-left: 91.6666666667% !important;
+ }
+ .large-reset-order {
+ float: left;
+ left: auto;
+ margin-left: 0;
+ margin-right: 0;
+ right: auto;
+ }
+ .column.large-centered,
+ .columns.large-centered {
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ }
+ .column.large-uncentered,
+ .columns.large-uncentered {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .column.large-centered:last-child,
+ .columns.large-centered:last-child {
+ float: none;
+ }
+ .column.large-uncentered:last-child,
+ .columns.large-uncentered:last-child {
+ float: left;
+ }
+ .column.large-uncentered.opposite,
+ .columns.large-uncentered.opposite {
+ float: right;
+ }
+ .row.large-collapse > .column,
+ .row.large-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row.large-collapse .row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .row.large-uncollapse > .column,
+ .row.large-uncollapse > .columns {
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ float: left;
+ }
+ .push-0 {
+ position: relative;
+ left: 0;
+ right: auto;
+ }
+ .pull-0 {
+ position: relative;
+ right: 0;
+ left: auto;
+ }
+ .push-1 {
+ position: relative;
+ left: 8.3333333333%;
+ right: auto;
+ }
+ .pull-1 {
+ position: relative;
+ right: 8.3333333333%;
+ left: auto;
+ }
+ .push-2 {
+ position: relative;
+ left: 16.6666666667%;
+ right: auto;
+ }
+ .pull-2 {
+ position: relative;
+ right: 16.6666666667%;
+ left: auto;
+ }
+ .push-3 {
+ position: relative;
+ left: 25%;
+ right: auto;
+ }
+ .pull-3 {
+ position: relative;
+ right: 25%;
+ left: auto;
+ }
+ .push-4 {
+ position: relative;
+ left: 33.3333333333%;
+ right: auto;
+ }
+ .pull-4 {
+ position: relative;
+ right: 33.3333333333%;
+ left: auto;
+ }
+ .push-5 {
+ position: relative;
+ left: 41.6666666667%;
+ right: auto;
+ }
+ .pull-5 {
+ position: relative;
+ right: 41.6666666667%;
+ left: auto;
+ }
+ .push-6 {
+ position: relative;
+ left: 50%;
+ right: auto;
+ }
+ .pull-6 {
+ position: relative;
+ right: 50%;
+ left: auto;
+ }
+ .push-7 {
+ position: relative;
+ left: 58.3333333333%;
+ right: auto;
+ }
+ .pull-7 {
+ position: relative;
+ right: 58.3333333333%;
+ left: auto;
+ }
+ .push-8 {
+ position: relative;
+ left: 66.6666666667%;
+ right: auto;
+ }
+ .pull-8 {
+ position: relative;
+ right: 66.6666666667%;
+ left: auto;
+ }
+ .push-9 {
+ position: relative;
+ left: 75%;
+ right: auto;
+ }
+ .pull-9 {
+ position: relative;
+ right: 75%;
+ left: auto;
+ }
+ .push-10 {
+ position: relative;
+ left: 83.3333333333%;
+ right: auto;
+ }
+ .pull-10 {
+ position: relative;
+ right: 83.3333333333%;
+ left: auto;
+ }
+ .push-11 {
+ position: relative;
+ left: 91.6666666667%;
+ right: auto;
+ }
+ .pull-11 {
+ position: relative;
+ right: 91.6666666667%;
+ left: auto;
+ }
+}
+
+.accordion {
+ margin-bottom: 0;
+}
+
+.accordion:before, .accordion:after {
+ content: " ";
+ display: table;
+}
+
+.accordion:after {
+ clear: both;
+}
+
+.accordion .accordion-navigation, .accordion dd {
+ display: block;
+ margin-bottom: 0 !important;
+}
+
+.accordion .accordion-navigation.active > a, .accordion dd.active > a {
+ background: #e8e8e8;
+}
+
+.accordion .accordion-navigation > a, .accordion dd > a {
+ background: #EFEFEF;
+ color: #222222;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ padding: 1.1428571429rem;
+}
+
+.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
+ background: #e3e3e3;
+}
+
+.accordion .accordion-navigation > .content, .accordion dd > .content {
+ display: none;
+ padding: 1.0714285714rem;
+}
+
+.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
+ background: #FFFFFF;
+ display: block;
+}
+
+.alert-box {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ font-size: 0.9285714286rem;
+ font-weight: normal;
+ margin-bottom: 1.4285714286rem;
+ padding: 1rem 1.7142857143rem 1rem 1rem;
+ position: relative;
+ transition: opacity 300ms ease-out;
+ background-color: #008CBA;
+ border-color: #0078a0;
+ color: #FFFFFF;
+}
+
+.alert-box .close {
+ right: 0.2857142857rem;
+ background: inherit;
+ color: #333333;
+ font-size: 1.5714285714rem;
+ line-height: .9;
+ margin-top: -0.7857142857rem;
+ opacity: 0.3;
+ padding: 0 6px 4px;
+ position: absolute;
+ top: 50%;
+}
+
+.alert-box .close:hover,
+.alert-box .close:focus {
+ opacity: 0.5;
+}
+
+.alert-box.radius {
+ border-radius: 3px;
+}
+
+.alert-box.round {
+ border-radius: 1000px;
+}
+
+.alert-box.success {
+ background-color: #43AC6A;
+ border-color: #3a945b;
+ color: #FFFFFF;
+}
+
+.alert-box.alert {
+ background-color: #f04124;
+ border-color: #de2d0f;
+ color: #FFFFFF;
+}
+
+.alert-box.secondary {
+ background-color: #e7e7e7;
+ border-color: #c7c7c7;
+ color: #4f4f4f;
+}
+
+.alert-box.warning {
+ background-color: #f08a24;
+ border-color: #de770f;
+ color: #FFFFFF;
+}
+
+.alert-box.info {
+ background-color: #a0d3e8;
+ border-color: #74bfdd;
+ color: #4f4f4f;
+}
+
+.alert-box.alert-close {
+ opacity: 0;
+}
+
+[class*="block-grid-"] {
+ display: block;
+ padding: 0;
+ margin: 0 -0.7142857143rem;
+}
+
+[class*="block-grid-"]:before, [class*="block-grid-"]:after {
+ content: " ";
+ display: table;
+}
+
+[class*="block-grid-"]:after {
+ clear: both;
+}
+
+[class*="block-grid-"] > li {
+ display: block;
+ float: left;
+ height: auto;
+ padding: 0 0.7142857143rem 1.4285714286rem;
+}
+
+@media only screen {
+ .small-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .small-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .small-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .small-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .small-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .small-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .small-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .small-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .small-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .small-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .small-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .small-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .small-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .small-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .small-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .small-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .small-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .small-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .small-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .small-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .small-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .small-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .small-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .small-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .small-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .medium-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .medium-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .medium-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .medium-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .medium-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .medium-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .medium-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .medium-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .medium-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .medium-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .medium-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .medium-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .medium-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .medium-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .medium-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .medium-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .medium-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .medium-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .medium-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .medium-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .medium-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .medium-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .medium-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .medium-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-block-grid-1 > li {
+ list-style: none;
+ width: 100%;
+ }
+ .large-block-grid-1 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-1 > li:nth-of-type(1n+1) {
+ clear: both;
+ }
+ .large-block-grid-2 > li {
+ list-style: none;
+ width: 50%;
+ }
+ .large-block-grid-2 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-2 > li:nth-of-type(2n+1) {
+ clear: both;
+ }
+ .large-block-grid-3 > li {
+ list-style: none;
+ width: 33.3333333333%;
+ }
+ .large-block-grid-3 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-3 > li:nth-of-type(3n+1) {
+ clear: both;
+ }
+ .large-block-grid-4 > li {
+ list-style: none;
+ width: 25%;
+ }
+ .large-block-grid-4 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-4 > li:nth-of-type(4n+1) {
+ clear: both;
+ }
+ .large-block-grid-5 > li {
+ list-style: none;
+ width: 20%;
+ }
+ .large-block-grid-5 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-5 > li:nth-of-type(5n+1) {
+ clear: both;
+ }
+ .large-block-grid-6 > li {
+ list-style: none;
+ width: 16.6666666667%;
+ }
+ .large-block-grid-6 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-6 > li:nth-of-type(6n+1) {
+ clear: both;
+ }
+ .large-block-grid-7 > li {
+ list-style: none;
+ width: 14.2857142857%;
+ }
+ .large-block-grid-7 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-7 > li:nth-of-type(7n+1) {
+ clear: both;
+ }
+ .large-block-grid-8 > li {
+ list-style: none;
+ width: 12.5%;
+ }
+ .large-block-grid-8 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-8 > li:nth-of-type(8n+1) {
+ clear: both;
+ }
+ .large-block-grid-9 > li {
+ list-style: none;
+ width: 11.1111111111%;
+ }
+ .large-block-grid-9 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-9 > li:nth-of-type(9n+1) {
+ clear: both;
+ }
+ .large-block-grid-10 > li {
+ list-style: none;
+ width: 10%;
+ }
+ .large-block-grid-10 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-10 > li:nth-of-type(10n+1) {
+ clear: both;
+ }
+ .large-block-grid-11 > li {
+ list-style: none;
+ width: 9.0909090909%;
+ }
+ .large-block-grid-11 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-11 > li:nth-of-type(11n+1) {
+ clear: both;
+ }
+ .large-block-grid-12 > li {
+ list-style: none;
+ width: 8.3333333333%;
+ }
+ .large-block-grid-12 > li:nth-of-type(1n) {
+ clear: none;
+ }
+ .large-block-grid-12 > li:nth-of-type(12n+1) {
+ clear: both;
+ }
+}
+
+.breadcrumbs {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ list-style: none;
+ margin-left: 0;
+ overflow: hidden;
+ padding: 0.6428571429rem 1rem 0.6428571429rem;
+ background-color: #f4f4f4;
+ border-color: gainsboro;
+ border-radius: 3px;
+}
+
+.breadcrumbs > * {
+ color: #008CBA;
+ float: left;
+ font-size: 0.7857142857rem;
+ line-height: 0.7857142857rem;
+ margin: 0;
+ text-transform: uppercase;
+}
+
+.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
+ text-decoration: underline;
+}
+
+.breadcrumbs > * a {
+ color: #008CBA;
+}
+
+.breadcrumbs > *.current {
+ color: #333333;
+ cursor: default;
+}
+
+.breadcrumbs > *.current a {
+ color: #333333;
+ cursor: default;
+}
+
+.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a,
+.breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
+ text-decoration: none;
+}
+
+.breadcrumbs > *.unavailable {
+ color: #999999;
+}
+
+.breadcrumbs > *.unavailable a {
+ color: #999999;
+}
+
+.breadcrumbs > *.unavailable:hover,
+.breadcrumbs > *.unavailable:hover a,
+.breadcrumbs > *.unavailable:focus,
+.breadcrumbs > *.unavailable a:focus {
+ color: #999999;
+ cursor: not-allowed;
+ text-decoration: none;
+}
+
+.breadcrumbs > *:before {
+ color: #AAAAAA;
+ content: "/";
+ margin: 0 0.8571428571rem;
+ position: relative;
+ top: 1px;
+}
+
+.breadcrumbs > *:first-child:before {
+ content: " ";
+ margin: 0;
+}
+
+/* Accessibility - hides the forward slash */
+[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
+ content: "/";
+}
+
+button, .button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0;
+ cursor: pointer;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: normal;
+ margin: 0 0 1.4285714286rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ padding: 1.1428571429rem 2.2857142857rem 1.2142857143rem 2.2857142857rem;
+ font-size: 1.1428571429rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+ transition: background-color 300ms ease-out;
+}
+
+button:hover,
+button:focus, .button:hover,
+.button:focus {
+ background-color: #007095;
+}
+
+button:hover,
+button:focus, .button:hover,
+.button:focus {
+ color: #FFFFFF;
+}
+
+button.secondary, .button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+button.secondary:hover,
+button.secondary:focus, .button.secondary:hover,
+.button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+button.secondary:hover,
+button.secondary:focus, .button.secondary:hover,
+.button.secondary:focus {
+ color: #333333;
+}
+
+button.success, .button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+button.success:hover,
+button.success:focus, .button.success:hover,
+.button.success:focus {
+ background-color: #368a55;
+}
+
+button.success:hover,
+button.success:focus, .button.success:hover,
+.button.success:focus {
+ color: #FFFFFF;
+}
+
+button.alert, .button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+button.alert:hover,
+button.alert:focus, .button.alert:hover,
+.button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+button.alert:hover,
+button.alert:focus, .button.alert:hover,
+.button.alert:focus {
+ color: #FFFFFF;
+}
+
+button.warning, .button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+button.warning:hover,
+button.warning:focus, .button.warning:hover,
+.button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+button.warning:hover,
+button.warning:focus, .button.warning:hover,
+.button.warning:focus {
+ color: #FFFFFF;
+}
+
+button.info, .button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+button.info:hover,
+button.info:focus, .button.info:hover,
+.button.info:focus {
+ background-color: #61b6d9;
+}
+
+button.info:hover,
+button.info:focus, .button.info:hover,
+.button.info:focus {
+ color: #FFFFFF;
+}
+
+button.large, .button.large {
+ padding: 1.2857142857rem 2.5714285714rem 1.3571428571rem 2.5714285714rem;
+ font-size: 1.4285714286rem;
+}
+
+button.small, .button.small {
+ padding: 1rem 2rem 1.0714285714rem 2rem;
+ font-size: 0.9285714286rem;
+}
+
+button.tiny, .button.tiny {
+ padding: 0.7142857143rem 1.4285714286rem 0.7857142857rem 1.4285714286rem;
+ font-size: 0.7857142857rem;
+}
+
+button.expand, .button.expand {
+ padding-left: 0;
+ padding-right: 0;
+ width: 100%;
+}
+
+button.left-align, .button.left-align {
+ text-align: left;
+ text-indent: 0.8571428571rem;
+}
+
+button.right-align, .button.right-align {
+ text-align: right;
+ padding-right: 0.8571428571rem;
+}
+
+button.radius, .button.radius {
+ border-radius: 3px;
+}
+
+button.round, .button.round {
+ border-radius: 1000px;
+}
+
+button.disabled, button[disabled], .button.disabled, .button[disabled] {
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #007095;
+}
+
+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: #FFFFFF;
+}
+
+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: #008CBA;
+}
+
+button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #b9b9b9;
+}
+
+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 {
+ background-color: #e7e7e7;
+}
+
+button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #368a55;
+}
+
+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: #FFFFFF;
+}
+
+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: #43AC6A;
+}
+
+button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+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: #cf2a0e;
+}
+
+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: #FFFFFF;
+}
+
+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: #f04124;
+}
+
+button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ background-color: #cf6e0e;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ color: #FFFFFF;
+}
+
+button.disabled.warning:hover,
+button.disabled.warning:focus, button[disabled].warning:hover,
+button[disabled].warning:focus, .button.disabled.warning:hover,
+.button.disabled.warning:focus, .button[disabled].warning:hover,
+.button[disabled].warning:focus {
+ background-color: #f08a24;
+}
+
+button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+ box-shadow: none;
+ cursor: default;
+ opacity: 0.7;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ background-color: #61b6d9;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ color: #FFFFFF;
+}
+
+button.disabled.info:hover,
+button.disabled.info:focus, button[disabled].info:hover,
+button[disabled].info:focus, .button.disabled.info:hover,
+.button.disabled.info:focus, .button[disabled].info:hover,
+.button[disabled].info:focus {
+ background-color: #a0d3e8;
+}
+
+button::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ button, .button {
+ display: inline-block;
+ }
+}
+
+.button-group {
+ list-style: none;
+ margin: 0;
+ left: 0;
+}
+
+.button-group:before, .button-group:after {
+ content: " ";
+ display: table;
+}
+
+.button-group:after {
+ clear: both;
+}
+
+.button-group.even-2 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 50%;
+}
+
+.button-group.even-2 li > button, .button-group.even-2 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-2 li button, .button-group.even-2 li .button {
+ width: 100%;
+}
+
+.button-group.even-3 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 33.3333333333%;
+}
+
+.button-group.even-3 li > button, .button-group.even-3 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-3 li button, .button-group.even-3 li .button {
+ width: 100%;
+}
+
+.button-group.even-4 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 25%;
+}
+
+.button-group.even-4 li > button, .button-group.even-4 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-4 li button, .button-group.even-4 li .button {
+ width: 100%;
+}
+
+.button-group.even-5 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 20%;
+}
+
+.button-group.even-5 li > button, .button-group.even-5 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-5 li button, .button-group.even-5 li .button {
+ width: 100%;
+}
+
+.button-group.even-6 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 16.6666666667%;
+}
+
+.button-group.even-6 li > button, .button-group.even-6 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-6 li button, .button-group.even-6 li .button {
+ width: 100%;
+}
+
+.button-group.even-7 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 14.2857142857%;
+}
+
+.button-group.even-7 li > button, .button-group.even-7 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-7 li button, .button-group.even-7 li .button {
+ width: 100%;
+}
+
+.button-group.even-8 li {
+ display: inline-block;
+ margin: 0 -2px;
+ width: 12.5%;
+}
+
+.button-group.even-8 li > button, .button-group.even-8 li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.even-8 li button, .button-group.even-8 li .button {
+ width: 100%;
+}
+
+.button-group > li {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group > li > button, .button-group > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group > li:first-child button, .button-group > li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.stack > li {
+ display: block;
+ margin: 0;
+ float: none;
+}
+
+.button-group.stack > li > button, .button-group.stack > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+ border-left: 0;
+}
+
+.button-group.stack > li > button, .button-group.stack > li .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.stack > li > button {
+ width: 100%;
+}
+
+.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+ border-top: 0;
+}
+
+.button-group.stack-for-small > li {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-left: 0;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.stack-for-small > li {
+ display: block;
+ margin: 0;
+ }
+ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-left: 0;
+ }
+ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.stack-for-small > li > button {
+ width: 100%;
+ }
+ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+ border-top: 0;
+ }
+}
+
+.button-group.radius > * {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.radius > * > button, .button-group.radius > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.radius > *,
+.button-group.radius > * > a,
+.button-group.radius > * > button,
+.button-group.radius > * > .button {
+ border-radius: 0;
+}
+
+.button-group.radius > *:first-child,
+.button-group.radius > *:first-child > a,
+.button-group.radius > *:first-child > button,
+.button-group.radius > *:first-child > .button {
+ -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,
+.button-group.radius > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.button-group.radius.stack > * {
+ display: block;
+ margin: 0;
+}
+
+.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.radius.stack > * > button {
+ width: 100%;
+}
+
+.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+ border-top: 0;
+}
+
+.button-group.radius.stack > *,
+.button-group.radius.stack > * > a,
+.button-group.radius.stack > * > button,
+.button-group.radius.stack > * > .button {
+ border-radius: 0;
+}
+
+.button-group.radius.stack > *:first-child,
+.button-group.radius.stack > *:first-child > a,
+.button-group.radius.stack > *:first-child > button,
+.button-group.radius.stack > *:first-child > .button {
+ -webkit-top-left-radius: 3px;
+ -webkit-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.button-group.radius.stack > *:last-child,
+.button-group.radius.stack > *:last-child > a,
+.button-group.radius.stack > *:last-child > button,
+.button-group.radius.stack > *:last-child > .button {
+ -webkit-bottom-left-radius: 3px;
+ -webkit-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .button-group.radius.stack-for-small > * {
+ display: inline-block;
+ margin: 0 -2px;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.radius.stack-for-small > *,
+ .button-group.radius.stack-for-small > * > a,
+ .button-group.radius.stack-for-small > * > button,
+ .button-group.radius.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.radius.stack-for-small > *:first-child,
+ .button-group.radius.stack-for-small > *:first-child > a,
+ .button-group.radius.stack-for-small > *:first-child > button,
+ .button-group.radius.stack-for-small > *:first-child > .button {
+ -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.stack-for-small > *:last-child,
+ .button-group.radius.stack-for-small > *:last-child > a,
+ .button-group.radius.stack-for-small > *:last-child > button,
+ .button-group.radius.stack-for-small > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.radius.stack-for-small > * {
+ display: block;
+ margin: 0;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.radius.stack-for-small > * > button {
+ width: 100%;
+ }
+ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+ border-top: 0;
+ }
+ .button-group.radius.stack-for-small > *,
+ .button-group.radius.stack-for-small > * > a,
+ .button-group.radius.stack-for-small > * > button,
+ .button-group.radius.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.radius.stack-for-small > *:first-child,
+ .button-group.radius.stack-for-small > *:first-child > a,
+ .button-group.radius.stack-for-small > *:first-child > button,
+ .button-group.radius.stack-for-small > *:first-child > .button {
+ -webkit-top-left-radius: 3px;
+ -webkit-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ }
+ .button-group.radius.stack-for-small > *:last-child,
+ .button-group.radius.stack-for-small > *:last-child > a,
+ .button-group.radius.stack-for-small > *:last-child > button,
+ .button-group.radius.stack-for-small > *:last-child > .button {
+ -webkit-bottom-left-radius: 3px;
+ -webkit-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ }
+}
+
+.button-group.round > * {
+ display: inline-block;
+ margin: 0 -2px;
+}
+
+.button-group.round > * > button, .button-group.round > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.round > *,
+.button-group.round > * > a,
+.button-group.round > * > button,
+.button-group.round > * > .button {
+ border-radius: 0;
+}
+
+.button-group.round > *:first-child,
+.button-group.round > *:first-child > a,
+.button-group.round > *:first-child > button,
+.button-group.round > *:first-child > .button {
+ -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,
+.button-group.round > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+.button-group.round.stack > * {
+ display: block;
+ margin: 0;
+}
+
+.button-group.round.stack > * > button, .button-group.round.stack > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+}
+
+.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+ border-left: 0;
+}
+
+.button-group.round.stack > * > button, .button-group.round.stack > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+}
+
+.button-group.round.stack > * > button {
+ width: 100%;
+}
+
+.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+ border-top: 0;
+}
+
+.button-group.round.stack > *,
+.button-group.round.stack > * > a,
+.button-group.round.stack > * > button,
+.button-group.round.stack > * > .button {
+ border-radius: 0;
+}
+
+.button-group.round.stack > *:first-child,
+.button-group.round.stack > *:first-child > a,
+.button-group.round.stack > *:first-child > button,
+.button-group.round.stack > *:first-child > .button {
+ -webkit-top-left-radius: 1.1428571429rem;
+ -webkit-top-right-radius: 1.1428571429rem;
+ border-top-left-radius: 1.1428571429rem;
+ border-top-right-radius: 1.1428571429rem;
+}
+
+.button-group.round.stack > *:last-child,
+.button-group.round.stack > *:last-child > a,
+.button-group.round.stack > *:last-child > button,
+.button-group.round.stack > *:last-child > .button {
+ -webkit-bottom-left-radius: 1.1428571429rem;
+ -webkit-bottom-right-radius: 1.1428571429rem;
+ border-bottom-left-radius: 1.1428571429rem;
+ border-bottom-right-radius: 1.1428571429rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .button-group.round.stack-for-small > * {
+ display: inline-block;
+ margin: 0 -2px;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.round.stack-for-small > *,
+ .button-group.round.stack-for-small > * > a,
+ .button-group.round.stack-for-small > * > button,
+ .button-group.round.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.round.stack-for-small > *:first-child,
+ .button-group.round.stack-for-small > *:first-child > a,
+ .button-group.round.stack-for-small > *:first-child > button,
+ .button-group.round.stack-for-small > *:first-child > .button {
+ -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.stack-for-small > *:last-child,
+ .button-group.round.stack-for-small > *:last-child > a,
+ .button-group.round.stack-for-small > *:last-child > button,
+ .button-group.round.stack-for-small > *:last-child > .button {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .button-group.round.stack-for-small > * {
+ display: block;
+ margin: 0;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-left: 1px solid;
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-left: 0;
+ }
+ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+ border-color: rgba(255, 255, 255, 0.5);
+ border-left-width: 0;
+ border-top: 1px solid;
+ display: block;
+ margin: 0;
+ }
+ .button-group.round.stack-for-small > * > button {
+ width: 100%;
+ }
+ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+ border-top: 0;
+ }
+ .button-group.round.stack-for-small > *,
+ .button-group.round.stack-for-small > * > a,
+ .button-group.round.stack-for-small > * > button,
+ .button-group.round.stack-for-small > * > .button {
+ border-radius: 0;
+ }
+ .button-group.round.stack-for-small > *:first-child,
+ .button-group.round.stack-for-small > *:first-child > a,
+ .button-group.round.stack-for-small > *:first-child > button,
+ .button-group.round.stack-for-small > *:first-child > .button {
+ -webkit-top-left-radius: 1.1428571429rem;
+ -webkit-top-right-radius: 1.1428571429rem;
+ border-top-left-radius: 1.1428571429rem;
+ border-top-right-radius: 1.1428571429rem;
+ }
+ .button-group.round.stack-for-small > *:last-child,
+ .button-group.round.stack-for-small > *:last-child > a,
+ .button-group.round.stack-for-small > *:last-child > button,
+ .button-group.round.stack-for-small > *:last-child > .button {
+ -webkit-bottom-left-radius: 1.1428571429rem;
+ -webkit-bottom-right-radius: 1.1428571429rem;
+ border-bottom-left-radius: 1.1428571429rem;
+ border-bottom-right-radius: 1.1428571429rem;
+ }
+}
+
+.button-bar:before, .button-bar:after {
+ content: " ";
+ display: table;
+}
+
+.button-bar:after {
+ clear: both;
+}
+
+.button-bar .button-group {
+ float: left;
+ margin-right: 0.7142857143rem;
+}
+
+.button-bar .button-group div {
+ overflow: hidden;
+}
+
+/* Clearing Styles */
+.clearing-thumbs, [data-clearing] {
+ list-style: none;
+ margin-left: 0;
+ margin-bottom: 0;
+}
+
+.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
+ content: " ";
+ display: table;
+}
+
+.clearing-thumbs:after, [data-clearing]:after {
+ clear: both;
+}
+
+.clearing-thumbs li, [data-clearing] li {
+ float: left;
+ margin-right: 10px;
+}
+
+.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
+ margin-right: 0;
+}
+
+.clearing-blackout {
+ background: #333333;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 998;
+ left: 0;
+}
+
+.clearing-blackout .clearing-close {
+ display: block;
+}
+
+.clearing-container {
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
+ z-index: 998;
+}
+
+.clearing-touch-label {
+ color: #AAAAAA;
+ font-size: .6em;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+}
+
+.visible-img {
+ height: 95%;
+ position: relative;
+}
+
+.visible-img img {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ -moz-transform: translateY(-50%) translateX(-50%);
+ -ms-transform: translateY(-50%) translateX(-50%);
+ -o-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+ max-height: 100%;
+ max-width: 100%;
+}
+
+.clearing-caption {
+ background: #333333;
+ bottom: 0;
+ color: #CCCCCC;
+ font-size: 0.875em;
+ line-height: 1.3;
+ margin-bottom: 0;
+ padding: 10px 30px 20px;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ left: 0;
+}
+
+.clearing-close {
+ color: #CCCCCC;
+ display: none;
+ font-size: 30px;
+ line-height: 1;
+ padding-left: 20px;
+ padding-top: 10px;
+ z-index: 999;
+}
+
+.clearing-close:hover,
+.clearing-close:focus {
+ color: #CCCCCC;
+}
+
+.clearing-assembled .clearing-container {
+ height: 100%;
+}
+
+.clearing-assembled .clearing-container .carousel > ul {
+ display: none;
+}
+
+.clearing-feature li {
+ display: none;
+}
+
+.clearing-feature li.clearing-featured-img {
+ display: block;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .clearing-main-prev,
+ .clearing-main-next {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 40px;
+ }
+ .clearing-main-prev > span,
+ .clearing-main-next > span {
+ border: solid 12px;
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ }
+ .clearing-main-prev > span:hover,
+ .clearing-main-next > span:hover {
+ opacity: .8;
+ }
+ .clearing-main-prev {
+ left: 0;
+ }
+ .clearing-main-prev > span {
+ left: 5px;
+ border-color: transparent;
+ border-right-color: #CCCCCC;
+ }
+ .clearing-main-next {
+ right: 0;
+ }
+ .clearing-main-next > span {
+ border-color: transparent;
+ border-left-color: #CCCCCC;
+ }
+ .clearing-main-prev.disabled,
+ .clearing-main-next.disabled {
+ opacity: .3;
+ }
+ .clearing-assembled .clearing-container .carousel {
+ background: rgba(51, 51, 51, 0.8);
+ height: 120px;
+ margin-top: 10px;
+ text-align: center;
+ }
+ .clearing-assembled .clearing-container .carousel > ul {
+ display: inline-block;
+ z-index: 999;
+ height: 100%;
+ position: relative;
+ float: none;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li {
+ clear: none;
+ cursor: pointer;
+ display: block;
+ float: left;
+ margin-right: 0;
+ min-height: inherit;
+ opacity: .4;
+ overflow: hidden;
+ padding: 0;
+ position: relative;
+ width: 120px;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
+ height: 100%;
+ max-width: none;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li a.th {
+ border: none;
+ box-shadow: none;
+ display: block;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li img {
+ cursor: pointer !important;
+ width: 100% !important;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li.visible {
+ opacity: 1;
+ }
+ .clearing-assembled .clearing-container .carousel > ul li:hover {
+ opacity: .8;
+ }
+ .clearing-assembled .clearing-container .visible-img {
+ background: #333333;
+ height: 85%;
+ overflow: hidden;
+ }
+ .clearing-close {
+ padding-left: 0;
+ padding-top: 0;
+ position: absolute;
+ top: 10px;
+ right: 20px;
+ }
+}
+
+/* Foundation Dropdowns */
+.f-dropdown {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 2px;
+ max-width: 200px;
+}
+
+.f-dropdown.open {
+ display: block;
+}
+
+.f-dropdown > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent #FFFFFF transparent;
+ border-bottom-style: solid;
+ position: absolute;
+ top: -12px;
+ left: 10px;
+ z-index: 89;
+}
+
+.f-dropdown:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent #cccccc transparent;
+ border-bottom-style: solid;
+ position: absolute;
+ top: -14px;
+ left: 9px;
+ z-index: 88;
+}
+
+.f-dropdown.right:before {
+ left: auto;
+ right: 10px;
+}
+
+.f-dropdown.right:after {
+ left: auto;
+ right: 9px;
+}
+
+.f-dropdown.drop-right {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 0;
+ margin-left: 2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-right.open {
+ display: block;
+}
+
+.f-dropdown.drop-right > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-right > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-right:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #FFFFFF transparent transparent;
+ border-right-style: solid;
+ position: absolute;
+ top: 10px;
+ left: -12px;
+ z-index: 89;
+}
+
+.f-dropdown.drop-right:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #cccccc transparent transparent;
+ border-right-style: solid;
+ position: absolute;
+ top: 9px;
+ left: -14px;
+ z-index: 88;
+}
+
+.f-dropdown.drop-left {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-top: 0;
+ margin-left: -2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-left.open {
+ display: block;
+}
+
+.f-dropdown.drop-left > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-left > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-left:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent #FFFFFF;
+ border-left-style: solid;
+ position: absolute;
+ top: 10px;
+ right: -12px;
+ left: auto;
+ z-index: 89;
+}
+
+.f-dropdown.drop-left:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent #cccccc;
+ border-left-style: solid;
+ position: absolute;
+ top: 9px;
+ right: -14px;
+ left: auto;
+ z-index: 88;
+}
+
+.f-dropdown.drop-top {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ width: 100%;
+ z-index: 89;
+ margin-left: 0;
+ margin-top: -2px;
+ max-width: 200px;
+}
+
+.f-dropdown.drop-top.open {
+ display: block;
+}
+
+.f-dropdown.drop-top > *:first-child {
+ margin-top: 0;
+}
+
+.f-dropdown.drop-top > *:last-child {
+ margin-bottom: 0;
+}
+
+.f-dropdown.drop-top:before {
+ border: inset 6px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: #FFFFFF transparent transparent transparent;
+ border-top-style: solid;
+ bottom: -12px;
+ position: absolute;
+ top: auto;
+ left: 10px;
+ right: auto;
+ z-index: 89;
+}
+
+.f-dropdown.drop-top:after {
+ border: inset 7px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: #cccccc transparent transparent transparent;
+ border-top-style: solid;
+ bottom: -14px;
+ position: absolute;
+ top: auto;
+ left: 9px;
+ right: auto;
+ z-index: 88;
+}
+
+.f-dropdown li {
+ cursor: pointer;
+ font-size: 1rem;
+ line-height: 1.2857142857rem;
+ margin: 0;
+}
+
+.f-dropdown li:hover,
+.f-dropdown li:focus {
+ background: #EEEEEE;
+}
+
+.f-dropdown li.radius {
+ border-radius: 3px;
+}
+
+.f-dropdown li a {
+ display: block;
+ padding: 0.5rem;
+ color: #555555;
+}
+
+.f-dropdown.content {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ font-size: 1rem;
+ height: auto;
+ max-height: none;
+ padding: 1.4285714286rem;
+ width: 100%;
+ z-index: 89;
+ max-width: 200px;
+}
+
+.f-dropdown.content.open {
+ display: block;
+}
+
+.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;
+}
+
+.f-dropdown.mega {
+ width: 100% !important;
+ max-width: 100% !important;
+}
+
+.f-dropdown.mega.open {
+ left: 0 !important;
+}
+
+.dropdown.button, button.dropdown {
+ position: relative;
+ padding-right: 4.0714285714rem;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-color: #FFFFFF transparent transparent transparent;
+ border-style: solid;
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-width: 0.4285714286rem;
+ right: 1.6071428571rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button::after, button.dropdown::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.tiny, button.dropdown.tiny {
+ padding-right: 3rem;
+}
+
+.dropdown.button.tiny:after, button.dropdown.tiny:after {
+ border-width: 0.4285714286rem;
+ right: 1.2857142857rem;
+ margin-top: -0.1428571429rem;
+}
+
+.dropdown.button.tiny::after, button.dropdown.tiny::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.small, button.dropdown.small {
+ padding-right: 3.5rem;
+}
+
+.dropdown.button.small::after, button.dropdown.small::after {
+ border-width: 0.5rem;
+ right: 1.5rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button.small::after, button.dropdown.small::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.large, button.dropdown.large {
+ padding-right: 4.1428571429rem;
+}
+
+.dropdown.button.large::after, button.dropdown.large::after {
+ border-width: 0.3571428571rem;
+ right: 1.9642857143rem;
+ margin-top: -0.1785714286rem;
+}
+
+.dropdown.button.large::after, button.dropdown.large::after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.dropdown.button.secondary:after, button.dropdown.secondary:after {
+ border-color: #333333 transparent transparent transparent;
+}
+
+.flex-video {
+ height: 0;
+ margin-bottom: 1.1428571429rem;
+ overflow: hidden;
+ padding-bottom: 67.5%;
+ padding-top: 1.7857142857rem;
+ position: relative;
+}
+
+.flex-video.widescreen {
+ padding-bottom: 56.34%;
+}
+
+.flex-video.vimeo {
+ padding-top: 0;
+}
+
+.flex-video iframe,
+.flex-video object,
+.flex-video embed,
+.flex-video video {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ left: 0;
+}
+
+/* Standard Forms */
+form {
+ margin: 0 0 1.1428571429rem;
+}
+
+/* Using forms within rows, we need to set some defaults */
+form .row .row {
+ margin: 0 -0.5714285714rem;
+}
+
+form .row .row .column,
+form .row .row .columns {
+ padding: 0 0.5714285714rem;
+}
+
+form .row .row.collapse {
+ margin: 0;
+}
+
+form .row .row.collapse .column,
+form .row .row.collapse .columns {
+ padding: 0;
+}
+
+form .row .row.collapse input {
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+form .row input.column,
+form .row input.columns,
+form .row textarea.column,
+form .row textarea.columns {
+ padding-left: 0.5714285714rem;
+}
+
+/* Label Styles */
+label {
+ color: #4d4d4d;
+ cursor: pointer;
+ display: block;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.5;
+ margin-bottom: 0;
+ /* Styles for required inputs */
+}
+
+label.right {
+ float: none !important;
+ text-align: right;
+}
+
+label.inline {
+ margin: 0 0 1.1428571429rem 0;
+ padding: 0.6428571429rem 0;
+}
+
+label small {
+ text-transform: capitalize;
+ color: #676767;
+}
+
+/* Attach elements to the beginning or end of an input */
+.prefix,
+.postfix {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ font-size: 1rem;
+ height: 2.6428571429rem;
+ line-height: 2.6428571429rem;
+ overflow: visible;
+ padding-bottom: 0;
+ padding-top: 0;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ z-index: 2;
+}
+
+/* Adjust padding, alignment and radius if pre/post element is a button */
+.postfix.button {
+ border: none;
+ padding-left: 0;
+ padding-right: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+}
+
+.prefix.button {
+ border: none;
+ padding-left: 0;
+ padding-right: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+}
+
+.prefix.button.radius {
+ border-radius: 0;
+ -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 {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.prefix.button.round {
+ border-radius: 0;
+ -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 {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+/* Separate prefix and postfix styles when on span or label so buttons keep their own */
+span.prefix, label.prefix {
+ background: #f2f2f2;
+ border-right: none;
+ color: #333333;
+ border-color: #cccccc;
+}
+
+span.postfix, label.postfix {
+ background: #f2f2f2;
+ color: #333333;
+ border-color: #cccccc;
+}
+
+/* We use this to get basic styling on all basic form elements */
+input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ background-color: #FFFFFF;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #cccccc;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ color: rgba(0, 0, 0, 0.75);
+ display: block;
+ font-family: inherit;
+ font-size: 1rem;
+ height: 2.6428571429rem;
+ margin: 0 0 1.1428571429rem 0;
+ padding: 0.5714285714rem;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: border-color 0.15s linear, background 0.15s linear;
+ -moz-transition: border-color 0.15s linear, background 0.15s linear;
+ -ms-transition: border-color 0.15s linear, background 0.15s linear;
+ -o-transition: border-color 0.15s linear, background 0.15s linear;
+ transition: border-color 0.15s linear, background 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, input[type="color"]:focus, textarea:focus {
+ background: #fafafa;
+ border-color: #999999;
+ outline: none;
+}
+
+input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+input[type="text"][disabled],
+input[type="text"][readonly],
+fieldset[disabled] input[type="text"], input[type="password"][disabled],
+input[type="password"][readonly],
+fieldset[disabled] input[type="password"], input[type="date"][disabled],
+input[type="date"][readonly],
+fieldset[disabled] input[type="date"], input[type="datetime"][disabled],
+input[type="datetime"][readonly],
+fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
+input[type="datetime-local"][readonly],
+fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
+input[type="month"][readonly],
+fieldset[disabled] input[type="month"], input[type="week"][disabled],
+input[type="week"][readonly],
+fieldset[disabled] input[type="week"], input[type="email"][disabled],
+input[type="email"][readonly],
+fieldset[disabled] input[type="email"], input[type="number"][disabled],
+input[type="number"][readonly],
+fieldset[disabled] input[type="number"], input[type="search"][disabled],
+input[type="search"][readonly],
+fieldset[disabled] input[type="search"], input[type="tel"][disabled],
+input[type="tel"][readonly],
+fieldset[disabled] input[type="tel"], input[type="time"][disabled],
+input[type="time"][readonly],
+fieldset[disabled] input[type="time"], input[type="url"][disabled],
+input[type="url"][readonly],
+fieldset[disabled] input[type="url"], input[type="color"][disabled],
+input[type="color"][readonly],
+fieldset[disabled] input[type="color"], textarea[disabled],
+textarea[readonly],
+fieldset[disabled] textarea {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
+ border-radius: 3px;
+}
+
+form .row .prefix-radius.row.collapse input,
+form .row .prefix-radius.row.collapse textarea,
+form .row .prefix-radius.row.collapse select,
+form .row .prefix-radius.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+form .row .prefix-radius.row.collapse .prefix {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+form .row .postfix-radius.row.collapse input,
+form .row .postfix-radius.row.collapse textarea,
+form .row .postfix-radius.row.collapse select,
+form .row .postfix-radius.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+form .row .postfix-radius.row.collapse .postfix {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+form .row .prefix-round.row.collapse input,
+form .row .prefix-round.row.collapse textarea,
+form .row .prefix-round.row.collapse select,
+form .row .prefix-round.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+form .row .prefix-round.row.collapse .prefix {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 1000px;
+ -webkit-border-top-left-radius: 1000px;
+ border-bottom-left-radius: 1000px;
+ border-top-left-radius: 1000px;
+}
+
+form .row .postfix-round.row.collapse input,
+form .row .postfix-round.row.collapse textarea,
+form .row .postfix-round.row.collapse select,
+form .row .postfix-round.row.collapse button {
+ border-radius: 0;
+ -webkit-border-bottom-left-radius: 1000px;
+ -webkit-border-top-left-radius: 1000px;
+ border-bottom-left-radius: 1000px;
+ border-top-left-radius: 1000px;
+}
+
+form .row .postfix-round.row.collapse .postfix {
+ border-radius: 0;
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+input[type="submit"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+}
+
+/* Respect enforced amount of rows for textarea */
+textarea[rows] {
+ height: auto;
+}
+
+/* Not allow resize out of parent */
+textarea {
+ max-width: 100%;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ /* Firefox 18- */
+ color: #666666;
+}
+
+::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+/* Add height value for select elements to match text input height */
+select {
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ background-color: #FAFAFA;
+ border-radius: 0;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
+ background-position: 100% center;
+ background-repeat: no-repeat;
+ border-style: solid;
+ border-width: 1px;
+ border-color: #cccccc;
+ color: rgba(0, 0, 0, 0.75);
+ font-family: inherit;
+ font-size: 1rem;
+ line-height: normal;
+ padding: 0.5714285714rem;
+ border-radius: 0;
+ height: 2.6428571429rem;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select.radius {
+ border-radius: 3px;
+}
+
+select:hover {
+ background-color: #f3f3f3;
+ border-color: #999999;
+}
+
+select:disabled {
+ background-color: #DDDDDD;
+ cursor: default;
+}
+
+select[multiple] {
+ height: auto;
+}
+
+/* Adjust margin for form elements below */
+input[type="file"],
+input[type="checkbox"],
+input[type="radio"],
+select {
+ margin: 0 0 1.1428571429rem 0;
+}
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ display: inline-block;
+ margin-left: 0.5714285714rem;
+ margin-right: 1.1428571429rem;
+ margin-bottom: 0;
+ vertical-align: baseline;
+}
+
+/* Normalize file input width */
+input[type="file"] {
+ width: 100%;
+}
+
+/* HTML5 Number spinners settings */
+/* We add basic fieldset styling */
+fieldset {
+ border: 1px solid #DDDDDD;
+ margin: 1.2857142857rem 0;
+ padding: 1.4285714286rem;
+}
+
+fieldset legend {
+ background: #FFFFFF;
+ font-weight: bold;
+ margin-left: -0.2142857143rem;
+ margin: 0;
+ padding: 0 0.2142857143rem;
+}
+
+/* Error Handling */
+[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+[data-abide] span.error, [data-abide] small.error {
+ display: none;
+}
+
+span.error, small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+.error input,
+.error textarea,
+.error select {
+ margin-bottom: 0;
+}
+
+.error input[type="checkbox"],
+.error input[type="radio"] {
+ margin-bottom: 1.1428571429rem;
+}
+
+.error label,
+.error label.error {
+ color: #f04124;
+}
+
+.error small.error {
+ display: block;
+ font-size: 0.8571428571rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1.1428571429rem;
+ margin-top: -1px;
+ padding: 0.4285714286rem 0.6428571429rem 0.6428571429rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+.error > label > small {
+ background: transparent;
+ color: #676767;
+ display: inline;
+ font-size: 60%;
+ font-style: normal;
+ margin: 0;
+ padding: 0;
+ text-transform: capitalize;
+}
+
+.error span.error-message {
+ display: block;
+}
+
+input.error,
+textarea.error,
+select.error {
+ margin-bottom: 0;
+}
+
+label.error {
+ color: #f04124;
+}
+
+.icon-bar {
+ display: inline-block;
+ font-size: 0;
+ width: 100%;
+ background: #333333;
+}
+
+.icon-bar > * {
+ display: block;
+ float: left;
+ font-size: 1rem;
+ margin: 0 auto;
+ padding: 1.25rem;
+ text-align: center;
+ width: 25%;
+}
+
+.icon-bar > * i, .icon-bar > * img {
+ display: block;
+ margin: 0 auto;
+}
+
+.icon-bar > * i + label, .icon-bar > * img + label {
+ margin-top: .0625rem;
+}
+
+.icon-bar > * i {
+ font-size: 1.875rem;
+ vertical-align: middle;
+}
+
+.icon-bar > * img {
+ height: 1.875rem;
+ width: 1.875rem;
+}
+
+.icon-bar.label-right > * i, .icon-bar.label-right > * img {
+ display: inline-block;
+ margin: 0 0.0625rem 0 0;
+}
+
+.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
+ margin-top: 0;
+}
+
+.icon-bar.label-right > * label {
+ display: inline-block;
+}
+
+.icon-bar.vertical.label-right > * {
+ text-align: left;
+}
+
+.icon-bar.vertical, .icon-bar.small-vertical {
+ height: 100%;
+ width: auto;
+}
+
+.icon-bar.vertical .item, .icon-bar.small-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.medium-vertical {
+ height: 100%;
+ width: auto;
+ }
+ .icon-bar.medium-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.large-vertical {
+ height: 100%;
+ width: auto;
+ }
+ .icon-bar.large-vertical .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+}
+
+.icon-bar > * {
+ font-size: 1rem;
+ padding: 1.25rem;
+}
+
+.icon-bar > * i + label, .icon-bar > * img + label {
+ margin-top: .0625rem;
+ font-size: 1rem;
+}
+
+.icon-bar > * i {
+ font-size: 1.875rem;
+}
+
+.icon-bar > * img {
+ height: 1.875rem;
+ width: 1.875rem;
+}
+
+.icon-bar > * label {
+ color: #FFFFFF;
+}
+
+.icon-bar > * i {
+ color: #FFFFFF;
+}
+
+.icon-bar > a:hover {
+ background: #008CBA;
+}
+
+.icon-bar > a:hover label {
+ color: #FFFFFF;
+}
+
+.icon-bar > a:hover i {
+ color: #FFFFFF;
+}
+
+.icon-bar > a.active {
+ background: #008CBA;
+}
+
+.icon-bar > a.active label {
+ color: #FFFFFF;
+}
+
+.icon-bar > a.active i {
+ color: #FFFFFF;
+}
+
+.icon-bar .item.disabled {
+ cursor: not-allowed;
+ opacity: 0.7;
+ pointer-events: none;
+}
+
+.icon-bar .item.disabled > * {
+ opacity: 0.7;
+ cursor: not-allowed;
+}
+
+.icon-bar.two-up .item {
+ width: 50%;
+}
+
+.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.two-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.two-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.three-up .item {
+ width: 33.3333%;
+}
+
+.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.three-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.three-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.four-up .item {
+ width: 25%;
+}
+
+.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.four-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.four-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.five-up .item {
+ width: 20%;
+}
+
+.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.five-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.five-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.six-up .item {
+ width: 16.66667%;
+}
+
+.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.six-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.six-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.seven-up .item {
+ width: 14.28571%;
+}
+
+.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.seven-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.seven-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.eight-up .item {
+ width: 12.5%;
+}
+
+.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.eight-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.eight-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.two-up .item {
+ width: 50%;
+}
+
+.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.two-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.two-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.three-up .item {
+ width: 33.3333%;
+}
+
+.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.three-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.three-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.four-up .item {
+ width: 25%;
+}
+
+.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.four-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.four-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.five-up .item {
+ width: 20%;
+}
+
+.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.five-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.five-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.six-up .item {
+ width: 16.66667%;
+}
+
+.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.six-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.six-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.seven-up .item {
+ width: 14.28571%;
+}
+
+.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.seven-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.seven-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.icon-bar.eight-up .item {
+ width: 12.5%;
+}
+
+.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
+ width: auto;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .icon-bar.eight-up.medium-vertical .item {
+ width: auto;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .icon-bar.eight-up.large-vertical .item {
+ width: auto;
+ }
+}
+
+.inline-list {
+ list-style: none;
+ margin-left: -1.5714285714rem;
+ margin-right: 0;
+ margin: 0 auto 1.2142857143rem auto;
+ overflow: hidden;
+ padding: 0;
+}
+
+.inline-list > li {
+ display: block;
+ float: left;
+ list-style: none;
+ margin-left: 1.5714285714rem;
+}
+
+.inline-list > li > * {
+ display: block;
+}
+
+/* Foundation Joyride */
+.joyride-list {
+ display: none;
+}
+
+/* Default styles for the container */
+.joyride-tip-guide {
+ background: #333333;
+ color: #FFFFFF;
+ display: none;
+ font-family: inherit;
+ font-weight: normal;
+ position: absolute;
+ top: 0;
+ width: 95%;
+ z-index: 101;
+ left: 2.5%;
+}
+
+.lt-ie9 .joyride-tip-guide {
+ margin-left: -400px;
+ max-width: 800px;
+ left: 50%;
+}
+
+.joyride-content-wrapper {
+ padding: 1.2857142857rem 1.4285714286rem 1.7142857143rem;
+ width: 100%;
+}
+
+.joyride-content-wrapper .button {
+ margin-bottom: 0 !important;
+}
+
+.joyride-content-wrapper .joyride-prev-tip {
+ margin-right: 10px;
+}
+
+/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
+.joyride-tip-guide .joyride-nub {
+ border: 10px solid #333333;
+ display: block;
+ height: 0;
+ position: absolute;
+ width: 0;
+ left: 22px;
+}
+
+.joyride-tip-guide .joyride-nub.top {
+ border-color: #333333;
+ border-top-color: transparent !important;
+ border-top-style: solid;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ top: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.bottom {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-bottom-style: solid;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ bottom: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.right {
+ right: -20px;
+}
+
+.joyride-tip-guide .joyride-nub.left {
+ left: -20px;
+}
+
+/* Typography */
+.joyride-tip-guide h1,
+.joyride-tip-guide h2,
+.joyride-tip-guide h3,
+.joyride-tip-guide h4,
+.joyride-tip-guide h5,
+.joyride-tip-guide h6 {
+ color: #FFFFFF;
+ font-weight: bold;
+ line-height: 1.25;
+ margin: 0;
+}
+
+.joyride-tip-guide p {
+ font-size: 1rem;
+ line-height: 1.3;
+ margin: 0 0 1.2857142857rem 0;
+}
+
+.joyride-timer-indicator-wrap {
+ border: solid 1px #555555;
+ bottom: 1.1428571429rem;
+ height: 3px;
+ position: absolute;
+ width: 50px;
+ right: 1.2142857143rem;
+}
+
+.joyride-timer-indicator {
+ background: #666666;
+ display: block;
+ height: inherit;
+ width: 0;
+}
+
+.joyride-close-tip {
+ color: #777777 !important;
+ font-size: 24px;
+ font-weight: normal;
+ line-height: .5 !important;
+ position: absolute;
+ text-decoration: none;
+ top: 10px;
+ right: 12px;
+}
+
+.joyride-close-tip:hover,
+.joyride-close-tip:focus {
+ color: #EEEEEE !important;
+}
+
+.joyride-modal-bg {
+ background: rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ display: none;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ left: 0;
+}
+
+.joyride-expose-wrapper {
+ background-color: #FFFFFF;
+ border-radius: 3px;
+ box-shadow: 0 0 15px #FFFFFF;
+ position: absolute;
+ z-index: 102;
+}
+
+.joyride-expose-cover {
+ background: transparent;
+ border-radius: 3px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: 9999;
+}
+
+/* Styles for screens that are at least 768px; */
+@media only screen and (min-width: 45.7857142857em) {
+ .joyride-tip-guide {
+ width: 300px;
+ left: inherit;
+ }
+ .joyride-tip-guide .joyride-nub.bottom {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ bottom: -20px;
+ }
+ .joyride-tip-guide .joyride-nub.right {
+ border-color: #333333 !important;
+ border-right-color: transparent !important;
+ border-bottom-color: transparent !important;
+ border-top-color: transparent !important;
+ left: auto;
+ right: -20px;
+ top: 22px;
+ }
+ .joyride-tip-guide .joyride-nub.left {
+ border-color: #333333 !important;
+ border-bottom-color: transparent !important;
+ border-left-color: transparent !important;
+ border-top-color: transparent !important;
+ left: -20px;
+ right: auto;
+ top: 22px;
+ }
+}
+
+.keystroke,
+kbd {
+ background-color: #ededed;
+ border-color: #dddddd;
+ color: #222222;
+ border-style: solid;
+ border-width: 1px;
+ font-family: "Consolas", "Menlo", "Courier", monospace;
+ font-size: inherit;
+ margin: 0;
+ padding: 0.1428571429rem 0.2857142857rem 0;
+ border-radius: 3px;
+}
+
+.label {
+ display: inline-block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1;
+ margin-bottom: auto;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ padding: 0.2857142857rem 0.5714285714rem 0.2857142857rem;
+ font-size: 0.7857142857rem;
+ background-color: #008CBA;
+ color: #FFFFFF;
+}
+
+.label.radius {
+ border-radius: 3px;
+}
+
+.label.round {
+ border-radius: 1000px;
+}
+
+.label.alert {
+ background-color: #f04124;
+ color: #FFFFFF;
+}
+
+.label.warning {
+ background-color: #f08a24;
+ color: #FFFFFF;
+}
+
+.label.success {
+ background-color: #43AC6A;
+ color: #FFFFFF;
+}
+
+.label.secondary {
+ background-color: #e7e7e7;
+ color: #333333;
+}
+
+.label.info {
+ background-color: #a0d3e8;
+ color: #333333;
+}
+
+[data-magellan-expedition], [data-magellan-expedition-clone] {
+ background: #FFFFFF;
+ min-width: 100%;
+ padding: 10px;
+ z-index: 50;
+}
+
+[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
+ margin-bottom: 0;
+}
+
+[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
+ margin-bottom: 0;
+}
+
+[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
+ line-height: 1.8em;
+}
+
+@-webkit-keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+/* Orbit Graceful Loading */
+.slideshow-wrapper {
+ position: relative;
+}
+
+.slideshow-wrapper ul {
+ list-style-type: none;
+ margin: 0;
+}
+
+.slideshow-wrapper ul li,
+.slideshow-wrapper ul li .orbit-caption {
+ display: none;
+}
+
+.slideshow-wrapper ul li:first-child {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container {
+ background-color: transparent;
+}
+
+.slideshow-wrapper .orbit-container li {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container li .orbit-caption {
+ display: block;
+}
+
+.slideshow-wrapper .orbit-container .orbit-bullets li {
+ display: inline-block;
+}
+
+.slideshow-wrapper .preloader {
+ border-radius: 1000px;
+ animation-duration: 1.5s;
+ animation-iteration-count: infinite;
+ animation-name: rotate;
+ animation-timing-function: linear;
+ border-color: #555555 #FFFFFF;
+ border: solid 3px;
+ display: block;
+ height: 40px;
+ left: 50%;
+ margin-left: -20px;
+ margin-top: -20px;
+ position: absolute;
+ top: 50%;
+ width: 40px;
+}
+
+.orbit-container {
+ background: none;
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+}
+
+.orbit-container .orbit-slides-container {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ transform: translateZ(0);
+}
+
+.orbit-container .orbit-slides-container img {
+ display: block;
+ max-width: 100%;
+}
+
+.orbit-container .orbit-slides-container > * {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ margin-left: 100%;
+}
+
+.orbit-container .orbit-slides-container > *:first-child {
+ margin-left: 0;
+}
+
+.orbit-container .orbit-slides-container > * .orbit-caption {
+ bottom: 0;
+ position: absolute;
+ background-color: rgba(51, 51, 51, 0.8);
+ color: #FFFFFF;
+ font-size: 1rem;
+ padding: 0.7142857143rem 1rem;
+ width: 100%;
+}
+
+.orbit-container .orbit-slide-number {
+ left: 10px;
+ background: transparent;
+ color: #FFFFFF;
+ font-size: 12px;
+ position: absolute;
+ top: 10px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-slide-number span {
+ font-weight: 700;
+ padding: 0.3571428571rem;
+}
+
+.orbit-container .orbit-timer {
+ position: absolute;
+ top: 12px;
+ right: 10px;
+ height: 6px;
+ width: 100px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-timer .orbit-progress {
+ height: 3px;
+ background-color: rgba(255, 255, 255, 0.3);
+ display: block;
+ width: 0;
+ position: relative;
+ right: 20px;
+ top: 5px;
+}
+
+.orbit-container .orbit-timer > span {
+ border: solid 4px #FFFFFF;
+ border-bottom: none;
+ border-top: none;
+ display: none;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ width: 11px;
+ right: 0;
+}
+
+.orbit-container .orbit-timer.paused > span {
+ top: 0;
+ width: 11px;
+ height: 14px;
+ border: inset 8px;
+ border-left-style: solid;
+ border-color: transparent;
+ border-left-color: #FFFFFF;
+ right: -4px;
+}
+
+.orbit-container .orbit-timer.paused > span.dark {
+ border-left-color: #333333;
+}
+
+.orbit-container:hover .orbit-timer > span {
+ display: block;
+}
+
+.orbit-container .orbit-prev,
+.orbit-container .orbit-next {
+ background-color: transparent;
+ color: white;
+ height: 60px;
+ line-height: 50px;
+ margin-top: -25px;
+ position: absolute;
+ text-indent: -9999px !important;
+ top: 45%;
+ width: 36px;
+ z-index: 10;
+}
+
+.orbit-container .orbit-prev:hover,
+.orbit-container .orbit-next:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.orbit-container .orbit-prev > span,
+.orbit-container .orbit-next > span {
+ border: inset 10px;
+ display: block;
+ height: 0;
+ margin-top: -10px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+
+.orbit-container .orbit-prev {
+ left: 0;
+}
+
+.orbit-container .orbit-prev > span {
+ border-right-style: solid;
+ border-color: transparent;
+ border-right-color: #FFFFFF;
+}
+
+.orbit-container .orbit-prev:hover > span {
+ border-right-color: #FFFFFF;
+}
+
+.orbit-container .orbit-next {
+ right: 0;
+}
+
+.orbit-container .orbit-next > span {
+ border-color: transparent;
+ border-left-style: solid;
+ border-left-color: #FFFFFF;
+ left: 50%;
+ margin-left: -4px;
+}
+
+.orbit-container .orbit-next:hover > span {
+ border-left-color: #FFFFFF;
+}
+
+.orbit-bullets-container {
+ text-align: center;
+}
+
+.orbit-bullets {
+ display: block;
+ float: none;
+ margin: 0 auto 30px auto;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ top: 10px;
+}
+
+.orbit-bullets li {
+ background: #CCCCCC;
+ cursor: pointer;
+ display: inline-block;
+ float: none;
+ height: 0.6428571429rem;
+ margin-right: 6px;
+ width: 0.6428571429rem;
+ border-radius: 1000px;
+}
+
+.orbit-bullets li.active {
+ background: #999999;
+}
+
+.orbit-bullets li:last-child {
+ margin-right: 0;
+}
+
+.touch .orbit-container .orbit-prev,
+.touch .orbit-container .orbit-next {
+ display: none;
+}
+
+.touch .orbit-bullets {
+ display: none;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .touch .orbit-container .orbit-prev,
+ .touch .orbit-container .orbit-next {
+ display: inherit;
+ }
+ .touch .orbit-bullets {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .orbit-stack-on-small .orbit-slides-container {
+ height: auto !important;
+ }
+ .orbit-stack-on-small .orbit-slides-container > * {
+ margin: 0 !important;
+ opacity: 1 !important;
+ position: relative;
+ }
+ .orbit-stack-on-small .orbit-slide-number {
+ display: none;
+ }
+ .orbit-timer {
+ display: none;
+ }
+ .orbit-next, .orbit-prev {
+ display: none;
+ }
+ .orbit-bullets {
+ display: none;
+ }
+}
+
+ul.pagination {
+ display: block;
+ margin-left: -0.3571428571rem;
+ min-height: 1.7142857143rem;
+}
+
+ul.pagination li {
+ color: #222222;
+ font-size: 1rem;
+ height: 1.7142857143rem;
+ margin-left: 0.3571428571rem;
+}
+
+ul.pagination li a, ul.pagination li button {
+ border-radius: 3px;
+ transition: background-color 300ms ease-out;
+ background: none;
+ color: #999999;
+ display: block;
+ font-size: 1em;
+ font-weight: normal;
+ line-height: inherit;
+ padding: 0.0714285714rem 0.7142857143rem 0.0714285714rem;
+}
+
+ul.pagination li:hover a,
+ul.pagination li a:focus,
+ul.pagination li:hover button,
+ul.pagination li
+button:focus {
+ background: #e6e6e6;
+}
+
+ul.pagination li.unavailable a, ul.pagination li.unavailable button {
+ cursor: default;
+ color: #999999;
+}
+
+ul.pagination li.unavailable:hover a,
+ul.pagination li.unavailable a:focus,
+ul.pagination li.unavailable:hover button,
+ul.pagination li.unavailable button:focus {
+ background: transparent;
+}
+
+ul.pagination li.current a, ul.pagination li.current button {
+ background: #008CBA;
+ color: #FFFFFF;
+ cursor: default;
+ font-weight: bold;
+}
+
+ul.pagination li.current a:hover,
+ul.pagination li.current a:focus, ul.pagination li.current button:hover,
+ul.pagination li.current button:focus {
+ background: #008CBA;
+}
+
+ul.pagination li {
+ display: block;
+ float: left;
+}
+
+/* Pagination centred wrapper */
+.pagination-centered {
+ text-align: center;
+}
+
+.pagination-centered ul.pagination li {
+ display: inline-block;
+ float: none;
+}
+
+/* Panels */
+.panel {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #d8d8d8;
+ margin-bottom: 1.4285714286rem;
+ padding: 1.4285714286rem;
+ background: #f2f2f2;
+ color: #333333;
+}
+
+.panel > :first-child {
+ margin-top: 0;
+}
+
+.panel > :last-child {
+ margin-bottom: 0;
+}
+
+.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
+ color: #333333;
+}
+
+.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
+ line-height: 1;
+ margin-bottom: 0.7142857143rem;
+}
+
+.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: #d8d8d8;
+ margin-bottom: 1.4285714286rem;
+ padding: 1.4285714286rem;
+ background: #ecfaff;
+ color: #333333;
+}
+
+.panel.callout > :first-child {
+ margin-top: 0;
+}
+
+.panel.callout > :last-child {
+ margin-bottom: 0;
+}
+
+.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
+ color: #333333;
+}
+
+.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
+ line-height: 1;
+ margin-bottom: 0.7142857143rem;
+}
+
+.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
+ line-height: 1.4;
+}
+
+.panel.callout a:not(.button) {
+ color: #008CBA;
+}
+
+.panel.callout a:not(.button):hover,
+.panel.callout a:not(.button):focus {
+ color: #0078a0;
+}
+
+.panel.radius {
+ border-radius: 3px;
+}
+
+/* Pricing Tables */
+.pricing-table {
+ border: solid 1px #DDDDDD;
+ margin-left: 0;
+ margin-bottom: 1.4285714286rem;
+}
+
+.pricing-table * {
+ list-style: none;
+ line-height: 1;
+}
+
+.pricing-table .title {
+ background-color: #333333;
+ color: #EEEEEE;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ font-weight: normal;
+ padding: 1.0714285714rem 1.4285714286rem;
+ text-align: center;
+}
+
+.pricing-table .price {
+ background-color: #F6F6F6;
+ color: #333333;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 2.2857142857rem;
+ font-weight: normal;
+ padding: 1.0714285714rem 1.4285714286rem;
+ text-align: center;
+}
+
+.pricing-table .description {
+ background-color: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #777777;
+ font-size: 0.8571428571rem;
+ font-weight: normal;
+ line-height: 1.4;
+ padding: 1.0714285714rem;
+ text-align: center;
+}
+
+.pricing-table .bullet-item {
+ background-color: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #333333;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: 1.0714285714rem;
+ text-align: center;
+}
+
+.pricing-table .cta-button {
+ background-color: #FFFFFF;
+ padding: 1.4285714286rem 1.4285714286rem 0;
+ text-align: center;
+}
+
+/* Progress Bar */
+.progress {
+ background-color: #F6F6F6;
+ border: 1px solid white;
+ height: 1.7857142857rem;
+ margin-bottom: 0.7142857143rem;
+ padding: 0.1428571429rem;
+}
+
+.progress .meter {
+ background: #008CBA;
+ display: block;
+ height: 100%;
+}
+
+.progress.secondary .meter {
+ background: #e7e7e7;
+ display: block;
+ height: 100%;
+}
+
+.progress.success .meter {
+ background: #43AC6A;
+ display: block;
+ height: 100%;
+}
+
+.progress.alert .meter {
+ background: #f04124;
+ display: block;
+ height: 100%;
+}
+
+.progress.radius {
+ border-radius: 3px;
+}
+
+.progress.radius .meter {
+ border-radius: 2px;
+}
+
+.progress.round {
+ border-radius: 1000px;
+}
+
+.progress.round .meter {
+ border-radius: 999px;
+}
+
+.range-slider {
+ border: 1px solid #DDDDDD;
+ margin: 1.4285714286rem 0;
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ display: block;
+ height: 1.1428571429rem;
+ width: 100%;
+ background: #FAFAFA;
+}
+
+.range-slider.vertical-range {
+ border: 1px solid #DDDDDD;
+ margin: 1.4285714286rem 0;
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ display: inline-block;
+ height: 14.2857142857rem;
+ width: 1.1428571429rem;
+}
+
+.range-slider.vertical-range .range-slider-handle {
+ bottom: -12rem;
+ margin-left: -0.5714285714rem;
+ margin-top: 0;
+ position: absolute;
+}
+
+.range-slider.vertical-range .range-slider-active-segment {
+ border-bottom-left-radius: inherit;
+ border-bottom-right-radius: inherit;
+ border-top-left-radius: initial;
+ bottom: 0;
+ height: auto;
+ width: 1rem;
+}
+
+.range-slider.radius {
+ background: #FAFAFA;
+ border-radius: 3px;
+}
+
+.range-slider.radius .range-slider-handle {
+ background: #008CBA;
+ border-radius: 3px;
+}
+
+.range-slider.radius .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider.round {
+ background: #FAFAFA;
+ border-radius: 1000px;
+}
+
+.range-slider.round .range-slider-handle {
+ background: #008CBA;
+ border-radius: 1000px;
+}
+
+.range-slider.round .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider.disabled, .range-slider[disabled] {
+ background: #FAFAFA;
+ cursor: not-allowed;
+ opacity: 0.7;
+}
+
+.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
+ background: #008CBA;
+ cursor: default;
+ opacity: 0.7;
+}
+
+.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.range-slider-active-segment {
+ background: #e5e5e5;
+ border-bottom-left-radius: inherit;
+ border-top-left-radius: inherit;
+ display: inline-block;
+ height: 1rem;
+ position: absolute;
+}
+
+.range-slider-handle {
+ border: 1px solid none;
+ cursor: pointer;
+ display: inline-block;
+ height: 1.5714285714rem;
+ position: absolute;
+ top: -0.3571428571rem;
+ width: 2.2857142857rem;
+ z-index: 1;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ background: #008CBA;
+}
+
+.range-slider-handle:hover {
+ background: #007ba4;
+}
+
+.reveal-modal-bg {
+ background: #000000;
+ background: rgba(0, 0, 0, 0.45);
+ bottom: 0;
+ display: none;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 1004;
+ left: 0;
+}
+
+.reveal-modal {
+ border-radius: 3px;
+ display: none;
+ position: absolute;
+ top: 0;
+ visibility: hidden;
+ width: 100%;
+ z-index: 1005;
+ left: 0;
+ background-color: #FFFFFF;
+ padding: 2.1428571429rem;
+ border: solid 1px #666666;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .reveal-modal {
+ min-height: 100vh;
+ }
+}
+
+.reveal-modal .column, .reveal-modal .columns {
+ min-width: 0;
+}
+
+.reveal-modal > :first-child {
+ margin-top: 0;
+}
+
+.reveal-modal > :last-child {
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 80%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal {
+ top: 7.1428571429rem;
+ }
+}
+
+.reveal-modal.radius {
+ border-radius: 3px;
+}
+
+.reveal-modal.round {
+ border-radius: 1000px;
+}
+
+.reveal-modal.collapse {
+ padding: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.tiny {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 30%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.small {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 40%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.medium {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 60%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.large {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 70%;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.xlarge {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 95%;
+ }
+}
+
+.reveal-modal.full {
+ height: 100vh;
+ height: 100%;
+ left: 0;
+ margin-left: 0 !important;
+ max-width: none !important;
+ min-height: 100vh;
+ top: 0;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .reveal-modal.full {
+ left: 0;
+ margin: 0 auto;
+ max-width: 82.2857142857rem;
+ right: 0;
+ width: 100%;
+ }
+}
+
+.reveal-modal.toback {
+ z-index: 1003;
+}
+
+.reveal-modal .close-reveal-modal {
+ color: #AAAAAA;
+ cursor: pointer;
+ font-size: 2.8571428571rem;
+ font-weight: bold;
+ line-height: 1;
+ position: absolute;
+ top: 0.7142857143rem;
+ right: 1.5714285714rem;
+}
+
+.side-nav {
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ list-style-position: outside;
+ list-style-type: none;
+ margin: 0;
+ padding: 1rem 0;
+}
+
+.side-nav li {
+ font-size: 1rem;
+ font-weight: normal;
+ margin: 0 0 0.5rem 0;
+}
+
+.side-nav li a:not(.button) {
+ color: #008CBA;
+ display: block;
+ margin: 0;
+ padding: 0.5rem 1rem;
+}
+
+.side-nav li a:not(.button):hover,
+.side-nav li a:not(.button):focus {
+ background: rgba(0, 0, 0, 0.025);
+ color: #1cc7ff;
+}
+
+.side-nav li a:not(.button):active {
+ color: #1cc7ff;
+}
+
+.side-nav li.active > a:first-child:not(.button) {
+ color: #1cc7ff;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+}
+
+.side-nav li.divider {
+ border-top: 1px solid;
+ height: 0;
+ list-style: none;
+ padding: 0;
+ border-top-color: #e6e6e6;
+}
+
+.side-nav li.heading {
+ color: #008CBA;
+ font-size: 1rem;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.split.button {
+ position: relative;
+ padding-right: 5.7857142857rem;
+}
+
+.split.button span {
+ display: block;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-left: solid 1px;
+}
+
+.split.button span:after {
+ position: absolute;
+ content: "";
+ width: 0;
+ height: 0;
+ display: block;
+ border-style: inset;
+ top: 50%;
+ left: 50%;
+}
+
+.split.button span:active {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.split.button span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button span {
+ width: 3.5357142857rem;
+}
+
+.split.button span:after {
+ border-top-style: solid;
+ border-width: 0.4285714286rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button span:after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.split.button.secondary span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.secondary span:after {
+ border-color: #FFFFFF transparent transparent transparent;
+}
+
+.split.button.alert span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.success span {
+ border-left-color: rgba(255, 255, 255, 0.5);
+}
+
+.split.button.tiny {
+ padding-right: 4.2857142857rem;
+}
+
+.split.button.tiny span {
+ width: 2.5714285714rem;
+}
+
+.split.button.tiny span:after {
+ border-top-style: solid;
+ border-width: 0.4285714286rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.small {
+ padding-right: 5rem;
+}
+
+.split.button.small span {
+ width: 3rem;
+}
+
+.split.button.small span:after {
+ border-top-style: solid;
+ border-width: 0.5rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.large {
+ padding-right: 6.2857142857rem;
+}
+
+.split.button.large span {
+ width: 3.9285714286rem;
+}
+
+.split.button.large span:after {
+ border-top-style: solid;
+ border-width: 0.3571428571rem;
+ margin-left: -0.4285714286rem;
+ top: 48%;
+}
+
+.split.button.expand {
+ padding-left: 2rem;
+}
+
+.split.button.secondary span:after {
+ border-color: #333333 transparent transparent transparent;
+}
+
+.split.button.radius span {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.split.button.round span {
+ -webkit-border-bottom-right-radius: 1000px;
+ -webkit-border-top-right-radius: 1000px;
+ border-bottom-right-radius: 1000px;
+ border-top-right-radius: 1000px;
+}
+
+.split.button.no-pip span:before {
+ border-style: none;
+}
+
+.split.button.no-pip span:after {
+ border-style: none;
+}
+
+.split.button.no-pip span > i {
+ display: block;
+ left: 50%;
+ margin-left: -0.28889em;
+ margin-top: -0.48889em;
+ position: absolute;
+ top: 50%;
+}
+
+.sub-nav {
+ display: block;
+ margin: -0.2857142857rem 0 1.2857142857rem;
+ overflow: hidden;
+ padding-top: 0.2857142857rem;
+ width: auto;
+}
+
+.sub-nav dt {
+ text-transform: uppercase;
+}
+
+.sub-nav dt,
+.sub-nav dd,
+.sub-nav li {
+ color: #999999;
+ float: left;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1rem;
+ font-weight: normal;
+ margin-left: 1.1428571429rem;
+ margin-bottom: 0;
+}
+
+.sub-nav dt a,
+.sub-nav dd a,
+.sub-nav li a {
+ color: #999999;
+ padding: 0.2142857143rem 1.1428571429rem;
+ text-decoration: none;
+}
+
+.sub-nav dt a:hover,
+.sub-nav dd a:hover,
+.sub-nav li a:hover {
+ color: #737373;
+}
+
+.sub-nav dt.active a,
+.sub-nav dd.active a,
+.sub-nav li.active a {
+ border-radius: 3px;
+ background: #008CBA;
+ color: #FFFFFF;
+ cursor: default;
+ font-weight: normal;
+ padding: 0.2142857143rem 1.1428571429rem;
+}
+
+.sub-nav dt.active a:hover,
+.sub-nav dd.active a:hover,
+.sub-nav li.active a:hover {
+ background: #0078a0;
+}
+
+.switch {
+ border: none;
+ margin-bottom: 1.5rem;
+ outline: 0;
+ padding: 0;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.switch label {
+ background: #DDDDDD;
+ color: transparent;
+ cursor: pointer;
+ display: block;
+ margin-bottom: 1rem;
+ position: relative;
+ text-indent: 100%;
+ width: 4rem;
+ height: 2rem;
+ transition: left 0.15s ease-out;
+}
+
+.switch input {
+ left: 10px;
+ opacity: 0;
+ padding: 0;
+ position: absolute;
+ top: 9px;
+}
+
+.switch input + label {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.switch label:after {
+ background: #FFFFFF;
+ content: "";
+ display: block;
+ height: 1.5rem;
+ left: .25rem;
+ position: absolute;
+ top: .25rem;
+ width: 1.5rem;
+ -webkit-transition: left 0.15s ease-out;
+ -moz-transition: left 0.15s ease-out;
+ -o-transition: translate3d(0, 0, 0);
+ transition: left 0.15s ease-out;
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+
+.switch input:checked + label {
+ background: #008CBA;
+}
+
+.switch input:checked + label:after {
+ left: 2.25rem;
+}
+
+.switch label {
+ height: 2rem;
+ width: 4rem;
+}
+
+.switch label:after {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.switch input:checked + label:after {
+ left: 2.25rem;
+}
+
+.switch label {
+ color: transparent;
+ background: #DDDDDD;
+}
+
+.switch label:after {
+ background: #FFFFFF;
+}
+
+.switch input:checked + label {
+ background: #008CBA;
+}
+
+.switch.large label {
+ height: 2.5rem;
+ width: 5rem;
+}
+
+.switch.large label:after {
+ height: 2rem;
+ width: 2rem;
+}
+
+.switch.large input:checked + label:after {
+ left: 2.75rem;
+}
+
+.switch.small label {
+ height: 1.75rem;
+ width: 3.5rem;
+}
+
+.switch.small label:after {
+ height: 1.25rem;
+ width: 1.25rem;
+}
+
+.switch.small input:checked + label:after {
+ left: 2rem;
+}
+
+.switch.tiny label {
+ height: 1.5rem;
+ width: 3rem;
+}
+
+.switch.tiny label:after {
+ height: 1rem;
+ width: 1rem;
+}
+
+.switch.tiny input:checked + label:after {
+ left: 1.75rem;
+}
+
+.switch.radius label {
+ border-radius: 4px;
+}
+
+.switch.radius label:after {
+ border-radius: 3px;
+}
+
+.switch.round {
+ border-radius: 1000px;
+}
+
+.switch.round label {
+ border-radius: 2rem;
+}
+
+.switch.round label:after {
+ border-radius: 2rem;
+}
+
+table {
+ background: #FFFFFF;
+ border: solid 1px #DDDDDD;
+ margin-bottom: 1.4285714286rem;
+ table-layout: auto;
+}
+
+table caption {
+ background: transparent;
+ color: #222222;
+ font-size: 1.1428571429rem;
+ font-weight: bold;
+}
+
+table thead {
+ background: #F5F5F5;
+}
+
+table thead tr th,
+table thead tr td {
+ color: #222222;
+ font-size: 1rem;
+ font-weight: bold;
+ padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
+}
+
+table tfoot {
+ background: #F5F5F5;
+}
+
+table tfoot tr th,
+table tfoot tr td {
+ color: #222222;
+ font-size: 1rem;
+ font-weight: bold;
+ padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
+}
+
+table tr th,
+table tr td {
+ color: #222222;
+ font-size: 1rem;
+ padding: 0.6428571429rem 0.7142857143rem;
+ text-align: left;
+}
+
+table tr.even,
+table tr.alt,
+table tr:nth-of-type(even) {
+ background: #F9F9F9;
+}
+
+table thead tr th,
+table tfoot tr th,
+table tfoot tr td,
+table tbody tr th,
+table tbody tr td,
+table tr td {
+ display: table-cell;
+ line-height: 1.2857142857rem;
+}
+
+.tabs {
+ margin-bottom: 0 !important;
+ margin-left: 0;
+}
+
+.tabs:before, .tabs:after {
+ content: " ";
+ display: table;
+}
+
+.tabs:after {
+ clear: both;
+}
+
+.tabs dd,
+.tabs .tab-title {
+ float: left;
+ list-style: none;
+ margin-bottom: 0 !important;
+ position: relative;
+}
+
+.tabs dd > a,
+.tabs .tab-title > a {
+ display: block;
+ background-color: #EFEFEF;
+ color: #222222;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 1.1428571429rem;
+ padding: 1.1428571429rem 2.2857142857rem;
+}
+
+.tabs dd > a:hover,
+.tabs .tab-title > a:hover {
+ background-color: #e1e1e1;
+}
+
+.tabs dd.active a,
+.tabs .tab-title.active a {
+ background-color: #FFFFFF;
+ color: #222222;
+}
+
+.tabs.radius dd:first-child a,
+.tabs.radius .tab:first-child a {
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+
+.tabs.radius dd:last-child a,
+.tabs.radius .tab:last-child a {
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.tabs.vertical dd,
+.tabs.vertical .tab-title {
+ position: inherit;
+ float: none;
+ display: block;
+ top: auto;
+}
+
+.tabs-content {
+ margin-bottom: 1.7142857143rem;
+ width: 100%;
+}
+
+.tabs-content:before, .tabs-content:after {
+ content: " ";
+ display: table;
+}
+
+.tabs-content:after {
+ clear: both;
+}
+
+.tabs-content > .content {
+ display: none;
+ float: left;
+ padding: 1.0714285714rem 0;
+ width: 100%;
+}
+
+.tabs-content > .content.active {
+ display: block;
+ float: none;
+}
+
+.tabs-content > .content.contained {
+ padding: 1.0714285714rem;
+}
+
+.tabs-content.vertical {
+ display: block;
+}
+
+.tabs-content.vertical > .content {
+ padding: 0 1.0714285714rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .tabs.vertical {
+ float: left;
+ margin: 0;
+ margin-bottom: 1.25rem !important;
+ max-width: 20%;
+ width: 20%;
+ }
+ .tabs-content.vertical {
+ float: left;
+ margin-left: -1px;
+ max-width: 80%;
+ padding-left: 1rem;
+ width: 80%;
+ }
+}
+
+.no-js .tabs-content > .content {
+ display: block;
+ float: none;
+}
+
+/* Image Thumbnails */
+.th {
+ border: solid 4px #FFFFFF;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ display: inline-block;
+ line-height: 0;
+ max-width: 100%;
+ transition: all 200ms ease-out;
+}
+
+.th:hover,
+.th:focus {
+ box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
+}
+
+.th.radius {
+ border-radius: 3px;
+}
+
+/* Tooltips */
+.has-tip {
+ border-bottom: dotted 1px #CCCCCC;
+ color: #333333;
+ cursor: help;
+ font-weight: bold;
+}
+
+.has-tip:hover,
+.has-tip:focus {
+ border-bottom: dotted 1px #003f54;
+ color: #008CBA;
+}
+
+.has-tip.tip-left,
+.has-tip.tip-right {
+ float: none !important;
+}
+
+.tooltip {
+ background: #333333;
+ color: #FFFFFF;
+ display: none;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.3;
+ max-width: 300px;
+ padding: 0.8571428571rem;
+ position: absolute;
+ width: 100%;
+ z-index: 1006;
+ left: 50%;
+}
+
+.tooltip > .nub {
+ border-color: transparent transparent #333333 transparent;
+ border: solid 5px;
+ display: block;
+ height: 0;
+ pointer-events: none;
+ position: absolute;
+ top: -10px;
+ width: 0;
+ left: 5px;
+}
+
+.tooltip > .nub.rtl {
+ left: auto;
+ right: 5px;
+}
+
+.tooltip.radius {
+ border-radius: 3px;
+}
+
+.tooltip.round {
+ border-radius: 1000px;
+}
+
+.tooltip.round > .nub {
+ left: 2rem;
+}
+
+.tooltip.opened {
+ border-bottom: dotted 1px #003f54 !important;
+ color: #008CBA !important;
+}
+
+.tap-to-close {
+ color: #777777;
+ display: block;
+ font-size: 0.7142857143rem;
+ font-weight: normal;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .tooltip > .nub {
+ border-color: transparent transparent #333333 transparent;
+ top: -10px;
+ }
+ .tooltip.tip-top > .nub {
+ border-color: #333333 transparent transparent transparent;
+ bottom: -10px;
+ top: auto;
+ }
+ .tooltip.tip-left,
+ .tooltip.tip-right {
+ float: none !important;
+ }
+ .tooltip.tip-left > .nub {
+ border-color: transparent transparent transparent #333333;
+ left: auto;
+ margin-top: -5px;
+ right: -10px;
+ top: 50%;
+ }
+ .tooltip.tip-right > .nub {
+ border-color: transparent #333333 transparent transparent;
+ left: -10px;
+ margin-top: -5px;
+ right: auto;
+ top: 50%;
+ }
+}
+
+meta.foundation-mq-topbar {
+ font-family: "/only screen and (min-width:45.7857142857em)/";
+ width: 45.7857142857em;
+}
+
+/* Wrapped around .top-bar to contain to grid width */
+.contain-to-grid {
+ width: 100%;
+ background: #333333;
+}
+
+.contain-to-grid .top-bar {
+ margin-bottom: 0;
+}
+
+.fixed {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 99;
+ left: 0;
+}
+
+.fixed.expanded:not(.top-bar) {
+ height: auto;
+ max-height: 100%;
+ overflow-y: auto;
+ width: 100%;
+}
+
+.fixed.expanded:not(.top-bar) .title-area {
+ position: fixed;
+ width: 100%;
+ z-index: 99;
+}
+
+.fixed.expanded:not(.top-bar) .top-bar-section {
+ margin-top: 3.2142857143rem;
+ z-index: 98;
+}
+
+.top-bar {
+ background: #333333;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ margin-bottom: 0;
+ overflow: hidden;
+ position: relative;
+}
+
+.top-bar ul {
+ list-style: none;
+ margin-bottom: 0;
+}
+
+.top-bar .row {
+ max-width: none;
+}
+
+.top-bar form,
+.top-bar input,
+.top-bar select {
+ margin-bottom: 0;
+}
+
+.top-bar input,
+.top-bar select {
+ font-size: 0.75rem;
+ height: 2rem;
+ padding-bottom: .35rem;
+ padding-top: .35rem;
+}
+
+.top-bar .button, .top-bar button {
+ font-size: 0.75rem;
+ margin-bottom: 0;
+ padding-bottom: 0.4214285714rem;
+ padding-top: 0.4214285714rem;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .top-bar .button, .top-bar button {
+ position: relative;
+ top: -1px;
+ }
+}
+
+.top-bar .title-area {
+ margin: 0;
+ position: relative;
+}
+
+.top-bar .name {
+ font-size: 14px;
+ height: 3.2142857143rem;
+ margin: 0;
+}
+
+.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
+ font-size: 1.2142857143rem;
+ line-height: 3.2142857143rem;
+ margin: 0;
+}
+
+.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
+ color: #FFFFFF;
+ display: block;
+ font-weight: normal;
+ padding: 0 1.0714285714rem;
+ width: 75%;
+}
+
+.top-bar .toggle-topbar {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.top-bar .toggle-topbar a {
+ color: #FFFFFF;
+ display: block;
+ font-size: 0.9285714286rem;
+ font-weight: bold;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ position: relative;
+ text-transform: uppercase;
+}
+
+.top-bar .toggle-topbar.menu-icon {
+ margin-top: -16px;
+ top: 50%;
+}
+
+.top-bar .toggle-topbar.menu-icon a {
+ color: #FFFFFF;
+ height: 34px;
+ line-height: 33px;
+ padding: 0 2.8571428571rem 0 1.0714285714rem;
+ position: relative;
+}
+
+.top-bar .toggle-topbar.menu-icon a span::after {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ margin-top: -8px;
+ top: 50%;
+ right: 1.0714285714rem;
+ box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+ width: 16px;
+}
+
+.top-bar .toggle-topbar.menu-icon a span:hover:after {
+ box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
+}
+
+.top-bar.expanded {
+ background: transparent;
+ height: auto;
+}
+
+.top-bar.expanded .title-area {
+ background: #333333;
+}
+
+.top-bar.expanded .toggle-topbar a {
+ color: #888888;
+}
+
+.top-bar.expanded .toggle-topbar a span::after {
+ box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
+ .top-bar.expanded .top-bar-section .dropdown {
+ clip: initial;
+ }
+ .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
+ padding: 0;
+ }
+}
+
+.top-bar-section {
+ left: 0;
+ position: relative;
+ width: auto;
+ transition: left 300ms ease-out;
+}
+
+.top-bar-section ul {
+ display: block;
+ font-size: 14px;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+.top-bar-section .divider,
+.top-bar-section [role="separator"] {
+ border-top: solid 1px #1a1a1a;
+ clear: both;
+ height: 1px;
+ width: 100%;
+}
+
+.top-bar-section ul li {
+ background: #333333;
+}
+
+.top-bar-section ul li > a {
+ color: #FFFFFF;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-size: 0.9285714286rem;
+ font-weight: normal;
+ padding-left: 1.0714285714rem;
+ padding: 12px 0 12px 1.0714285714rem;
+ text-transform: none;
+ width: 100%;
+}
+
+.top-bar-section ul li > a.button {
+ font-size: 0.9285714286rem;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ background-color: #007095;
+}
+
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+.top-bar-section ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ background-color: #368a55;
+}
+
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.warning:hover,
+.top-bar-section ul li > a.button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+.top-bar-section ul li > a.button.warning:hover,
+.top-bar-section ul li > a.button.warning:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > a.button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+.top-bar-section ul li > a.button.info:hover,
+.top-bar-section ul li > a.button.info:focus {
+ background-color: #61b6d9;
+}
+
+.top-bar-section ul li > a.button.info:hover,
+.top-bar-section ul li > a.button.info:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button {
+ font-size: 0.9285714286rem;
+ padding-left: 1.0714285714rem;
+ padding-right: 1.0714285714rem;
+ background-color: #008CBA;
+ border-color: #007095;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ background-color: #007095;
+}
+
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
+
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ background-color: #b9b9b9;
+}
+
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ color: #333333;
+}
+
+.top-bar-section ul li > button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ background-color: #368a55;
+}
+
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ background-color: #cf2a0e;
+}
+
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ background-color: #cf6e0e;
+}
+
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li > button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
+
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ background-color: #61b6d9;
+}
+
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li:hover:not(.has-form) > a {
+ background-color: #555555;
+ color: #FFFFFF;
+ background: #222222;
+}
+
+.top-bar-section ul li.active > a {
+ background: #008CBA;
+ color: #FFFFFF;
+}
+
+.top-bar-section ul li.active > a:hover {
+ background: #0078a0;
+ color: #FFFFFF;
+}
+
+.top-bar-section .has-form {
+ padding: 1.0714285714rem;
+}
+
+.top-bar-section .has-dropdown {
+ position: relative;
+}
+
+.top-bar-section .has-dropdown > a:after {
+ border: inset 5px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
+ border-left-style: solid;
+ margin-right: 1.0714285714rem;
+ 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 {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ width: 100%;
+}
+
+.top-bar-section .has-dropdown.moved > a:after {
+ display: none;
+}
+
+.top-bar-section .dropdown {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ display: block;
+ padding: 0;
+ position: absolute;
+ top: 0;
+ z-index: 99;
+ left: 100%;
+}
+
+.top-bar-section .dropdown li {
+ height: auto;
+ width: 100%;
+}
+
+.top-bar-section .dropdown li a {
+ font-weight: normal;
+ padding: 8px 1.0714285714rem;
+}
+
+.top-bar-section .dropdown li a.parent-link {
+ font-weight: normal;
+}
+
+.top-bar-section .dropdown li.title h5,
+.top-bar-section .dropdown li.parent-link {
+ margin-bottom: 0;
+ margin-top: 0;
+ font-size: 1.2857142857rem;
+}
+
+.top-bar-section .dropdown li.title h5 a,
+.top-bar-section .dropdown li.parent-link a {
+ color: #FFFFFF;
+ display: block;
+}
+
+.top-bar-section .dropdown li.title h5 a:hover,
+.top-bar-section .dropdown li.parent-link a:hover {
+ background: none;
+}
+
+.top-bar-section .dropdown li.has-form {
+ padding: 8px 1.0714285714rem;
+}
+
+.top-bar-section .dropdown li .button,
+.top-bar-section .dropdown li button {
+ top: auto;
+}
+
+.top-bar-section .dropdown label {
+ color: #777777;
+ font-size: 0.7142857143rem;
+ font-weight: bold;
+ margin-bottom: 0;
+ padding: 8px 1.0714285714rem 2px;
+ text-transform: uppercase;
+}
+
+.js-generated {
+ display: block;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .top-bar {
+ background: #333333;
+ 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,
+ .top-bar .name h2 a,
+ .top-bar .name h3 a,
+ .top-bar .name h4 a,
+ .top-bar .name h5 a,
+ .top-bar .name h6 a {
+ width: auto;
+ }
+ .top-bar input,
+ .top-bar select,
+ .top-bar .button,
+ .top-bar button {
+ font-size: 1rem;
+ height: 2rem;
+ position: relative;
+ top: 0.6071428571rem;
+ }
+ .top-bar .has-form > .button,
+ .top-bar .has-form > button {
+ padding-top: 0.3571428571rem;
+ top: 0.5rem;
+ }
+ .top-bar.expanded {
+ background: #333333;
+ }
+ .contain-to-grid .top-bar {
+ margin: 0 auto;
+ margin-bottom: 0;
+ max-width: 82.2857142857rem;
+ }
+ .top-bar-section {
+ transition: none 0 0;
+ left: 0 !important;
+ }
+ .top-bar-section ul {
+ display: inline;
+ height: auto !important;
+ width: auto;
+ }
+ .top-bar-section ul li {
+ float: left;
+ }
+ .top-bar-section ul li .js-generated {
+ display: none;
+ }
+ .top-bar-section li.hover > a:not(.button) {
+ background-color: #555555;
+ background: #222222;
+ color: #FFFFFF;
+ }
+ .top-bar-section li:not(.has-form) a:not(.button) {
+ background: #333333;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section li:not(.has-form) a:not(.button):hover {
+ background-color: #555555;
+ background: #222222;
+ }
+ .top-bar-section li.active:not(.has-form) a:not(.button) {
+ background: #008CBA;
+ color: #FFFFFF;
+ line-height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section li.active:not(.has-form) a:not(.button):hover {
+ background: #0078a0;
+ color: #FFFFFF;
+ }
+ .top-bar-section .has-dropdown > a {
+ padding-right: 2.5rem !important;
+ }
+ .top-bar-section .has-dropdown > a:after {
+ border: inset 5px;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
+ border-top-style: solid;
+ margin-top: -2.5px;
+ top: 1.6071428571rem;
+ }
+ .top-bar-section .has-dropdown.moved {
+ position: relative;
+ }
+ .top-bar-section .has-dropdown.moved > .dropdown {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ display: block;
+ }
+ .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .top-bar-section .has-dropdown > a:focus + .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
+ border: none;
+ content: "\00bb";
+ top: 0.2142857143rem;
+ right: 5px;
+ }
+ .top-bar-section .dropdown {
+ left: 0;
+ background: transparent;
+ min-width: 100%;
+ top: auto;
+ }
+ .top-bar-section .dropdown li a {
+ background: #333333;
+ color: #FFFFFF;
+ line-height: 3.2142857143rem;
+ padding: 12px 1.0714285714rem;
+ white-space: nowrap;
+ }
+ .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
+ background: #333333;
+ color: #FFFFFF;
+ }
+ .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
+ background-color: #555555;
+ color: #FFFFFF;
+ background: #222222;
+ }
+ .top-bar-section .dropdown li label {
+ background: #333333;
+ white-space: nowrap;
+ }
+ .top-bar-section .dropdown li .dropdown {
+ left: 100%;
+ top: 0;
+ }
+ .top-bar-section > ul > .divider,
+ .top-bar-section > ul > [role="separator"] {
+ border-right: solid 1px #4e4e4e;
+ border-bottom: none;
+ border-top: none;
+ clear: none;
+ height: 3.2142857143rem;
+ width: 0;
+ }
+ .top-bar-section .has-form {
+ background: #333333;
+ height: 3.2142857143rem;
+ padding: 0 1.0714285714rem;
+ }
+ .top-bar-section .right li .dropdown {
+ left: auto;
+ right: 0;
+ }
+ .top-bar-section .right li .dropdown li .dropdown {
+ right: 100%;
+ }
+ .top-bar-section .left li .dropdown {
+ right: auto;
+ left: 0;
+ }
+ .top-bar-section .left li .dropdown li .dropdown {
+ left: 100%;
+ }
+ .no-js .top-bar-section ul li:hover > a {
+ background-color: #555555;
+ background: #222222;
+ color: #FFFFFF;
+ }
+ .no-js .top-bar-section ul li:active > a {
+ background: #008CBA;
+ color: #FFFFFF;
+ }
+ .no-js .top-bar-section .has-dropdown:hover > .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !important;
+ }
+ .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ display: block;
+ position: absolute !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;
+}
+
+@media only screen and (max-width: 45.7142857143em) {
+ .small-only-text-left {
+ text-align: left !important;
+ }
+ .small-only-text-right {
+ text-align: right !important;
+ }
+ .small-only-text-center {
+ text-align: center !important;
+ }
+ .small-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen {
+ .small-text-left {
+ text-align: left !important;
+ }
+ .small-text-right {
+ text-align: right !important;
+ }
+ .small-text-center {
+ text-align: center !important;
+ }
+ .small-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) and (max-width: 73.1428571429em) {
+ .medium-only-text-left {
+ text-align: left !important;
+ }
+ .medium-only-text-right {
+ text-align: right !important;
+ }
+ .medium-only-text-center {
+ text-align: center !important;
+ }
+ .medium-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .medium-text-left {
+ text-align: left !important;
+ }
+ .medium-text-right {
+ text-align: right !important;
+ }
+ .medium-text-center {
+ text-align: center !important;
+ }
+ .medium-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) and (max-width: 102.857142857em) {
+ .large-only-text-left {
+ text-align: left !important;
+ }
+ .large-only-text-right {
+ text-align: right !important;
+ }
+ .large-only-text-center {
+ text-align: center !important;
+ }
+ .large-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 73.2142857143em) {
+ .large-text-left {
+ text-align: left !important;
+ }
+ .large-text-right {
+ text-align: right !important;
+ }
+ .large-text-center {
+ text-align: center !important;
+ }
+ .large-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 102.928571429em) and (max-width: 137.142857143em) {
+ .xlarge-only-text-left {
+ text-align: left !important;
+ }
+ .xlarge-only-text-right {
+ text-align: right !important;
+ }
+ .xlarge-only-text-center {
+ text-align: center !important;
+ }
+ .xlarge-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 102.928571429em) {
+ .xlarge-text-left {
+ text-align: left !important;
+ }
+ .xlarge-text-right {
+ text-align: right !important;
+ }
+ .xlarge-text-center {
+ text-align: center !important;
+ }
+ .xlarge-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 137.214285714em) and (max-width: 7142857.07143em) {
+ .xxlarge-only-text-left {
+ text-align: left !important;
+ }
+ .xxlarge-only-text-right {
+ text-align: right !important;
+ }
+ .xxlarge-only-text-center {
+ text-align: center !important;
+ }
+ .xxlarge-only-text-justify {
+ text-align: justify !important;
+ }
+}
+
+@media only screen and (min-width: 137.214285714em) {
+ .xxlarge-text-left {
+ text-align: left !important;
+ }
+ .xxlarge-text-right {
+ text-align: right !important;
+ }
+ .xxlarge-text-center {
+ text-align: center !important;
+ }
+ .xxlarge-text-justify {
+ text-align: justify !important;
+ }
+}
+
+/* Typography resets */
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0;
+}
+
+/* Default Link Styles */
+a {
+ color: #008CBA;
+ line-height: inherit;
+ text-decoration: none;
+}
+
+a:hover,
+a:focus {
+ color: #0078a0;
+}
+
+a img {
+ border: none;
+}
+
+/* Default paragraph styles */
+p {
+ font-family: inherit;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.6;
+ margin-bottom: 1.4285714286rem;
+ text-rendering: optimizeLegibility;
+}
+
+p.lead {
+ font-size: 1.25rem;
+ line-height: 1.6;
+}
+
+p aside {
+ font-size: 1rem;
+ font-style: italic;
+ line-height: 1.35;
+}
+
+/* Default header styles */
+h1, h2, h3, h4, h5, h6 {
+ color: #222222;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.4;
+ margin-bottom: 0.5rem;
+ margin-top: 0.2rem;
+ text-rendering: optimizeLegibility;
+}
+
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+ color: #6f6f6f;
+ font-size: 60%;
+ line-height: 0;
+}
+
+h1 {
+ font-size: 2.4285714286rem;
+}
+
+h2 {
+ font-size: 1.9285714286rem;
+}
+
+h3 {
+ font-size: 1.5714285714rem;
+}
+
+h4 {
+ font-size: 1.2857142857rem;
+}
+
+h5 {
+ font-size: 1.2857142857rem;
+}
+
+h6 {
+ font-size: 1rem;
+}
+
+.subheader {
+ line-height: 1.4;
+ color: #6f6f6f;
+ font-weight: normal;
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+}
+
+hr {
+ border: solid #DDDDDD;
+ border-width: 1px 0 0;
+ clear: both;
+ height: 0;
+ margin: 1.4285714286rem 0 1.3571428571rem;
+}
+
+/* Helpful Typography Defaults */
+em,
+i {
+ font-style: italic;
+ line-height: inherit;
+}
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit;
+}
+
+small {
+ font-size: 60%;
+ line-height: inherit;
+}
+
+code {
+ background-color: #f8f8f8;
+ border-color: #dfdfdf;
+ border-style: solid;
+ border-width: 1px;
+ color: #333333;
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ font-weight: normal;
+ padding: 0.1428571429rem 0.3571428571rem 0.0714285714rem;
+}
+
+/* Lists */
+ul,
+ol,
+dl {
+ font-family: inherit;
+ font-size: 1rem;
+ line-height: 1.6;
+ list-style-position: outside;
+ margin-bottom: 1.4285714286rem;
+}
+
+ul {
+ margin-left: 1.1rem;
+}
+
+ul.no-bullet {
+ margin-left: 0;
+}
+
+ul.no-bullet li ul,
+ul.no-bullet li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+/* Unordered Lists */
+ul li ul,
+ul li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+}
+
+ul.square li ul,
+ul.circle li ul,
+ul.disc li ul {
+ list-style: inherit;
+}
+
+ul.square {
+ list-style-type: square;
+ margin-left: 1.1rem;
+}
+
+ul.circle {
+ list-style-type: circle;
+ margin-left: 1.1rem;
+}
+
+ul.disc {
+ list-style-type: disc;
+ margin-left: 1.1rem;
+}
+
+ul.no-bullet {
+ list-style: none;
+}
+
+/* Ordered Lists */
+ol {
+ margin-left: 1.4rem;
+}
+
+ol li ul,
+ol li ol {
+ margin-left: 1.4285714286rem;
+ margin-bottom: 0;
+}
+
+/* Definition Lists */
+dl dt {
+ margin-bottom: 0.3rem;
+ font-weight: bold;
+}
+
+dl dd {
+ margin-bottom: 0.8571428571rem;
+}
+
+/* Abbreviations */
+abbr,
+acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ cursor: help;
+}
+
+abbr {
+ text-transform: none;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted #DDDDDD;
+}
+
+/* Blockquotes */
+blockquote {
+ margin: 0 0 1.4285714286rem;
+ padding: 0.6428571429rem 1.4285714286rem 0 1.3571428571rem;
+ border-left: 1px solid #DDDDDD;
+}
+
+blockquote cite {
+ display: block;
+ font-size: 0.9285714286rem;
+ color: #555555;
+}
+
+blockquote cite:before {
+ content: "\2014 \0020";
+}
+
+blockquote cite a,
+blockquote cite a:visited {
+ color: #555555;
+}
+
+blockquote,
+blockquote p {
+ line-height: 1.6;
+ color: #6f6f6f;
+}
+
+/* Microformats */
+.vcard {
+ display: inline-block;
+ margin: 0 0 1.4285714286rem 0;
+ border: 1px solid #DDDDDD;
+ padding: 0.7142857143rem 0.8571428571rem;
+}
+
+.vcard li {
+ margin: 0;
+ display: block;
+}
+
+.vcard .fn {
+ font-weight: bold;
+ font-size: 1.0714285714rem;
+}
+
+.vevent .summary {
+ font-weight: bold;
+}
+
+.vevent abbr {
+ cursor: default;
+ text-decoration: none;
+ font-weight: bold;
+ border: none;
+ padding: 0 0.0714285714rem;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ h1, h2, h3, h4, h5, h6 {
+ line-height: 1.4;
+ }
+ h1 {
+ font-size: 3.1428571429rem;
+ }
+ h2 {
+ font-size: 2.6428571429rem;
+ }
+ h3 {
+ font-size: 1.9285714286rem;
+ }
+ h4 {
+ font-size: 1.6428571429rem;
+ }
+ h5 {
+ font-size: 1.2857142857rem;
+ }
+ h6 {
+ font-size: 1rem;
+ }
+}
+
+.off-canvas-wrap {
+ -webkit-backface-visibility: hidden;
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.off-canvas-wrap.move-right,
+.off-canvas-wrap.move-left {
+ min-height: 100%;
+ -webkit-overflow-scrolling: touch;
+}
+
+.inner-wrap {
+ position: relative;
+ width: 100%;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.inner-wrap:before, .inner-wrap:after {
+ content: " ";
+ display: table;
+}
+
+.inner-wrap:after {
+ clear: both;
+}
+
+.tab-bar {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ color: #FFFFFF;
+ height: 3.2142857143rem;
+ line-height: 3.2142857143rem;
+ position: relative;
+}
+
+.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
+ color: #FFFFFF;
+ font-weight: bold;
+ line-height: 3.2142857143rem;
+ margin: 0;
+}
+
+.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
+ font-size: 1.2857142857rem;
+}
+
+.left-small {
+ height: 3.2142857143rem;
+ position: absolute;
+ top: 0;
+ width: 3.2142857143rem;
+ border-right: solid 1px #1a1a1a;
+ left: 0;
+}
+
+.right-small {
+ height: 3.2142857143rem;
+ position: absolute;
+ top: 0;
+ width: 3.2142857143rem;
+ border-left: solid 1px #1a1a1a;
+ right: 0;
+}
+
+.tab-bar-section {
+ height: 3.2142857143rem;
+ padding: 0 0.7142857143rem;
+ position: absolute;
+ text-align: center;
+ top: 0;
+}
+
+.tab-bar-section.left {
+ text-align: left;
+}
+
+.tab-bar-section.right {
+ text-align: right;
+}
+
+.tab-bar-section.left {
+ left: 0;
+ right: 3.2142857143rem;
+}
+
+.tab-bar-section.right {
+ left: 3.2142857143rem;
+ right: 0;
+}
+
+.tab-bar-section.middle {
+ left: 3.2142857143rem;
+ right: 3.2142857143rem;
+}
+
+.tab-bar .menu-icon {
+ color: #FFFFFF;
+ display: block;
+ height: 3.2142857143rem;
+ padding: 0;
+ position: relative;
+ text-indent: 2.5rem;
+ transform: translate3d(0, 0, 0);
+ width: 3.2142857143rem;
+}
+
+.tab-bar .menu-icon span::after {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ margin-top: -0.5714285714rem;
+ left: 1.0357142857rem;
+ box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+ width: 1.1428571429rem;
+}
+
+.tab-bar .menu-icon span:hover:after {
+ box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
+}
+
+.left-off-canvas-menu {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ transition: transform 500ms ease 0s;
+ width: 17.8571428571rem;
+ z-index: 1001;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate(-100%, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+}
+
+.left-off-canvas-menu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.right-off-canvas-menu {
+ -webkit-backface-visibility: hidden;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ transition: transform 500ms ease 0s;
+ width: 17.8571428571rem;
+ z-index: 1001;
+ -webkit-transform: translate3d(100%, 0, 0);
+ -moz-transform: translate3d(100%, 0, 0);
+ -ms-transform: translate(100%, 0);
+ -ms-transform: translate3d(100%, 0, 0);
+ -o-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ right: 0;
+}
+
+.right-off-canvas-menu * {
+ -webkit-backface-visibility: hidden;
+}
+
+ul.off-canvas-list {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.off-canvas-list li label {
+ background: #444444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ display: block;
+ font-size: 0.8571428571rem;
+ font-weight: bold;
+ margin: 0;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+}
+
+ul.off-canvas-list li a {
+ border-bottom: 1px solid #262626;
+ color: rgba(255, 255, 255, 0.7);
+ display: block;
+ padding: 0.6666666667rem;
+ transition: background 300ms ease;
+}
+
+ul.off-canvas-list li a:hover {
+ background: #242424;
+}
+
+ul.off-canvas-list li a:active {
+ background: #242424;
+}
+
+.move-right > .inner-wrap {
+ -webkit-transform: translate3d(17.8571428571rem, 0, 0);
+ -moz-transform: translate3d(17.8571428571rem, 0, 0);
+ -ms-transform: translate(17.8571428571rem, 0);
+ -ms-transform: translate3d(17.8571428571rem, 0, 0);
+ -o-transform: translate3d(17.8571428571rem, 0, 0);
+ transform: translate3d(17.8571428571rem, 0, 0);
+}
+
+.move-right .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .move-right .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.move-left > .inner-wrap {
+ -webkit-transform: translate3d(-17.8571428571rem, 0, 0);
+ -moz-transform: translate3d(-17.8571428571rem, 0, 0);
+ -ms-transform: translate(-17.8571428571rem, 0);
+ -ms-transform: translate3d(-17.8571428571rem, 0, 0);
+ -o-transform: translate3d(-17.8571428571rem, 0, 0);
+ transform: translate3d(-17.8571428571rem, 0, 0);
+}
+
+.move-left .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .move-left .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap-left .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap-left .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap-left .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.offcanvas-overlap-right .left-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+}
+
+.offcanvas-overlap-right .exit-off-canvas {
+ -webkit-backface-visibility: hidden;
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
+ background: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+}
+
+@media only screen and (min-width: 45.7857142857em) {
+ .offcanvas-overlap-right .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
+
+.no-csstransforms .left-off-canvas-menu {
+ left: -17.8571428571rem;
+}
+
+.no-csstransforms .right-off-canvas-menu {
+ right: -17.8571428571rem;
+}
+
+.no-csstransforms .move-left > .inner-wrap {
+ right: 17.8571428571rem;
+}
+
+.no-csstransforms .move-right > .inner-wrap {
+ left: 17.8571428571rem;
+}
+
+.left-submenu {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ width: 17.8571428571rem;
+ z-index: 1002;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate(-100%, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.left-submenu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.left-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+ margin: 0;
+}
+
+.left-submenu .back > a:hover {
+ background: #303030;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+}
+
+.left-submenu .back > a:before {
+ content: "\AB";
+ margin-right: .5rem;
+ display: inline;
+}
+
+.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
+ -webkit-transform: translate3d(0%, 0, 0);
+ -moz-transform: translate3d(0%, 0, 0);
+ -ms-transform: translate(0%, 0);
+ -ms-transform: translate3d(0%, 0, 0);
+ -o-transform: translate3d(0%, 0, 0);
+ transform: translate3d(0%, 0, 0);
+}
+
+.right-submenu {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ background: #333333;
+ bottom: 0;
+ box-sizing: content-box;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ width: 17.8571428571rem;
+ z-index: 1002;
+ -webkit-transform: translate3d(100%, 0, 0);
+ -moz-transform: translate3d(100%, 0, 0);
+ -ms-transform: translate(100%, 0);
+ -ms-transform: translate3d(100%, 0, 0);
+ -o-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ right: 0;
+ -webkit-transition: -webkit-transform 500ms ease;
+ -moz-transition: -moz-transform 500ms ease;
+ -ms-transition: -ms-transform 500ms ease;
+ -o-transition: -o-transform 500ms ease;
+ transition: transform 500ms ease;
+}
+
+.right-submenu * {
+ -webkit-backface-visibility: hidden;
+}
+
+.right-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 1.0714285714rem;
+ text-transform: uppercase;
+ margin: 0;
+}
+
+.right-submenu .back > a:hover {
+ background: #303030;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+}
+
+.right-submenu .back > a:after {
+ content: "\BB";
+ margin-left: .5rem;
+ display: inline;
+}
+
+.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
+ -webkit-transform: translate3d(0%, 0, 0);
+ -moz-transform: translate3d(0%, 0, 0);
+ -ms-transform: translate(0%, 0);
+ -ms-transform: translate3d(0%, 0, 0);
+ -o-transform: translate3d(0%, 0, 0);
+ transform: translate3d(0%, 0, 0);
+}
+
+.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
+ content: "\BB";
+ margin-left: .5rem;
+ display: inline;
+}
+
+.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
+ content: "\AB";
+ margin-right: .5rem;
+ display: inline;
+}
+
+/* small displays */
+@media only screen {
+ .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* medium displays */
+@media only screen and (min-width: 45.7857142857em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* large displays */
+@media only screen and (min-width: 73.2142857143em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* xlarge displays */
+@media only screen and (min-width: 102.928571429em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* xxlarge displays */
+@media only screen and (min-width: 137.214285714em) {
+ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
+ display: inherit !important;
+ }
+ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
+ display: none !important;
+ }
+ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+ }
+ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+ }
+ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
+ display: table !important;
+ }
+ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
+ display: table-header-group !important;
+ }
+ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
+ display: table-row-group !important;
+ }
+ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
+ display: table-row;
+ }
+ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+ display: table-cell !important;
+ }
+}
+
+/* Orientation targeting */
+.show-for-landscape,
+.hide-for-portrait {
+ display: inherit !important;
+}
+
+.hide-for-landscape,
+.show-for-portrait {
+ display: none !important;
+}
+
+/* Specific visibility for tables */
+table.hide-for-landscape,
+table.show-for-portrait {
+ display: table !important;
+}
+
+thead.hide-for-landscape,
+thead.show-for-portrait {
+ display: table-header-group !important;
+}
+
+tbody.hide-for-landscape,
+tbody.show-for-portrait {
+ display: table-row-group !important;
+}
+
+tr.hide-for-landscape,
+tr.show-for-portrait {
+ display: table-row !important;
+}
+
+td.hide-for-landscape,
+td.show-for-portrait,
+th.hide-for-landscape,
+th.show-for-portrait {
+ display: table-cell !important;
+}
+
+@media only screen and (orientation: landscape) {
+ .show-for-landscape,
+ .hide-for-portrait {
+ display: inherit !important;
+ }
+ .hide-for-landscape,
+ .show-for-portrait {
+ display: none !important;
+ }
+ /* Specific visibility for tables */
+ table.show-for-landscape,
+ table.hide-for-portrait {
+ display: table !important;
+ }
+ thead.show-for-landscape,
+ thead.hide-for-portrait {
+ display: table-header-group !important;
+ }
+ tbody.show-for-landscape,
+ tbody.hide-for-portrait {
+ display: table-row-group !important;
+ }
+ tr.show-for-landscape,
+ tr.hide-for-portrait {
+ display: table-row !important;
+ }
+ td.show-for-landscape,
+ td.hide-for-portrait,
+ th.show-for-landscape,
+ th.hide-for-portrait {
+ display: table-cell !important;
+ }
+}
+
+@media only screen and (orientation: portrait) {
+ .show-for-portrait,
+ .hide-for-landscape {
+ display: inherit !important;
+ }
+ .hide-for-portrait,
+ .show-for-landscape {
+ display: none !important;
+ }
+ /* Specific visibility for tables */
+ table.show-for-portrait,
+ table.hide-for-landscape {
+ display: table !important;
+ }
+ thead.show-for-portrait,
+ thead.hide-for-landscape {
+ display: table-header-group !important;
+ }
+ tbody.show-for-portrait,
+ tbody.hide-for-landscape {
+ display: table-row-group !important;
+ }
+ tr.show-for-portrait,
+ tr.hide-for-landscape {
+ display: table-row !important;
+ }
+ td.show-for-portrait,
+ td.hide-for-landscape,
+ th.show-for-portrait,
+ th.hide-for-landscape {
+ display: table-cell !important;
+ }
+}
+
+/* Touch-enabled device targeting */
+.show-for-touch {
+ display: none !important;
+}
+
+.hide-for-touch {
+ display: inherit !important;
+}
+
+.touch .show-for-touch {
+ display: inherit !important;
+}
+
+.touch .hide-for-touch {
+ display: none !important;
+}
+
+/* Specific visibility for tables */
+table.hide-for-touch {
+ display: table !important;
+}
+
+.touch table.show-for-touch {
+ display: table !important;
+}
+
+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;
+}
+
+/* Screen reader-specific classes */
+.show-for-sr {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.show-on-focus {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.show-on-focus:focus,
+.show-on-focus:active {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+}
+
+/*
+ * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+.print-only {
+ display: none !important;
+}
+
+@media print {
+ * {
+ background: transparent !important;
+ box-shadow: none !important;
+ color: #000000 !important;
+ /* Black prints faster: h5bp.com/s */
+ text-shadow: none !important;
+ }
+ .show-for-print {
+ display: block;
+ }
+ .hide-for-print {
+ display: none;
+ }
+ table.show-for-print {
+ display: table !important;
+ }
+ thead.show-for-print {
+ display: table-header-group !important;
+ }
+ tbody.show-for-print {
+ display: table-row-group !important;
+ }
+ tr.show-for-print {
+ display: table-row !important;
+ }
+ td.show-for-print {
+ display: table-cell !important;
+ }
+ th.show-for-print {
+ display: table-cell !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 #999999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ /* h5bp.com/t */
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100% !important;
+ }
+ @page {
+ margin: .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;
+ }
+}
+
+/* Print visibility */
+@media print {
+ .show-for-print {
+ display: block;
+ }
+ .hide-for-print {
+ display: none;
+ }
+ table.show-for-print {
+ display: table !important;
+ }
+ thead.show-for-print {
+ display: table-header-group !important;
+ }
+ tbody.show-for-print {
+ display: table-row-group !important;
+ }
+ tr.show-for-print {
+ display: table-row !important;
+ }
+ td.show-for-print {
+ display: table-cell !important;
+ }
+ th.show-for-print {
+ display: table-cell !important;
+ }
+}
+
+@media not print {
+ .show-for-print {
+ display: none !important;
+ }
+}
diff --git a/themes/foundation5/css/vendor/foundation.min.css b/themes/foundation5/css/vendor/foundation.min.css
new file mode 100644
index 00000000000..dc4928644ee
--- /dev/null
+++ b/themes/foundation5/css/vendor/foundation.min.css
@@ -0,0 +1 @@
+meta.foundation-version{font-family:"/5.5.2/"}meta.foundation-mq-small{font-family:"/only screen/";width:0}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.0625em) and (max-width:64em)/";width:40.0625em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.0625em)/";width:64.0625em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.0625em) and (max-width:90em)/";width:64.0625em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.0625em)/";width:90.0625em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.0625em) and (max-width:120em)/";width:90.0625em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.0625em)/";width:120.0625em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}html,body{font-size:100%}body{background:#fff;color:#222;cursor:auto;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:normal;line-height:1.5;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.row{margin:0 auto;max-width:62.5rem;width:100%}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{margin:0 -0.9375rem;max-width:none;width:auto}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{margin:0;max-width:none;width:auto}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left}.column+.column:last-child,.columns+.column:last-child,.column+.columns:last-child,.columns+.columns:last-child{float:right}.column+.column.end,.columns+.column.end,.column+.columns.end,.columns+.columns.end{float:left}@media only screen{.small-push-0{position:relative;left:0;right:auto}.small-pull-0{position:relative;right:0;left:auto}.small-push-1{position:relative;left:8.33333%;right:auto}.small-pull-1{position:relative;right:8.33333%;left:auto}.small-push-2{position:relative;left:16.66667%;right:auto}.small-pull-2{position:relative;right:16.66667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.33333%;right:auto}.small-pull-4{position:relative;right:33.33333%;left:auto}.small-push-5{position:relative;left:41.66667%;right:auto}.small-pull-5{position:relative;right:41.66667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.33333%;right:auto}.small-pull-7{position:relative;right:58.33333%;left:auto}.small-push-8{position:relative;left:66.66667%;right:auto}.small-pull-8{position:relative;right:66.66667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.33333%;right:auto}.small-pull-10{position:relative;right:83.33333%;left:auto}.small-push-11{position:relative;left:91.66667%;right:auto}.small-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.small-offset-0{margin-left:0 !important}.small-offset-1{margin-left:8.33333% !important}.small-offset-2{margin-left:16.66667% !important}.small-offset-3{margin-left:25% !important}.small-offset-4{margin-left:33.33333% !important}.small-offset-5{margin-left:41.66667% !important}.small-offset-6{margin-left:50% !important}.small-offset-7{margin-left:58.33333% !important}.small-offset-8{margin-left:66.66667% !important}.small-offset-9{margin-left:75% !important}.small-offset-10{margin-left:83.33333% !important}.small-offset-11{margin-left:91.66667% !important}.small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{float:left;margin-left:0;margin-right:0}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}}@media only screen and (min-width: 40.0625em){.medium-push-0{position:relative;left:0;right:auto}.medium-pull-0{position:relative;right:0;left:auto}.medium-push-1{position:relative;left:8.33333%;right:auto}.medium-pull-1{position:relative;right:8.33333%;left:auto}.medium-push-2{position:relative;left:16.66667%;right:auto}.medium-pull-2{position:relative;right:16.66667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.33333%;right:auto}.medium-pull-4{position:relative;right:33.33333%;left:auto}.medium-push-5{position:relative;left:41.66667%;right:auto}.medium-pull-5{position:relative;right:41.66667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.33333%;right:auto}.medium-pull-7{position:relative;right:58.33333%;left:auto}.medium-push-8{position:relative;left:66.66667%;right:auto}.medium-pull-8{position:relative;right:66.66667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.33333%;right:auto}.medium-pull-10{position:relative;right:83.33333%;left:auto}.medium-push-11{position:relative;left:91.66667%;right:auto}.medium-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.medium-offset-0{margin-left:0 !important}.medium-offset-1{margin-left:8.33333% !important}.medium-offset-2{margin-left:16.66667% !important}.medium-offset-3{margin-left:25% !important}.medium-offset-4{margin-left:33.33333% !important}.medium-offset-5{margin-left:41.66667% !important}.medium-offset-6{margin-left:50% !important}.medium-offset-7{margin-left:58.33333% !important}.medium-offset-8{margin-left:66.66667% !important}.medium-offset-9{margin-left:75% !important}.medium-offset-10{margin-left:83.33333% !important}.medium-offset-11{margin-left:91.66667% !important}.medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{float:left;margin-left:0;margin-right:0}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}@media only screen and (min-width: 64.0625em){.large-push-0{position:relative;left:0;right:auto}.large-pull-0{position:relative;right:0;left:auto}.large-push-1{position:relative;left:8.33333%;right:auto}.large-pull-1{position:relative;right:8.33333%;left:auto}.large-push-2{position:relative;left:16.66667%;right:auto}.large-pull-2{position:relative;right:16.66667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.33333%;right:auto}.large-pull-4{position:relative;right:33.33333%;left:auto}.large-push-5{position:relative;left:41.66667%;right:auto}.large-pull-5{position:relative;right:41.66667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.33333%;right:auto}.large-pull-7{position:relative;right:58.33333%;left:auto}.large-push-8{position:relative;left:66.66667%;right:auto}.large-pull-8{position:relative;right:66.66667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.33333%;right:auto}.large-pull-10{position:relative;right:83.33333%;left:auto}.large-push-11{position:relative;left:91.66667%;right:auto}.large-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:0.9375rem;padding-right:0.9375rem;float:left}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}.large-offset-0{margin-left:0 !important}.large-offset-1{margin-left:8.33333% !important}.large-offset-2{margin-left:16.66667% !important}.large-offset-3{margin-left:25% !important}.large-offset-4{margin-left:33.33333% !important}.large-offset-5{margin-left:41.66667% !important}.large-offset-6{margin-left:50% !important}.large-offset-7{margin-left:58.33333% !important}.large-offset-8{margin-left:66.66667% !important}.large-offset-9{margin-left:75% !important}.large-offset-10{margin-left:83.33333% !important}.large-offset-11{margin-left:91.66667% !important}.large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{float:left;margin-left:0;margin-right:0}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}button,.button{-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:1rem 2rem 1.0625rem 2rem;font-size:1rem;background-color:#008CBA;border-color:#007095;color:#fff;transition:background-color 300ms ease-out}button:hover,button:focus,.button:hover,.button:focus{background-color:#007095}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#b9b9b9}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#333}button.success,.button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#368a55}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#cf2a0e}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.warning,.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{background-color:#cf6e0e}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{color:#fff}button.info,.button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{background-color:#61b6d9}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{color:#fff}button.large,.button.large{padding:1.125rem 2.25rem 1.1875rem 2.25rem;font-size:1.25rem}button.small,.button.small{padding:0.875rem 1.75rem 0.9375rem 1.75rem;font-size:0.8125rem}button.tiny,.button.tiny{padding:0.625rem 1.25rem 0.6875rem 1.25rem;font-size:0.6875rem}button.expand,.button.expand{padding-left:0;padding-right:0;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:0.75rem}button.right-align,.button.right-align{text-align:right;padding-right:0.75rem}button.radius,.button.radius{border-radius:3px}button.round,.button.round{border-radius:1000px}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#008CBA;border-color:#007095;color:#fff;box-shadow:none;cursor:default;opacity:0.7}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:#007095}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:#008CBA}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333;box-shadow:none;cursor:default;opacity:0.7}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:#b9b9b9}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:#e7e7e7}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#43AC6A;border-color:#368a55;color:#fff;box-shadow:none;cursor:default;opacity:0.7}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:#368a55}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:#43AC6A}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#f04124;border-color:#cf2a0e;color:#fff;box-shadow:none;cursor:default;opacity:0.7}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:#cf2a0e}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:#f04124}button.disabled.warning,button[disabled].warning,.button.disabled.warning,.button[disabled].warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff;box-shadow:none;cursor:default;opacity:0.7}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#cf6e0e}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{color:#fff}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#f08a24}button.disabled.info,button[disabled].info,.button.disabled.info,.button[disabled].info{background-color:#a0d3e8;border-color:#61b6d9;color:#333;box-shadow:none;cursor:default;opacity:0.7}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#61b6d9}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{color:#fff}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#a0d3e8}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width: 40.0625em){button,.button{display:inline-block}}form{margin:0 0 1rem}form .row .row{margin:0 -0.5rem}form .row .row .column,form .row .row .columns{padding:0 0.5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:0.5rem}label{color:#4d4d4d;cursor:pointer;display:block;font-size:0.875rem;font-weight:normal;line-height:1.5;margin-bottom:0}label.right{float:none !important;text-align:right}label.inline{margin:0 0 1rem 0;padding:0.5625rem 0}label small{text-transform:capitalize;color:#676767}.prefix,.postfix{border-style:solid;border-width:1px;display:block;font-size:0.875rem;height:2.3125rem;line-height:2.3125rem;overflow:visible;padding-bottom:0;padding-top:0;position:relative;text-align:center;width:100%;z-index:2}.postfix.button{border-color:true}.prefix.button{border:none;padding-left:0;padding-right:0;padding-bottom:0;padding-top:0;text-align:center}.prefix.button.radius{border-radius:0;-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{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.prefix.button.round{border-radius:0;-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{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}span.prefix,label.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}span.postfix,label.postfix{background:#f2f2f2;color:#333;border-color:#ccc}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"],input[type="color"],textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;background-color:#fff;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);display:block;font-family:inherit;font-size:0.875rem;height:2.3125rem;margin:0 0 1rem 0;padding:0.5rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color 0.15s linear,background 0.15s linear;-moz-transition:border-color 0.15s linear,background 0.15s linear;-ms-transition:border-color 0.15s linear,background 0.15s linear;-o-transition:border-color 0.15s linear,background 0.15s linear;transition:border-color 0.15s linear,background 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,input[type="color"]: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,input[type="color"]:disabled,textarea:disabled{background-color:#ddd;cursor:default}input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"],input[type="password"][disabled],input[type="password"][readonly],fieldset[disabled] input[type="password"],input[type="date"][disabled],input[type="date"][readonly],fieldset[disabled] input[type="date"],input[type="datetime"][disabled],input[type="datetime"][readonly],fieldset[disabled] input[type="datetime"],input[type="datetime-local"][disabled],input[type="datetime-local"][readonly],fieldset[disabled] input[type="datetime-local"],input[type="month"][disabled],input[type="month"][readonly],fieldset[disabled] input[type="month"],input[type="week"][disabled],input[type="week"][readonly],fieldset[disabled] input[type="week"],input[type="email"][disabled],input[type="email"][readonly],fieldset[disabled] input[type="email"],input[type="number"][disabled],input[type="number"][readonly],fieldset[disabled] input[type="number"],input[type="search"][disabled],input[type="search"][readonly],fieldset[disabled] input[type="search"],input[type="tel"][disabled],input[type="tel"][readonly],fieldset[disabled] input[type="tel"],input[type="time"][disabled],input[type="time"][readonly],fieldset[disabled] input[type="time"],input[type="url"][disabled],input[type="url"][readonly],fieldset[disabled] input[type="url"],input[type="color"][disabled],input[type="color"][readonly],fieldset[disabled] input[type="color"],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{background-color:#ddd;cursor:default}input[type="text"].radius,input[type="password"].radius,input[type="date"].radius,input[type="datetime"].radius,input[type="datetime-local"].radius,input[type="month"].radius,input[type="week"].radius,input[type="email"].radius,input[type="number"].radius,input[type="search"].radius,input[type="tel"].radius,input[type="time"].radius,input[type="url"].radius,input[type="color"].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse select,form .row .prefix-radius.row.collapse button{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-radius.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse textarea,form .row .postfix-radius.row.collapse select,form .row .postfix-radius.row.collapse button{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse textarea,form .row .prefix-round.row.collapse select,form .row .prefix-round.row.collapse button{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}form .row .prefix-round.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse textarea,form .row .postfix-round.row.collapse select,form .row .postfix-round.row.collapse button{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;border-radius:0}textarea[rows]{height:auto}textarea{max-width:100%}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}select{-webkit-appearance:none !important;-moz-appearance:none !important;background-color:#FAFAFA;border-radius:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;color:rgba(0,0,0,0.75);font-family:inherit;font-size:0.875rem;line-height:normal;padding:0.5rem;border-radius:0;height:2.3125rem}select::-ms-expand{display:none}select.radius{border-radius:3px}select:hover{background-color:#f3f3f3;border-color:#999}select:disabled{background-color:#ddd;cursor:default}select[multiple]{height:auto}input[type="file"],input[type="checkbox"],input[type="radio"],select{margin:0 0 1rem 0}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin-left:0.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type="file"]{width:100%}fieldset{border:1px solid #ddd;margin:1.125rem 0;padding:1.25rem}fieldset legend{background:#fff;font-weight:bold;margin-left:-0.1875rem;margin:0;padding:0 0.1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] span.error,[data-abide] small.error{display:block;font-size:0.75rem;font-style:italic;font-weight:normal;margin-bottom:1rem;margin-top:-1px;padding:0.375rem 0.5625rem 0.5625rem;background:#f04124;color:#fff}[data-abide] span.error,[data-abide] small.error{display:none}span.error,small.error{display:block;font-size:0.75rem;font-style:italic;font-weight:normal;margin-bottom:1rem;margin-top:-1px;padding:0.375rem 0.5625rem 0.5625rem;background:#f04124;color:#fff}.error input,.error textarea,.error select{margin-bottom:0}.error input[type="checkbox"],.error input[type="radio"]{margin-bottom:1rem}.error label,.error label.error{color:#f04124}.error small.error{display:block;font-size:0.75rem;font-style:italic;font-weight:normal;margin-bottom:1rem;margin-top:-1px;padding:0.375rem 0.5625rem 0.5625rem;background:#f04124;color:#fff}.error>label>small{background:transparent;color:#676767;display:inline;font-size:60%;font-style:normal;margin:0;padding:0;text-transform:capitalize}.error span.error-message{display:block}input.error,textarea.error,select.error{margin-bottom:0}label.error{color:#f04124}meta.foundation-mq-topbar{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}.contain-to-grid{width:100%;background:#333}.contain-to-grid .top-bar{margin-bottom:0}.fixed{position:fixed;top:0;width:100%;z-index:99;left:0}.fixed.expanded:not(.top-bar){height:auto;max-height:100%;overflow-y:auto;width:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{margin-top:2.8125rem;z-index:98}.top-bar{background:#333;height:2.8125rem;line-height:2.8125rem;margin-bottom:0;overflow:hidden;position:relative}.top-bar ul{list-style:none;margin-bottom:0}.top-bar .row{max-width:none}.top-bar form,.top-bar input,.top-bar select{margin-bottom:0}.top-bar input,.top-bar select{font-size:0.75rem;height:1.75rem;padding-bottom:.35rem;padding-top:.35rem}.top-bar .button,.top-bar button{font-size:0.75rem;margin-bottom:0;padding-bottom:0.4125rem;padding-top:0.4125rem}@media only screen and (max-width: 40em){.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{margin:0;position:relative}.top-bar .name{font-size:16px;height:2.8125rem;margin:0}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{font-size:1.0625rem;line-height:2.8125rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{color:#fff;display:block;font-weight:normal;padding:0 0.9375rem;width:75%}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fff;display:block;font-size:0.8125rem;font-weight:bold;height:2.8125rem;line-height:2.8125rem;padding:0 0.9375rem;position:relative;text-transform:uppercase}.top-bar .toggle-topbar.menu-icon{margin-top:-16px;top:50%}.top-bar .toggle-topbar.menu-icon a{color:#fff;height:34px;line-height:33px;padding:0 2.5rem 0 0.9375rem;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";display:block;height:0;position:absolute;margin-top:-8px;top:50%;right:0.9375rem;box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;width:16px}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{background:transparent;height:auto}.top-bar.expanded .title-area{background:#333}.top-bar.expanded .toggle-topbar a{color:#888}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888}@media screen and (-webkit-min-device-pixel-ratio: 0){.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,.top-bar.expanded .top-bar-section .dropdown{clip:initial}.top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul{padding:0}}.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}.top-bar-section ul{display:block;font-size:16px;height:auto;margin:0;padding:0;width:100%}.top-bar-section .divider,.top-bar-section [role="separator"]{border-top:solid 1px #1a1a1a;clear:both;height:1px;width:100%}.top-bar-section ul li{background:#333}.top-bar-section ul li>a{color:#fff;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:0.8125rem;font-weight:normal;padding-left:0.9375rem;padding:12px 0 12px 0.9375rem;text-transform:none;width:100%}.top-bar-section ul li>a.button{font-size:0.8125rem;padding-left:0.9375rem;padding-right:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#007095}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#333}.top-bar-section ul li>a.button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#368a55}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>a.button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>a.button.info:hover,.top-bar-section ul li>a.button.info:focus{background-color:#61b6d9}.top-bar-section ul li>a.button.info:hover,.top-bar-section ul li>a.button.info:focus{color:#fff}.top-bar-section ul li>button{font-size:0.8125rem;padding-left:0.9375rem;padding-right:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#007095}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#333}.top-bar-section ul li>button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#368a55}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li>button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>button.info:hover,.top-bar-section ul li>button.info:focus{background-color:#61b6d9}.top-bar-section ul li>button.info:hover,.top-bar-section ul li>button.info:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;color:#fff;background:#222}.top-bar-section ul li.active>a{background:#008CBA;color:#fff}.top-bar-section ul li.active>a:hover{background:#0078a0;color:#fff}.top-bar-section .has-form{padding:0.9375rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:transparent transparent transparent rgba(255,255,255,0.4);border-left-style:solid;margin-right:0.9375rem;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{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;display:block;padding:0;position:absolute;top:0;z-index:99;left:100%}.top-bar-section .dropdown li{height:auto;width:100%}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 0.9375rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#fff;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 0.9375rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{color:#777;font-size:0.625rem;font-weight:bold;margin-bottom:0;padding:8px 0.9375rem 2px;text-transform:uppercase}.js-generated{display:block}@media only screen and (min-width: 40.0625em){.top-bar{background:#333;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,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name h5 a,.top-bar .name h6 a{width:auto}.top-bar input,.top-bar select,.top-bar .button,.top-bar button{font-size:0.875rem;height:1.75rem;position:relative;top:0.53125rem}.top-bar.expanded{background:#333}.contain-to-grid .top-bar{margin-bottom:0;margin:0 auto;max-width:62.5rem}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{display:inline;height:auto !important;width:auto}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#222;color:#fff}.top-bar-section li:not(.has-form) a:not(.button){background:#333;line-height:2.8125rem;padding:0 0.9375rem}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#222}.top-bar-section li.active:not(.has-form) a:not(.button){background:#008CBA;color:#fff;line-height:2.8125rem;padding:0 0.9375rem}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#0078a0;color:#fff}.top-bar-section .has-dropdown>a{padding-right:2.1875rem !important}.top-bar-section .has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:rgba(255,255,255,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.40625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;display:block}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";top:0.1875rem;right:5px}.top-bar-section .dropdown{left:0;background:transparent;min-width:100%;top:auto}.top-bar-section .dropdown li a{background:#333;color:#fff;line-height:2.8125rem;padding:12px 0.9375rem;white-space:nowrap}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){background:#333;color:#fff}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){background-color:#555;color:#fff;background:#222}.top-bar-section .dropdown li label{background:#333;white-space:nowrap}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-right:solid 1px #4e4e4e;border-bottom:none;border-top:none;clear:none;height:2.8125rem;width:0}.top-bar-section .has-form{background:#333;height:2.8125rem;padding:0 0.9375rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#222;color:#fff}.no-js .top-bar-section ul li:active>a{background:#008CBA;color:#fff}.no-js .top-bar-section .has-dropdown:hover>.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}}.breadcrumbs{border-style:solid;border-width:1px;display:block;list-style:none;margin-left:0;overflow:hidden;padding:0.5625rem 0.875rem 0.5625rem;background-color:#f4f4f4;border-color:#dcdcdc;border-radius:3px}.breadcrumbs>*{color:#008CBA;float:left;font-size:0.6875rem;line-height:0.6875rem;margin:0;text-transform:uppercase}.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}.breadcrumbs>* a{color:#008CBA}.breadcrumbs>*.current{color:#333;cursor:default}.breadcrumbs>*.current a{color:#333;cursor:default}.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}.breadcrumbs>*.unavailable{color:#999}.breadcrumbs>*.unavailable a{color:#999}.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{color:#999;cursor:not-allowed;text-decoration:none}.breadcrumbs>*:before{color:#aaa;content:"/";margin:0 0.75rem;position:relative;top:1px}.breadcrumbs>*:first-child:before{content:" ";margin:0}[aria-label="breadcrumbs"] [aria-hidden="true"]:after{content:"/"}.alert-box{border-style:solid;border-width:1px;display:block;font-size:0.8125rem;font-weight:normal;margin-bottom:1.25rem;padding:0.875rem 1.5rem 0.875rem 0.875rem;position:relative;transition:opacity 300ms ease-out;background-color:#008CBA;border-color:#0078a0;color:#fff}.alert-box .close{right:0.25rem;background:inherit;color:#333;font-size:1.375rem;line-height:.9;margin-top:-0.6875rem;opacity:0.3;padding:0 6px 4px;position:absolute;top:50%}.alert-box .close:hover,.alert-box .close:focus{opacity:0.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#43AC6A;border-color:#3a945b;color:#fff}.alert-box.alert{background-color:#f04124;border-color:#de2d0f;color:#fff}.alert-box.secondary{background-color:#e7e7e7;border-color:#c7c7c7;color:#4f4f4f}.alert-box.warning{background-color:#f08a24;border-color:#de770f;color:#fff}.alert-box.info{background-color:#a0d3e8;border-color:#74bfdd;color:#4f4f4f}.alert-box.alert-close{opacity:0}.inline-list{list-style:none;margin-left:-1.375rem;margin-right:0;margin:0 auto 1.0625rem auto;overflow:hidden;padding:0}.inline-list>li{display:block;float:left;list-style:none;margin-left:1.375rem}.inline-list>li>*{display:block}.button-group{list-style:none;margin:0;left:0}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group.even-2 li{display:inline-block;margin:0 -2px;width:50%}.button-group.even-2 li>button,.button-group.even-2 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-2 li:first-child button,.button-group.even-2 li:first-child .button{border-left:0}.button-group.even-2 li button,.button-group.even-2 li .button{width:100%}.button-group.even-3 li{display:inline-block;margin:0 -2px;width:33.33333%}.button-group.even-3 li>button,.button-group.even-3 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-3 li:first-child button,.button-group.even-3 li:first-child .button{border-left:0}.button-group.even-3 li button,.button-group.even-3 li .button{width:100%}.button-group.even-4 li{display:inline-block;margin:0 -2px;width:25%}.button-group.even-4 li>button,.button-group.even-4 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-4 li:first-child button,.button-group.even-4 li:first-child .button{border-left:0}.button-group.even-4 li button,.button-group.even-4 li .button{width:100%}.button-group.even-5 li{display:inline-block;margin:0 -2px;width:20%}.button-group.even-5 li>button,.button-group.even-5 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-5 li:first-child button,.button-group.even-5 li:first-child .button{border-left:0}.button-group.even-5 li button,.button-group.even-5 li .button{width:100%}.button-group.even-6 li{display:inline-block;margin:0 -2px;width:16.66667%}.button-group.even-6 li>button,.button-group.even-6 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-6 li:first-child button,.button-group.even-6 li:first-child .button{border-left:0}.button-group.even-6 li button,.button-group.even-6 li .button{width:100%}.button-group.even-7 li{display:inline-block;margin:0 -2px;width:14.28571%}.button-group.even-7 li>button,.button-group.even-7 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-7 li:first-child button,.button-group.even-7 li:first-child .button{border-left:0}.button-group.even-7 li button,.button-group.even-7 li .button{width:100%}.button-group.even-8 li{display:inline-block;margin:0 -2px;width:12.5%}.button-group.even-8 li>button,.button-group.even-8 li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.even-8 li:first-child button,.button-group.even-8 li:first-child .button{border-left:0}.button-group.even-8 li button,.button-group.even-8 li .button{width:100%}.button-group>li{display:inline-block;margin:0 -2px}.button-group>li>button,.button-group>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group>li:first-child button,.button-group>li:first-child .button{border-left:0}.button-group.stack>li{display:block;margin:0;float:none}.button-group.stack>li>button,.button-group.stack>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-left:0}.button-group.stack>li>button,.button-group.stack>li .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.stack>li>button{width:100%}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-top:0}.button-group.stack-for-small>li{display:inline-block;margin:0 -2px}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}@media only screen and (max-width: 40em){.button-group.stack-for-small>li{display:block;margin:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.stack-for-small>li>button{width:100%}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-top:0}}.button-group.radius>*{display:inline-block;margin:0 -2px}.button-group.radius>*>button,.button-group.radius>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius>*:first-child button,.button-group.radius>*:first-child .button{border-left:0}.button-group.radius>*,.button-group.radius>*>a,.button-group.radius>*>button,.button-group.radius>*>.button{border-radius:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button,.button-group.radius>*:first-child>.button{-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,.button-group.radius>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{display:block;margin:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-left:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.radius.stack>*>button{width:100%}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button,.button-group.radius.stack>*>.button{border-radius:0}.button-group.radius.stack>*:first-child,.button-group.radius.stack>*:first-child>a,.button-group.radius.stack>*:first-child>button,.button-group.radius.stack>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*:last-child,.button-group.radius.stack>*:last-child>a,.button-group.radius.stack>*:last-child>button,.button-group.radius.stack>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width: 40.0625em){.button-group.radius.stack-for-small>*{display:inline-block;margin:0 -2px}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-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.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width: 40em){.button-group.radius.stack-for-small>*{display:block;margin:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.radius.stack-for-small>*>button{width:100%}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{display:inline-block;margin:0 -2px}.button-group.round>*>button,.button-group.round>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round>*:first-child button,.button-group.round>*:first-child .button{border-left:0}.button-group.round>*,.button-group.round>*>a,.button-group.round>*>button,.button-group.round>*>.button{border-radius:0}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button,.button-group.round>*:first-child>.button{-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,.button-group.round>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{display:block;margin:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-left:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.round.stack>*>button{width:100%}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>a,.button-group.round.stack>*>button,.button-group.round.stack>*>.button{border-radius:0}.button-group.round.stack>*:first-child,.button-group.round.stack>*:first-child>a,.button-group.round.stack>*:first-child>button,.button-group.round.stack>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>*:last-child,.button-group.round.stack>*:last-child>a,.button-group.round.stack>*:last-child>button,.button-group.round.stack>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width: 40.0625em){.button-group.round.stack-for-small>*{display:inline-block;margin:0 -2px}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-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.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}@media only screen and (max-width: 40em){.button-group.round.stack-for-small>*{display:block;margin:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,0.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-color:rgba(255,255,255,0.5);border-left-width:0;border-top:1px solid;display:block;margin:0}.button-group.round.stack-for-small>*>button{width:100%}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-bar:before,.button-bar:after{content:" ";display:table}.button-bar:after{clear:both}.button-bar .button-group{float:left;margin-right:0.625rem}.button-bar .button-group div{overflow:hidden}.panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#f2f2f2;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,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:0.625rem}.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:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#ecfaff;color:#333}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:0.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#008CBA}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#0078a0}.panel.radius{border-radius:3px}.dropdown.button,button.dropdown{position:relative;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff transparent transparent transparent;border-style:solid;content:"";display:block;height:0;position:absolute;top:50%;width:0}.dropdown.button::after,button.dropdown::after{border-width:0.375rem;right:1.40625rem;margin-top:-0.15625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff transparent transparent transparent}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:0.375rem;right:1.125rem;margin-top:-0.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#fff transparent transparent transparent}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:0.4375rem;right:1.3125rem;margin-top:-0.15625rem}.dropdown.button.small::after,button.dropdown.small::after{border-color:#fff transparent transparent transparent}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:0.3125rem;right:1.71875rem;margin-top:-0.15625rem}.dropdown.button.large::after,button.dropdown.large::after{border-color:#fff transparent transparent transparent}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 transparent transparent transparent}.th{border:solid 4px #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.2);display:inline-block;line-height:0;max-width:100%;transition:all 200ms ease-out}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(0,140,186,0.5)}.th.radius{border-radius:3px}.pricing-table{border:solid 1px #ddd;margin-left:0;margin-bottom:1.25rem}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#333;color:#eee;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;font-weight:normal;padding:0.9375rem 1.25rem;text-align:center}.pricing-table .price{background-color:#F6F6F6;color:#333;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:2rem;font-weight:normal;padding:0.9375rem 1.25rem;text-align:center}.pricing-table .description{background-color:#fff;border-bottom:dotted 1px #ddd;color:#777;font-size:0.75rem;font-weight:normal;line-height:1.4;padding:0.9375rem;text-align:center}.pricing-table .bullet-item{background-color:#fff;border-bottom:dotted 1px #ddd;color:#333;font-size:0.875rem;font-weight:normal;padding:0.9375rem;text-align:center}.pricing-table .cta-button{background-color:#fff;padding:1.25rem 1.25rem 0;text-align:center}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.slideshow-wrapper{position:relative}.slideshow-wrapper ul{list-style-type:none;margin:0}.slideshow-wrapper ul li,.slideshow-wrapper ul li .orbit-caption{display:none}.slideshow-wrapper ul li:first-child{display:block}.slideshow-wrapper .orbit-container{background-color:transparent}.slideshow-wrapper .orbit-container li{display:block}.slideshow-wrapper .orbit-container li .orbit-caption{display:block}.slideshow-wrapper .orbit-container .orbit-bullets li{display:inline-block}.slideshow-wrapper .preloader{border-radius:1000px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;border-color:#555 #fff;border:solid 3px;display:block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px}.orbit-container{background:none;overflow:hidden;position:relative;width:100%}.orbit-container .orbit-slides-container{list-style:none;margin:0;padding:0;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.orbit-container .orbit-slides-container img{display:block;max-width:100%}.orbit-container .orbit-slides-container>*{position:absolute;top:0;width:100%;margin-left:100%}.orbit-container .orbit-slides-container>*:first-child{margin-left:0}.orbit-container .orbit-slides-container>* .orbit-caption{bottom:0;position:absolute;background-color:rgba(51,51,51,0.8);color:#fff;font-size:0.875rem;padding:0.625rem 0.875rem;width:100%}.orbit-container .orbit-slide-number{left:10px;background:transparent;color:#fff;font-size:12px;position:absolute;top:10px;z-index:10}.orbit-container .orbit-slide-number span{font-weight:700;padding:0.3125rem}.orbit-container .orbit-timer{position:absolute;top:12px;right:10px;height:6px;width:100px;z-index:10}.orbit-container .orbit-timer .orbit-progress{height:3px;background-color:rgba(255,255,255,0.3);display:block;width:0;position:relative;right:20px;top:5px}.orbit-container .orbit-timer>span{border:solid 4px #fff;border-bottom:none;border-top:none;display:none;height:14px;position:absolute;top:0;width:11px;right:0}.orbit-container .orbit-timer.paused>span{top:0;width:11px;height:14px;border:inset 8px;border-left-style:solid;border-color:transparent;border-left-color:#fff;right:-4px}.orbit-container .orbit-timer.paused>span.dark{border-left-color:#333}.orbit-container:hover .orbit-timer>span{display:block}.orbit-container .orbit-prev,.orbit-container .orbit-next{background-color:transparent;color:white;height:60px;line-height:50px;margin-top:-25px;position:absolute;text-indent:-9999px !important;top:45%;width:36px;z-index:10}.orbit-container .orbit-prev:hover,.orbit-container .orbit-next:hover{background-color:rgba(0,0,0,0.3)}.orbit-container .orbit-prev>span,.orbit-container .orbit-next>span{border:inset 10px;display:block;height:0;margin-top:-10px;position:absolute;top:50%;width:0}.orbit-container .orbit-prev{left:0}.orbit-container .orbit-prev>span{border-right-style:solid;border-color:transparent;border-right-color:#fff}.orbit-container .orbit-prev:hover>span{border-right-color:#fff}.orbit-container .orbit-next{right:0}.orbit-container .orbit-next>span{border-color:transparent;border-left-style:solid;border-left-color:#fff;left:50%;margin-left:-4px}.orbit-container .orbit-next:hover>span{border-left-color:#fff}.orbit-bullets-container{text-align:center}.orbit-bullets{display:block;float:none;margin:0 auto 30px auto;overflow:hidden;position:relative;text-align:center;top:10px}.orbit-bullets li{background:#ccc;cursor:pointer;display:inline-block;float:none;height:0.5625rem;margin-right:6px;width:0.5625rem;border-radius:1000px}.orbit-bullets li.active{background:#999}.orbit-bullets li:last-child{margin-right:0}.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:none}.touch .orbit-bullets{display:none}@media only screen and (min-width: 40.0625em){.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:inherit}.touch .orbit-bullets{display:block}}@media only screen and (max-width: 40em){.orbit-stack-on-small .orbit-slides-container{height:auto !important}.orbit-stack-on-small .orbit-slides-container>*{margin:0 !important;opacity:1 !important;position:relative}.orbit-stack-on-small .orbit-slide-number{display:none}.orbit-timer{display:none}.orbit-next,.orbit-prev{display:none}.orbit-bullets{display:none}}[data-magellan-expedition],[data-magellan-expedition-clone]{background:#fff;min-width:100%;padding:10px;z-index:50}[data-magellan-expedition] .sub-nav,[data-magellan-expedition-clone] .sub-nav{margin-bottom:0}[data-magellan-expedition] .sub-nav dd,[data-magellan-expedition-clone] .sub-nav dd{margin-bottom:0}[data-magellan-expedition] .sub-nav a,[data-magellan-expedition-clone] .sub-nav a{line-height:1.8em}.icon-bar{display:inline-block;font-size:0;width:100%;background:#333}.icon-bar>*{display:block;float:left;font-size:1rem;margin:0 auto;padding:1.25rem;text-align:center;width:25%}.icon-bar>* i,.icon-bar>* img{display:block;margin:0 auto}.icon-bar>* i+label,.icon-bar>* img+label{margin-top:.0625rem}.icon-bar>* i{font-size:1.875rem;vertical-align:middle}.icon-bar>* img{height:1.875rem;width:1.875rem}.icon-bar.label-right>* i,.icon-bar.label-right>* img{display:inline-block;margin:0 .0625rem 0 0}.icon-bar.label-right>* i+label,.icon-bar.label-right>* img+label{margin-top:0}.icon-bar.label-right>* label{display:inline-block}.icon-bar.vertical.label-right>*{text-align:left}.icon-bar.vertical,.icon-bar.small-vertical{height:100%;width:auto}.icon-bar.vertical .item,.icon-bar.small-vertical .item{float:none;margin:auto;width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.medium-vertical{height:100%;width:auto}.icon-bar.medium-vertical .item{float:none;margin:auto;width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.large-vertical{height:100%;width:auto}.icon-bar.large-vertical .item{float:none;margin:auto;width:auto}}.icon-bar>*{font-size:1rem;padding:1.25rem}.icon-bar>* i+label,.icon-bar>* img+label{margin-top:.0625rem;font-size:1rem}.icon-bar>* i{font-size:1.875rem}.icon-bar>* img{height:1.875rem;width:1.875rem}.icon-bar>* label{color:#fff}.icon-bar>* i{color:#fff}.icon-bar>a:hover{background:#008CBA}.icon-bar>a:hover label{color:#fff}.icon-bar>a:hover i{color:#fff}.icon-bar>a.active{background:#008CBA}.icon-bar>a.active label{color:#fff}.icon-bar>a.active i{color:#fff}.icon-bar .item.disabled{cursor:not-allowed;opacity:0.7;pointer-events:none}.icon-bar .item.disabled>*{opacity:0.7;cursor:not-allowed}.icon-bar.two-up .item{width:50%}.icon-bar.two-up.vertical .item,.icon-bar.two-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.two-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.two-up.large-vertical .item{width:auto}}.icon-bar.three-up .item{width:33.3333%}.icon-bar.three-up.vertical .item,.icon-bar.three-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.three-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.three-up.large-vertical .item{width:auto}}.icon-bar.four-up .item{width:25%}.icon-bar.four-up.vertical .item,.icon-bar.four-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.four-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.four-up.large-vertical .item{width:auto}}.icon-bar.five-up .item{width:20%}.icon-bar.five-up.vertical .item,.icon-bar.five-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.five-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.five-up.large-vertical .item{width:auto}}.icon-bar.six-up .item{width:16.66667%}.icon-bar.six-up.vertical .item,.icon-bar.six-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.six-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.six-up.large-vertical .item{width:auto}}.icon-bar.seven-up .item{width:14.28571%}.icon-bar.seven-up.vertical .item,.icon-bar.seven-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.seven-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.seven-up.large-vertical .item{width:auto}}.icon-bar.eight-up .item{width:12.5%}.icon-bar.eight-up.vertical .item,.icon-bar.eight-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.eight-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.eight-up.large-vertical .item{width:auto}}.icon-bar.two-up .item{width:50%}.icon-bar.two-up.vertical .item,.icon-bar.two-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.two-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.two-up.large-vertical .item{width:auto}}.icon-bar.three-up .item{width:33.3333%}.icon-bar.three-up.vertical .item,.icon-bar.three-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.three-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.three-up.large-vertical .item{width:auto}}.icon-bar.four-up .item{width:25%}.icon-bar.four-up.vertical .item,.icon-bar.four-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.four-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.four-up.large-vertical .item{width:auto}}.icon-bar.five-up .item{width:20%}.icon-bar.five-up.vertical .item,.icon-bar.five-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.five-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.five-up.large-vertical .item{width:auto}}.icon-bar.six-up .item{width:16.66667%}.icon-bar.six-up.vertical .item,.icon-bar.six-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.six-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.six-up.large-vertical .item{width:auto}}.icon-bar.seven-up .item{width:14.28571%}.icon-bar.seven-up.vertical .item,.icon-bar.seven-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.seven-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.seven-up.large-vertical .item{width:auto}}.icon-bar.eight-up .item{width:12.5%}.icon-bar.eight-up.vertical .item,.icon-bar.eight-up.small-vertical .item{width:auto}@media only screen and (min-width: 40.0625em){.icon-bar.eight-up.medium-vertical .item{width:auto}}@media only screen and (min-width: 64.0625em){.icon-bar.eight-up.large-vertical .item{width:auto}}.tabs{margin-bottom:0 !important;margin-left:0}.tabs:before,.tabs:after{content:" ";display:table}.tabs:after{clear:both}.tabs dd,.tabs .tab-title{float:left;list-style:none;margin-bottom:0 !important;position:relative}.tabs dd>a,.tabs .tab-title>a{display:block;background-color:#EFEFEF;color:#222;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;padding:1rem 2rem}.tabs dd>a:hover,.tabs .tab-title>a:hover{background-color:#e1e1e1}.tabs dd.active a,.tabs .tab-title.active a{background-color:#fff;color:#222}.tabs.radius dd:first-child a,.tabs.radius .tab:first-child a{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs.radius dd:last-child a,.tabs.radius .tab:last-child a{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.tabs.vertical dd,.tabs.vertical .tab-title{position:inherit;float:none;display:block;top:auto}.tabs-content{margin-bottom:1.5rem;width:100%}.tabs-content:before,.tabs-content:after{content:" ";display:table}.tabs-content:after{clear:both}.tabs-content>.content{display:none;float:left;padding:0.9375rem 0;width:100%}.tabs-content>.content.active{display:block;float:none}.tabs-content>.content.contained{padding:0.9375rem}.tabs-content.vertical{display:block}.tabs-content.vertical>.content{padding:0 0.9375rem}@media only screen and (min-width: 40.0625em){.tabs.vertical{float:left;margin:0;margin-bottom:1.25rem !important;max-width:20%;width:20%}.tabs-content.vertical{float:left;margin-left:-1px;max-width:80%;padding-left:1rem;width:80%}}.no-js .tabs-content>.content{display:block;float:none}ul.pagination{display:block;margin-left:-0.3125rem;min-height:1.5rem}ul.pagination li{color:#222;font-size:0.875rem;height:1.5rem;margin-left:0.3125rem}ul.pagination li a,ul.pagination li button{border-radius:3px;transition:background-color 300ms ease-out;background:none;color:#999;display:block;font-size:1em;font-weight:normal;line-height:inherit;padding:0.0625rem 0.625rem 0.0625rem}ul.pagination li:hover a,ul.pagination li a:focus,ul.pagination li:hover button,ul.pagination li button:focus{background:#e6e6e6}ul.pagination li.unavailable a,ul.pagination li.unavailable button{cursor:default;color:#999}ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus,ul.pagination li.unavailable:hover button,ul.pagination li.unavailable button:focus{background:transparent}ul.pagination li.current a,ul.pagination li.current button{background:#008CBA;color:#fff;cursor:default;font-weight:bold}ul.pagination li.current a:hover,ul.pagination li.current a:focus,ul.pagination li.current button:hover,ul.pagination li.current button:focus{background:#008CBA}ul.pagination li{display:block;float:left}.pagination-centered{text-align:center}.pagination-centered ul.pagination li{display:inline-block;float:none}.side-nav{display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;list-style-position:outside;list-style-type:none;margin:0;padding:0.875rem 0}.side-nav li{font-size:0.875rem;font-weight:normal;margin:0 0 0.4375rem 0}.side-nav li a:not(.button){color:#008CBA;display:block;margin:0;padding:0.4375rem 0.875rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:rgba(0,0,0,0.025);color:#1cc7ff}.side-nav li a:not(.button):active{color:#1cc7ff}.side-nav li.active>a:first-child:not(.button){color:#1cc7ff;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal}.side-nav li.divider{border-top:1px solid;height:0;list-style:none;padding:0;border-top-color:#e6e6e6}.side-nav li.heading{color:#008CBA;font-size:0.875rem;font-weight:bold;text-transform:uppercase}.accordion{margin-bottom:0}.accordion:before,.accordion:after{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0 !important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8}.accordion .accordion-navigation>a,.accordion dd>a{background:#EFEFEF;color:#222;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;padding:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:0.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{background:#fff;display:block}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 40em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width: 40.0625em) and (max-width: 64em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 40.0625em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width: 64.0625em) and (max-width: 90em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 64.0625em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width: 90.0625em) and (max-width: 120em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 90.0625em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width: 120.0625em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#008CBA;line-height:inherit;text-decoration:none}a:hover,a:focus{color:#0078a0}a img{border:none}p{font-family:inherit;font-size:1rem;font-weight:normal;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:0.875rem;font-style:italic;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#222;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:normal;line-height:1.4;margin-bottom:0.5rem;margin-top:0.2rem;text-rendering:optimizeLegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#6f6f6f;font-size:60%;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:normal;margin-top:0.2rem;margin-bottom:0.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;height:0;margin:1.25rem 0 1.1875rem}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}ul,ol,dl{font-family:inherit;font-size:1rem;line-height:1.6;list-style-position:outside;margin-bottom:1.25rem}ul{margin-left:1.1rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.1rem}ul.circle{list-style-type:circle;margin-left:1.1rem}ul.disc{list-style-type:disc;margin-left:1.1rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:0.3rem;font-weight:bold}dl dd{margin-bottom:0.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:0.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:0.8125rem;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.25rem 0;border:1px solid #ddd;padding:0.625rem 0.75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625rem}@media only screen and (min-width: 40.0625em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.split.button{position:relative;padding-right:5.0625rem}.split.button span{display:block;height:100%;position:absolute;right:0;top:0;border-left:solid 1px}.split.button span:after{position:absolute;content:"";width:0;height:0;display:block;border-style:inset;top:50%;left:50%}.split.button span:active{background-color:rgba(0,0,0,0.1)}.split.button span{border-left-color:rgba(255,255,255,0.5)}.split.button span{width:3.09375rem}.split.button span:after{border-top-style:solid;border-width:0.375rem;margin-left:-0.375rem;top:48%}.split.button span:after{border-color:#fff transparent transparent transparent}.split.button.secondary span{border-left-color:rgba(255,255,255,0.5)}.split.button.secondary span:after{border-color:#fff transparent transparent transparent}.split.button.alert span{border-left-color:rgba(255,255,255,0.5)}.split.button.success span{border-left-color:rgba(255,255,255,0.5)}.split.button.tiny{padding-right:3.75rem}.split.button.tiny span{width:2.25rem}.split.button.tiny span:after{border-top-style:solid;border-width:0.375rem;margin-left:-0.375rem;top:48%}.split.button.small{padding-right:4.375rem}.split.button.small span{width:2.625rem}.split.button.small span:after{border-top-style:solid;border-width:0.4375rem;margin-left:-0.375rem;top:48%}.split.button.large{padding-right:5.5rem}.split.button.large span{width:3.4375rem}.split.button.large span:after{border-top-style:solid;border-width:0.3125rem;margin-left:-0.375rem;top:48%}.split.button.expand{padding-left:2rem}.split.button.secondary span:after{border-color:#333 transparent transparent transparent}.split.button.radius span{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.split.button.round span{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.split.button.no-pip span:before{border-style:none}.split.button.no-pip span:after{border-style:none}.split.button.no-pip span>i{display:block;left:50%;margin-left:-0.28889em;margin-top:-0.48889em;position:absolute;top:50%}.reveal-modal-bg{background:#000;background:rgba(0,0,0,0.45);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1004;left:0}.reveal-modal{border-radius:3px;display:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:1005;left:0;background-color:#fff;padding:1.875rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,0.4)}@media only screen and (max-width: 40em){.reveal-modal{min-height:100vh}}.reveal-modal .column,.reveal-modal .columns{min-width:0}.reveal-modal>:first-child{margin-top:0}.reveal-modal>:last-child{margin-bottom:0}@media only screen and (min-width: 40.0625em){.reveal-modal{left:0;margin:0 auto;max-width:62.5rem;right:0;width:80%}}@media only screen and (min-width: 40.0625em){.reveal-modal{top:6.25rem}}.reveal-modal.radius{border-radius:3px}.reveal-modal.round{border-radius:1000px}.reveal-modal.collapse{padding:0}@media only screen and (min-width: 40.0625em){.reveal-modal.tiny{left:0;margin:0 auto;max-width:62.5rem;right:0;width:30%}}@media only screen and (min-width: 40.0625em){.reveal-modal.small{left:0;margin:0 auto;max-width:62.5rem;right:0;width:40%}}@media only screen and (min-width: 40.0625em){.reveal-modal.medium{left:0;margin:0 auto;max-width:62.5rem;right:0;width:60%}}@media only screen and (min-width: 40.0625em){.reveal-modal.large{left:0;margin:0 auto;max-width:62.5rem;right:0;width:70%}}@media only screen and (min-width: 40.0625em){.reveal-modal.xlarge{left:0;margin:0 auto;max-width:62.5rem;right:0;width:95%}}.reveal-modal.full{height:100vh;height:100%;left:0;margin-left:0 !important;max-width:none !important;min-height:100vh;top:0}@media only screen and (min-width: 40.0625em){.reveal-modal.full{left:0;margin:0 auto;max-width:62.5rem;right:0;width:100%}}.reveal-modal.toback{z-index:1003}.reveal-modal .close-reveal-modal{color:#aaa;cursor:pointer;font-size:2.5rem;font-weight:bold;line-height:1;position:absolute;top:0.625rem;right:1.375rem}.has-tip{border-bottom:dotted 1px #ccc;color:#333;cursor:help;font-weight:bold}.has-tip:hover,.has-tip:focus{border-bottom:dotted 1px #003f54;color:#008CBA}.has-tip.tip-left,.has-tip.tip-right{float:none !important}.tooltip{background:#333;color:#fff;display:none;font-size:0.875rem;font-weight:normal;line-height:1.3;max-width:300px;padding:0.75rem;position:absolute;width:100%;z-index:1006;left:50%}.tooltip>.nub{border-color:transparent transparent #333 transparent;border:solid 5px;display:block;height:0;pointer-events:none;position:absolute;top:-10px;width:0;left:5px}.tooltip>.nub.rtl{left:auto;right:5px}.tooltip.radius{border-radius:3px}.tooltip.round{border-radius:1000px}.tooltip.round>.nub{left:2rem}.tooltip.opened{border-bottom:dotted 1px #003f54 !important;color:#008CBA !important}.tap-to-close{color:#777;display:block;font-size:0.625rem;font-weight:normal}@media only screen and (min-width: 40.0625em){.tooltip>.nub{border-color:transparent transparent #333 transparent;top:-10px}.tooltip.tip-top>.nub{border-color:#333 transparent transparent transparent;bottom:-10px;top:auto}.tooltip.tip-left,.tooltip.tip-right{float:none !important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #333;left:auto;margin-top:-5px;right:-10px;top:50%}.tooltip.tip-right>.nub{border-color:transparent #333 transparent transparent;left:-10px;margin-top:-5px;right:auto;top:50%}}.clearing-thumbs,[data-clearing]{list-style:none;margin-left:0;margin-bottom:0}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*="block-grid-"] li,[data-clearing][class*="block-grid-"] li{margin-right:0}.clearing-blackout{background:#333;height:100%;position:fixed;top:0;width:100%;z-index:998;left:0}.clearing-blackout .clearing-close{display:block}.clearing-container{height:100%;margin:0;overflow:hidden;position:relative;z-index:998}.clearing-touch-label{color:#aaa;font-size:.6em;left:50%;position:absolute;top:50%}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-height:100%;max-width:100%}.clearing-caption{background:#333;bottom:0;color:#ccc;font-size:0.875em;line-height:1.3;margin-bottom:0;padding:10px 30px 20px;position:absolute;text-align:center;width:100%;left:0}.clearing-close{color:#ccc;display:none;font-size:30px;line-height:1;padding-left:20px;padding-top:10px;z-index:999}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width: 40.0625em){.clearing-main-prev,.clearing-main-next{height:100%;position:absolute;top:0;width:40px}.clearing-main-prev>span,.clearing-main-next>span{border:solid 12px;display:block;height:0;position:absolute;top:50%;width:0}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:transparent;border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:transparent;border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,0.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{clear:none;cursor:pointer;display:block;float:left;margin-right:0;min-height:inherit;opacity:.4;overflow:hidden;padding:0;position:relative;width:120px}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;height:85%;overflow:hidden}.clearing-close{padding-left:0;padding-top:0;position:absolute;top:10px;right:20px}}.progress{background-color:#F6F6F6;border:1px solid #fff;height:1.5625rem;margin-bottom:0.625rem;padding:0.125rem}.progress .meter{background:#008CBA;display:block;height:100%}.progress.secondary .meter{background:#e7e7e7;display:block;height:100%}.progress.success .meter{background:#43AC6A;display:block;height:100%}.progress.alert .meter{background:#f04124;display:block;height:100%}.progress.radius{border-radius:3px}.progress.radius .meter{border-radius:2px}.progress.round{border-radius:1000px}.progress.round .meter{border-radius:999px}.sub-nav{display:block;margin:-0.25rem 0 1.125rem;overflow:hidden;padding-top:0.25rem;width:auto}.sub-nav dt{text-transform:uppercase}.sub-nav dt,.sub-nav dd,.sub-nav li{color:#999;float:left;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:0.875rem;font-weight:normal;margin-left:1rem;margin-bottom:0}.sub-nav dt a,.sub-nav dd a,.sub-nav li a{color:#999;padding:0.1875rem 1rem;text-decoration:none}.sub-nav dt a:hover,.sub-nav dd a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a{border-radius:3px;background:#008CBA;color:#fff;cursor:default;font-weight:normal;padding:0.1875rem 1rem}.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover{background:#0078a0}.joyride-list{display:none}.joyride-tip-guide{background:#333;color:#fff;display:none;font-family:inherit;font-weight:normal;position:absolute;top:0;width:95%;z-index:101;left:2.5%}.lt-ie9 .joyride-tip-guide{margin-left:-400px;max-width:800px;left:50%}.joyride-content-wrapper{padding:1.125rem 1.25rem 1.5rem;width:100%}.joyride-content-wrapper .button{margin-bottom:0 !important}.joyride-content-wrapper .joyride-prev-tip{margin-right:10px}.joyride-tip-guide .joyride-nub{border:10px solid #333;display:block;height:0;position:absolute;width:0;left:22px}.joyride-tip-guide .joyride-nub.top{border-color:#333;border-top-color:transparent !important;border-top-style:solid;border-left-color:transparent !important;border-right-color:transparent !important;top:-20px}.joyride-tip-guide .joyride-nub.bottom{border-color:#333 !important;border-bottom-color:transparent !important;border-bottom-style:solid;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-20px}.joyride-tip-guide .joyride-nub.right{right:-20px}.joyride-tip-guide .joyride-nub.left{left:-20px}.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6{color:#fff;font-weight:bold;line-height:1.25;margin:0}.joyride-tip-guide p{font-size:0.875rem;line-height:1.3;margin:0 0 1.125rem 0}.joyride-timer-indicator-wrap{border:solid 1px #555;bottom:1rem;height:3px;position:absolute;width:50px;right:1.0625rem}.joyride-timer-indicator{background:#666;display:block;height:inherit;width:0}.joyride-close-tip{color:#777 !important;font-size:24px;font-weight:normal;line-height:.5 !important;position:absolute;text-decoration:none;top:10px;right:12px}.joyride-close-tip:hover,.joyride-close-tip:focus{color:#eee !important}.joyride-modal-bg{background:rgba(0,0,0,0.5);cursor:pointer;display:none;height:100%;position:fixed;top:0;width:100%;z-index:100;left:0}.joyride-expose-wrapper{background-color:#fff;border-radius:3px;box-shadow:0 0 15px #fff;position:absolute;z-index:102}.joyride-expose-cover{background:transparent;border-radius:3px;left:0;position:absolute;top:0;z-index:9999}@media only screen and (min-width: 40.0625em){.joyride-tip-guide{width:300px;left:inherit}.joyride-tip-guide .joyride-nub.bottom{border-color:#333 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-20px}.joyride-tip-guide .joyride-nub.right{border-color:#333 !important;border-right-color:transparent !important;border-bottom-color:transparent !important;border-top-color:transparent !important;left:auto;right:-20px;top:22px}.joyride-tip-guide .joyride-nub.left{border-color:#333 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-top-color:transparent !important;left:-20px;right:auto;top:22px}}.label{display:inline-block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:normal;line-height:1;margin-bottom:auto;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:0.25rem 0.5rem 0.25rem;font-size:0.6875rem;background-color:#008CBA;color:#fff}.label.radius{border-radius:3px}.label.round{border-radius:1000px}.label.alert{background-color:#f04124;color:#fff}.label.warning{background-color:#f08a24;color:#fff}.label.success{background-color:#43AC6A;color:#fff}.label.secondary{background-color:#e7e7e7;color:#333}.label.info{background-color:#a0d3e8;color:#333}.off-canvas-wrap{-webkit-backface-visibility:hidden;position:relative;width:100%;overflow:hidden}.off-canvas-wrap.move-right,.off-canvas-wrap.move-left{min-height:100%;-webkit-overflow-scrolling:touch}.inner-wrap{position:relative;width:100%;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.inner-wrap:before,.inner-wrap:after{content:" ";display:table}.inner-wrap:after{clear:both}.tab-bar{-webkit-backface-visibility:hidden;background:#333;color:#fff;height:2.8125rem;line-height:2.8125rem;position:relative}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4,.tab-bar h5,.tab-bar h6{color:#fff;font-weight:bold;line-height:2.8125rem;margin:0}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4{font-size:1.125rem}.left-small{height:2.8125rem;position:absolute;top:0;width:2.8125rem;border-right:solid 1px #1a1a1a;left:0}.right-small{height:2.8125rem;position:absolute;top:0;width:2.8125rem;border-left:solid 1px #1a1a1a;right:0}.tab-bar-section{height:2.8125rem;padding:0 0.625rem;position:absolute;text-align:center;top:0}.tab-bar-section.left{text-align:left}.tab-bar-section.right{text-align:right}.tab-bar-section.left{left:0;right:2.8125rem}.tab-bar-section.right{left:2.8125rem;right:0}.tab-bar-section.middle{left:2.8125rem;right:2.8125rem}.tab-bar .menu-icon{color:#fff;display:block;height:2.8125rem;padding:0;position:relative;text-indent:2.1875rem;transform:translate3d(0, 0, 0);width:2.8125rem}.tab-bar .menu-icon span::after{content:"";display:block;height:0;position:absolute;top:50%;margin-top:-0.5rem;left:0.90625rem;box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;width:1rem}.tab-bar .menu-icon span:hover:after{box-shadow:0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3}.left-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;bottom:0;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;transition:transform 500ms ease 0s;width:15.625rem;z-index:1001;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate(-100%, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.left-off-canvas-menu *{-webkit-backface-visibility:hidden}.right-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;bottom:0;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;transition:transform 500ms ease 0s;width:15.625rem;z-index:1001;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate(100%, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);right:0}.right-off-canvas-menu *{-webkit-backface-visibility:hidden}ul.off-canvas-list{list-style-type:none;margin:0;padding:0}ul.off-canvas-list li label{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;display:block;font-size:0.75rem;font-weight:bold;margin:0;padding:0.3rem 0.9375rem;text-transform:uppercase}ul.off-canvas-list li a{border-bottom:1px solid #262626;color:rgba(255,255,255,0.7);display:block;padding:0.66667rem;transition:background 300ms ease}ul.off-canvas-list li a:hover{background:#242424}ul.off-canvas-list li a:active{background:#242424}.move-right>.inner-wrap{-webkit-transform:translate3d(15.625rem, 0, 0);-moz-transform:translate3d(15.625rem, 0, 0);-ms-transform:translate(15.625rem, 0);-ms-transform:translate3d(15.625rem, 0, 0);-o-transform:translate3d(15.625rem, 0, 0);transform:translate3d(15.625rem, 0, 0)}.move-right .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);cursor:pointer;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,0.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width: 40.0625em){.move-right .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.move-left>.inner-wrap{-webkit-transform:translate3d(-15.625rem, 0, 0);-moz-transform:translate3d(-15.625rem, 0, 0);-ms-transform:translate(-15.625rem, 0);-ms-transform:translate3d(-15.625rem, 0, 0);-o-transform:translate3d(-15.625rem, 0, 0);transform:translate3d(-15.625rem, 0, 0)}.move-left .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);cursor:pointer;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,0.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width: 40.0625em){.move-left .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap .left-off-canvas-menu,.offcanvas-overlap .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);cursor:pointer;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,0.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width: 40.0625em){.offcanvas-overlap .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap-left .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-left .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);cursor:pointer;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,0.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width: 40.0625em){.offcanvas-overlap-left .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.offcanvas-overlap-right .left-off-canvas-menu{-ms-transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;z-index:1003}.offcanvas-overlap-right .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);cursor:pointer;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,0.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width: 40.0625em){.offcanvas-overlap-right .exit-off-canvas:hover{background:rgba(255,255,255,0.05)}}.no-csstransforms .left-off-canvas-menu{left:-15.625rem}.no-csstransforms .right-off-canvas-menu{right:-15.625rem}.no-csstransforms .move-left>.inner-wrap{right:15.625rem}.no-csstransforms .move-right>.inner-wrap{left:15.625rem}.left-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;background:#333;bottom:0;box-sizing:content-box;margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem;z-index:1002;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate(-100%, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.left-submenu *{-webkit-backface-visibility:hidden}.left-submenu .back>a{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;font-weight:bold;padding:0.3rem 0.9375rem;text-transform:uppercase;margin:0}.left-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.left-submenu .back>a:before{content:"\AB";margin-right:.5rem;display:inline}.left-submenu.move-right,.left-submenu.offcanvas-overlap-right,.left-submenu.offcanvas-overlap{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate(0%, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.right-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;background:#333;bottom:0;box-sizing:content-box;margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem;z-index:1002;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate(100%, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);right:0;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}.right-submenu *{-webkit-backface-visibility:hidden}.right-submenu .back>a{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;font-weight:bold;padding:0.3rem 0.9375rem;text-transform:uppercase;margin:0}.right-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.right-submenu .back>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-submenu.move-left,.right-submenu.offcanvas-overlap-left,.right-submenu.offcanvas-overlap{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate(0%, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before{content:"\AB";margin-right:.5rem;display:inline}.f-dropdown{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#fff;border:solid 1px #ccc;font-size:0.875rem;height:auto;max-height:none;width:100%;z-index:89;margin-top:2px;max-width:200px}.f-dropdown.open{display:block}.f-dropdown>*:first-child{margin-top:0}.f-dropdown>*:last-child{margin-bottom:0}.f-dropdown:before{border:inset 6px;content:"";display:block;height:0;width:0;border-color:transparent transparent #fff transparent;border-bottom-style:solid;position:absolute;top:-12px;left:10px;z-index:89}.f-dropdown:after{border:inset 7px;content:"";display:block;height:0;width:0;border-color:transparent transparent #ccc transparent;border-bottom-style:solid;position:absolute;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-right{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#fff;border:solid 1px #ccc;font-size:0.875rem;height:auto;max-height:none;width:100%;z-index:89;margin-top:0;margin-left:2px;max-width:200px}.f-dropdown.drop-right.open{display:block}.f-dropdown.drop-right>*:first-child{margin-top:0}.f-dropdown.drop-right>*:last-child{margin-bottom:0}.f-dropdown.drop-right:before{border:inset 6px;content:"";display:block;height:0;width:0;border-color:transparent #fff transparent transparent;border-right-style:solid;position:absolute;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{border:inset 7px;content:"";display:block;height:0;width:0;border-color:transparent #ccc transparent transparent;border-right-style:solid;position:absolute;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#fff;border:solid 1px #ccc;font-size:0.875rem;height:auto;max-height:none;width:100%;z-index:89;margin-top:0;margin-left:-2px;max-width:200px}.f-dropdown.drop-left.open{display:block}.f-dropdown.drop-left>*:first-child{margin-top:0}.f-dropdown.drop-left>*:last-child{margin-bottom:0}.f-dropdown.drop-left:before{border:inset 6px;content:"";display:block;height:0;width:0;border-color:transparent transparent transparent #fff;border-left-style:solid;position:absolute;top:10px;right:-12px;left:auto;z-index:89}.f-dropdown.drop-left:after{border:inset 7px;content:"";display:block;height:0;width:0;border-color:transparent transparent transparent #ccc;border-left-style:solid;position:absolute;top:9px;right:-14px;left:auto;z-index:88}.f-dropdown.drop-top{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#fff;border:solid 1px #ccc;font-size:0.875rem;height:auto;max-height:none;width:100%;z-index:89;margin-left:0;margin-top:-2px;max-width:200px}.f-dropdown.drop-top.open{display:block}.f-dropdown.drop-top>*:first-child{margin-top:0}.f-dropdown.drop-top>*:last-child{margin-bottom:0}.f-dropdown.drop-top:before{border:inset 6px;content:"";display:block;height:0;width:0;border-color:#fff transparent transparent transparent;border-top-style:solid;bottom:-12px;position:absolute;top:auto;left:10px;right:auto;z-index:89}.f-dropdown.drop-top:after{border:inset 7px;content:"";display:block;height:0;width:0;border-color:#ccc transparent transparent transparent;border-top-style:solid;bottom:-14px;position:absolute;top:auto;left:9px;right:auto;z-index:88}.f-dropdown li{cursor:pointer;font-size:0.875rem;line-height:1.125rem;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li.radius{border-radius:3px}.f-dropdown li a{display:block;padding:0.5rem;color:#555}.f-dropdown.content{display:none;left:-9999px;list-style:none;margin-left:0;position:absolute;background:#fff;border:solid 1px #ccc;font-size:0.875rem;height:auto;max-height:none;padding:1.25rem;width:100%;z-index:89;max-width:200px}.f-dropdown.content.open{display:block}.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}.f-dropdown.mega{width:100% !important;max-width:100% !important}.f-dropdown.mega.open{left:0 !important}table{background:#fff;border:solid 1px #ddd;margin-bottom:1.25rem;table-layout:auto}table caption{background:transparent;color:#222;font-size:1rem;font-weight:bold}table thead{background:#F5F5F5}table thead tr th,table thead tr td{color:#222;font-size:0.875rem;font-weight:bold;padding:0.5rem 0.625rem 0.625rem}table tfoot{background:#F5F5F5}table tfoot tr th,table tfoot tr td{color:#222;font-size:0.875rem;font-weight:bold;padding:0.5rem 0.625rem 0.625rem}table tr th,table tr td{color:#222;font-size:0.875rem;padding:0.5625rem 0.625rem;text-align:left}table tr.even,table tr.alt,table tr:nth-of-type(even){background:#F9F9F9}table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td{display:table-cell;line-height:1.125rem}.range-slider{border:1px solid #ddd;margin:1.25rem 0;position:relative;-ms-touch-action:none;touch-action:none;display:block;height:1rem;width:100%;background:#FAFAFA}.range-slider.vertical-range{border:1px solid #ddd;margin:1.25rem 0;position:relative;-ms-touch-action:none;touch-action:none;display:inline-block;height:12.5rem;width:1rem}.range-slider.vertical-range .range-slider-handle{bottom:-10.5rem;margin-left:-0.5rem;margin-top:0;position:absolute}.range-slider.vertical-range .range-slider-active-segment{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:initial;bottom:0;height:auto;width:0.875rem}.range-slider.radius{background:#FAFAFA;border-radius:3px}.range-slider.radius .range-slider-handle{background:#008CBA;border-radius:3px}.range-slider.radius .range-slider-handle:hover{background:#007ba4}.range-slider.round{background:#FAFAFA;border-radius:1000px}.range-slider.round .range-slider-handle{background:#008CBA;border-radius:1000px}.range-slider.round .range-slider-handle:hover{background:#007ba4}.range-slider.disabled,.range-slider[disabled]{background:#FAFAFA;cursor:not-allowed;opacity:0.7}.range-slider.disabled .range-slider-handle,.range-slider[disabled] .range-slider-handle{background:#008CBA;cursor:default;opacity:0.7}.range-slider.disabled .range-slider-handle:hover,.range-slider[disabled] .range-slider-handle:hover{background:#007ba4}.range-slider-active-segment{background:#e5e5e5;border-bottom-left-radius:inherit;border-top-left-radius:inherit;display:inline-block;height:0.875rem;position:absolute}.range-slider-handle{border:1px solid none;cursor:pointer;display:inline-block;height:1.375rem;position:absolute;top:-0.3125rem;width:2rem;z-index:1;-ms-touch-action:manipulation;touch-action:manipulation;background:#008CBA}.range-slider-handle:hover{background:#007ba4}[class*="block-grid-"]{display:block;padding:0;margin:0 -0.625rem}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>li{display:block;float:left;height:auto;padding:0 0.625rem 1.25rem}@media only screen{.small-block-grid-1>li{list-style:none;width:100%}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{list-style:none;width:50%}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{list-style:none;width:33.33333%}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{list-style:none;width:25%}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{list-style:none;width:20%}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{list-style:none;width:16.66667%}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{list-style:none;width:14.28571%}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{list-style:none;width:12.5%}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{list-style:none;width:11.11111%}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{list-style:none;width:10%}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{list-style:none;width:9.09091%}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{list-style:none;width:8.33333%}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 40.0625em){.medium-block-grid-1>li{list-style:none;width:100%}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{list-style:none;width:50%}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{list-style:none;width:33.33333%}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{list-style:none;width:25%}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{list-style:none;width:20%}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{list-style:none;width:16.66667%}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{list-style:none;width:14.28571%}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{list-style:none;width:12.5%}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{list-style:none;width:11.11111%}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{list-style:none;width:10%}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{list-style:none;width:9.09091%}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{list-style:none;width:8.33333%}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width: 64.0625em){.large-block-grid-1>li{list-style:none;width:100%}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{list-style:none;width:50%}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{list-style:none;width:33.33333%}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{list-style:none;width:25%}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{list-style:none;width:20%}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{list-style:none;width:16.66667%}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{list-style:none;width:14.28571%}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{list-style:none;width:12.5%}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{list-style:none;width:11.11111%}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{list-style:none;width:10%}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{list-style:none;width:9.09091%}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{list-style:none;width:8.33333%}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.flex-video{height:0;margin-bottom:1rem;overflow:hidden;padding-bottom:67.5%;padding-top:1.5625rem;position:relative}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{height:100%;position:absolute;top:0;width:100%;left:0}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;font-family:"Consolas","Menlo","Courier",monospace;font-size:inherit;margin:0;padding:0.125rem 0.25rem 0;border-radius:3px}.switch{border:none;margin-bottom:1.5rem;outline:0;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{background:#ddd;color:transparent;cursor:pointer;display:block;margin-bottom:1rem;position:relative;text-indent:100%;width:4rem;height:2rem;transition:left 0.15s ease-out}.switch input{left:10px;opacity:0;padding:0;position:absolute;top:9px}.switch input+label{margin-left:0;margin-right:0}.switch label:after{background:#fff;content:"";display:block;height:1.5rem;left:.25rem;position:absolute;top:.25rem;width:1.5rem;-webkit-transition:left 0.15s ease-out;-moz-transition:left 0.15s ease-out;-o-transition:translate3d(0, 0, 0);transition:left 0.15s ease-out;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.switch input:checked+label{background:#008CBA}.switch input:checked+label:after{left:2.25rem}.switch label{height:2rem;width:4rem}.switch label:after{height:1.5rem;width:1.5rem}.switch input:checked+label:after{left:2.25rem}.switch label{color:transparent;background:#ddd}.switch label:after{background:#fff}.switch input:checked+label{background:#008CBA}.switch.large label{height:2.5rem;width:5rem}.switch.large label:after{height:2rem;width:2rem}.switch.large input:checked+label:after{left:2.75rem}.switch.small label{height:1.75rem;width:3.5rem}.switch.small label:after{height:1.25rem;width:1.25rem}.switch.small input:checked+label:after{left:2rem}.switch.tiny label{height:1.5rem;width:3rem}.switch.tiny label:after{height:1rem;width:1rem}.switch.tiny input:checked+label:after{left:1.75rem}.switch.radius label{border-radius:4px}.switch.radius label:after{border-radius:3px}.switch.round{border-radius:1000px}.switch.round label{border-radius:2rem}.switch.round label:after{border-radius:2rem}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 40.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 64.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 90.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width: 120.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-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 !important}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 !important}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 !important}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 !important}.touch table.show-for-touch{display:table !important}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}.show-for-sr{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.show-on-focus{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.show-on-focus:focus,.show-on-focus:active{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.print-only{display:none !important}@media print{*{background:transparent !important;box-shadow:none !important;color:#000 !important;text-shadow:none !important}.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !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:.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}}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}}@media not print{.show-for-print{display:none !important}}
diff --git a/themes/foundation5/css/normalize.css b/themes/foundation5/css/vendor/normalize.css
similarity index 86%
rename from themes/foundation5/css/normalize.css
rename to themes/foundation5/css/vendor/normalize.css
index 458eea1ea3d..15070a3833a 100644
--- a/themes/foundation5/css/normalize.css
+++ b/themes/foundation5/css/vendor/normalize.css
@@ -1,35 +1,33 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- * user zoom.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ * without disabling user zoom.
*/
-
html {
- font-family: sans-serif; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
}
/**
* Remove default margin.
*/
-
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
-
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
-
article,
aside,
details,
@@ -50,20 +48,20 @@ summary {
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
-
audio,
canvas,
progress,
video {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
-
audio:not([controls]) {
display: none;
height: 0;
@@ -71,9 +69,8 @@ audio:not([controls]) {
/**
* Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
-
[hidden],
template {
display: none;
@@ -81,19 +78,17 @@ template {
/* Links
========================================================================== */
-
/**
* Remove the gray background color from active links in IE 10.
*/
-
a {
background-color: transparent;
}
/**
- * Improve readability when focused and also mouse hovered in all browsers.
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
*/
-
a:active,
a:hover {
outline: 0;
@@ -101,11 +96,9 @@ a:hover {
/* Text-level semantics
========================================================================== */
-
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
-
abbr[title] {
border-bottom: 1px dotted;
}
@@ -113,7 +106,6 @@ abbr[title] {
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
-
b,
strong {
font-weight: bold;
@@ -122,7 +114,6 @@ strong {
/**
* Address styling not present in Safari and Chrome.
*/
-
dfn {
font-style: italic;
}
@@ -131,7 +122,6 @@ dfn {
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
-
h1 {
font-size: 2em;
margin: 0.67em 0;
@@ -140,7 +130,6 @@ h1 {
/**
* Address styling not present in IE 8/9.
*/
-
mark {
background: #ff0;
color: #000;
@@ -149,7 +138,6 @@ mark {
/**
* Address inconsistent and variable font size in all browsers.
*/
-
small {
font-size: 80%;
}
@@ -157,7 +145,6 @@ small {
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
-
sub,
sup {
font-size: 75%;
@@ -176,11 +163,9 @@ sub {
/* Embedded content
========================================================================== */
-
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
-
img {
border: 0;
}
@@ -188,18 +173,15 @@ img {
/**
* Correct overflow not hidden in IE 9/10/11.
*/
-
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
-
/**
* Address margin not present in IE 8/9 and Safari.
*/
-
figure {
margin: 1em 40px;
}
@@ -207,9 +189,7 @@ figure {
/**
* Address differences between Firefox and other browsers.
*/
-
hr {
- -moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
@@ -217,7 +197,6 @@ hr {
/**
* Contain overflow in all browsers.
*/
-
pre {
overflow: auto;
}
@@ -225,7 +204,6 @@ pre {
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
-
code,
kbd,
pre,
@@ -236,33 +214,32 @@ samp {
/* Forms
========================================================================== */
-
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
-
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
-
button,
input,
optgroup,
select,
textarea {
- color: inherit; /* 1 */
- font: inherit; /* 2 */
- margin: 0; /* 3 */
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
-
button {
overflow: visible;
}
@@ -273,7 +250,6 @@ button {
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
-
button,
select {
text-transform: none;
@@ -286,19 +262,18 @@ select {
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
-
button,
-html input[type="button"], /* 1 */
-input[type="reset"],
+html input[type="button"], 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;
@@ -307,7 +282,6 @@ html input[disabled] {
/**
* Remove inner padding and border in Firefox 4+.
*/
-
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
@@ -318,7 +292,6 @@ input::-moz-focus-inner {
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
-
input {
line-height: normal;
}
@@ -330,11 +303,12 @@ input {
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
-
input[type="checkbox"],
input[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
}
/**
@@ -342,7 +316,6 @@ input[type="radio"] {
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
-
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
@@ -350,15 +323,13 @@ input[type="number"]::-webkit-outer-spin-button {
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- * (include `-moz` to future-proof).
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
-
input[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box; /* 2 */
+ -webkit-appearance: textfield;
+ /* 1 */
box-sizing: content-box;
+ /* 2 */
}
/**
@@ -366,7 +337,6 @@ input[type="search"] {
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
-
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
@@ -375,7 +345,6 @@ input[type="search"]::-webkit-search-decoration {
/**
* Define consistent border, margin, and padding.
*/
-
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
@@ -386,16 +355,16 @@ fieldset {
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 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 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
-
textarea {
overflow: auto;
}
@@ -404,18 +373,15 @@ textarea {
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
-
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
-
/**
* Remove most spacing between table cells.
*/
-
table {
border-collapse: collapse;
border-spacing: 0;
diff --git a/themes/foundation5/css/vendor/slick.css b/themes/foundation5/css/vendor/slick.css
index 59119f4e6b2..2fb2c42863c 100644
--- a/themes/foundation5/css/vendor/slick.css
+++ b/themes/foundation5/css/vendor/slick.css
@@ -1,116 +1,64 @@
/* Slider */
-.slick-slider
-{
+.slick-slider {
position: relative;
-
display: block;
-
-moz-box-sizing: border-box;
- box-sizing: border-box;
-
+ box-sizing: border-box;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
- touch-action: pan-y;
+ touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
-}
-
-.slick-list
-{
+ }
+.slick-list {
position: relative;
-
display: block;
overflow: hidden;
-
margin: 0;
padding: 0;
-}
-.slick-list:focus
-{
- outline: none;
-}
-.slick-list.dragging
-{
+ }
+.slick-list:focus { outline: none; }
+.slick-list.dragging {
cursor: pointer;
cursor: hand;
-}
-
-.slick-slider .slick-track,
-.slick-slider .slick-list
-{
+ }
+.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-
-.slick-track
-{
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+.slick-track {
position: relative;
top: 0;
left: 0;
-
display: block;
-}
-.slick-track:before,
-.slick-track:after
-{
+ }
+.slick-track:before, .slick-track:after {
display: table;
-
content: '';
-}
-.slick-track:after
-{
- clear: both;
-}
-.slick-loading .slick-track
-{
- visibility: hidden;
-}
-
-.slick-slide
-{
+ }
+.slick-track:after { clear: both; }
+.slick-loading .slick-track { visibility: hidden; }
+.slick-slide {
display: none;
float: left;
-
height: 100%;
min-height: 1px;
-}
-[dir='rtl'] .slick-slide
-{
- float: right;
-}
-.slick-slide img
-{
+ }
+[dir='rtl'] .slick-slide { float: right; }
+.slick-slide img { display: block; }
+.slick-slide.slick-loading img { display: none; }
+.slick-slide.dragging img { pointer-events: none; }
+.slick-initialized .slick-slide { display: block; }
+.slick-loading .slick-slide { visibility: hidden; }
+.slick-vertical .slick-slide {
display: block;
-}
-.slick-slide.slick-loading img
-{
- display: none;
-}
-.slick-slide.dragging img
-{
- pointer-events: none;
-}
-.slick-initialized .slick-slide
-{
- display: block;
-}
-.slick-loading .slick-slide
-{
- visibility: hidden;
-}
-.slick-vertical .slick-slide
-{
- display: block;
-
height: auto;
-
border: 1px solid transparent;
-}
\ No newline at end of file
+ }
diff --git a/themes/foundation5/js/advanced_search.js b/themes/foundation5/js/advanced_search.js
index 4a8eaf9787c..8271dd034a0 100644
--- a/themes/foundation5/js/advanced_search.js
+++ b/themes/foundation5/js/advanced_search.js
@@ -1,54 +1,71 @@
-/*global addSearchString, deleteSearchGroupString, searchFields, searchJoins, searchLabel, searchMatch */
-
var nextGroup = 0;
+var groupLength = [];
-function addSearch(group, term, field)
+function addSearch(group, fieldValues)
{
- // Does anyone use this???
- if (term == undefined) {term = '';}
- if (field == undefined) {field = '';}
-
+ if(typeof fieldValues === "undefined") {
+ fieldValues = {};
+ }
// Build the new search
- var inputIndex = $('#group'+group+' input').length;
- var inputID = group+'_'+inputIndex;
- var newSearch = '<div class="search" id="search'+inputID+'"><div class="row"><div class="large-7 columns"><input id="search_lookfor'+inputID+'" class="form-control" type="text" name="lookfor'+group+'[]" value="'+term.replace(/"/g, '"')+'"/></div>'
- + '<div class="large-4 columns"><select id="search_type'+inputID+'" name="type'+group+'[]" class="form-control">';
- for (var key in searchFields) {
- newSearch += '<option value="' + key + '"';
- if (key == field) {
- newSearch += ' selected="selected"';
- }
- newSearch += ">" + searchFields[key] + "</option>";
+ var inputID = group+'_'+groupLength[group];
+ var $newSearch = $($('#new_search_template').html());
+
+ $newSearch.attr('id', 'search'+inputID);
+ $newSearch.find('input.input_slot')
+ .attr('id', 'search_lookfor'+inputID)
+ .attr('name', 'lookfor'+group+'[]');
+ $newSearch.find('select.type')
+ .attr('id', 'search_type'+inputID)
+ .attr('name', 'type'+group+'[]');
+ $newSearch.find('.close a')
+ .attr('onClick', 'deleteSearch('+group+','+groupLength[group]+')');
+ // Preset Values
+ if(typeof fieldValues.term !== "undefined") {
+ $newSearch.find('input.input_slot').attr('value', fieldValues.term);
+ }
+ if(typeof fieldValues.field !== "undefined") {
+ $newSearch.find('select.type option[value="'+fieldValues.field+'"]').attr('selected', 1);
}
- newSearch += '</select></div><div class="large-1 columns"><a class="help-block delete';
- if(inputIndex == 0) {
- newSearch += ' hidden';
+ if (typeof fieldValues.op !== "undefined") {
+ $newSearch.find('select.op option[value="'+fieldValues.op+'"]').attr('selected', 1);
}
- newSearch += '" href="#" onClick="deleteSearch('+group+','+inputIndex+')" class="delete">×</a></div></div>';
-
// Insert it
- $("#group" + group + "Holder").before(newSearch);
+ $("#group" + group + "Holder").before($newSearch);
+ // Individual search ops (for searches like EDS)
+ if (groupLength[group] == 0) {
+ $newSearch.find('.first-op')
+ .attr('name', 'op' + group + '[]')
+ .removeClass('hide');
+ $newSearch.find('select.op').remove();
+ } else {
+ $newSearch.find('select.op')
+ .attr('id', 'search_op' + group + '_' + groupLength[group])
+ .attr('name', 'op' + group + '[]')
+ .removeClass('hide');
+ $newSearch.find('.first-op').remove();
+ $newSearch.find('label').remove();
// Show x if we have more than one search inputs
- if(inputIndex > 0) {
- $('#group'+group+' .search .delete').removeClass('hidden');
+ $('#group'+group+' .search .close').removeClass('hide');
}
+ groupLength[group]++;
}
-function deleteSearch(group, eq)
+function deleteSearch(group, sindex)
{
- var searches = $('#group'+group+' .search');
- for(var i=eq;i<searches.length-1;i++) {
- $(searches[i]).find('input').val($(searches[i+1]).find('input').val());
- var select0 = $(searches[i]).find('select')[0];
- var select1 = $(searches[i+1]).find('select')[0];
- select0.selectedIndex = select1.selectedIndex;
+ for(var i=sindex;i<groupLength[group]-1;i++) {
+ var $search0 = $('#search'+group+'_'+i);
+ var $search1 = $('#search'+group+'_'+(i+1));
+ $search0.find('input').val($search1.find('input').val());
+ var select0 = $search0.find('select')[0];
+ var select1 = $search1.find('select')[0];
+ select0.selectedIndex = select1.selectedIndex;
}
- if($('#group'+group+' .search').length > 1) {
- $('#group'+group+' .search:last').remove();
+ if(groupLength[group] > 1) {
+ groupLength[group]--;
+ $('#search'+group+'_'+groupLength[group]).remove();
+ if(groupLength[group] == 1) {
+ $('#group'+group+' .search .close').addClass('hide'); // Hide x
}
- // Hide x
- if($('#group'+group+' .search').length == 1) {
- $('#group'+group+' .search .delete').addClass('hidden');
}
}
@@ -58,37 +75,35 @@ function addGroup(firstTerm, firstField, join)
if (firstField == undefined) {firstField = '';}
if (join == undefined) {join = '';}
- var newGroup = '<div id="group'+nextGroup+'" class="group panel row">'
- + '<div class="large-9 columns"><div class="row"><div class="large-12 columns"><label class="help-block">'+searchLabel+':</label></div>'
- + '<div class="large-12 columns"><i id="group'+nextGroup+'Holder" class="fa fa-plus-circle"></i> <a href="#" id="add_search_link_'+nextGroup+'" onClick="addSearch('+nextGroup+')">'+addSearchString+'</a></div></div></div>'
- + '<div class="large-3 columns">'
- + '<a href="#" onClick="deleteGroup('+nextGroup+')" class="close hidden" title="'+deleteSearchGroupString+'">×</a>'
- + '<label for="search_bool'+nextGroup+'">'+searchMatch+': </label>'
- + '<select id="search_bool'+nextGroup+'" name="bool'+nextGroup+'[]" class="form-control">'
- + '<option value="AND"';
- if(join == 'AND') {
- newGroup += ' selected';
+ var $newGroup = $($('#new_group_template').html());
+ $newGroup.attr('id', 'group'+nextGroup);
+ $newGroup.find('.search_place_holder')
+ .attr('id', 'group'+nextGroup+'Holder')
+ .removeClass('hide');
+ $newGroup.find('.add_search_link')
+ .attr('id', 'add_search_link_'+nextGroup)
+ .attr('onClick', 'addSearch('+nextGroup+')')
+ .removeClass('hide');
+ $newGroup.find('.group-close')
+ .attr('onClick', 'deleteGroup('+nextGroup+')');
+ $newGroup.find('select.form-control')
+ .attr('id', 'search_bool'+nextGroup)
+ .attr('name', 'bool'+nextGroup+'[]');
+ $newGroup.find('.search_bool')
+ .attr('for', 'search_bool'+nextGroup);
+ if(join.length > 0) {
+ $newGroup.find('option[value="'+join+'"]').attr('selected', 1);
}
- newGroup += '>' +searchJoins['AND'] + '</option>'
- + '<option value="OR"';
- if(join == 'OR') {
- newGroup += ' selected';
- }
- newGroup += '>' +searchJoins['OR'] + '</option>'
- + '<option value="NOT"';
- if(join == 'NOT') {
- newGroup += ' selected';
- }
- newGroup += '>' +searchJoins['NOT'] + '</option>'
- + '</select></div></div>';
-
- $('#groupPlaceHolder').before(newGroup);
- addSearch(nextGroup, firstTerm, firstField);
+ // Insert
+ $('#groupPlaceHolder').before($newGroup);
+ // Populate
+ groupLength[nextGroup] = 0;
+ addSearch(nextGroup, {term:firstTerm, field:firstField});
// Show join menu
- if($('.group').length > 1) {
- $('#groupJoin').removeClass('hidden');
- // Show x
- $('.group .close').removeClass('hidden');
+ if(nextGroup > 0) {
+ $('#groupJoin').removeClass('hide');
+ // Show x
+ $('.group .group-close').removeClass('hide');
}
return nextGroup++;
}
@@ -99,11 +114,10 @@ function deleteGroup(group)
$("#group" + group).remove();
// If the last group was removed, add an empty group
if($('.group').length == 0) {
- addGroup();
- } else if($('.group').length == 1) { // Hide join menu
- $('#groupJoin').addClass('hidden');
- // Hide x
- $('.group .close').addClass('hidden');
+ addGroup();
+ } else if($('#advSearchForm .group').length == 1) {
+ $('#groupJoin').addClass('hide'); // Hide join menu
+ $('.group .group-close').addClass('hide'); // Hide x
}
}
@@ -121,4 +135,12 @@ function addSearchJS(group)
var groupNum = group.id.replace("add_search_link_", "");
addSearch(groupNum);
return false;
-}
\ No newline at end of file
+}
+
+$(document).ready(function() {
+ $('.clear-btn').click(function() {
+ $('input[type="text"]').val('');
+ $("option:selected").removeAttr("selected");
+ $("#illustrated_-1").click();
+ });
+});
\ No newline at end of file
diff --git a/themes/foundation5/js/advanced_search_eds.js b/themes/foundation5/js/advanced_search_eds.js
deleted file mode 100644
index d3aa63f907e..00000000000
--- a/themes/foundation5/js/advanced_search_eds.js
+++ /dev/null
@@ -1,130 +0,0 @@
-/*global addSearchString, searchFields, searchFieldLabel, searchLabel, searchMatch */
-
-var nextGroup = 0;
-var groupSearches = [];
-var booleanSearchOperators = ["AND", "OR", "NOT"];
-
-function addSearch(group, term, field, op)
-{
- // Does anyone use this???
- if (typeof term == "undefined") {term = '';}
- if (typeof field == "undefined") {field = '';}
- if (typeof op == "undefined") {op = 'AND';}
-
- // Build the new search
- var inputIndex = $('#group'+group+' input').length;
- var inputID = group+'_'+inputIndex;
- var newSearch ='<div class="search row" id="search'+inputID+'"><div class="medium-3 columns">';
- if (typeof groupSearches[group] == "undefined") {
- groupSearches[group] = 0;
- newSearch += '<input type="hidden" name="op' + group + '[]" value="AND" class="form-control"/><label for="search_lookfor' + group + '_' + groupSearches[group] + '" class="help-block">' + searchLabel + ':</label>';
- } else {
- newSearch += '<select id="search_op' + group + '_' + groupSearches[group] + '" name="op' + group + '[]" class="medium-9 columns form-control">';
- for(var i=0, len= booleanSearchOperators.length; i < len; i++) {
- var searchOp = booleanSearchOperators[i];
- var sel = '';
- if(op == searchOp) {
- sel = ' selected=selected ';
- }
- newSearch += '<option value="' + searchOp + '" ' + sel + ">" + searchOp +"</option>";
- }
- newSearch += '</select>';
- }
- newSearch += '</div><div class="medium-9 columns"><div class="medium-6 columns"><input class="form-control"" id="search_lookfor'+inputID+'" type="text" name="lookfor'+group+'[]" value="'+term+'"></div>'
- + '<span class="medium-1 columns help-block">'+searchFieldLabel+'</span> '
- + '<div class="medium-4 columns"><select class="form-control" id="search_type'+inputID+'" name="type'+group+'[]">';
- for (var key in searchFields) {
- newSearch += '<option value="' + key + '"';
- if (key == field) {
- newSearch += ' selected="selected"';
- }
- newSearch += ">" + searchFields[key] + "</option>";
- }
- newSearch += '</select></div> <a href="#" onClick="deleteSearch('+group+','+inputIndex+')" class="medium-1 columns help-block delete';
- if(inputIndex == 0) {
- newSearch += ' hidden';
- }
- newSearch += '">×</a></div>';
-
- // Insert it
- $("#group" + group + "Holder").before(newSearch);
- // Show x
- if(inputIndex > 0) {
- $('#group'+group+' .search .delete').removeClass('hidden');
- }
- groupSearches[group]++;
-}
-
-function deleteSearch(group, eq)
-{
- var searches = $('#group'+group+' .search');
- for(var i=eq;i<searches.length-1;i++) {
- $(searches[i]).find('input').val($(searches[i+1]).find('input').val());
- var select0 = $(searches[i]).find('select')[0];
- var select1 = $(searches[i+1]).find('select')[0];
- select0.selectedIndex = select1.selectedIndex;
- }
- if(groupSearches[group] > 1) {
- $('#group'+group+' .search:last').remove();
- groupSearches[group]--;
- }
- // Hide x
- if(groupSearches[group] == 1) {
- $('#group'+group+' .search .delete').hide();
- }
-}
-
-function addGroup(firstTerm, firstField, join)
-{
- if (firstTerm == undefined) {firstTerm = '';}
- if (firstField == undefined) {firstField = '';}
- if (join == undefined) {join = '';}
-
- var newGroup = '<div id="group'+nextGroup+'" class="group panel clearfix">'
- + '<input type="hidden" name="bool'+nextGroup+'[]" value="AND"/>'
- + '<div id="group'+nextGroup+'Holder"><i class="medium-offset-3 columns fa fa-plus-circle"></i> <a href="#" onClick="addSearch('+nextGroup+')">'+addSearchString+'</a></div>';
-
- $('#groupPlaceHolder').before(newGroup);
- addSearch(nextGroup, firstTerm, firstField);
- // Show join menu
- if($('.group').length > 1) {
- $('#groupJoin').removeClass('hidden');
- // Show x
- $('.group .close').removeClass('hidden');
- }
- return nextGroup++;
-}
-
-function deleteGroup(group)
-{
- // Find the group and remove it
- $("#group" + group).remove();
- // If the last group was removed, add an empty group
- if($('.group').length == 0) {
- addGroup();
- } else if($('.group').length == 1) { // Hide join menu
- $('#groupJoin').addClass('hidden');
- // Hide x
- $('.group .close').hide();
- }
-}
-
-// Fired by onclick event
-function deleteGroupJS(group)
-{
- var groupNum = group.id.replace("delete_link_", "");
- deleteGroup(groupNum);
- return false;
-}
-
-// Fired by onclick event
-function addSearchJS(group)
-{
- var groupNum = group.id.replace("add_search_link_", "");
- addSearch(groupNum);
- return false;
-}
-
-$(document).ready(function() {
- $('#groupPlaceHolder').hide();
-});
\ No newline at end of file
diff --git a/themes/foundation5/js/cart.js b/themes/foundation5/js/cart.js
index 87f40f8f513..1d0895aaad7 100644
--- a/themes/foundation5/js/cart.js
+++ b/themes/foundation5/js/cart.js
@@ -138,17 +138,18 @@ function registerUpdateCart($form) {
if (updated.length >= vufindString.bookbagMax) {
msg += "<br/>" + vufindString.bookbagFull;
}
- $('#'+elId).data('bs.popover').options.content = msg;
+ // is this correct? where can I test this? - CK - fixme
+ $('#'+elId).data('fndtn.tooltip').options.content = msg;
$('#cartItems strong').html(updated.length);
} else {
- $('#'+elId).data('bs.popover').options.content = vufindString.bulk_noitems_advice;
+ $('#'+elId).data('fndtn.tooltip').options.content = vufindString.bulk_noitems_advice;
}
- $('#'+elId).popover('show');
+ $('#'+elId).tooltip('show');
if (cartNotificationTimeout !== false) {
clearTimeout(cartNotificationTimeout);
}
cartNotificationTimeout = setTimeout(function() {
- $('#'+elId).popover('hide');
+ $('#'+elId).tooltip('hide');
}, 5000);
return false;
});
@@ -162,21 +163,21 @@ $(document).ready(function() {
cartId = cartId.val().split('|');
currentId = cartId[1];
currentSource = cartId[0];
- $('#cart-add.correct,#cart-remove.correct').removeClass('correct hidden');
+ $('#cart-add.correct,#cart-remove.correct').removeClass('correct hide');
$('#cart-add').click(function() {
addItemToCart(currentId,currentSource);
- $('#cart-add,#cart-remove').toggleClass('hidden');
+ $('#cart-add,#cart-remove').toggleClass('hide');
});
$('#cart-remove').click(function() {
removeItemFromCart(currentId,currentSource);
- $('#cart-add,#cart-remove').toggleClass('hidden');
+ $('#cart-add,#cart-remove').toggleClass('hide');
});
} else {
// Search results
var $form = $('form[name="bulkActionForm"]');
registerUpdateCart($form);
}
- $("#updateCart, #bottom_updateCart").popover({content:'', html:true, trigger:'manual'});
+ $("#updateCart, #bottom_updateCart").tooltip({content:'', html:true, trigger:'manual'});
// Setup lightbox behavior
// Cart lightbox
@@ -208,7 +209,8 @@ $(document).ready(function() {
});
Lightbox.confirm(vufindString['bulk_save_success']);
});
- $('#modal').on('hidden.bs.modal', function() {
+ $('#modal').on('close.fndtn.reveal', function() {
+ // check the above for correctness - fixme CK
// Update cart items (add to cart, remove from cart, cart lightbox interface)
var cartCount = $('#cartItems strong');
if(cartCount.length > 0) {
@@ -216,11 +218,11 @@ $(document).ready(function() {
var id = $('#cartId');
if(id.length > 0) {
id = id.val();
- $('#cart-add,#cart-remove').addClass('hidden');
+ $('#cart-add,#cart-remove').addClass('hide');
if(cart.indexOf(id) > -1) {
- $('#cart-remove').removeClass('hidden');
+ $('#cart-remove').removeClass('hide');
} else {
- $('#cart-add').removeClass('hidden');
+ $('#cart-add').removeClass('hide');
}
}
cartCount.html(cart.length);
diff --git a/themes/foundation5/js/check_item_statuses.js b/themes/foundation5/js/check_item_statuses.js
index 2c79147047b..35fc1826f6f 100644
--- a/themes/foundation5/js/check_item_statuses.js
+++ b/themes/foundation5/js/check_item_statuses.js
@@ -8,7 +8,7 @@ function checkItemStatuses() {
return;
}
- $(".ajax-availability").removeClass('hidden');
+ $(".ajax-availability").removeClass('hide');
$.ajax({
dataType: 'json',
url: path + '/AJAX/JSON?method=getItemStatuses',
@@ -25,21 +25,21 @@ function checkItemStatuses() {
) {
// Full status mode is on -- display the HTML and hide extraneous junk:
item.find('.callnumAndLocation').empty().append(result.full_status);
- item.find('.callnumber').addClass('hidden');
- item.find('.location').addClass('hidden');
- item.find('.hideIfDetailed').addClass('hidden');
- item.find('.status').addClass('hidden');
+ item.find('.callnumber').addClass('hide');
+ item.find('.location').addClass('hide');
+ item.find('.hideIfDetailed').addClass('hide');
+ item.find('.status').addClass('hide');
} else if (typeof(result.missing_data) != 'undefined'
&& result.missing_data
) {
// No data is available -- hide the entire status area:
- item.find('.callnumAndLocation').addClass('hidden');
- item.find('.status').addClass('hidden');
+ item.find('.callnumAndLocation').addClass('hide');
+ item.find('.status').addClass('hide');
} else if (result.locationList) {
// We have multiple locations -- build appropriate HTML and hide unwanted labels:
- item.find('.callnumber').addClass('hidden');
- item.find('.hideIfDetailed').addClass('hidden');
- item.find('.location').addClass('hidden');
+ item.find('.callnumber').addClass('hide');
+ item.find('.hideIfDetailed').addClass('hide');
+ item.find('.location').addClass('hide');
var locationListHTML = "";
for (var x=0; x<result.locationList.length; x++) {
locationListHTML += '<div class="groupLocation">';
@@ -56,7 +56,7 @@ function checkItemStatuses() {
? result.locationList[x].callnumbers : '';
locationListHTML += '</div>';
}
- item.find('.locationDetails').removeClass('hidden');
+ item.find('.locationDetails').removeClass('hide');
item.find('.locationDetails').empty().append(locationListHTML);
} else {
// Default case -- load call number and location into appropriate containers:
diff --git a/themes/foundation5/js/check_save_statuses.js b/themes/foundation5/js/check_save_statuses.js
index 9ddc276ffe2..0192d74834a 100644
--- a/themes/foundation5/js/check_save_statuses.js
+++ b/themes/foundation5/js/check_save_statuses.js
@@ -34,7 +34,7 @@ function checkSaveStatuses() {
var html = '<li><a href="' + path + '/MyResearch/MyList/' + result.list_id + '">'
+ result.list_title + '</a></li>';
$ul.append(html);
- $container.removeClass('hidden');
+ $container.removeClass('hide');
});
}
}
diff --git a/themes/foundation5/js/common.js b/themes/foundation5/js/common.js
index 3c9ca54c33b..958db30b5b7 100644
--- a/themes/foundation5/js/common.js
+++ b/themes/foundation5/js/common.js
@@ -1,4 +1,4 @@
-/*global ajaxLoadTab, btoa, checkSaveStatuses, console, extractSource, hexEncode, Lightbox, path, rc4Encrypt, refreshCommentList, unescape, vufindString */
+/*global ajaxLoadTab, btoa, checkSaveStatuses, console, extractSource, hexEncode, isPhoneNumberValid, Lightbox, path, rc4Encrypt, refreshCommentList, refreshTagList, unescape, vufindString */
/* --- GLOBAL FUNCTIONS --- */
function htmlEncode(value){
@@ -73,12 +73,38 @@ function deparam(url) {
// Sidebar
function moreFacets(id) {
- $('.'+id).removeClass('hidden');
- $('#more-'+id).addClass('hidden');
+ $('.'+id).removeClass('hide');
+ $('#more-'+id).addClass('hide');
}
function lessFacets(id) {
- $('.'+id).addClass('hidden');
- $('#more-'+id).removeClass('hidden');
+ $('.'+id).addClass('hide');
+ $('#more-'+id).removeClass('hide');
+}
+
+// Phone number validation
+var libphoneTranslateCodes = ["libphonenumber_invalid", "libphonenumber_invalidcountry", "libphonenumber_invalidregion", "libphonenumber_notanumber", "libphonenumber_toolong", "libphonenumber_tooshort", "libphonenumber_tooshortidd"];
+var libphoneErrorStrings = ["Phone number invalid", "Invalid country calling code", "Invalid region code", "The string supplied did not seem to be a phone number", "The string supplied is too long to be a phone number", "The string supplied is too short to be a phone number", "Phone number too short after IDD"];
+function phoneNumberFormHandler(numID, regionCode) {
+ var phoneInput = document.getElementById(numID);
+ var number = phoneInput.value;
+ var valid = isPhoneNumberValid(number, regionCode);
+ if(valid != true) {
+ if(typeof valid === 'string') {
+ for(var i=libphoneErrorStrings.length;i--;) {
+ if(valid.match(libphoneErrorStrings[i])) {
+ valid = vufindString[libphoneTranslateCodes[i]];
+ }
+ }
+ } else {
+ valid = vufindString['libphonenumber_invalid'];
+ }
+ $(phoneInput).siblings('.help-block.with-errors').html(valid);
+ $(phoneInput).closest('.row').addClass('sms-error');
+ } else {
+ $(phoneInput).closest('.row').removeClass('sms-error');
+ $(phoneInput).siblings('.help-block.with-errors').html('');
+ }
+ return valid == true;
}
// Lightbox
@@ -89,7 +115,7 @@ function lessFacets(id) {
* is called and the 'shown' lightbox event is triggered
*/
function bulkActionSubmit($form) {
- var submit = $form.find('input[type="submit"][clicked=true]').attr('name');
+ var submit = $form.find('[type="submit"][clicked=true]').attr('name');
var checks = $form.find('input.checkbox-select-item:checked');
if(checks.length == 0 && submit != 'empty') {
return Lightbox.displayError(vufindString['bulk_noitems_advice']);
@@ -133,15 +159,17 @@ function registerLightboxEvents() {
$(this).closest('.modal-body').find('.checkbox-select-all').prop('checked', false);
});
// Highlight which submit button clicked
- $(modal).find("form input[type=submit]").click(function() {
+ $(modal).find("form [type=submit]").click(function() {
// Abort requests triggered by the lightbox
$('#modal .fa-spinner').remove();
// Remove other clicks
- $(modal).find('input[type="submit"][clicked=true]').attr('clicked', false);
+ $(modal).find('[type="submit"][clicked=true]').attr('clicked', false);
// Add useful information
$(this).attr("clicked", "true");
// Add prettiness
+ if($(modal).find('.has-error,.sms-error').length == 0 && !$(this).hasClass('dropdown-toggle')) {
$(this).after(' <i class="fa fa-spinner fa-spin"></i> ');
+ }
});
/**
* Hide the header in the lightbox content
@@ -160,8 +188,8 @@ function registerLightboxEvents() {
}
function updatePageForLogin() {
// Hide "log in" options and show "log out" options:
- $('#loginOptions').addClass('hidden');
- $('.logoutOptions').removeClass('hidden');
+ $('#loginOptions').addClass('hide');
+ $('.logoutOptions').removeClass('hide');
var recordId = $('#record_id').val();
@@ -191,6 +219,11 @@ function updatePageForLogin() {
var tab = recordTabs.find('.active a').attr('id');
ajaxLoadTab(tab);
}
+
+ // Refresh tag list
+ if(typeof refreshTagList === "function") {
+ refreshTagList(true);
+ }
}
function newAccountHandler(html) {
updatePageForLogin();
@@ -265,6 +298,24 @@ function ajaxLogin(form) {
}
$(document).ready(function() {
+ // Off canvas
+ // fixme offcanvas adapt if necessary
+ if($('.sidebar').length > 0) {
+ $('[data-toggle="offcanvas"]').click(function () {
+ $('body.offcanvas').toggleClass('active');
+ var active = $('body.offcanvas').hasClass('active');
+ var right = $('body.offcanvas').hasClass('offcanvas-right');
+ if((active && !right) || (!active && right)) {
+ $('.offcanvas-toggle .fa').removeClass('fa-chevron-right').addClass('fa-chevron-left');
+ } else {
+ $('.offcanvas-toggle .fa').removeClass('fa-chevron-left').addClass('fa-chevron-right');
+ }
+ });
+ $('[data-toggle="offcanvas"]').click().click();
+ } else {
+ $('[data-toggle="offcanvas"]').addClass('hide');
+ }
+
// support "jump menu" dropdown boxes
$('select.jumpMenu').change(function(){ $(this).parent('form').submit(); });
@@ -361,7 +412,7 @@ $(document).ready(function() {
holder.html(template);
}
- holder.toggleClass('hidden');
+ holder.toggleClass('hide');
return false;
});
@@ -379,18 +430,18 @@ $(document).ready(function() {
// Advanced facets
$('.facetOR').click(function() {
- $(this).closest('.collapse').html('<div class="list-group-item">'+vufindString.loading+'...</div>');
+ $(this).closest('.collapse').html('<li class="title">'+vufindString.loading+' ...</div>');
window.location.assign($(this).attr('href'));
});
$('[name=bulkActionForm]').submit(function() {
return bulkActionSubmit($(this));
});
- $('[name=bulkActionForm]').find("input[type=submit]").click(function() {
+ $('[name=bulkActionForm]').find("[type=submit]").click(function() {
// Abort requests triggered by the lightbox
$('#modal .fa-spinner').remove();
// Remove other clicks
- $(this).closest('form').find('input[type="submit"][clicked=true]').attr('clicked', false);
+ $(this).closest('form').find('[type="submit"][clicked=true]').attr('clicked', false);
// Add useful information
$(this).attr("clicked", "true");
});
diff --git a/themes/foundation5/js/facets.js b/themes/foundation5/js/facets.js
index 1451eff2fcb..79a1a7eb299 100644
--- a/themes/foundation5/js/facets.js
+++ b/themes/foundation5/js/facets.js
@@ -1,4 +1,4 @@
-/*global htmlEncode, path */
+/*global htmlEncode, path, vufindString */
function buildFacetNodes(data, currentPath, allowExclude, excludeTitle, counts)
{
var json = [];
@@ -6,7 +6,7 @@ function buildFacetNodes(data, currentPath, allowExclude, excludeTitle, counts)
$(data).each(function() {
var html = '';
if (!this.isApplied && counts) {
- html = '<span class="badge" style="float: right">' + this.count;
+ html = '<span class="label right">' + this.count.toString().replace(/\B(?=(\d{3})+\b)/g, vufindString.number_thousands_separator);
if (allowExclude) {
var excludeURL = currentPath + this.exclude;
excludeURL.replace("'", "\\'");
@@ -68,7 +68,7 @@ function initFacetTree(treeNode, inSidebar)
var query = window.location.href.split('?')[1];
if (inSidebar) {
- treeNode.prepend('<li class="list-group-item"><i class="fa fa-spinner fa-spin"></i></li>');
+ treeNode.prepend('<li><i class="fa fa-spinner fa-spin"></i></li>');
} else {
treeNode.prepend('<div><i class="fa fa-spinner fa-spin"></i><div>');
}
@@ -85,7 +85,7 @@ function initFacetTree(treeNode, inSidebar)
treeNode.find('.fa-spinner').parent().remove();
if (inSidebar) {
treeNode.on('loaded.jstree open_node.jstree', function (e, data) {
- treeNode.find('ul.jstree-container-ul > li.jstree-node').addClass('list-group-item');
+ treeNode.find('ul.jstree-container-ul > li.jstree-node').addClass('item'); // Where can I see this? - fixme - CK
});
}
treeNode.jstree({
diff --git a/themes/foundation5/js/foundation.min.js b/themes/foundation5/js/foundation.min.js
index e893d901e93..e491e100070 100644
--- a/themes/foundation5/js/foundation.min.js
+++ b/themes/foundation5/js/foundation.min.js
@@ -5117,7 +5117,7 @@
if (!$dropdown.find('.title.back').length) {
if (settings.mobile_show_parent_link == true && url) {
- $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link hide-for-large-up"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
+ $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link hide-for-medium-up"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
} else {
$titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>');
}
diff --git a/themes/foundation5/js/foundation/foundation.topbar.js b/themes/foundation5/js/foundation/foundation.topbar.js
index 30e581dcbe9..f09dea61f97 100644
--- a/themes/foundation5/js/foundation/foundation.topbar.js
+++ b/themes/foundation5/js/foundation/foundation.topbar.js
@@ -372,7 +372,7 @@
if (!$dropdown.find('.title.back').length) {
if (settings.mobile_show_parent_link == true && url) {
- $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link hide-for-large-up"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
+ $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link hide-for-medium-up"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
} else {
$titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>');
}
diff --git a/themes/foundation5/js/hierarchyTree.js b/themes/foundation5/js/hierarchyTree.js
index 36d752982f9..efef284e24c 100644
--- a/themes/foundation5/js/hierarchyTree.js
+++ b/themes/foundation5/js/hierarchyTree.js
@@ -27,18 +27,18 @@ function getRecord(recordID)
function changeNoResultLabel(display)
{
if (display) {
- $("#treeSearchNoResults").removeClass('hidden');
+ $("#treeSearchNoResults").removeClass('hide');
} else {
- $("#treeSearchNoResults").addClass('hidden');
+ $("#treeSearchNoResults").addClass('hide');
}
}
function changeLimitReachedLabel(display)
{
if (display) {
- $("#treeSearchLimitReached").removeClass('hidden');
+ $("#treeSearchLimitReached").removeClass('hide');
} else {
- $("#treeSearchLimitReached").addClass('hidden');
+ $("#treeSearchLimitReached").addClass('hide');
}
}
@@ -50,7 +50,7 @@ function htmlEncodeId(id)
var searchAjax = false;
function doTreeSearch()
{
- $('#treeSearchLoadingImg').removeClass('hidden');
+ $('#treeSearchLoadingImg').removeClass('hide');
var keyword = $("#treeSearchText").val();
var type = $("#treeSearchType").val();
if(keyword.length == 0) {
@@ -58,7 +58,7 @@ function doTreeSearch()
var tree = $('#hierarchyTree').jstree(true);
tree.close_all();
tree._open_to(htmlID);
- $('#treeSearchLoadingImg').addClass('hidden');
+ $('#treeSearchLoadingImg').addClass('hide');
} else {
if(searchAjax) {
searchAjax.abort();
@@ -87,7 +87,7 @@ function doTreeSearch()
} else {
changeNoResultLabel(true);
}
- $('#treeSearchLoadingImg').addClass('hidden');
+ $('#treeSearchLoadingImg').addClass('hide');
}
});
}
@@ -210,7 +210,7 @@ $(document).ready(function()
}
});
- $('#treeSearch').removeClass('hidden');
+ $('#treeSearch').removeClass('hide');
$('#treeSearch [type=submit]').click(doTreeSearch);
$('#treeSearchText').keyup(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
diff --git a/themes/foundation5/js/lightbox.js b/themes/foundation5/js/lightbox.js
index 18290fee4e2..cea281b28ec 100644
--- a/themes/foundation5/js/lightbox.js
+++ b/themes/foundation5/js/lightbox.js
@@ -92,25 +92,11 @@ var Lightbox = {
*/
titleSet: false,
changeContent: function(html) {
- var header = $('#modal .modal-header');
- if(!Lightbox.titleSet) {
- var h4 = html.match(/<h4>([^<]*)<\/h4>/);
- if(h4) {
- header.find('.modal-title').html(h4[1]);
- } else {
- var pLead = html.match(/<p class="lead[^>]*>([^<]*)<\/p>/);
- if(pLead) {
- header.find('.modal-title').html(pLead[1]);
- }
- }
- Lightbox.titleSet = false;
+ $('#modal .modal-body').html(html);
+ if (Lightbox.shown === false) {
+ $('#modal').foundation('reveal', 'open');
+ Lightbox.shown = true;
}
- if(header.find('.modal-title').html().length == 0) {
- header.css('border-bottom-width', '0');
- } else {
- header.css('border-bottom-width', '1px');
- }
- $('#modal .modal-body').html(html).modal({'show':true,'backdrop':false});
Lightbox.openActions();
},
@@ -118,7 +104,7 @@ var Lightbox = {
* This is the function you call to manually close the lightbox
*/
close: function(evt) {
- $('#modal').modal('hide'); // This event calls closeActions
+ $('#modal').foundation('reveal', 'close'); // This event calls closeActions
},
/**
* This function is attached to the lightbox close event,
@@ -136,7 +122,7 @@ var Lightbox = {
// Reset content so we start fresh when we open a lightbox
$('#modal').removeData('modal');
$('#modal').find('.modal-title').html('');
- $('#modal').find('.modal-body').html(vufindString.loading + "...");
+ $('#modal').find('.modal-body').html(vufindString.loading + " ...");
},
/**
* Call all the functions we need for when the modal loads
@@ -178,17 +164,17 @@ var Lightbox = {
*/
displayError: function(message, type) {
if(typeof type === "undefined") {
- type = "danger";
+ type = "alert";
}
$('#modal .modal-body .alert-box').remove();
var html = $.parseHTML($('#modal .modal-body').html());
// Empty or alert only, change to message with button
- if($('#modal .modal-body').html() == vufindString.loading+" ..."
+ if($('#modal .modal-body').html() == vufindString.loading+" ..."
|| (html.length == 1 && $(html).hasClass('alert-'+type))) {
Lightbox.changeContent('<div data-alert class="alert-box '+type+'" tabindex="0" aria-live="assertive" role="dialogalert">'+message+'</div><button class="button secondary tiny" onClick="Lightbox.close()" role="button">'+vufindString['close']+'</button>');
// Page without alert
} else {
- $('#modal .modal-body').prepend('<div data-alert class="alert-box '+type+' alert-dismissible" tabindex="0" aria-live="assertive" role="dialogalert"><button type="button" class="close" data-dismiss="alert" role="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><p class="message">'+message+'</p></div>');
+ $('#modal .modal-body').prepend('<div data-alert class="alert-box '+type+' alert-dismissible" tabindex="0" aria-live="assertive" role="dialogalert"><p class="message">'+message+'</p></div><button type="button" class="close secondary small" href="#" role="button" tabindex="0" aria-label="Close Alert" data-dismiss="alert" onClick="Lightbox.close()">'+vufindString['close']+'</button>');
}
$('.fa-spinner').remove();
if (typeof Recaptcha !== "undefined" && Recaptcha.widget) {
@@ -196,7 +182,7 @@ var Lightbox = {
}
// If the lightbox isn't visible, fix that
if(this.shown == false) {
- $('#modal').modal('show');
+ $('#modal').foundation('reveal', 'open');
this.shown = true;
}
},
@@ -217,7 +203,7 @@ var Lightbox = {
}
// If the lightbox isn't visible, fix that
if(this.shown == false) {
- $('#modal').modal('show');
+ $('#modal').foundation('reveal', 'open');
this.shown = true;
}
// Create our AJAX request, store it in case we need to cancel later
@@ -331,7 +317,7 @@ var Lightbox = {
*/
registerForms: function() {
var $form = $("#modal").find('form');
- $form.validator();
+ //$form.validator();
var name = $form.attr('name');
// Assign form handler based on name
if(typeof name !== "undefined" && typeof Lightbox.formHandlers[name] !== "undefined") {
@@ -364,10 +350,10 @@ var Lightbox = {
* The default, automatic form submission
*
* This function gleans all the information in a form from the function above
- * Then it uses the action="" attribute of the form to figure out where to send the data
+ * Then it uses the action="..." attribute of the form to figure out where to send the data
* and the method="" attribute to send it the proper way
*
- * In the wild, forms without an action="" are submitted to the current URL.
+ * Forms without an action="..." are submitted to the current URL.
* In the case where we have a form with no action in the lightbox,
* we emulate that behaviour by submitting the last URL loaded through
* .getByUrl, stored in lastURL in the Lightbox object.
@@ -397,7 +383,7 @@ var Lightbox = {
} else {
this.getByUrl(this.lastURL, {}, callback);
}
- $(this).find('.modal-body').html(vufindString.loading + "...");
+ $(this).find('.modal-body').html(vufindString.loading + " ...");
}
};
@@ -413,7 +399,7 @@ $(document).ready(function() {
*
* Yes, the secret's out, our beloved Lightbox is a modal
*/
- $('#modal').on('hidden.bs.modal', Lightbox.closeActions);
+ $('#modal').on('closed.fndtn.reveal', Lightbox.closeActions);
/**
* If a link with the class .modal-link triggers the lightbox,
* look for a title="" to use as our lightbox title.
diff --git a/themes/foundation5/js/openurl.js b/themes/foundation5/js/openurl.js
index 8debe5da003..5ef67baede9 100644
--- a/themes/foundation5/js/openurl.js
+++ b/themes/foundation5/js/openurl.js
@@ -32,7 +32,7 @@ $(document).ready(function() {
var params = extractClassParams(this);
var openUrl = $(this).children('span.openUrl:first').attr('title');
$(this).hide();
- loadResolverLinks($('#openUrlEmbed'+params.openurl_id).removeClass('hidden'), openUrl);
+ loadResolverLinks($('#openUrlEmbed'+params.openurl_id).removeClass('hide'), openUrl);
return false;
});
});
\ No newline at end of file
diff --git a/themes/foundation5/js/pubdate_vis.js b/themes/foundation5/js/pubdate_vis.js
index 7fb5271ec5d..103e6c8f2b4 100644
--- a/themes/foundation5/js/pubdate_vis.js
+++ b/themes/foundation5/js/pubdate_vis.js
@@ -18,6 +18,22 @@ function PadDigits(n, totalDigits)
}
function loadVis(facetFields, searchParams, baseURL, zooming) {
+ // Get colors from CSS
+ var cssColorSettings = {
+ 'background-color': '#fff', // background of box
+ 'fill': '#eee', // box fill color
+ 'stroke': '#265680', // box outline color
+ 'outline-color': '#e8cfac' // selection color
+ };
+ var $dateVisColorSettings = $('#dateVisColorSettings');
+ for(var rule in cssColorSettings) {
+ if($dateVisColorSettings.css(rule)) {
+ var match = $dateVisColorSettings.css(rule).match(/rgb[a]?\([^\)]+\)|#[a-fA-F0-9]+/);
+ if(null != match) {
+ cssColorSettings[rule] = match[0];
+ }
+ }
+ }
// options for the graph, TODO: make configurable
var options = {
series: {
@@ -25,15 +41,15 @@ function loadVis(facetFields, searchParams, baseURL, zooming) {
show: true,
align: "center",
fill: true,
- fillColor: "rgb(234,234,234)"
+ fillColor: cssColorSettings['fill']
}
},
- colors: ["#265680"],
+ colors: [cssColorSettings['stroke']],
legend: { noColumns: 2 },
xaxis: { tickDecimals: 0 },
yaxis: { min: 0, ticks: [] },
- selection: {mode: "x"},
- grid: { backgroundColor: null /*"#ffffff"*/ }
+ selection: {mode: "x", color: cssColorSettings['outline-color']},
+ grid: { backgroundColor: cssColorSettings['background-color'] }
};
// AJAX call
@@ -45,7 +61,7 @@ function loadVis(facetFields, searchParams, baseURL, zooming) {
if (val['data'] == undefined || val['data'].length == 0) {
return;
}
- $("#datevis" + key + "xWrapper").removeClass('hidden');
+ $("#datevis" + key + "xWrapper").removeClass('hide');
// plot graph
var placeholder = $("#datevis" + key + "x");
diff --git a/themes/foundation5/js/record.js b/themes/foundation5/js/record.js
index 6e4893a2d14..9586e0308d1 100644
--- a/themes/foundation5/js/record.js
+++ b/themes/foundation5/js/record.js
@@ -1,4 +1,4 @@
-/*global checkSaveStatuses, deparam, extractClassParams, htmlEncode, Lightbox, path, syn_get_widget, vufindString */
+/*global checkSaveStatuses, deparam, extractClassParams, htmlEncode, Lightbox, path, syn_get_widget, userIsLoggedIn, vufindString */
/**
* Functions and event handlers specific to record pages.
@@ -127,7 +127,6 @@ function registerAjaxCommentRecord() {
}
function registerTabEvents() {
-
// register the record comment form to be submitted via AJAX
registerAjaxCommentRecord();
@@ -174,11 +173,55 @@ function ajaxLoadTab(tabid) {
return false;
}
+function refreshTagList(loggedin) {
+ loggedin = !!loggedin || userIsLoggedIn;
+ var recordId = $('#record_id').val();
+ var recordSource = $('.hiddenSource').val();
+ var tagList = $('#tagList');
+ if (tagList.length > 0) {
+ tagList.empty();
+ var url = path + '/AJAX/JSON?' + $.param({method:'getRecordTags',id:recordId,'source':recordSource});
+ $.ajax({
+ dataType: 'json',
+ url: url,
+ complete: function(response) {
+ if(response.status == 200) {
+ tagList.html(response.responseText);
+ if(loggedin) {
+ $('#tagList').addClass('loggedin');
+ } else {
+ $('#tagList').removeClass('loggedin');
+ }
+ }
+ }
+ });
+ }
+}
+
+function ajaxTagUpdate(tag, remove) {
+ if(typeof remove === "undefined") {
+ remove = false;
+ }
+ var recordId = $('#record_id').val();
+ var recordSource = $('.hiddenSource').val();
+ $.ajax({
+ url:path+'/AJAX/JSON?method=tagRecord',
+ method:'POST',
+ data:{
+ tag:'"'+tag.replace(/\+/g, ' ')+'"',
+ id:recordId,
+ source:recordSource,
+ remove:remove
+ },
+ complete:refreshTagList
+ });
+}
+
$(document).ready(function(){
var id = $('.hiddenId')[0].value;
registerTabEvents();
- $('dl.recordTabs a').click(function (e) {
+ $('ul.recordTabs a').click(function (e) {
if($(this).parents('li.active').length > 0) {
return true;
}
@@ -189,7 +232,7 @@ $(document).ready(function(){
$('#'+tabid).tab('show');
return false;
} else {
- $('#record-tabs').append('<div class="content" id="'+tabid+'-tab"><i class="fa fa-spinner fa-spin"></i> '+vufindString.loading+' ...</div>');
+ $('#record-tabs').append('<div class="content" id="'+tabid+'-tab"><i class="fa fa-spinner fa-spin"></i> '+vufindString.loading+' ...</div>');
$('#record-tabs .content.active').removeClass('active');
$('#'+tabid+'-tab').addClass('active');
return ajaxLoadTab(tabid);
@@ -217,47 +260,15 @@ $(document).ready(function(){
var params = extractClassParams(this);
return Lightbox.get(params['controller'], 'SMS', {id:id});
});
- // Tag lightbox
$('#tagRecord').click(function() {
var id = $('.hiddenId')[0].value;
var parts = this.href.split('/');
- Lightbox.addCloseAction(function() {
- var recordId = $('#record_id').val();
- var recordSource = $('.hiddenSource').val();
-
- // Update tag list (add tag)
- var tagList = $('#tagList');
- if (tagList.length > 0) {
- tagList.empty();
- var url = path + '/AJAX/JSON?' + $.param({method:'getRecordTags',id:recordId,'source':recordSource});
- $.ajax({
- dataType: 'json',
- url: url,
- success: function(response) {
- if (response.status == 'OK') {
- $.each(response.data, function(i, tag) {
- var href = path + '/Tag?' + $.param({lookfor:tag.tag});
- var html = (i>0 ? ', ' : ' ') + '<a href="' + htmlEncode(href) + '">' + htmlEncode(tag.tag) +'</a> (' + htmlEncode(tag.cnt) + ')';
- tagList.append(html);
- });
- } else if (response.data && response.data.length > 0) {
- tagList.append(response.data);
- }
- }
- });
- }
- });
return Lightbox.get(parts[parts.length-3],'AddTag',{id:id});
});
// Form handlers
- Lightbox.addFormCallback('smsRecord', function(){Lightbox.confirm(vufindString['sms_success']);});
Lightbox.addFormCallback('emailRecord', function(){
Lightbox.confirm(vufindString['bulk_email_success']);
});
- Lightbox.addFormCallback('saveRecord', function(){
- checkSaveStatuses();
- Lightbox.confirm(vufindString['bulk_save_success']);
- });
Lightbox.addFormCallback('placeHold', function(html) {
Lightbox.checkForError(html, function(html) {
var divPattern = '<div data-alert class="alert-box info" tabindex="0" aria-live="assertive" role="dialogalert">';
@@ -266,10 +277,23 @@ $(document).ready(function(){
Lightbox.confirm(html.substring(fi+divPattern.length, li).replace(/^[\s<>]+|[\s<>]+$/g, ''));
});
});
+ Lightbox.addFormCallback('placeILLRequest', function() {
+ document.location.href = path+'/MyResearch/ILLRequests';
+ });
Lightbox.addFormCallback('placeStorageRetrievalRequest', function() {
document.location.href = path+'/MyResearch/StorageRetrievalRequests';
});
- Lightbox.addFormCallback('placeILLRequest', function() {
- document.location.href = path+'/MyResearch/ILLRequests';
+ Lightbox.addFormCallback('saveRecord', function() {
+ checkSaveStatuses();
+ refreshTagList();
+ Lightbox.confirm(vufindString['bulk_save_success']);
+ });
+ Lightbox.addFormCallback('smsRecord', function() {
+ Lightbox.confirm(vufindString['sms_success']);
+ });
+ // Tag lightbox
+ Lightbox.addFormCallback('tagRecord', function(html) {
+ refreshTagList(true);
+ Lightbox.confirm(vufindString['add_tag_success']);
});
});
diff --git a/themes/foundation5/js/vendor/bootstrap-modal.js b/themes/foundation5/js/vendor/bootstrap-modal.js
deleted file mode 100644
index 249d95412b0..00000000000
--- a/themes/foundation5/js/vendor/bootstrap-modal.js
+++ /dev/null
@@ -1,361 +0,0 @@
-/*!
- * Bootstrap v3.3.4 (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-/*!
- * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=277e41390adc040c5577)
- * Config saved to config.json and https://gist.github.com/277e41390adc040c5577
- */
-/*
-if (typeof jQuery === 'undefined') {
- throw new Error('Bootstrap\'s JavaScript requires jQuery')
-}
-+function ($) {
- 'use strict';
- var version = $.fn.jquery.split(' ')[0].split('.')
- if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {
- throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher')
- }
-}(jQuery);
-*/
-/* ========================================================================
- * Bootstrap: modal.js v3.3.2
- * http://getbootstrap.com/javascript/#modals
- * ========================================================================
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ======================================================================== */
-
-
-+function ($) {
- 'use strict';
-
- // MODAL CLASS DEFINITION
- // ======================
-
- var Modal = function (element, options) {
- this.options = options
- this.$body = $(document.body)
- this.$element = $(element)
- this.$dialog = this.$element.find('.modal-dialog')
- this.$backdrop = null
- this.isShown = null
- this.originalBodyPad = null
- this.scrollbarWidth = 0
- this.ignoreBackdropClick = false
-
- if (this.options.remote) {
- this.$element
- .find('.modal-content')
- .load(this.options.remote, $.proxy(function () {
- this.$element.trigger('loaded.bs.modal')
- }, this))
- }
- }
-
- Modal.VERSION = '3.3.2'
-
- Modal.TRANSITION_DURATION = 300
- Modal.BACKDROP_TRANSITION_DURATION = 150
-
- Modal.DEFAULTS = {
- backdrop: true,
- keyboard: true,
- show: true
- }
-
- Modal.prototype.toggle = function (_relatedTarget) {
- return this.isShown ? this.hide() : this.show(_relatedTarget)
- }
-
- Modal.prototype.show = function (_relatedTarget) {
- var that = this
- var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
-
- this.$element.trigger(e)
-
- if (this.isShown || e.isDefaultPrevented()) return
-
- this.isShown = true
-
- this.checkScrollbar()
- this.setScrollbar()
- this.$body.addClass('modal-open')
-
- this.escape()
- this.resize()
-
- this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
-
- this.$dialog.on('mousedown.dismiss.bs.modal', function () {
- that.$element.one('mouseup.dismiss.bs.modal', function (e) {
- if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true
- })
- })
-
- this.backdrop(function () {
- var transition = $.support.transition && that.$element.hasClass('fade')
-
- if (!that.$element.parent().length) {
- that.$element.appendTo(that.$body) // don't move modals dom position
- }
-
- that.$element
- .show()
- .scrollTop(0)
-
- that.adjustDialog()
-
- if (transition) {
- that.$element[0].offsetWidth // force reflow
- }
-
- that.$element
- .addClass('in')
- .attr('aria-hidden', false)
-
- that.enforceFocus()
-
- var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
-
- transition ?
- that.$dialog // wait for modal to slide in
- .one('bsTransitionEnd', function () {
- that.$element.trigger('focus').trigger(e)
- })
- .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
- that.$element.trigger('focus').trigger(e)
- })
- }
-
- Modal.prototype.hide = function (e) {
- if (e) e.preventDefault()
-
- e = $.Event('hide.bs.modal')
-
- this.$element.trigger(e)
-
- if (!this.isShown || e.isDefaultPrevented()) return
-
- this.isShown = false
-
- this.escape()
- this.resize()
-
- $(document).off('focusin.bs.modal')
-
- this.$element
- .removeClass('in')
- .attr('aria-hidden', true)
- .off('click.dismiss.bs.modal')
- .off('mouseup.dismiss.bs.modal')
-
- this.$dialog.off('mousedown.dismiss.bs.modal')
-
- $.support.transition && this.$element.hasClass('fade') ?
- this.$element
- .one('bsTransitionEnd', $.proxy(this.hideModal, this))
- .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
- this.hideModal()
- }
-
- Modal.prototype.enforceFocus = function () {
- $(document)
- .off('focusin.bs.modal') // guard against infinite focus loop
- .on('focusin.bs.modal', $.proxy(function (e) {
- if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
- this.$element.trigger('focus')
- }
- }, this))
- }
-
- Modal.prototype.escape = function () {
- if (this.isShown && this.options.keyboard) {
- this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) {
- e.which == 27 && this.hide()
- }, this))
- } else if (!this.isShown) {
- this.$element.off('keydown.dismiss.bs.modal')
- }
- }
-
- Modal.prototype.resize = function () {
- if (this.isShown) {
- $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this))
- } else {
- $(window).off('resize.bs.modal')
- }
- }
-
- Modal.prototype.hideModal = function () {
- var that = this
- this.$element.hide()
- this.backdrop(function () {
- that.$body.removeClass('modal-open')
- that.resetAdjustments()
- that.resetScrollbar()
- that.$element.trigger('hidden.bs.modal')
- })
- }
-
- Modal.prototype.removeBackdrop = function () {
- this.$backdrop && this.$backdrop.remove()
- this.$backdrop = null
- }
-
- Modal.prototype.backdrop = function (callback) {
- var that = this
- var animate = this.$element.hasClass('fade') ? 'fade' : ''
-
- if (this.isShown && this.options.backdrop) {
- var doAnimate = $.support.transition && animate
-
- this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
- .appendTo(this.$body)
-
- this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
- if (this.ignoreBackdropClick) {
- this.ignoreBackdropClick = false
- return
- }
- if (e.target !== e.currentTarget) return
- this.options.backdrop == 'static'
- ? this.$element[0].focus()
- : this.hide()
- }, this))
-
- if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
-
- this.$backdrop.addClass('in')
-
- if (!callback) return
-
- doAnimate ?
- this.$backdrop
- .one('bsTransitionEnd', callback)
- .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
- callback()
-
- } else if (!this.isShown && this.$backdrop) {
- this.$backdrop.removeClass('in')
-
- var callbackRemove = function () {
- that.removeBackdrop()
- callback && callback()
- }
- $.support.transition && this.$element.hasClass('fade') ?
- this.$backdrop
- .one('bsTransitionEnd', callbackRemove)
- .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
- callbackRemove()
-
- } else if (callback) {
- callback()
- }
- }
-
- // these following methods are used to handle overflowing modals
-
- Modal.prototype.handleUpdate = function () {
- this.adjustDialog()
- }
-
- Modal.prototype.adjustDialog = function () {
- var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight
-
- this.$element.css({
- paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
- paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
- })
- }
-
- Modal.prototype.resetAdjustments = function () {
- this.$element.css({
- paddingLeft: '',
- paddingRight: ''
- })
- }
-
- Modal.prototype.checkScrollbar = function () {
- var fullWindowWidth = window.innerWidth
- if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8
- var documentElementRect = document.documentElement.getBoundingClientRect()
- fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
- }
- this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
- this.scrollbarWidth = this.measureScrollbar()
- }
-
- Modal.prototype.setScrollbar = function () {
- var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
- this.originalBodyPad = document.body.style.paddingRight || ''
- if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
- }
-
- Modal.prototype.resetScrollbar = function () {
- this.$body.css('padding-right', this.originalBodyPad)
- }
-
- Modal.prototype.measureScrollbar = function () { // thx walsh
- var scrollDiv = document.createElement('div')
- scrollDiv.className = 'modal-scrollbar-measure'
- this.$body.append(scrollDiv)
- var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
- this.$body[0].removeChild(scrollDiv)
- return scrollbarWidth
- }
-
-
- // MODAL PLUGIN DEFINITION
- // =======================
-
- function Plugin(option, _relatedTarget) {
- return this.each(function () {
- var $this = $(this)
- var data = $this.data('bs.modal')
- var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
-
- if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
- if (typeof option == 'string') data[option](_relatedTarget)
- else if (options.show) data.show(_relatedTarget)
- })
- }
-
- var old = $.fn.modal
-
- $.fn.modal = Plugin
- $.fn.modal.Constructor = Modal
-
-
- // MODAL NO CONFLICT
- // =================
-
- $.fn.modal.noConflict = function () {
- $.fn.modal = old
- return this
- }
-
-
- // MODAL DATA-API
- // ==============
-
- $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
- var $this = $(this)
- var href = $this.attr('href')
- var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7
- var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
-
- if ($this.is('a')) e.preventDefault()
-
- $target.one('show.bs.modal', function (showEvent) {
- if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown
- $target.one('hidden.bs.modal', function () {
- $this.is(':visible') && $this.trigger('focus')
- })
- })
- Plugin.call($target, option, this)
- })
-
-}(jQuery);
diff --git a/themes/foundation5/js/vendor/libphonenumber.js b/themes/foundation5/js/vendor/libphonenumber.js
new file mode 100644
index 00000000000..03a224cf371
--- /dev/null
+++ b/themes/foundation5/js/vendor/libphonenumber.js
@@ -0,0 +1,486 @@
+(function(){var l,n=this;
+function da(a){var b=typeof a;if("object"==b)if(a){if(a instanceof Array)return"array";if(a instanceof Object)return b;var c=Object.prototype.toString.call(a);if("[object Window]"==c)return"object";if("[object Array]"==c||"number"==typeof a.length&&"undefined"!=typeof a.splice&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("splice"))return"array";if("[object Function]"==c||"undefined"!=typeof a.call&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("call"))return"function"}else return"null";else if("function"==
+b&&"undefined"==typeof a.call)return"object";return b}function p(a,b){function c(){}c.prototype=b.prototype;a.ca=b.prototype;a.prototype=new c;a.prototype.constructor=a;a.ia=function(a,c,e){return b.prototype[c].apply(a,Array.prototype.slice.call(arguments,2))}};var ea=String.prototype.trim?function(a){return a.trim()}:function(a){return a.replace(/^[\s\xa0]+|[\s\xa0]+$/g,"")};function q(a,b){return a<b?-1:a>b?1:0};function fa(a,b){a.sort(b||ga)}function ga(a,b){return a>b?1:a<b?-1:0};var s;a:{var ha=n.navigator;if(ha){var ia=ha.userAgent;if(ia){s=ia;break a}}s=""};function ja(a){var b=[],c=0,d;for(d in a)b[c++]=a[d];return b};var ka=-1!=s.indexOf("Opera")||-1!=s.indexOf("OPR"),t=-1!=s.indexOf("Trident")||-1!=s.indexOf("MSIE"),u=-1!=s.indexOf("Gecko")&&-1==s.toLowerCase().indexOf("webkit")&&!(-1!=s.indexOf("Trident")||-1!=s.indexOf("MSIE")),la=-1!=s.toLowerCase().indexOf("webkit");function ma(){var a=n.document;return a?a.documentMode:void 0}
+var na=function(){var a="",b;if(ka&&n.opera)return a=n.opera.version,"function"==da(a)?a():a;u?b=/rv\:([^\);]+)(\)|;)/:t?b=/\b(?:MSIE|rv)[: ]([^\);]+)(\)|;)/:la&&(b=/WebKit\/(\S+)/);b&&(a=(a=b.exec(s))?a[1]:"");return t&&(b=ma(),b>parseFloat(a))?String(b):a}(),oa={};
+function pa(a){if(!oa[a]){for(var b=0,c=ea(String(na)).split("."),d=ea(String(a)).split("."),f=Math.max(c.length,d.length),e=0;0==b&&e<f;e++){var g=c[e]||"",h=d[e]||"",k=RegExp("(\\d*)(\\D*)","g"),m=RegExp("(\\d*)(\\D*)","g");do{var r=k.exec(g)||["","",""],C=m.exec(h)||["","",""];if(0==r[0].length&&0==C[0].length)break;b=q(0==r[1].length?0:parseInt(r[1],10),0==C[1].length?0:parseInt(C[1],10))||q(0==r[2].length,0==C[2].length)||q(r[2],C[2])}while(0==b)}oa[a]=0<=b}}
+var qa=n.document,ra=qa&&t?ma()||("CSS1Compat"==qa.compatMode?parseInt(na,10):5):void 0;var v;if(!(v=!u&&!t)){var w;if(w=t)w=t&&9<=ra;v=w}v||u&&pa("1.9.1");t&&pa("9");function sa(a,b,c){this.d=b;this.s=c.name;this.o=!!c.p;this.g=c.a;this.t=c.type;this.q=!1;switch(this.g){case ta:case ua:case va:case wa:case xa:case ya:case za:this.q=!0}this.j=c.defaultValue}var za=1,ya=2,ta=3,ua=4,va=6,wa=16,xa=18;sa.prototype.getName=function(){return this.s};function Aa(a,b,c){this.w=a;this.s=b.name||null;this.f={};for(a=0;a<c.length;a++)b=c[a],this.f[b.d]=b}Aa.prototype.getName=function(){return this.s};function Ba(a){a=ja(a.f);fa(a,function(a,c){return a.d-c.d});return a};function x(){this.b={};this.f=this.i().f;this.c=this.r=null}l=x.prototype;l.i=function(){var a=this.constructor,b;if(!(b=a.u)){var c;b=a.aa;var d=[],f=b[0];for(c in b)0!=c&&d.push(new sa(0,c,b[c]));c=new Aa(a,f,d);b=a.u=c}return b};l.has=function(a){return null!=this.b[a.d]};l.get=function(a,b){return y(this,a.d,b)};l.set=function(a,b){z(this,a.d,b)};l.add=function(a,b){Ca(this,a.d,b)};l.clear=function(a){Da(this,a.d)};
+function Ia(a,b){for(var c=Ba(a.i()),d=0;d<c.length;d++){var f=c[d],e=f.d;if(null!=b.b[e]){a.c&&delete a.c[f.d];var g=11==f.g||10==f.g;if(f.o)for(var f=A(b,e)||[],h=0;h<f.length;h++)Ca(a,e,g?f[h].clone():f[h]);else f=A(b,e),g?(g=A(a,e))?Ia(g,f):z(a,e,f.clone()):z(a,e,f)}}}l.clone=function(){var a=new this.constructor;a!=this&&(a.b={},a.c&&(a.c={}),Ia(a,this));return a};
+function A(a,b){var c=a.b[b];if(null==c)return null;if(a.r){if(!(b in a.c)){var d=a.r,f=a.f[b];if(null!=c)if(f.o){for(var e=[],g=0;g<c.length;g++)e[g]=d.n(f,c[g]);c=e}else c=d.n(f,c);return a.c[b]=c}return a.c[b]}return c}function y(a,b,c){var d=A(a,b);return a.f[b].o?d[c||0]:d}function B(a,b){var c;if(null!=a.b[b])c=y(a,b,void 0);else a:{c=a.f[b];if(void 0===c.j){var d=c.t;if(d===Boolean)c.j=!1;else if(d===Number)c.j=0;else if(d===String)c.j=c.q?"0":"";else{c=new d;break a}}c=c.j}return c}
+function z(a,b,c){a.b[b]=c;a.c&&(a.c[b]=c)}function Ca(a,b,c){a.b[b]||(a.b[b]=[]);a.b[b].push(c);a.c&&delete a.c[b]}function Da(a,b){delete a.b[b];a.c&&delete a.c[b]}function D(a,b){a.aa=b;a.i=function(){return a.u||(new a).i()}};function E(){}E.prototype.k=function(a){new a.w;throw Error("Unimplemented");};E.prototype.n=function(a,b){if(11==a.g||10==a.g)return b instanceof x?b:this.k(a.t.i(),b);if(14==a.g||!a.q)return b;var c=a.t;if(c===String){if("number"==typeof b)return String(b)}else if(c===Number&&"string"==typeof b&&("Infinity"===b||"-Infinity"===b||"NaN"===b||/^-?[0-9]+$/.test(b)))return Number(b);return b};function F(a,b){null!=a&&this.append.apply(this,arguments)}l=F.prototype;l.e="";l.set=function(a){this.e=""+a};l.append=function(a,b,c){this.e+=a;if(null!=b)for(var d=1;d<arguments.length;d++)this.e+=arguments[d];return this};l.clear=function(){this.e=""};l.toString=function(){return this.e};/*
+
+ Protocol Buffer 2 Copyright 2008 Google Inc.
+ All other code copyright its respective owners.
+ Copyright (C) 2010 The Libphonenumber Authors
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+function G(){x.apply(this)}p(G,x);function H(){x.apply(this)}p(H,x);function I(){x.apply(this)}p(I,x);I.prototype.h=function(){return B(this,10)};I.prototype.l=function(a){z(this,10,a)};function J(){x.apply(this)}p(J,x);J.prototype.getMetadata=function(a){return y(this,1,a)};
+D(G,{0:{name:"NumberFormat",m:"i18n.phonenumbers.NumberFormat"},1:{name:"pattern",required:!0,a:9,type:String},2:{name:"format",required:!0,a:9,type:String},3:{name:"leading_digits_pattern",p:!0,a:9,type:String},4:{name:"national_prefix_formatting_rule",a:9,type:String},6:{name:"national_prefix_optional_when_formatting",a:8,type:Boolean},5:{name:"domestic_carrier_code_formatting_rule",a:9,type:String}});
+D(H,{0:{name:"PhoneNumberDesc",m:"i18n.phonenumbers.PhoneNumberDesc"},2:{name:"national_number_pattern",a:9,type:String},3:{name:"possible_number_pattern",a:9,type:String},6:{name:"example_number",a:9,type:String}});
+D(I,{0:{name:"PhoneMetadata",m:"i18n.phonenumbers.PhoneMetadata"},1:{name:"general_desc",required:!0,a:11,type:H},2:{name:"fixed_line",required:!0,a:11,type:H},3:{name:"mobile",required:!0,a:11,type:H},4:{name:"toll_free",required:!0,a:11,type:H},5:{name:"premium_rate",required:!0,a:11,type:H},6:{name:"shared_cost",required:!0,a:11,type:H},7:{name:"personal_number",required:!0,a:11,type:H},8:{name:"voip",required:!0,a:11,type:H},21:{name:"pager",required:!0,a:11,type:H},25:{name:"uan",required:!0,
+a:11,type:H},27:{name:"emergency",required:!0,a:11,type:H},28:{name:"voicemail",required:!0,a:11,type:H},24:{name:"no_international_dialling",required:!0,a:11,type:H},9:{name:"id",required:!0,a:9,type:String},10:{name:"country_code",required:!0,a:5,type:Number},11:{name:"international_prefix",required:!0,a:9,type:String},17:{name:"preferred_international_prefix",a:9,type:String},12:{name:"national_prefix",a:9,type:String},13:{name:"preferred_extn_prefix",a:9,type:String},15:{name:"national_prefix_for_parsing",
+a:9,type:String},16:{name:"national_prefix_transform_rule",a:9,type:String},18:{name:"same_mobile_and_fixed_line_pattern",a:8,defaultValue:!1,type:Boolean},19:{name:"number_format",p:!0,a:11,type:G},20:{name:"intl_number_format",p:!0,a:11,type:G},22:{name:"main_country_for_code",a:8,defaultValue:!1,type:Boolean},23:{name:"leading_digits",a:9,type:String},26:{name:"leading_zero_possible",a:8,defaultValue:!1,type:Boolean}});
+D(J,{0:{name:"PhoneMetadataCollection",m:"i18n.phonenumbers.PhoneMetadataCollection"},1:{name:"metadata",p:!0,a:11,type:I}});/*
+
+ Protocol Buffer 2 Copyright 2008 Google Inc.
+ All other code copyright its respective owners.
+ Copyright (C) 2010 The Libphonenumber Authors
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+function K(){x.apply(this)}p(K,x);K.prototype.h=function(){return B(this,1)};K.prototype.l=function(a){z(this,1,a)};K.prototype.getExtension=function(){return y(this,3)};
+D(K,{0:{name:"PhoneNumber",m:"i18n.phonenumbers.PhoneNumber"},1:{name:"country_code",required:!0,a:5,type:Number},2:{name:"national_number",required:!0,a:4,type:Number},3:{name:"extension",a:9,type:String},4:{name:"italian_leading_zero",a:8,type:Boolean},8:{name:"number_of_leading_zeros",a:5,defaultValue:1,type:Number},5:{name:"raw_input",a:9,type:String},6:{name:"country_code_source",a:14,defaultValue:1,type:{ha:1,ga:5,fa:10,ea:20}},7:{name:"preferred_domestic_carrier_code",a:9,type:String}});function L(){}p(L,E);L.prototype.k=function(a,b){var c=new a.w;c.r=this;c.b=b;c.c={};return c};function M(){}p(M,L);M.prototype.da=!1;M.prototype.n=function(a,b){return 8==a.g?!!b:E.prototype.n.apply(this,arguments)};M.prototype.k=function(a,b){var c=b;if(this.da){var c=[],d;for(d in b)c[parseInt(d,10)+1]=b[d]}return M.ca.k.call(this,a,c)};/*
+
+ Copyright (C) 2010 The Libphonenumber Authors
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+var N={1:"US AG AI AS BB BM BS CA DM DO GD GU JM KN KY LC MP MS PR SX TC TT VC VG VI".split(" "),7:["RU","KZ"],20:["EG"],27:["ZA"],30:["GR"],31:["NL"],32:["BE"],33:["FR"],34:["ES"],36:["HU"],39:["IT"],40:["RO"],41:["CH"],43:["AT"],44:["GB","GG","IM","JE"],45:["DK"],46:["SE"],47:["NO","SJ"],48:["PL"],49:["DE"],51:["PE"],52:["MX"],53:["CU"],54:["AR"],55:["BR"],56:["CL"],57:["CO"],58:["VE"],60:["MY"],61:["AU","CC","CX"],62:["ID"],63:["PH"],64:["NZ"],65:["SG"],66:["TH"],81:["JP"],82:["KR"],84:["VN"],
+86:["CN"],90:["TR"],91:["IN"],92:["PK"],93:["AF"],94:["LK"],95:["MM"],98:["IR"],211:["SS"],212:["MA","EH"],213:["DZ"],216:["TN"],218:["LY"],220:["GM"],221:["SN"],222:["MR"],223:["ML"],224:["GN"],225:["CI"],226:["BF"],227:["NE"],228:["TG"],229:["BJ"],230:["MU"],231:["LR"],232:["SL"],233:["GH"],234:["NG"],235:["TD"],236:["CF"],237:["CM"],238:["CV"],239:["ST"],240:["GQ"],241:["GA"],242:["CG"],243:["CD"],244:["AO"],245:["GW"],246:["IO"],247:["AC"],248:["SC"],249:["SD"],250:["RW"],251:["ET"],252:["SO"],
+253:["DJ"],254:["KE"],255:["TZ"],256:["UG"],257:["BI"],258:["MZ"],260:["ZM"],261:["MG"],262:["RE","YT"],263:["ZW"],264:["NA"],265:["MW"],266:["LS"],267:["BW"],268:["SZ"],269:["KM"],290:["SH","TA"],291:["ER"],297:["AW"],298:["FO"],299:["GL"],350:["GI"],351:["PT"],352:["LU"],353:["IE"],354:["IS"],355:["AL"],356:["MT"],357:["CY"],358:["FI","AX"],359:["BG"],370:["LT"],371:["LV"],372:["EE"],373:["MD"],374:["AM"],375:["BY"],376:["AD"],377:["MC"],378:["SM"],379:["VA"],380:["UA"],381:["RS"],382:["ME"],385:["HR"],
+386:["SI"],387:["BA"],389:["MK"],420:["CZ"],421:["SK"],423:["LI"],500:["FK"],501:["BZ"],502:["GT"],503:["SV"],504:["HN"],505:["NI"],506:["CR"],507:["PA"],508:["PM"],509:["HT"],590:["GP","BL","MF"],591:["BO"],592:["GY"],593:["EC"],594:["GF"],595:["PY"],596:["MQ"],597:["SR"],598:["UY"],599:["CW","BQ"],670:["TL"],672:["NF"],673:["BN"],674:["NR"],675:["PG"],676:["TO"],677:["SB"],678:["VU"],679:["FJ"],680:["PW"],681:["WF"],682:["CK"],683:["NU"],685:["WS"],686:["KI"],687:["NC"],688:["TV"],689:["PF"],690:["TK"],
+691:["FM"],692:["MH"],800:["001"],808:["001"],850:["KP"],852:["HK"],853:["MO"],855:["KH"],856:["LA"],870:["001"],878:["001"],880:["BD"],881:["001"],882:["001"],883:["001"],886:["TW"],888:["001"],960:["MV"],961:["LB"],962:["JO"],963:["SY"],964:["IQ"],965:["KW"],966:["SA"],967:["YE"],968:["OM"],970:["PS"],971:["AE"],972:["IL"],973:["BH"],974:["QA"],975:["BT"],976:["MN"],977:["NP"],979:["001"],992:["TJ"],993:["TM"],994:["AZ"],995:["GE"],996:["KG"],998:["UZ"]},O={AC:[,[,,"[2-7]\\d{3,5}","\\d{4,6}"],[,
+,"(?:[267]\\d|3[0-5]|4[4-69])\\d{2}","\\d{4}",,,"6889"],[,,"5\\d{5}","\\d{6}",,,"501234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AC",247,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AD:[,[,,"(?:[346-9]|180)\\d{5}","\\d{6,8}"],[,,"[78]\\d{5}","\\d{6}",,,"712345"],[,,"[346]\\d{5}","\\d{6}",,,"312345"],[,,"180[02]\\d{4}","\\d{8}",,,"18001234"],[,,"9\\d{5}","\\d{6}",,,"912345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AD",376,"00",,,,,,,
+,[[,"(\\d{3})(\\d{3})","$1 $2",["[346-9]"],"","",0],[,"(180[02])(\\d{4})","$1 $2",["1"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AE:[,[,,"[2-79]\\d{7,8}|800\\d{2,9}","\\d{5,12}"],[,,"[2-4679][2-8]\\d{6}","\\d{7,8}",,,"22345678"],[,,"5[0256]\\d{7}","\\d{9}",,,"501234567"],[,,"400\\d{6}|800\\d{2,9}","\\d{5,12}",,,"800123456"],[,,"900[02]\\d{5}","\\d{9}",,,"900234567"],[,,"700[05]\\d{5}","\\d{9}",,,"700012345"],[,,"NA","NA"],[,,"NA","NA"],"AE",971,"00","0",,,"0",,,,[[,
+"([2-4679])(\\d{3})(\\d{4})","$1 $2 $3",["[2-4679][2-8]"],"0$1","",0],[,"(5[0256])(\\d{3})(\\d{4})","$1 $2 $3",["5"],"0$1","",0],[,"([479]00)(\\d)(\\d{5})","$1 $2 $3",["[479]0"],"$1","",0],[,"([68]00)(\\d{2,9})","$1 $2",["60|8"],"$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"600[25]\\d{5}","\\d{9}",,,"600212345"],,,[,,"NA","NA"]],AF:[,[,,"[2-7]\\d{8}","\\d{7,9}"],[,,"(?:[25][0-8]|[34][0-4]|6[0-5])[2-9]\\d{6}","\\d{7,9}",,,"234567890"],[,,"7(?:[05-9]\\d{7}|29\\d{6})","\\d{9}",,,"701234567"],[,,"NA",
+"NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AF",93,"00","0",,,"0",,,,[[,"([2-7]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["[2-6]|7[013-9]"],"0$1","",0],[,"(729)(\\d{3})(\\d{3})","$1 $2 $3",["729"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AG:[,[,,"[2589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"268(?:4(?:6[0-38]|84)|56[0-2])\\d{4}","\\d{7}(?:\\d{3})?",,,"2684601234"],[,,"268(?:464|7(?:2[0-9]|64|7[0-689]|8[02-68]))\\d{4}","\\d{10}",,,"2684641234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}",
+"\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"26848[01]\\d{4}","\\d{10}",,,"2684801234"],"AG",1,"011","1",,,"1",,,,,,[,,"26840[69]\\d{4}","\\d{10}",,,"2684061234"],,"268",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AI:[,[,,"[2589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"2644(?:6[12]|9[78])\\d{4}","\\d{7}(?:\\d{3})?",,,"2644612345"],[,,"264(?:235|476|5(?:3[6-9]|8[1-4])|7(?:29|72))\\d{4}","\\d{10}",,,
+"2642351234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"AI",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"264",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AL:[,[,,"[2-57]\\d{7}|6\\d{8}|8\\d{5,7}|9\\d{5}","\\d{5,9}"],[,,"(?:2(?:[168][1-9]|[247]\\d|9[1-7])|3(?:1[1-3]|[2-6]\\d|[79][1-8]|8[1-9])|4\\d{2}|5(?:1[1-4]|[2-578]\\d|6[1-5]|9[1-7])|8(?:[19][1-5]|[2-6]\\d|[78][1-7]))\\d{5}",
+"\\d{5,8}",,,"22345678"],[,,"6[6-9]\\d{7}","\\d{9}",,,"661234567"],[,,"800\\d{4}","\\d{7}",,,"8001234"],[,,"900\\d{3}","\\d{6}",,,"900123"],[,,"808\\d{3}","\\d{6}",,,"808123"],[,,"700\\d{5}","\\d{8}",,,"70012345"],[,,"NA","NA"],"AL",355,"00","0",,,"0",,,,[[,"(4)(\\d{3})(\\d{4})","$1 $2 $3",["4[0-6]"],"0$1","",0],[,"(6[6-9])(\\d{3})(\\d{4})","$1 $2 $3",["6"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[2358][2-5]|4[7-9]"],"0$1","",0],[,"(\\d{3})(\\d{3,5})","$1 $2",["[235][16-9]|8[016-9]|[79]"],
+"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AM:[,[,,"[1-9]\\d{7}","\\d{5,8}"],[,,"(?:1[01]\\d|2(?:2[2-46]|3[1-8]|4[2-69]|5[2-7]|6[1-9]|8[1-7])|3[12]2|47\\d)\\d{5}","\\d{5,8}",,,"10123456"],[,,"(?:4[139]|55|77|9[1-9])\\d{6}","\\d{8}",,,"77123456"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"90[016]\\d{5}","\\d{8}",,,"90012345"],[,,"80[1-4]\\d{5}","\\d{8}",,,"80112345"],[,,"NA","NA"],[,,"60[2-6]\\d{5}","\\d{8}",,,"60271234"],"AM",374,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{6})",
+"$1 $2",["1|47"],"(0$1)","",0],[,"(\\d{2})(\\d{6})","$1 $2",["4[139]|[5-7]|9[1-9]"],"0$1","",0],[,"(\\d{3})(\\d{5})","$1 $2",["[23]"],"(0$1)","",0],[,"(\\d{3})(\\d{2})(\\d{3})","$1 $2 $3",["8|90"],"0 $1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AO:[,[,,"[29]\\d{8}","\\d{9}"],[,,"2\\d(?:[26-9]\\d|\\d[26-9])\\d{5}","\\d{9}",,,"222123456"],[,,"9[1-49]\\d{7}","\\d{9}",,,"923123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AO",244,"00",,,,,,,,
+[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AR:[,[,,"11\\d{8}|[2368]\\d{9}|9\\d{10}","\\d{6,11}"],[,,"11\\d{8}|(?:2(?:2(?:[013]\\d|2[13-79]|4[1-6]|5[2457]|6[124-8]|7[1-4]|8[13-6]|9[1267])|3(?:1[467]|2[03-6]|3[13-8]|[49][2-6]|5[2-8]|[067]\\d)|4(?:7[3-8]|9\\d)|6(?:[01346]\\d|2[24-6]|5[15-8])|80\\d|9(?:[0124789]\\d|3[1-6]|5[234]|6[2-46]))|3(?:3(?:2[79]|6\\d|8[2578])|4(?:[78]\\d|0[0124-9]|[1-35]\\d|4[24-7]|6[02-9]|9[123678])|5(?:[138]\\d|2[1245]|4[1-9]|6[2-4]|7[1-6])|6[24]\\d|7(?:[0469]\\d|1[1568]|2[013-9]|3[145]|5[14-8]|7[2-57]|8[0-24-9])|8(?:[013578]\\d|2[15-7]|4[13-6]|6[1-357-9]|9[124]))|670\\d)\\d{6}",
+"\\d{6,10}",,,"1123456789"],[,,"675\\d{7}|9(?:11[2-9]\\d{7}|(?:2(?:2[013]|3[067]|49|6[01346]|80|9[147-9])|3(?:36|4[12358]|5[138]|6[24]|7[069]|8[013578]))[2-9]\\d{6}|\\d{4}[2-9]\\d{5})","\\d{6,11}",,,"91123456789"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"60[04579]\\d{7}","\\d{10}",,,"6001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AR",54,"00","0",,,"0?(?:(11|2(?:2(?:02?|[13]|2[13-79]|4[1-6]|5[2457]|6[124-8]|7[1-4]|8[13-6]|9[1267])|3(?:02?|1[467]|2[03-6]|3[13-8]|[49][2-6]|5[2-8]|[67])|4(?:7[3-578]|9)|6(?:[0136]|2[24-6]|4[6-8]?|5[15-8])|80|9(?:0[1-3]|[19]|2\\d|3[1-6]|4[02568]?|5[2-4]|6[2-46]|72?|8[23]?))|3(?:3(?:2[79]|6|8[2578])|4(?:0[124-9]|[12]|3[5-8]?|4[24-7]|5[4-68]?|6[02-9]|7[126]|8[2379]?|9[1-36-8])|5(?:1|2[1245]|3[237]?|4[1-46-9]|6[2-4]|7[1-6]|8[2-5]?)|6[24]|7(?:1[1568]|2[15]|3[145]|4[13]|5[14-8]|[069]|7[2-57]|8[126])|8(?:[01]|2[15-7]|3[2578]?|4[13-6]|5[4-8]?|6[1-357-9]|7[36-8]?|8[5-8]?|9[124])))?15)?",
+"9$1",,,[[,"([68]\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["[68]"],"0$1","",0],[,"(\\d{2})(\\d{4})","$1-$2",["[2-9]"],"$1","",0],[,"(\\d{3})(\\d{4})","$1-$2",["[2-9]"],"$1","",0],[,"(\\d{4})(\\d{4})","$1-$2",["[2-9]"],"$1","",0],[,"(9)(11)(\\d{4})(\\d{4})","$2 15-$3-$4",["911"],"0$1","",0],[,"(9)(\\d{3})(\\d{3})(\\d{4})","$2 15-$3-$4",["9(?:2[234689]|3[3-8])","9(?:2(?:2[013]|3[067]|49|6[01346]|80|9[147-9])|3(?:36|4[12358]|5[138]|6[24]|7[069]|8[013578]))","9(?:2(?:2[013]|3[067]|49|6[01346]|80|9(?:[179]|4[13479]|8[014-9]))|3(?:36|4[12358]|5(?:[18]|3[014-689])|6[24]|7[069]|8(?:[01]|3[013469]|5[0-39]|7[0-2459]|8[0-49])))"],
+"0$1","",0],[,"(9)(\\d{4})(\\d{2})(\\d{4})","$2 15-$3-$4",["9[23]"],"0$1","",0],[,"(11)(\\d{4})(\\d{4})","$1 $2-$3",["1"],"0$1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2-$3",["2(?:2[013]|3[067]|49|6[01346]|80|9[147-9])|3(?:36|4[12358]|5[138]|6[24]|7[069]|8[013578])","2(?:2[013]|3[067]|49|6[01346]|80|9(?:[179]|4[13479]|8[014-9]))|3(?:36|4[12358]|5(?:[18]|3[0-689])|6[24]|7[069]|8(?:[01]|3[013469]|5[0-39]|7[0-2459]|8[0-49]))"],"0$1","",1],[,"(\\d{4})(\\d{2})(\\d{4})","$1 $2-$3",["[23]"],"0$1","",1],
+[,"(\\d{3})","$1",["1[012]|911"],"$1","",0]],[[,"([68]\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["[68]"],"0$1","",0],[,"(9)(11)(\\d{4})(\\d{4})","$1 $2 $3-$4",["911"]],[,"(9)(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3-$4",["9(?:2[234689]|3[3-8])","9(?:2(?:2[013]|3[067]|49|6[01346]|80|9[147-9])|3(?:36|4[12358]|5[138]|6[24]|7[069]|8[013578]))","9(?:2(?:2[013]|3[067]|49|6[01346]|80|9(?:[179]|4[13479]|8[014-9]))|3(?:36|4[12358]|5(?:[18]|3[014-689])|6[24]|7[069]|8(?:[01]|3[013469]|5[0-39]|7[0-2459]|8[0-49])))"]],[,
+"(9)(\\d{4})(\\d{2})(\\d{4})","$1 $2 $3-$4",["9[23]"]],[,"(11)(\\d{4})(\\d{4})","$1 $2-$3",["1"],"0$1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2-$3",["2(?:2[013]|3[067]|49|6[01346]|80|9[147-9])|3(?:36|4[12358]|5[138]|6[24]|7[069]|8[013578])","2(?:2[013]|3[067]|49|6[01346]|80|9(?:[179]|4[13479]|8[014-9]))|3(?:36|4[12358]|5(?:[18]|3[0-689])|6[24]|7[069]|8(?:[01]|3[013469]|5[0-39]|7[0-2459]|8[0-49]))"],"0$1","",1],[,"(\\d{4})(\\d{2})(\\d{4})","$1 $2-$3",["[23]"],"0$1","",1]],[,,"NA","NA"],,,[,,"810\\d{7}",
+"\\d{10}",,,"8101234567"],[,,"810\\d{7}","\\d{10}",,,"8101234567"],,,[,,"NA","NA"]],AS:[,[,,"[5689]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"6846(?:22|33|44|55|77|88|9[19])\\d{4}","\\d{7}(?:\\d{3})?",,,"6846221234"],[,,"684(?:25[2468]|7(?:3[13]|70))\\d{4}","\\d{10}",,,"6847331234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"AS",1,"011","1",,,"1",,,,
+,,[,,"NA","NA"],,"684",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AT:[,[,,"[1-9]\\d{3,12}","\\d{3,13}"],[,,"1\\d{3,12}|(?:2(?:1[467]|2[13-8]|5[2357]|6[1-46-8]|7[1-8]|8[124-7]|9[1458])|3(?:1[1-8]|3[23568]|4[5-7]|5[1378]|6[1-38]|8[3-68])|4(?:2[1-8]|35|63|7[1368]|8[2457])|5(?:12|2[1-8]|3[357]|4[147]|5[12578]|6[37])|6(?:13|2[1-47]|4[1-35-8]|5[468]|62)|7(?:2[1-8]|3[25]|4[13478]|5[68]|6[16-8]|7[1-6]|9[45]))\\d{3,10}","\\d{3,13}",,,"1234567890"],[,,"6(?:44|5[0-3579]|6[013-9]|[7-9]\\d)\\d{4,10}","\\d{7,13}",
+,,"644123456"],[,,"80[02]\\d{6,10}","\\d{9,13}",,,"800123456"],[,,"(?:711|9(?:0[01]|3[019]))\\d{6,10}","\\d{9,13}",,,"900123456"],[,,"8(?:10|2[018])\\d{6,10}","\\d{9,13}",,,"810123456"],[,,"NA","NA"],[,,"780\\d{6,10}","\\d{9,13}",,,"780123456"],"AT",43,"00","0",,,"0",,,,[[,"(1)(\\d{3,12})","$1 $2",["1"],"0$1","",0],[,"(5\\d)(\\d{3,5})","$1 $2",["5[079]"],"0$1","",0],[,"(5\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["5[079]"],"0$1","",0],[,"(5\\d)(\\d{4})(\\d{4,7})","$1 $2 $3",["5[079]"],"0$1","",0],[,"(\\d{3})(\\d{3,10})",
+"$1 $2",["316|46|51|732|6(?:44|5[0-3579]|[6-9])|7(?:1|[28]0)|[89]"],"0$1","",0],[,"(\\d{4})(\\d{3,9})","$1 $2",["2|3(?:1[1-578]|[3-8])|4[2378]|5[2-6]|6(?:[12]|4[1-35-9]|5[468])|7(?:2[1-8]|35|4[1-8]|[5-79])"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"5(?:(?:0[1-9]|17)\\d{2,10}|[79]\\d{3,11})|720\\d{6,10}","\\d{5,13}",,,"50123"],,,[,,"NA","NA"]],AU:[,[,,"[1-578]\\d{5,9}","\\d{6,10}"],[,,"[237]\\d{8}|8(?:[68]\\d{3}|7[0-69]\\d{2}|9(?:[02-9]\\d{2}|1(?:[0-57-9]\\d|6[0135-9])))\\d{4}","\\d{8,9}",,
+,"212345678"],[,,"14(?:5\\d|71)\\d{5}|4(?:[0-2]\\d|3[0-57-9]|4[47-9]|5[0-25-9]|6[6-9]|7[03-9]|8[17-9]|9[017-9])\\d{6}","\\d{9}",,,"412345678"],[,,"180(?:0\\d{3}|2)\\d{3}","\\d{7,10}",,,"1800123456"],[,,"190[0126]\\d{6}","\\d{10}",,,"1900123456"],[,,"13(?:00\\d{2})?\\d{4}","\\d{6,10}",,,"1300123456"],[,,"500\\d{6}","\\d{9}",,,"500123456"],[,,"550\\d{6}","\\d{9}",,,"550123456"],"AU",61,"(?:14(?:1[14]|34|4[17]|[56]6|7[47]|88))?001[14-689]","0",,,"0",,"0011",,[[,"([2378])(\\d{4})(\\d{4})","$1 $2 $3",
+["[2378]"],"(0$1)","",0],[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["[45]|14"],"0$1","",0],[,"(16)(\\d{3})(\\d{2,4})","$1 $2 $3",["16"],"0$1","",0],[,"(1[389]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["1(?:[38]0|90)","1(?:[38]00|90)"],"$1","",0],[,"(180)(2\\d{3})","$1 $2",["180","1802"],"$1","",0],[,"(19\\d)(\\d{3})","$1 $2",["19[13]"],"$1","",0],[,"(19\\d{2})(\\d{4})","$1 $2",["19[67]"],"$1","",0],[,"(13)(\\d{2})(\\d{2})","$1 $2 $3",["13[1-9]"],"$1","",0]],,[,,"16\\d{3,7}","\\d{5,9}",,,"1612345"],1,,[,,
+"1(?:3(?:\\d{4}|00\\d{6})|80(?:0\\d{6}|2\\d{3}))","\\d{6,10}",,,"1300123456"],[,,"NA","NA"],,,[,,"NA","NA"]],AW:[,[,,"[25-9]\\d{6}","\\d{7}"],[,,"5(?:2\\d|8[1-9])\\d{4}","\\d{7}",,,"5212345"],[,,"(?:5(?:6\\d|9[2-478])|6(?:[039]0|22|4[01]|6[0-2])|7[34]\\d|9(?:6[45]|9[4-8]))\\d{4}","\\d{7}",,,"5601234"],[,,"800\\d{4}","\\d{7}",,,"8001234"],[,,"900\\d{4}","\\d{7}",,,"9001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"28\\d{5}|501\\d{4}","\\d{7}",,,"5011234"],"AW",297,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",
+,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],AX:[,[,,"[135]\\d{5,9}|[27]\\d{4,9}|4\\d{5,10}|6\\d{7,8}|8\\d{6,9}","\\d{5,12}"],[,,"18[1-8]\\d{3,9}","\\d{6,12}",,,"1812345678"],[,,"4\\d{5,10}|50\\d{4,8}","\\d{6,11}",,,"412345678"],[,,"800\\d{4,7}","\\d{7,10}",,,"8001234567"],[,,"[67]00\\d{5,6}","\\d{8,9}",,,"600123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"AX",358,"00|99[049]","0",,,"0",,,,,,[,,"NA","NA"],,,[,,"[13]00\\d{3,7}|2(?:0(?:0\\d{3,7}|2[023]\\d{1,6}|9[89]\\d{1,6}))|60(?:[12]\\d{5,6}|6\\d{7})|7(?:1\\d{7}|3\\d{8}|5[03-9]\\d{2,7})",
+"\\d{5,10}",,,"100123"],[,,"[13]0\\d{4,8}|2(?:0(?:[016-8]\\d{3,7}|[2-59]\\d{2,7})|9\\d{4,8})|60(?:[12]\\d{5,6}|6\\d{7})|7(?:1\\d{7}|3\\d{8}|5[03-9]\\d{2,7})","\\d{5,10}",,,"10112345"],,,[,,"NA","NA"]],AZ:[,[,,"[1-9]\\d{8}","\\d{7,9}"],[,,"(?:1[28]\\d|2(?:02|1[24]|2[2-4]|33|[45]2|6[23])|365)\\d{6}","\\d{7,9}",,,"123123456"],[,,"(?:4[04]|5[015]|60|7[07])\\d{7}","\\d{9}",,,"401234567"],[,,"88\\d{7}","\\d{9}",,,"881234567"],[,,"900200\\d{3}","\\d{9}",,,"900200123"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA",
+"NA"],"AZ",994,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["(?:1[28]|2(?:[45]2|[0-36])|365)"],"(0$1)","",0],[,"(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[4-8]"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["9"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BA:[,[,,"[3-9]\\d{7,8}","\\d{6,9}"],[,,"(?:[35]\\d|49)\\d{6}","\\d{6,8}",,,"30123456"],[,,"6(?:03|44|71|[1-356])\\d{6}","\\d{8,9}",,,"61123456"],[,,"8[08]\\d{6}",
+"\\d{8}",,,"80123456"],[,,"9[0246]\\d{6}","\\d{8}",,,"90123456"],[,,"8[12]\\d{6}","\\d{8}",,,"82123456"],[,,"NA","NA"],[,,"NA","NA"],"BA",387,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2-$3",["[3-5]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["6[1-356]|[7-9]"],"0$1","",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3 $4",["6[047]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"70[23]\\d{5}","\\d{8}",,,"70223456"],,,[,,"NA","NA"]],BB:[,[,,"[2589]\\d{9}","\\d{7}(?:\\d{3})?"],
+[,,"246[2-9]\\d{6}","\\d{7}(?:\\d{3})?",,,"2462345678"],[,,"246(?:(?:2[346]|45|82)\\d|25[0-4])\\d{4}","\\d{10}",,,"2462501234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"BB",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"246",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BD:[,[,,"[2-79]\\d{5,9}|1\\d{9}|8[0-7]\\d{4,8}","\\d{6,10}"],[,,"2(?:7(?:1[0-267]|2[0-289]|3[0-29]|[46][01]|5[1-3]|7[017]|91)|8(?:0[125]|[139][1-6]|2[0157-9]|6[1-35]|7[1-5]|8[1-8])|9(?:0[0-2]|1[1-4]|2[568]|3[3-6]|5[5-7]|6[0167]|7[15]|8[016-8]))\\d{4}|3(?:12?[5-7]\\d{2}|0(?:2(?:[025-79]\\d|[348]\\d{1,2})|3(?:[2-4]\\d|[56]\\d?))|2(?:1\\d{2}|2(?:[12]\\d|[35]\\d{1,2}|4\\d?))|3(?:1\\d{2}|2(?:[2356]\\d|4\\d{1,2}))|4(?:1\\d{2}|2(?:2\\d{1,2}|[47]|5\\d{2}))|5(?:1\\d{2}|29)|[67]1\\d{2}|8(?:1\\d{2}|2(?:2\\d{2}|3|4\\d)))\\d{3}|4(?:0(?:2(?:[09]\\d|7)|33\\d{2})|1\\d{3}|2(?:1\\d{2}|2(?:[25]\\d?|[348]\\d|[67]\\d{1,2}))|3(?:1\\d{2}(?:\\d{2})?|2(?:[045]\\d|[236-9]\\d{1,2})|32\\d{2})|4(?:[18]\\d{2}|2(?:[2-46]\\d{2}|3)|5[25]\\d{2})|5(?:1\\d{2}|2(?:3\\d|5))|6(?:[18]\\d{2}|2(?:3(?:\\d{2})?|[46]\\d{1,2}|5\\d{2}|7\\d)|5(?:3\\d?|4\\d|[57]\\d{1,2}|6\\d{2}|8))|71\\d{2}|8(?:[18]\\d{2}|23\\d{2}|54\\d{2})|9(?:[18]\\d{2}|2[2-5]\\d{2}|53\\d{1,2}))\\d{3}|5(?:02[03489]\\d{2}|1\\d{2}|2(?:1\\d{2}|2(?:2(?:\\d{2})?|[457]\\d{2}))|3(?:1\\d{2}|2(?:[37](?:\\d{2})?|[569]\\d{2}))|4(?:1\\d{2}|2[46]\\d{2})|5(?:1\\d{2}|26\\d{1,2})|6(?:[18]\\d{2}|2|53\\d{2})|7(?:1|24)\\d{2}|8(?:1|26)\\d{2}|91\\d{2})\\d{3}|6(?:0(?:1\\d{2}|2(?:3\\d{2}|4\\d{1,2}))|2(?:2[2-5]\\d{2}|5(?:[3-5]\\d{2}|7)|8\\d{2})|3(?:1|2[3478])\\d{2}|4(?:1|2[34])\\d{2}|5(?:1|2[47])\\d{2}|6(?:[18]\\d{2}|6(?:2(?:2\\d|[34]\\d{2})|5(?:[24]\\d{2}|3\\d|5\\d{1,2})))|72[2-5]\\d{2}|8(?:1\\d{2}|2[2-5]\\d{2})|9(?:1\\d{2}|2[2-6]\\d{2}))\\d{3}|7(?:(?:02|[3-589]1|6[12]|72[24])\\d{2}|21\\d{3}|32)\\d{3}|8(?:(?:4[12]|[5-7]2|1\\d?)|(?:0|3[12]|[5-7]1|217)\\d)\\d{4}|9(?:[35]1|(?:[024]2|81)\\d|(?:1|[24]1)\\d{2})\\d{3}",
+"\\d{6,9}",,,"27111234"],[,,"(?:1[13-9]\\d|(?:3[78]|44)[02-9]|6(?:44|6[02-9]))\\d{7}","\\d{10}",,,"1812345678"],[,,"80[03]\\d{7}","\\d{10}",,,"8001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"96(?:0[49]|1[0-4]|6[69])\\d{6}","\\d{10}",,,"9604123456"],"BD",880,"00[12]?","0",,,"0",,"00",,[[,"(2)(\\d{7})","$1-$2",["2"],"0$1","",0],[,"(\\d{2})(\\d{4,6})","$1-$2",["[3-79]1"],"0$1","",0],[,"(\\d{4})(\\d{3,6})","$1-$2",["1|3(?:0|[2-58]2)|4(?:0|[25]2|3[23]|[4689][25])|5(?:[02-578]2|6[25])|6(?:[0347-9]2|[26][25])|7[02-9]2|8(?:[023][23]|[4-7]2)|9(?:[02][23]|[458]2|6[016])"],
+"0$1","",0],[,"(\\d{3})(\\d{3,7})","$1-$2",["[3-79][2-9]|8"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BE:[,[,,"[1-9]\\d{7,8}","\\d{8,9}"],[,,"(?:1[0-69]|[49][23]|5\\d|6[013-57-9]|71|8[0-79])[1-9]\\d{5}|[23][2-8]\\d{6}","\\d{8}",,,"12345678"],[,,"4(?:[679]\\d|8[03-9])\\d{6}","\\d{9}",,,"470123456"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"(?:70[2-7]|90\\d)\\d{5}","\\d{8}",,,"90123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BE",32,"00","0",,,"0",,,,[[,"(4[6-9]\\d)(\\d{2})(\\d{2})(\\d{2})",
+"$1 $2 $3 $4",["4[6-9]"],"0$1","",0],[,"([2-49])(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[23]|[49][23]"],"0$1","",0],[,"([15-8]\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[156]|7[018]|8(?:0[1-9]|[1-79])"],"0$1","",0],[,"([89]\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["(?:80|9)0"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"78\\d{6}","\\d{8}",,,"78123456"],,,[,,"NA","NA"]],BF:[,[,,"[24-7]\\d{7}","\\d{8}"],[,,"(?:20(?:49|5[23]|9[016-9])|40(?:4[569]|5[4-6]|7[0179])|50(?:[34]\\d|50))\\d{4}","\\d{8}",
+,,"20491234"],[,,"6(?:[0-689]\\d|7[0-5])\\d{5}|7\\d{7}","\\d{8}",,,"70123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BF",226,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BG:[,[,,"[23567]\\d{5,7}|[489]\\d{6,8}","\\d{5,9}"],[,,"2(?:[0-8]\\d{5,6}|9\\d{4,6})|(?:[36]\\d|5[1-9]|8[1-6]|9[1-7])\\d{5,6}|(?:4(?:[124-7]\\d|3[1-6])|7(?:0[1-9]|[1-9]\\d))\\d{4,5}","\\d{5,8}",,,"2123456"],
+[,,"(?:8[7-9]|98)\\d{7}|4(?:3[0789]|8\\d)\\d{5}","\\d{8,9}",,,"48123456"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"90\\d{6}","\\d{8}",,,"90123456"],[,,"NA","NA"],[,,"700\\d{5}","\\d{5,9}",,,"70012345"],[,,"NA","NA"],"BG",359,"00","0",,,"0",,,,[[,"(2)(\\d{5})","$1 $2",["29"],"0$1","",0],[,"(2)(\\d{3})(\\d{3,4})","$1 $2 $3",["2"],"0$1","",0],[,"(\\d{3})(\\d{4})","$1 $2",["43[124-7]|70[1-9]"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{2})","$1 $2 $3",["43[124-7]|70[1-9]"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{3})",
+"$1 $2 $3",["[78]00"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{2,3})","$1 $2 $3",["[356]|4[124-7]|7[1-9]|8[1-6]|9[1-7]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["48|8[7-9]|9[08]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BH:[,[,,"[136-9]\\d{7}","\\d{8}"],[,,"(?:1(?:3[13-6]|6[0156]|7\\d)\\d|6(?:1[16]\\d|500|6(?:0\\d|3[12]|44|88)|9[69][69])|7(?:7\\d{2}|178))\\d{4}","\\d{8}",,,"17001234"],[,,"(?:3(?:[1-4679]\\d|5[0135]|8[0-48])\\d|6(?:3(?:00|33|6[16])|6(?:[69]\\d|3[03-9])))\\d{4}",
+"\\d{8}",,,"36001234"],[,,"80\\d{6}","\\d{8}",,,"80123456"],[,,"(?:87|9[014578])\\d{6}","\\d{8}",,,"90123456"],[,,"84\\d{6}","\\d{8}",,,"84123456"],[,,"NA","NA"],[,,"NA","NA"],"BH",973,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BI:[,[,,"[27]\\d{7}","\\d{8}"],[,,"22(?:2[0-7]|[3-5]0)\\d{4}","\\d{8}",,,"22201234"],[,,"(?:29|7[14-9])\\d{6}","\\d{8}",,,"79561234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],
+"BI",257,"00",,,,,,,,[[,"([27]\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BJ:[,[,,"[2689]\\d{7}|7\\d{3}","\\d{4,8}"],[,,"2(?:02|1[037]|2[45]|3[68])\\d{5}","\\d{8}",,,"20211234"],[,,"(?:6[146-8]|9[03-9])\\d{6}","\\d{8}",,,"90011234"],[,,"7[3-5]\\d{2}","\\d{4}",,,"7312"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"857[58]\\d{4}","\\d{8}",,,"85751234"],"BJ",229,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,
+"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"81\\d{6}","\\d{8}",,,"81123456"],,,[,,"NA","NA"]],BL:[,[,,"[56]\\d{8}","\\d{9}"],[,,"590(?:2[7-9]|5[12]|87)\\d{4}","\\d{9}",,,"590271234"],[,,"690(?:0[0-7]|[1-9]\\d)\\d{4}","\\d{9}",,,"690301234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BL",590,"00","0",,,"0",,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BM:[,[,,"[4589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"441(?:2(?:02|23|61|[3479]\\d)|[46]\\d{2}|5(?:4\\d|60|89)|824)\\d{4}",
+"\\d{7}(?:\\d{3})?",,,"4412345678"],[,,"441(?:[37]\\d|5[0-39])\\d{5}","\\d{10}",,,"4413701234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"BM",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"441",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BN:[,[,,"[2-578]\\d{6}","\\d{7}"],[,,"2(?:[013-9]\\d|2[0-7])\\d{4}|[3-5]\\d{6}","\\d{7}",,,"2345678"],[,,"22[89]\\d{4}|[78]\\d{6}",
+"\\d{7}",,,"7123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BN",673,"00",,,,,,,,[[,"([2-578]\\d{2})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BO:[,[,,"[23467]\\d{7}","\\d{7,8}"],[,,"(?:2(?:2\\d{2}|5(?:11|[258]\\d|9[67])|6(?:12|2\\d|9[34])|8(?:2[34]|39|62))|3(?:3\\d{2}|4(?:6\\d|8[24])|8(?:25|42|5[257]|86|9[25])|9(?:2\\d|3[234]|4[248]|5[24]|6[2-6]|7\\d))|4(?:4\\d{2}|6(?:11|[24689]\\d|72)))\\d{4}","\\d{7,8}",,,"22123456"],
+[,,"[67]\\d{7}","\\d{8}",,,"71234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BO",591,"00(1\\d)?","0",,,"0(1\\d)?",,,,[[,"([234])(\\d{7})","$1 $2",["[234]"],"","0$CC $1",0],[,"([67]\\d{7})","$1",["[67]"],"","0$CC $1",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BQ:[,[,,"[347]\\d{6}","\\d{7}"],[,,"(?:318[023]|416[023]|7(?:1[578]|50)\\d)\\d{3}","\\d{7}",,,"7151234"],[,,"(?:318[14-68]|416[15-9]|7(?:0[01]|7[07]|[89]\\d)\\d)\\d{3}","\\d{7}",,,"3181234"],
+[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BQ",599,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BR:[,[,,"[1-46-9]\\d{7,10}|5\\d{8,9}","\\d{8,11}"],[,,"1[1-9][2-5]\\d{7}|(?:[4689][1-9]|2[12478]|3[1-578]|5[13-5]|7[13-579])[2-5]\\d{7}","\\d{8,11}",,,"1123456789"],[,,"1[1-9](?:7|9\\d)\\d{7}|(?:2[12478]|9[1-9])9?[6-9]\\d{7}|(?:3[1-578]|[468][1-9]|5[13-5]|7[13-579])[6-9]\\d{7}","\\d{10,11}",,,"11961234567"],[,,"800\\d{6,7}","\\d{8,11}",,,"800123456"],
+[,,"[359]00\\d{6,7}","\\d{8,11}",,,"300123456"],[,,"[34]00\\d{5}","\\d{8}",,,"40041234"],[,,"NA","NA"],[,,"NA","NA"],"BR",55,"00(?:1[45]|2[135]|31|4[13])","0",,,"0(?:(1[245]|2[135]|31|4[13])(\\d{10,11}))?","$2",,,[[,"(\\d{4})(\\d{4})","$1-$2",["[2-9](?:[1-9]|0[1-9])"],"$1","",0],[,"(\\d{5})(\\d{4})","$1-$2",["9(?:[1-9]|0[1-9])"],"$1","",0],[,"(\\d{3,5})","$1",["1[125689]"],"$1","",0],[,"(\\d{2})(\\d{5})(\\d{4})","$1 $2-$3",["(?:1[1-9]|2[12478]|9[1-9])9"],"($1)","0 $CC ($1)",0],[,"(\\d{2})(\\d{4})(\\d{4})",
+"$1 $2-$3",["[1-9][1-9]"],"($1)","0 $CC ($1)",0],[,"([34]00\\d)(\\d{4})","$1-$2",["[34]00"],"","",0],[,"([3589]00)(\\d{2,3})(\\d{4})","$1 $2 $3",["[3589]00"],"0$1","",0]],[[,"(\\d{2})(\\d{5})(\\d{4})","$1 $2-$3",["(?:1[1-9]|2[12478]|9[1-9])9"],"($1)","0 $CC ($1)",0],[,"(\\d{2})(\\d{4})(\\d{4})","$1 $2-$3",["[1-9][1-9]"],"($1)","0 $CC ($1)",0],[,"([34]00\\d)(\\d{4})","$1-$2",["[34]00"],"","",0],[,"([3589]00)(\\d{2,3})(\\d{4})","$1 $2 $3",["[3589]00"],"0$1","",0]],[,,"NA","NA"],,,[,,"[34]00\\d{5}",
+"\\d{8}",,,"40041234"],[,,"NA","NA"],,,[,,"NA","NA"]],BS:[,[,,"[2589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"242(?:3(?:02|[236][1-9]|4[0-24-9]|5[0-68]|7[3467]|8[0-4]|9[2-467])|461|502|6(?:0[12]|12|7[67]|8[78]|9[89])|702)\\d{4}","\\d{7}(?:\\d{3})?",,,"2423456789"],[,,"242(?:3(?:5[79]|[79]5)|4(?:[2-4][1-9]|5[1-8]|6[2-8]|7\\d|81)|5(?:2[45]|3[35]|44|5[1-9]|65|77)|6[34]6|727)\\d{4}","\\d{10}",,,"2423591234"],[,,"242300\\d{4}|8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",
+,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"BS",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"242",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BT:[,[,,"[1-8]\\d{6,7}","\\d{6,8}"],[,,"(?:2[3-6]|[34][5-7]|5[236]|6[2-46]|7[246]|8[2-4])\\d{5}","\\d{6,7}",,,"2345678"],[,,"[17]7\\d{6}","\\d{8}",,,"17123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BT",975,"00",,,,,,,,[[,"([17]7)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",
+["1|77"],"","",0],[,"([2-8])(\\d{3})(\\d{3})","$1 $2 $3",["[2-68]|7[246]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BW:[,[,,"[2-79]\\d{6,7}","\\d{7,8}"],[,,"(?:2(?:4[0-48]|6[0-24]|9[0578])|3(?:1[0235-9]|55|6\\d|7[01]|9[0-57])|4(?:6[03]|7[1267]|9[0-5])|5(?:3[0389]|4[0489]|7[1-47]|88|9[0-49])|6(?:2[1-35]|5[149]|8[067]))\\d{4}","\\d{7}",,,"2401234"],[,,"7(?:[1-356]\\d|4[0-7]|7[014-7])\\d{5}","\\d{8}",,,"71123456"],[,,"NA","NA"],[,,"90\\d{5}","\\d{7}",,,"9012345"],[,,"NA",
+"NA"],[,,"NA","NA"],[,,"79[12][01]\\d{4}","\\d{8}",,,"79101234"],"BW",267,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[2-6]"],"","",0],[,"(7\\d)(\\d{3})(\\d{3})","$1 $2 $3",["7"],"","",0],[,"(90)(\\d{5})","$1 $2",["9"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],BY:[,[,,"[1-4]\\d{8}|[89]\\d{9,10}","\\d{7,11}"],[,,"(?:1(?:5(?:1[1-5]|[24]\\d|6[2-4]|9[1-7])|6(?:[235]\\d|4[1-7])|7\\d{2})|2(?:1(?:[246]\\d|3[0-35-9]|5[1-9])|2(?:[235]\\d|4[0-8])|3(?:[26]\\d|3[02-79]|4[024-7]|5[03-7])))\\d{5}",
+"\\d{7,9}",,,"152450911"],[,,"(?:2(?:5[5679]|9[1-9])|33\\d|44\\d)\\d{6}","\\d{9}",,,"294911911"],[,,"8(?:0[13]|20\\d)\\d{7}","\\d{10,11}",,,"8011234567"],[,,"(?:810|902)\\d{7}","\\d{10}",,,"9021234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BY",375,"810","8",,,"8?0?",,"8~10",,[[,"(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2-$3-$4",["17[0-3589]|2[4-9]|[34]","17(?:[02358]|1[0-2]|9[0189])|2[4-9]|[34]"],"8 0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2-$3-$4",["1(?:5[24]|6[235]|7[467])|2(?:1[246]|2[25]|3[26])",
+"1(?:5[24]|6(?:2|3[04-9]|5[0346-9])|7(?:[46]|7[37-9]))|2(?:1[246]|2[25]|3[26])"],"8 0$1","",0],[,"(\\d{4})(\\d{2})(\\d{3})","$1 $2-$3",["1(?:5[169]|6[3-5]|7[179])|2(?:1[35]|2[34]|3[3-5])","1(?:5[169]|6(?:3[1-3]|4|5[125])|7(?:1[3-9]|7[0-24-6]|9[2-7]))|2(?:1[35]|2[34]|3[3-5])"],"8 0$1","",0],[,"([89]\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["8[01]|9"],"8 $1","",0],[,"(8\\d{2})(\\d{4})(\\d{4})","$1 $2 $3",["82"],"8 $1","",0]],,[,,"NA","NA"],,,[,,"8(?:[013]|[12]0)\\d{8}|902\\d{7}","\\d{10,11}",,,"82012345678"],
+[,,"NA","NA"],,,[,,"NA","NA"]],BZ:[,[,,"[2-8]\\d{6}|0\\d{10}","\\d{7}(?:\\d{4})?"],[,,"[234578][02]\\d{5}","\\d{7}",,,"2221234"],[,,"6[0-367]\\d{5}","\\d{7}",,,"6221234"],[,,"0800\\d{7}","\\d{11}",,,"08001234123"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"BZ",501,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1-$2",["[2-8]"],"","",0],[,"(0)(800)(\\d{4})(\\d{3})","$1-$2-$3-$4",["0"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],CA:[,[,,"[2-9]\\d{9}|3\\d{6}","\\d{7}(?:\\d{3})?"],
+[,,"(?:2(?:04|[23]6|[48]9|50)|3(?:06|43|65)|4(?:03|1[68]|3[178]|50)|5(?:06|1[49]|79|8[17])|6(?:0[04]|13|39|47)|7(?:0[59]|78|8[02])|8(?:[06]7|19|73)|90[25])[2-9]\\d{6}|310\\d{4}","\\d{7}(?:\\d{3})?",,,"2042345678"],[,,"(?:2(?:04|[23]6|[48]9|50)|3(?:06|43|65)|4(?:03|1[68]|3[178]|50)|5(?:06|1[49]|79|8[17])|6(?:0[04]|13|39|47)|7(?:0[59]|78|8[02])|8(?:[06]7|19|73)|90[25])[2-9]\\d{6}","\\d{7}(?:\\d{3})?",,,"2042345678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}|310\\d{4}","\\d{7}(?:\\d{3})?",,,"8002123456"],
+[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"CA",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CC:[,[,,"[1458]\\d{5,9}","\\d{6,10}"],[,,"89162\\d{4}","\\d{8,9}",,,"891621234"],[,,"14(?:5\\d|71)\\d{5}|4(?:[0-2]\\d|3[0-57-9]|4[47-9]|5[0-25-9]|6[6-9]|7[03-9]|8[17-9]|9[017-9])\\d{6}","\\d{9}",,,"412345678"],[,,"1(?:80(?:0\\d{2})?|3(?:00\\d{2})?)\\d{4}","\\d{6,10}",,,"1800123456"],
+[,,"190[0126]\\d{6}","\\d{10}",,,"1900123456"],[,,"NA","NA"],[,,"500\\d{6}","\\d{9}",,,"500123456"],[,,"550\\d{6}","\\d{9}",,,"550123456"],"CC",61,"(?:14(?:1[14]|34|4[17]|[56]6|7[47]|88))?001[14-689]","0",,,"0",,"0011",,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CD:[,[,,"[2-6]\\d{6}|[18]\\d{6,8}|9\\d{8}","\\d{7,9}"],[,,"1(?:2\\d{7}|\\d{6})|[2-6]\\d{6}","\\d{7,9}",,,"1234567"],[,,"8(?:[0-2459]\\d{2}|8)\\d{5}|9[7-9]\\d{7}","\\d{7,9}",,,"991234567"],[,,"NA","NA"],[,,"NA","NA"],[,
+,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CD",243,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["12"],"0$1","",0],[,"([89]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["8[0-2459]|9"],"0$1","",0],[,"(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["88"],"0$1","",0],[,"(\\d{2})(\\d{5})","$1 $2",["[1-6]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CF:[,[,,"[278]\\d{7}","\\d{8}"],[,,"2[12]\\d{6}","\\d{8}",,,"21612345"],[,,"7[0257]\\d{6}","\\d{8}",,,"70012345"],[,,"NA","NA"],[,
+,"8776\\d{4}","\\d{8}",,,"87761234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CF",236,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CG:[,[,,"[028]\\d{8}","\\d{9}"],[,,"222[1-589]\\d{5}","\\d{9}",,,"222123456"],[,,"0[14-6]\\d{7}","\\d{9}",,,"061234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CG",242,"00",,,,,,,,[[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",
+["[02]"],"","",0],[,"(\\d)(\\d{4})(\\d{4})","$1 $2 $3",["8"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],CH:[,[,,"[2-9]\\d{8}|860\\d{9}","\\d{9}(?:\\d{3})?"],[,,"(?:2[12467]|3[1-4]|4[134]|5[256]|6[12]|[7-9]1)\\d{7}","\\d{9}",,,"212345678"],[,,"7[5-9]\\d{7}","\\d{9}",,,"781234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"90[016]\\d{6}","\\d{9}",,,"900123456"],[,,"84[0248]\\d{6}","\\d{9}",,,"840123456"],[,,"878\\d{6}","\\d{9}",,,"878123456"],[,,"NA","NA"],"CH",41,"00",
+"0",,,"0",,,,[[,"([2-9]\\d)(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[2-7]|[89]1"],"0$1","",0],[,"([89]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["8[047]|90"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4 $5",["860"],"0$1","",0]],,[,,"74[0248]\\d{6}","\\d{9}",,,"740123456"],,,[,,"NA","NA"],[,,"5[18]\\d{7}","\\d{9}",,,"581234567"],,,[,,"860\\d{9}","\\d{12}",,,"860123456789"]],CI:[,[,,"[02-7]\\d{7}","\\d{8}"],[,,"(?:2(?:0[023]|1[02357]|[23][045]|4[03-5])|3(?:0[06]|1[069]|[2-4][07]|5[09]|6[08]))\\d{5}",
+"\\d{8}",,,"21234567"],[,,"(?:0[1-9]|4[0-24-9]|5[4-9]|6[015-79]|7[57])\\d{6}","\\d{8}",,,"01234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CI",225,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],CK:[,[,,"[2-57]\\d{4}","\\d{5}"],[,,"(?:2\\d|3[13-7]|4[1-5])\\d{3}","\\d{5}",,,"21234"],[,,"(?:5[0-68]|7\\d)\\d{3}","\\d{5}",,,"71234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"NA","NA"],"CK",682,"00",,,,,,,,[[,"(\\d{2})(\\d{3})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CL:[,[,,"(?:[2-9]|600|123)\\d{7,8}","\\d{7,11}"],[,,"2(?:2\\d{7}|1962\\d{4})|(?:3[2-5]|[47][1-35]|5[1-3578]|6[13-57])\\d{7}","\\d{7,9}",,,"221234567"],[,,"9[4-9]\\d{7}","\\d{8,9}",,,"961234567"],[,,"800\\d{6}|1230\\d{7}","\\d{9,11}",,,"800123456"],[,,"NA","NA"],[,,"600\\d{7,8}","\\d{10,11}",,,"6001234567"],[,,"NA","NA"],[,,"44\\d{7}","\\d{9}",,,"441234567"],
+"CL",56,"(?:0|1(?:1[0-69]|2[0-57]|5[13-58]|69|7[0167]|8[018]))0","0",,,"0|(1(?:1[0-69]|2[0-57]|5[13-58]|69|7[0167]|8[018]))",,,,[[,"(\\d)(\\d{4})(\\d{4})","$1 $2 $3",["22"],"($1)","$CC ($1)",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["[357]|4[1-35]|6[13-57]"],"($1)","$CC ($1)",0],[,"(9)(\\d{4})(\\d{4})","$1 $2 $3",["9"],"0$1","",0],[,"(44)(\\d{3})(\\d{4})","$1 $2 $3",["44"],"0$1","",0],[,"([68]00)(\\d{3})(\\d{3,4})","$1 $2 $3",["60|8"],"$1","",0],[,"(600)(\\d{3})(\\d{2})(\\d{3})","$1 $2 $3 $4",["60"],
+"$1","",0],[,"(1230)(\\d{3})(\\d{4})","$1 $2 $3",["1"],"$1","",0],[,"(\\d{5})(\\d{4})","$1 $2",["219"],"($1)","$CC ($1)",0],[,"(\\d{4,5})","$1",["[1-9]"],"$1","",0]],[[,"(\\d)(\\d{4})(\\d{4})","$1 $2 $3",["22"],"($1)","$CC ($1)",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["[357]|4[1-35]|6[13-57]"],"($1)","$CC ($1)",0],[,"(9)(\\d{4})(\\d{4})","$1 $2 $3",["9"],"0$1","",0],[,"(44)(\\d{3})(\\d{4})","$1 $2 $3",["44"],"0$1","",0],[,"([68]00)(\\d{3})(\\d{3,4})","$1 $2 $3",["60|8"],"$1","",0],[,"(600)(\\d{3})(\\d{2})(\\d{3})",
+"$1 $2 $3 $4",["60"],"$1","",0],[,"(1230)(\\d{3})(\\d{4})","$1 $2 $3",["1"],"$1","",0],[,"(\\d{5})(\\d{4})","$1 $2",["219"],"($1)","$CC ($1)",0]],[,,"NA","NA"],,,[,,"600\\d{7,8}","\\d{10,11}",,,"6001234567"],[,,"NA","NA"],,,[,,"NA","NA"]],CM:[,[,,"[2357-9]\\d{7}","\\d{8}"],[,,"(?:22|33)\\d{6}","\\d{8}",,,"22123456"],[,,"[579]\\d{7}","\\d{8}",,,"71234567"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"88\\d{6}","\\d{8}",,,"88012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CM",237,"00",,,,,,,,[[,"([2357-9]\\d)(\\d{2})(\\d{2})(\\d{2})",
+"$1 $2 $3 $4",["[23579]|88"],"","",0],[,"(800)(\\d{2})(\\d{3})","$1 $2 $3",["80"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CN:[,[,,"[1-7]\\d{6,11}|8[0-357-9]\\d{6,9}|9\\d{7,9}","\\d{4,12}"],[,,"21(?:100\\d{2}|95\\d{3,4}|\\d{8,10})|(?:10|2[02-57-9]|3(?:11|7[179])|4(?:[15]1|3[12])|5(?:1\\d|2[37]|3[12]|51|7[13-79]|9[15])|7(?:31|5[457]|6[09]|91)|8(?:71|98))(?:100\\d{2}|95\\d{3,4}|\\d{8})|(?:3(?:1[02-9]|35|49|5\\d|7[02-68]|9[1-68])|4(?:1[02-9]|2[179]|3[3-9]|5[2-9]|6[4789]|7\\d|8[23])|5(?:3[03-9]|4[36]|5[02-9]|6[1-46]|7[028]|80|9[2-46-9])|6(?:3[1-5]|6[0238]|9[12])|7(?:01|[17]\\d|2[248]|3[04-9]|4[3-6]|5[0-3689]|6[2368]|9[02-9])|8(?:1[236-8]|2[5-7]|3\\d|5[1-9]|7[02-9]|8[3678]|9[1-7])|9(?:0[1-3689]|1[1-79]|[379]\\d|4[13]|5[1-5]))(?:100\\d{2}|95\\d{3,4}|\\d{7})|80(?:29|6[03578]|7[018]|81)\\d{4}",
+"\\d{4,12}",,,"1012345678"],[,,"1(?:[38]\\d|4[57]|5[0-35-9]|7[06-8])\\d{8}","\\d{11}",,,"13123456789"],[,,"(?:10)?800\\d{7}","\\d{10,12}",,,"8001234567"],[,,"16[08]\\d{5}","\\d{8}",,,"16812345"],[,,"400\\d{7}|(?:10|2[0-57-9]|3(?:[157]\\d|35|49|9[1-68])|4(?:[17]\\d|2[179]|[35][1-9]|6[4789]|8[23])|5(?:[1357]\\d|2[37]|4[36]|6[1-46]|80|9[1-9])|6(?:3[1-5]|6[0238]|9[12])|7(?:01|[1579]\\d|2[248]|3[014-9]|4[3-6]|6[023689])|8(?:1[236-8]|2[5-7]|[37]\\d|5[1-9]|8[3678]|9[1-8])|9(?:0[1-3689]|1[1-79]|[379]\\d|4[13]|5[1-5]))96\\d{3,4}",
+"\\d{7,10}",,,"4001234567"],[,,"NA","NA"],[,,"NA","NA"],"CN",86,"(1[1279]\\d{3})?00","0",,,"(1[1279]\\d{3})|0",,"00",,[[,"(80\\d{2})(\\d{4})","$1 $2",["80[2678]"],"0$1","$CC $1",1],[,"([48]00)(\\d{3})(\\d{4})","$1 $2 $3",["[48]00"],"","",0],[,"(\\d{5,6})","$1",["100|95"],"","",0],[,"(\\d{2})(\\d{5,6})","$1 $2",["(?:10|2\\d)[19]","(?:10|2\\d)(?:10|9[56])","(?:10|2\\d)(?:100|9[56])"],"0$1","$CC $1",0],[,"(\\d{3})(\\d{5,6})","$1 $2",["[3-9]","[3-9]\\d{2}[19]","[3-9]\\d{2}(?:10|9[56])"],"0$1","$CC $1",
+0],[,"(\\d{3,4})(\\d{4})","$1 $2",["[2-9]"],"","",0],[,"(21)(\\d{4})(\\d{4,6})","$1 $2 $3",["21"],"0$1","$CC $1",1],[,"([12]\\d)(\\d{4})(\\d{4})","$1 $2 $3",["10[1-9]|2[02-9]","10[1-9]|2[02-9]","10(?:[1-79]|8(?:[1-9]|0[1-9]))|2[02-9]"],"0$1","$CC $1",1],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["3(?:11|7[179])|4(?:[15]1|3[12])|5(?:1|2[37]|3[12]|51|7[13-79]|9[15])|7(?:31|5[457]|6[09]|91)|8(?:71|98)"],"0$1","$CC $1",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["3(?:1[02-9]|35|49|5|7[02-68]|9[1-68])|4(?:1[02-9]|2[179]|[35][2-9]|6[4789]|7\\d|8[23])|5(?:3[03-9]|4[36]|5[02-9]|6[1-46]|7[028]|80|9[2-46-9])|6(?:3[1-5]|6[0238]|9[12])|7(?:01|[1579]|2[248]|3[04-9]|4[3-6]|6[2368])|8(?:1[236-8]|2[5-7]|3|5[1-9]|7[02-9]|8[3678]|9[1-7])|9(?:0[1-3689]|1[1-79]|[379]|4[13]|5[1-5])"],
+"0$1","$CC $1",1],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["1[3-578]"],"","$CC $1",0],[,"(10800)(\\d{3})(\\d{4})","$1 $2 $3",["108","1080","10800"],"","",0]],[[,"(80\\d{2})(\\d{4})","$1 $2",["80[2678]"],"0$1","$CC $1",1],[,"([48]00)(\\d{3})(\\d{4})","$1 $2 $3",["[48]00"],"","",0],[,"(\\d{2})(\\d{5,6})","$1 $2",["(?:10|2\\d)[19]","(?:10|2\\d)(?:10|9[56])","(?:10|2\\d)(?:100|9[56])"],"0$1","$CC $1",0],[,"(\\d{3})(\\d{5,6})","$1 $2",["[3-9]","[3-9]\\d{2}[19]","[3-9]\\d{2}(?:10|9[56])"],"0$1","$CC $1",
+0],[,"(21)(\\d{4})(\\d{4,6})","$1 $2 $3",["21"],"0$1","$CC $1",1],[,"([12]\\d)(\\d{4})(\\d{4})","$1 $2 $3",["10[1-9]|2[02-9]","10[1-9]|2[02-9]","10(?:[1-79]|8(?:[1-9]|0[1-9]))|2[02-9]"],"0$1","$CC $1",1],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["3(?:11|7[179])|4(?:[15]1|3[12])|5(?:1|2[37]|3[12]|51|7[13-79]|9[15])|7(?:31|5[457]|6[09]|91)|8(?:71|98)"],"0$1","$CC $1",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["3(?:1[02-9]|35|49|5|7[02-68]|9[1-68])|4(?:1[02-9]|2[179]|[35][2-9]|6[4789]|7\\d|8[23])|5(?:3[03-9]|4[36]|5[02-9]|6[1-46]|7[028]|80|9[2-46-9])|6(?:3[1-5]|6[0238]|9[12])|7(?:01|[1579]|2[248]|3[04-9]|4[3-6]|6[2368])|8(?:1[236-8]|2[5-7]|3|5[1-9]|7[02-9]|8[3678]|9[1-7])|9(?:0[1-3689]|1[1-79]|[379]|4[13]|5[1-5])"],
+"0$1","$CC $1",1],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["1[3-578]"],"","$CC $1",0],[,"(10800)(\\d{3})(\\d{4})","$1 $2 $3",["108","1080","10800"],"","",0]],[,,"NA","NA"],,,[,,"(?:4|(?:10)?8)00\\d{7}","\\d{10,12}",,,"4001234567"],[,,"NA","NA"],,,[,,"NA","NA"]],CO:[,[,,"(?:[13]\\d{0,3}|[24-8])\\d{7}","\\d{7,11}"],[,,"[124-8][2-9]\\d{6}","\\d{8}",,,"12345678"],[,,"3(?:0[0-5]|1\\d|2[0-2]|5[01])\\d{7}","\\d{10}",,,"3211234567"],[,,"1800\\d{7}","\\d{11}",,,"18001234567"],[,,"19(?:0[01]|4[78])\\d{7}",
+"\\d{11}",,,"19001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CO",57,"00(?:4(?:[14]4|56)|[579])","0",,,"0([3579]|4(?:44|56))?",,,,[[,"(\\d)(\\d{7})","$1 $2",["1(?:8[2-9]|9[0-3]|[2-7])|[24-8]","1(?:8[2-9]|9(?:09|[1-3])|[2-7])|[24-8]"],"($1)","0$CC $1",0],[,"(\\d{3})(\\d{7})","$1 $2",["3"],"","0$CC $1",0],[,"(1)(\\d{3})(\\d{7})","$1-$2-$3",["1(?:80|9[04])","1(?:800|9(?:0[01]|4[78]))"],"0$1","",0]],[[,"(\\d)(\\d{7})","$1 $2",["1(?:8[2-9]|9[0-3]|[2-7])|[24-8]","1(?:8[2-9]|9(?:09|[1-3])|[2-7])|[24-8]"],
+"($1)","0$CC $1",0],[,"(\\d{3})(\\d{7})","$1 $2",["3"],"","0$CC $1",0],[,"(1)(\\d{3})(\\d{7})","$1 $2 $3",["1(?:80|9[04])","1(?:800|9(?:0[01]|4[78]))"]]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CR:[,[,,"[24-9]\\d{7,9}","\\d{8,10}"],[,,"2[24-7]\\d{6}","\\d{8}",,,"22123456"],[,,"5(?:0[01]|7[0-3])\\d{5}|6(?:[0-2]\\d|30)\\d{5}|7[0-3]\\d{6}|8[3-9]\\d{6}","\\d{8}",,,"83123456"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"90[059]\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"210[0-6]\\d{4}|4(?:0(?:0[01]\\d{4}|10[0-3]\\d{3}|2(?:00\\d{3}|900\\d{2})|3[01]\\d{4}|40\\d{4}|5\\d{5}|60\\d{4}|70[01]\\d{3}|8[0-2]\\d{4})|1[01]\\d{5}|20[0-3]\\d{4}|400\\d{4}|70[0-2]\\d{4})|5100\\d{4}","\\d{8}",,,"40001234"],"CR",506,"00",,,,"(19(?:0[012468]|1[09]|20|66|77|99))",,,,[[,"(\\d{4})(\\d{4})","$1 $2",["[24-7]|8[3-9]"],"","$CC $1",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1-$2-$3",["[89]0"],"","$CC $1",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CU:[,[,,"[2-57]\\d{5,7}",
+"\\d{4,8}"],[,,"2[1-4]\\d{5,6}|3(?:1\\d{6}|[23]\\d{4,6})|4(?:[125]\\d{5,6}|[36]\\d{6}|[78]\\d{4,6})|7\\d{6,7}","\\d{4,8}",,,"71234567"],[,,"5\\d{7}","\\d{8}",,,"51234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CU",53,"119","0",,,"0",,,,[[,"(\\d)(\\d{6,7})","$1 $2",["7"],"(0$1)","",0],[,"(\\d{2})(\\d{4,6})","$1 $2",["[2-4]"],"(0$1)","",0],[,"(\\d)(\\d{7})","$1 $2",["5"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CV:[,[,,"[259]\\d{6}",
+"\\d{7}"],[,,"2(?:2[1-7]|3[0-8]|4[12]|5[1256]|6\\d|7[1-3]|8[1-5])\\d{4}","\\d{7}",,,"2211234"],[,,"(?:9\\d|59)\\d{5}","\\d{7}",,,"9911234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"CV",238,"0",,,,,,,,[[,"(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CW:[,[,,"[169]\\d{6,7}","\\d{7,8}"],[,,"9(?:[48]\\d{2}|50\\d|7(?:2[0-24]|[34]\\d|6[35-7]|77|8[7-9]))\\d{4}","\\d{7,8}",,,"94151234"],[,,"9(?:5(?:[1246]\\d|3[01])|6(?:[16-9]\\d|3[01]))\\d{4}",
+"\\d{7,8}",,,"95181234"],[,,"NA","NA"],[,,"NA","NA"],[,,"(?:10|69)\\d{5}","\\d{7}",,,"1011234"],[,,"NA","NA"],[,,"NA","NA"],"CW",599,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[13-7]"],"","",0],[,"(9)(\\d{3})(\\d{4})","$1 $2 $3",["9"],"","",0]],,[,,"955\\d{5}","\\d{7,8}",,,"95581234"],1,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CX:[,[,,"[1458]\\d{5,9}","\\d{6,10}"],[,,"89164\\d{4}","\\d{8,9}",,,"891641234"],[,,"14(?:5\\d|71)\\d{5}|4(?:[0-2]\\d|3[0-57-9]|4[47-9]|5[0-25-9]|6[6-9]|7[03-9]|8[17-9]|9[017-9])\\d{6}",
+"\\d{9}",,,"412345678"],[,,"1(?:80(?:0\\d{2})?|3(?:00\\d{2})?)\\d{4}","\\d{6,10}",,,"1800123456"],[,,"190[0126]\\d{6}","\\d{10}",,,"1900123456"],[,,"NA","NA"],[,,"500\\d{6}","\\d{9}",,,"500123456"],[,,"550\\d{6}","\\d{9}",,,"550123456"],"CX",61,"(?:14(?:1[14]|34|4[17]|[56]6|7[47]|88))?001[14-689]","0",,,"0",,"0011",,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],CY:[,[,,"[257-9]\\d{7}","\\d{8}"],[,,"2[2-6]\\d{6}","\\d{8}",,,"22345678"],[,,"9[5-79]\\d{6}","\\d{8}",,,"96123456"],[,,
+"800\\d{5}","\\d{8}",,,"80001234"],[,,"90[09]\\d{5}","\\d{8}",,,"90012345"],[,,"80[1-9]\\d{5}","\\d{8}",,,"80112345"],[,,"700\\d{5}","\\d{8}",,,"70012345"],[,,"NA","NA"],"CY",357,"00",,,,,,,,[[,"(\\d{2})(\\d{6})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"(?:50|77)\\d{6}","\\d{8}",,,"77123456"],,,[,,"NA","NA"]],CZ:[,[,,"[2-8]\\d{8}|9\\d{8,11}","\\d{9,12}"],[,,"2\\d{8}|(?:3[1257-9]|4[16-9]|5[13-9])\\d{7}","\\d{9,12}",,,"212345678"],[,,"(?:60[1-8]|7(?:0[2-5]|[2379]\\d))\\d{6}","\\d{9,12}",
+,,"601123456"],[,,"800\\d{6}","\\d{9,12}",,,"800123456"],[,,"9(?:0[05689]|76)\\d{6}","\\d{9,12}",,,"900123456"],[,,"8[134]\\d{7}","\\d{9,12}",,,"811234567"],[,,"70[01]\\d{6}","\\d{9,12}",,,"700123456"],[,,"9[17]0\\d{6}","\\d{9,12}",,,"910123456"],"CZ",420,"00",,,,,,,,[[,"([2-9]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[2-8]|9[015-7]"],"","",0],[,"(96\\d)(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3 $4",["96"],"","",0],[,"(9\\d)(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3 $4",["9[36]"],"","",0]],,[,,"NA","NA"],,,[,,"NA",
+"NA"],[,,"9(?:5\\d|7[234])\\d{6}","\\d{9,12}",,,"972123456"],,,[,,"9(?:3\\d{9}|6\\d{7,10})","\\d{9,12}",,,"93123456789"]],DE:[,[,,"[1-35-9]\\d{3,14}|4(?:[0-8]\\d{4,12}|9(?:[0-37]\\d|4(?:[1-35-8]|4\\d?)|5\\d{1,2}|6[1-8]\\d?)\\d{2,8})","\\d{2,15}"],[,,"[246]\\d{5,13}|3(?:0\\d{3,13}|2\\d{9}|[3-9]\\d{4,13})|5(?:0[2-8]|[1256]\\d|[38][0-8]|4\\d{0,2}|[79][0-7])\\d{3,11}|7(?:0[2-8]|[1-9]\\d)\\d{3,10}|8(?:0[2-9]|[1-9]\\d)\\d{3,10}|9(?:0[6-9]\\d{3,10}|1\\d{4,12}|[2-9]\\d{4,11})","\\d{2,15}",,,"30123456"],[,
+,"1(?:5[0-2579]\\d{8}|6[023]\\d{7,8}|7(?:[0-57-9]\\d?|6\\d)\\d{7})","\\d{10,11}",,,"15123456789"],[,,"800\\d{7,12}","\\d{10,15}",,,"8001234567890"],[,,"137[7-9]\\d{6}|900(?:[135]\\d{6}|9\\d{7})","\\d{10,11}",,,"9001234567"],[,,"1(?:3(?:7[1-6]\\d{6}|8\\d{4})|80\\d{5,11})","\\d{7,14}",,,"18012345"],[,,"700\\d{8}","\\d{11}",,,"70012345678"],[,,"NA","NA"],"DE",49,"00","0",,,"0",,,,[[,"(1\\d{2})(\\d{7,8})","$1 $2",["1[67]"],"0$1","",0],[,"(1\\d{3})(\\d{7})","$1 $2",["15"],"0$1","",0],[,"(\\d{2})(\\d{3,11})",
+"$1 $2",["3[02]|40|[68]9"],"0$1","",0],[,"(\\d{3})(\\d{3,11})","$1 $2",["2(?:\\d1|0[2389]|1[24]|28|34)|3(?:[3-9][15]|40)|[4-8][1-9]1|9(?:06|[1-9]1)"],"0$1","",0],[,"(\\d{4})(\\d{2,11})","$1 $2",["[24-6]|[7-9](?:\\d[1-9]|[1-9]\\d)|3(?:[3569][02-46-9]|4[2-4679]|7[2-467]|8[2-46-8])","[24-6]|[7-9](?:\\d[1-9]|[1-9]\\d)|3(?:3(?:0[1-467]|2[127-9]|3[124578]|[46][1246]|7[1257-9]|8[1256]|9[145])|4(?:2[135]|3[1357]|4[13578]|6[1246]|7[1356]|9[1346])|5(?:0[14]|2[1-3589]|3[1357]|4[1246]|6[1-4]|7[1346]|8[13568]|9[1246])|6(?:0[356]|2[1-489]|3[124-6]|4[1347]|6[13]|7[12579]|8[1-356]|9[135])|7(?:2[1-7]|3[1357]|4[145]|6[1-5]|7[1-4])|8(?:21|3[1468]|4[1347]|6[0135-9]|7[1467]|8[136])|9(?:0[12479]|2[1358]|3[1357]|4[134679]|6[1-9]|7[136]|8[147]|9[1468]))"],
+"0$1","",0],[,"(3\\d{4})(\\d{1,10})","$1 $2",["3"],"0$1","",0],[,"(800)(\\d{7,12})","$1 $2",["800"],"0$1","",0],[,"(177)(99)(\\d{7,8})","$1 $2 $3",["177","1779","17799"],"0$1","",0],[,"(\\d{3})(\\d)(\\d{4,10})","$1 $2 $3",["(?:18|90)0|137","1(?:37|80)|900[1359]"],"0$1","",0],[,"(1\\d{2})(\\d{5,11})","$1 $2",["181"],"0$1","",0],[,"(18\\d{3})(\\d{6})","$1 $2",["185","1850","18500"],"0$1","",0],[,"(18\\d{2})(\\d{7})","$1 $2",["18[68]"],"0$1","",0],[,"(18\\d)(\\d{8})","$1 $2",["18[2-579]"],"0$1","",0],
+[,"(700)(\\d{4})(\\d{4})","$1 $2 $3",["700"],"0$1","",0],[,"(138)(\\d{4})","$1 $2",["138"],"0$1","",0]],,[,,"16(?:4\\d{1,10}|[89]\\d{1,11})","\\d{4,14}",,,"16412345"],,,[,,"NA","NA"],[,,"18(?:1\\d{5,11}|[2-9]\\d{8})","\\d{8,14}",,,"18500123456"],,,[,,"17799\\d{7,8}","\\d{12,13}",,,"177991234567"]],DJ:[,[,,"[27]\\d{7}","\\d{8}"],[,,"2(?:1[2-5]|7[45])\\d{5}","\\d{8}",,,"21360003"],[,,"77[6-8]\\d{5}","\\d{8}",,,"77831001"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"DJ",253,
+"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],DK:[,[,,"[2-9]\\d{7}","\\d{8}"],[,,"(?:[2-7]\\d|8[126-9]|9[1-36-9])\\d{6}","\\d{8}",,,"32123456"],[,,"(?:[2-7]\\d|8[126-9]|9[1-36-9])\\d{6}","\\d{8}",,,"20123456"],[,,"80\\d{6}","\\d{8}",,,"80123456"],[,,"90\\d{6}","\\d{8}",,,"90123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"DK",45,"00",,,,,,,1,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],
+,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],DM:[,[,,"[57-9]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"767(?:2(?:55|66)|4(?:2[01]|4[0-25-9])|50[0-4]|70[1-3])\\d{4}","\\d{7}(?:\\d{3})?",,,"7674201234"],[,,"767(?:2(?:[234689]5|7[5-7])|31[5-7]|61[2-7])\\d{4}","\\d{10}",,,"7672251234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"DM",1,"011",
+"1",,,"1",,,,,,[,,"NA","NA"],,"767",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],DO:[,[,,"[589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"8(?:[04]9[2-9]\\d{6}|29(?:2(?:[0-59]\\d|6[04-9]|7[0-27]|8[0237-9])|3(?:[0-35-9]\\d|4[7-9])|[45]\\d{2}|6(?:[0-27-9]\\d|[3-5][1-9]|6[0135-8])|7(?:0[013-9]|[1-37]\\d|4[1-35689]|5[1-4689]|6[1-57-9]|8[1-79]|9[1-8])|8(?:0[146-9]|1[0-48]|[248]\\d|3[1-79]|5[01589]|6[013-68]|7[124-8]|9[0-8])|9(?:[0-24]\\d|3[02-46-9]|5[0-79]|60|7[0169]|8[57-9]|9[02-9]))\\d{4})","\\d{7}(?:\\d{3})?",
+,,"8092345678"],[,,"8[024]9[2-9]\\d{6}","\\d{7}(?:\\d{3})?",,,"8092345678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"DO",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"8[024]9",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],DZ:[,[,,"(?:[1-4]|[5-9]\\d)\\d{7}","\\d{8,9}"],[,,"(?:1\\d|2[014-79]|3[0-8]|4[0135689])\\d{6}|9619\\d{5}","\\d{8,9}",,,"12345678"],
+[,,"(?:5[4-6]|7[7-9])\\d{7}|6(?:[569]\\d|7[0-4])\\d{6}","\\d{9}",,,"551234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"80[3-689]1\\d{5}","\\d{9}",,,"808123456"],[,,"80[12]1\\d{5}","\\d{9}",,,"801123456"],[,,"NA","NA"],[,,"98[23]\\d{6}","\\d{9}",,,"983123456"],"DZ",213,"00","0",,,"0",,,,[[,"([1-4]\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[1-4]"],"0$1","",0],[,"([5-8]\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[5-8]"],"0$1","",0],[,"(9\\d)(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["9"],"0$1",
+"",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],EC:[,[,,"1\\d{9,10}|[2-8]\\d{7}|9\\d{8}","\\d{7,11}"],[,,"[2-7][2-7]\\d{6}","\\d{7,8}",,,"22123456"],[,,"9(?:39|[45][89]|[67][7-9]|[89]\\d)\\d{6}","\\d{9}",,,"991234567"],[,,"1800\\d{6,7}","\\d{10,11}",,,"18001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"[2-7]890\\d{4}","\\d{8}",,,"28901234"],"EC",593,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{4})","$1 $2-$3",["[247]|[356][2-8]"],"(0$1)","",0],[,"(\\d{2})(\\d{3})(\\d{4})",
+"$1 $2 $3",["9"],"0$1","",0],[,"(1800)(\\d{3})(\\d{3,4})","$1 $2 $3",["1"],"$1","",0]],[[,"(\\d)(\\d{3})(\\d{4})","$1-$2-$3",["[247]|[356][2-8]"]],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["9"],"0$1","",0],[,"(1800)(\\d{3})(\\d{3,4})","$1 $2 $3",["1"],"$1","",0]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],EE:[,[,,"1\\d{3,4}|[3-9]\\d{6,7}|800\\d{6,7}","\\d{4,10}"],[,,"(?:3[23589]|4[3-8]|6\\d|7[1-9]|88)\\d{5}","\\d{7}",,,"3212345"],[,,"(?:5\\d|8[1-5])\\d{6}|5(?:[02]\\d{2}|1(?:[0-8]\\d|95)|5[0-478]\\d|64[0-4]|65[1-589])\\d{3}",
+"\\d{7,8}",,,"51234567"],[,,"800(?:0\\d{3}|1\\d|[2-9])\\d{3}","\\d{7,10}",,,"80012345"],[,,"(?:40\\d{2}|900)\\d{4}","\\d{7,8}",,,"9001234"],[,,"NA","NA"],[,,"70[0-2]\\d{5}","\\d{8}",,,"70012345"],[,,"NA","NA"],"EE",372,"00",,,,,,,,[[,"([3-79]\\d{2})(\\d{4})","$1 $2",["[369]|4[3-8]|5(?:[0-2]|5[0-478]|6[45])|7[1-9]","[369]|4[3-8]|5(?:[02]|1(?:[0-8]|95)|5[0-478]|6(?:4[0-4]|5[1-589]))|7[1-9]"],"","",0],[,"(70)(\\d{2})(\\d{4})","$1 $2 $3",["70"],"","",0],[,"(8000)(\\d{3})(\\d{3})","$1 $2 $3",["800","8000"],
+"","",0],[,"([458]\\d{3})(\\d{3,4})","$1 $2",["40|5|8(?:00|[1-5])","40|5|8(?:00[1-9]|[1-5])"],"","",0]],,[,,"NA","NA"],,,[,,"1\\d{3,4}|800[2-9]\\d{3}","\\d{4,7}",,,"8002123"],[,,"1(?:2[01245]|3[0-6]|4[1-489]|5[0-59]|6[1-46-9]|7[0-27-9]|8[189]|9[012])\\d{1,2}","\\d{4,5}",,,"12123"],,,[,,"NA","NA"]],EG:[,[,,"1\\d{4,9}|[2456]\\d{8}|3\\d{7}|[89]\\d{8,9}","\\d{5,10}"],[,,"(?:1(?:3[23]\\d|5(?:[23]|9\\d))|2[2-4]\\d{2}|3\\d{2}|4(?:0[2-5]|[578][23]|64)\\d|5(?:0[2-7]|[57][23])\\d|6[24-689]3\\d|8(?:2[2-57]|4[26]|6[237]|8[2-4])\\d|9(?:2[27]|3[24]|52|6[2356]|7[2-4])\\d)\\d{5}|1[69]\\d{3}",
+"\\d{5,9}",,,"234567890"],[,,"1(?:0[0-269]|1[0-245]|2[0-278])\\d{7}","\\d{10}",,,"1001234567"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"900\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"EG",20,"00","0",,,"0",,,,[[,"(\\d)(\\d{7,8})","$1 $2",["[23]"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["1[012]|[89]00"],"0$1","",0],[,"(\\d{2})(\\d{6,7})","$1 $2",["1[35]|[4-6]|[89][2-9]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],EH:[,
+[,,"[5689]\\d{8}","\\d{9}"],[,,"528[89]\\d{5}","\\d{9}",,,"528812345"],[,,"6(?:0[0-8]|[12-7]\\d|8[01]|9[2457-9])\\d{6}","\\d{9}",,,"650123456"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"89\\d{7}","\\d{9}",,,"891234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"EH",212,"00","0",,,"0",,,,,,[,,"NA","NA"],,"528[89]",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],ER:[,[,,"[178]\\d{6}","\\d{6,7}"],[,,"1(?:1[12568]|20|40|55|6[146])\\d{4}|8\\d{6}","\\d{6,7}",,,"8370362"],[,,"17[1-3]\\d{4}|7\\d{6}","\\d{7}",
+,,"7123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ER",291,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{3})","$1 $2 $3",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],ES:[,[,,"[5-9]\\d{8}","\\d{9}"],[,,"8(?:[13]0|[28][0-8]|[47][1-9]|5[01346-9]|6[0457-9])\\d{6}|9(?:[1238][0-8]\\d{6}|4[1-9]\\d{6}|5\\d{7}|6(?:[0-8]\\d{6}|9(?:0(?:[0-57-9]\\d{4}|6(?:0[0-8]|1[1-9]|[2-9]\\d)\\d{2})|[1-9]\\d{5}))|7(?:[124-9]\\d{2}|3(?:[0-8]\\d|9[1-9]))\\d{4})","\\d{9}",
+,,"810123456"],[,,"(?:6\\d{6}|7[1-4]\\d{5}|9(?:6906(?:09|10)|7390\\d{2}))\\d{2}","\\d{9}",,,"612345678"],[,,"[89]00\\d{6}","\\d{9}",,,"800123456"],[,,"80[367]\\d{6}","\\d{9}",,,"803123456"],[,,"90[12]\\d{6}","\\d{9}",,,"901123456"],[,,"70\\d{7}","\\d{9}",,,"701234567"],[,,"NA","NA"],"ES",34,"00",,,,,,,,[[,"([5-9]\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[568]|[79][0-8]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"51\\d{7}","\\d{9}",,,"511234567"],,,[,,"NA","NA"]],ET:[,[,,"[1-59]\\d{8}","\\d{7,9}"],
+[,,"(?:11(?:1(?:1[124]|2[2-57]|3[1-5]|5[5-8]|8[6-8])|2(?:13|3[6-8]|5[89]|7[05-9]|8[2-6])|3(?:2[01]|3[0-289]|4[1289]|7[1-4]|87)|4(?:1[69]|3[2-49]|4[0-3]|6[5-8])|5(?:1[57]|44|5[0-4])|6(?:18|2[69]|4[5-7]|5[1-5]|6[0-59]|8[015-8]))|2(?:2(?:11[1-9]|22[0-7]|33\\d|44[1467]|66[1-68])|5(?:11[124-6]|33[2-8]|44[1467]|55[14]|66[1-3679]|77[124-79]|880))|3(?:3(?:11[0-46-8]|22[0-6]|33[0134689]|44[04]|55[0-6]|66[01467])|4(?:44[0-8]|55[0-69]|66[0-3]|77[1-5]))|4(?:6(?:22[0-24-7]|33[1-5]|44[13-69]|55[14-689]|660|88[1-4])|7(?:11[1-9]|22[1-9]|33[13-7]|44[13-6]|55[1-689]))|5(?:7(?:227|55[05]|(?:66|77)[14-8])|8(?:11[149]|22[013-79]|33[0-68]|44[013-8]|550|66[1-5]|77\\d)))\\d{4}",
+"\\d{7,9}",,,"111112345"],[,,"9(?:[1-3]\\d|5[89])\\d{6}","\\d{9}",,,"911234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ET",251,"00","0",,,"0",,,,[[,"([1-59]\\d)(\\d{3})(\\d{4})","$1 $2 $3",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],FI:[,[,,"1\\d{4,11}|[2-9]\\d{4,10}","\\d{5,12}"],[,,"1(?:[3569][1-8]\\d{3,9}|[47]\\d{5,10})|2[1-8]\\d{3,9}|3(?:[1-8]\\d{3,9}|9\\d{4,8})|[5689][1-8]\\d{3,9}","\\d{5,12}",,,"1312345678"],[,,"4\\d{5,10}|50\\d{4,8}",
+"\\d{6,11}",,,"412345678"],[,,"800\\d{4,7}","\\d{7,10}",,,"8001234567"],[,,"[67]00\\d{5,6}","\\d{8,9}",,,"600123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"FI",358,"00|99[049]","0",,,"0",,,,[[,"(\\d{3})(\\d{3,7})","$1 $2",["(?:[1-3]00|[6-8]0)"],"0$1","",0],[,"(\\d{2})(\\d{4,10})","$1 $2",["[14]|2[09]|50|7[135]"],"0$1","",0],[,"(\\d)(\\d{4,11})","$1 $2",["[25689][1-8]|3"],"0$1","",0]],,[,,"NA","NA"],1,,[,,"[13]00\\d{3,7}|2(?:0(?:0\\d{3,7}|2[023]\\d{1,6}|9[89]\\d{1,6}))|60(?:[12]\\d{5,6}|6\\d{7})|7(?:1\\d{7}|3\\d{8}|5[03-9]\\d{2,7})",
+"\\d{5,10}",,,"100123"],[,,"[13]0\\d{4,8}|2(?:0(?:[016-8]\\d{3,7}|[2-59]\\d{2,7})|9\\d{4,8})|60(?:[12]\\d{5,6}|6\\d{7})|7(?:1\\d{7}|3\\d{8}|5[03-9]\\d{2,7})","\\d{5,10}",,,"10112345"],,,[,,"NA","NA"]],FJ:[,[,,"[36-9]\\d{6}|0\\d{10}","\\d{7}(?:\\d{4})?"],[,,"(?:3[0-5]|6[25-7]|8[58])\\d{5}","\\d{7}",,,"3212345"],[,,"(?:7[0-8]|8[034679]|9\\d)\\d{5}","\\d{7}",,,"7012345"],[,,"0800\\d{7}","\\d{11}",,,"08001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"FJ",679,"0(?:0|52)",,,,,,"00",
+,[[,"(\\d{3})(\\d{4})","$1 $2",["[36-9]"],"","",0],[,"(\\d{4})(\\d{3})(\\d{4})","$1 $2 $3",["0"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],FK:[,[,,"[2-7]\\d{4}","\\d{5}"],[,,"[2-47]\\d{4}","\\d{5}",,,"31234"],[,,"[56]\\d{4}","\\d{5}",,,"51234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"FK",500,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],FM:[,[,,"[39]\\d{6}","\\d{7}"],[,,"3[2357]0[1-9]\\d{3}|9[2-6]\\d{5}","\\d{7}",
+,,"3201234"],[,,"3[2357]0[1-9]\\d{3}|9[2-7]\\d{5}","\\d{7}",,,"3501234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"FM",691,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],FO:[,[,,"[2-9]\\d{5}","\\d{6}"],[,,"(?:20|[3-4]\\d|8[19])\\d{4}","\\d{6}",,,"201234"],[,,"(?:2[1-9]|5\\d|7[1-79])\\d{4}","\\d{6}",,,"211234"],[,,"80[257-9]\\d{3}","\\d{6}",,,"802123"],[,,"90(?:[1345][15-7]|2[125-7]|99)\\d{2}","\\d{6}",
+,,"901123"],[,,"NA","NA"],[,,"NA","NA"],[,,"(?:6[0-36]|88)\\d{4}","\\d{6}",,,"601234"],"FO",298,"00",,,,"(10(?:01|[12]0|88))",,,,[[,"(\\d{6})","$1",,"","$CC $1",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],FR:[,[,,"[1-9]\\d{8}","\\d{9}"],[,,"[1-5]\\d{8}","\\d{9}",,,"123456789"],[,,"6\\d{8}|7[5-9]\\d{7}","\\d{9}",,,"612345678"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"89[1-37-9]\\d{6}","\\d{9}",,,"891123456"],[,,"8(?:1[019]|2[0156]|84|90)\\d{6}","\\d{9}",,,"810123456"],[,,"NA",
+"NA"],[,,"9\\d{8}","\\d{9}",,,"912345678"],"FR",33,"00","0",,,"0",,,,[[,"([1-79])(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4 $5",["[1-79]"],"0$1","",0],[,"(1\\d{2})(\\d{3})","$1 $2",["11"],"$1","",0],[,"(8\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["8"],"0 $1","",0]],[[,"([1-79])(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4 $5",["[1-79]"],"0$1","",0],[,"(8\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["8"],"0 $1","",0]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GA:[,[,
+,"0?\\d{7}","\\d{7,8}"],[,,"01\\d{6}","\\d{8}",,,"01441234"],[,,"0?[2-7]\\d{6}","\\d{7,8}",,,"06031234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GA",241,"00",,,,,,,,[[,"(\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[2-7]"],"0$1","",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["0"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],GB:[,[,,"\\d{7,10}","\\d{4,10}"],[,,"2(?:0[01378]|3[0189]|4[017]|8[0-46-9]|9[012])\\d{7}|1(?:(?:1(?:3[0-48]|[46][0-4]|5[012789]|7[0-49]|8[01349])|21[0-7]|31[0-8]|[459]1\\d|61[0-46-9]))\\d{6}|1(?:2(?:0[024-9]|2[3-9]|3[3-79]|4[1-689]|[58][02-9]|6[0-4789]|7[013-9]|9\\d)|3(?:0\\d|[25][02-9]|3[02-579]|[468][0-46-9]|7[1235679]|9[24578])|4(?:0[03-9]|[28][02-5789]|[37]\\d|4[02-69]|5[0-8]|[69][0-79])|5(?:0[1235-9]|2[024-9]|3[015689]|4[02-9]|5[03-9]|6\\d|7[0-35-9]|8[0-468]|9[0-5789])|6(?:0[034689]|2[0-35689]|[38][013-9]|4[1-467]|5[0-69]|6[13-9]|7[0-8]|9[0124578])|7(?:0[0246-9]|2\\d|3[023678]|4[03-9]|5[0-46-9]|6[013-9]|7[0-35-9]|8[024-9]|9[02-9])|8(?:0[35-9]|2[1-5789]|3[02-578]|4[0-578]|5[124-9]|6[2-69]|7\\d|8[02-9]|9[02569])|9(?:0[02-589]|2[02-689]|3[1-5789]|4[2-9]|5[0-579]|6[234789]|7[0124578]|8\\d|9[2-57]))\\d{6}|1(?:2(?:0(?:46[1-4]|87[2-9])|545[1-79]|76(?:2\\d|3[1-8]|6[1-6])|9(?:7(?:2[0-4]|3[2-5])|8(?:2[2-8]|7[0-4789]|8[345])))|3(?:638[2-5]|647[23]|8(?:47[04-9]|64[015789]))|4(?:044[1-7]|20(?:2[23]|8\\d)|6(?:0(?:30|5[2-57]|6[1-8]|7[2-8])|140)|8(?:052|87[123]))|5(?:24(?:3[2-79]|6\\d)|276\\d|6(?:26[06-9]|686))|6(?:06(?:4\\d|7[4-79])|295[567]|35[34]\\d|47(?:24|61)|59(?:5[08]|6[67]|74)|955[0-4])|7(?:26(?:6[13-9]|7[0-7])|442\\d|50(?:2[0-3]|[3-68]2|76))|8(?:27[56]\\d|37(?:5[2-5]|8[239])|84(?:3[2-58]))|9(?:0(?:0(?:6[1-8]|85)|52\\d)|3583|4(?:66[1-8]|9(?:2[01]|81))|63(?:23|3[1-4])|9561))\\d{3}|176888[234678]\\d{2}|16977[23]\\d{3}",
+"\\d{4,10}",,,"1212345678"],[,,"7(?:[1-4]\\d\\d|5(?:0[0-8]|[13-9]\\d|2[0-35-9])|7(?:0[1-9]|[1-7]\\d|8[02-9]|9[0-689])|8(?:[014-9]\\d|[23][0-8])|9(?:[04-9]\\d|1[02-9]|2[0-35-9]|3[0-689]))\\d{6}","\\d{10}",,,"7400123456"],[,,"80(?:0(?:1111|\\d{6,7})|8\\d{7})|500\\d{6}","\\d{7}(?:\\d{2,3})?",,,"8001234567"],[,,"(?:87[123]|9(?:[01]\\d|8[2349]))\\d{7}","\\d{10}",,,"9012345678"],[,,"8(?:4(?:5464\\d|[2-5]\\d{7})|70\\d{7})","\\d{7}(?:\\d{3})?",,,"8431234567"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],[,,"56\\d{8}",
+"\\d{10}",,,"5612345678"],"GB",44,"00","0"," x",,"0",,,,[[,"(\\d{2})(\\d{4})(\\d{4})","$1 $2 $3",["2|5[56]|7(?:0|6[013-9])","2|5[56]|7(?:0|6(?:[013-9]|2[0-35-9]))"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["1(?:1|\\d1)|3|9[018]"],"0$1","",0],[,"(\\d{5})(\\d{4,5})","$1 $2",["1(?:38|5[23]|69|76|94)","1(?:387|5(?:24|39)|697|768|946)","1(?:3873|5(?:242|39[456])|697[347]|768[347]|9467)"],"0$1","",0],[,"(1\\d{3})(\\d{5,6})","$1 $2",["1"],"0$1","",0],[,"(7\\d{3})(\\d{6})","$1 $2",["7(?:[1-5789]|62)",
+"7(?:[1-5789]|624)"],"0$1","",0],[,"(800)(\\d{4})","$1 $2",["800","8001","80011","800111","8001111"],"0$1","",0],[,"(845)(46)(4\\d)","$1 $2 $3",["845","8454","84546","845464"],"0$1","",0],[,"(8\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["8(?:4[2-5]|7[0-3])"],"0$1","",0],[,"(80\\d)(\\d{3})(\\d{4})","$1 $2 $3",["80"],"0$1","",0],[,"([58]00)(\\d{6})","$1 $2",["[58]00"],"0$1","",0]],,[,,"76(?:0[012]|2[356]|4[0134]|5[49]|6[0-369]|77|81|9[39])\\d{6}","\\d{10}",,,"7640123456"],1,,[,,"NA","NA"],[,,"(?:3[0347]|55)\\d{8}",
+"\\d{10}",,,"5512345678"],,,[,,"NA","NA"]],GD:[,[,,"[4589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"473(?:2(?:3[0-2]|69)|3(?:2[89]|86)|4(?:[06]8|3[5-9]|4[0-49]|5[5-79]|68|73|90)|63[68]|7(?:58|84)|800|938)\\d{4}","\\d{7}(?:\\d{3})?",,,"4732691234"],[,,"473(?:4(?:0[2-79]|1[04-9]|20|58)|5(?:2[01]|3[3-8])|901)\\d{4}","\\d{10}",,,"4734031234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",
+,,"5002345678"],[,,"NA","NA"],"GD",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"473",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GE:[,[,,"[34578]\\d{8}","\\d{6,9}"],[,,"(?:3(?:[256]\\d|4[124-9]|7[0-4])|4(?:1\\d|2[2-7]|3[1-79]|4[2-8]|7[239]|9[1-7]))\\d{6}","\\d{6,9}",,,"322123456"],[,,"5(?:14|5[01578]|68|7[0147-9]|9[0-35-9])\\d{6}","\\d{9}",,,"555123456"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"706\\d{6}","\\d{9}",,,"706123456"],"GE",995,"00","0",,,"0",,,,[[,
+"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[348]"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["7"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["5"],"$1","",0]],,[,,"NA","NA"],,,[,,"706\\d{6}","\\d{9}",,,"706123456"],[,,"NA","NA"],,,[,,"NA","NA"]],GF:[,[,,"[56]\\d{8}","\\d{9}"],[,,"594(?:10|2[012457-9]|3[0-57-9]|4[3-9]|5[7-9]|6[0-3]|9[014])\\d{4}","\\d{9}",,,"594101234"],[,,"694(?:[04][0-7]|1[0-5]|3[018]|[29]\\d)\\d{4}","\\d{9}",,,"694201234"],[,,"NA","NA"],[,
+,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GF",594,"00","0",,,"0",,,,[[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GG:[,[,,"[135789]\\d{6,9}","\\d{6,10}"],[,,"1481\\d{6}","\\d{6,10}",,,"1481456789"],[,,"7(?:781|839|911)\\d{6}","\\d{10}",,,"7781123456"],[,,"80(?:0(?:1111|\\d{6,7})|8\\d{7})|500\\d{6}","\\d{7}(?:\\d{2,3})?",,,"8001234567"],[,,"(?:87[123]|9(?:[01]\\d|8[0-3]))\\d{7}","\\d{10}",,,"9012345678"],
+[,,"8(?:4(?:5464\\d|[2-5]\\d{7})|70\\d{7})","\\d{7}(?:\\d{3})?",,,"8431234567"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],[,,"56\\d{8}","\\d{10}",,,"5612345678"],"GG",44,"00","0"," x",,"0",,,,,,[,,"76(?:0[012]|2[356]|4[0134]|5[49]|6[0-369]|77|81|9[39])\\d{6}","\\d{10}",,,"7640123456"],,,[,,"NA","NA"],[,,"(?:3[0347]|55)\\d{8}","\\d{10}",,,"5512345678"],,,[,,"NA","NA"]],GH:[,[,,"[235]\\d{8}|8\\d{7}","\\d{7,9}"],[,,"3(?:0[237]\\d|[167](?:2[0-6]|7\\d)|2(?:2[0-5]|7\\d)|3(?:2[0-3]|7\\d)|4(?:2[013-9]|3[01]|7\\d)|5(?:2[0-7]|7\\d)|8(?:2[0-2]|7\\d)|9(?:20|7\\d))\\d{5}",
+"\\d{7,9}",,,"302345678"],[,,"(?:2[034678]\\d|5(?:[047]\\d|54))\\d{6}","\\d{9}",,,"231234567"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GH",233,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["[235]"],"0$1","",0],[,"(\\d{3})(\\d{5})","$1 $2",["8"],"0$1","",0]],,[,,"NA","NA"],,,[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"NA","NA"],,,[,,"NA","NA"]],GI:[,[,,"[2568]\\d{7}","\\d{8}"],[,,"2(?:00\\d|1(?:6[24-7]|9\\d)|2(?:00|2[2457]))\\d{4}",
+"\\d{8}",,,"20012345"],[,,"(?:5[46-8]|62)\\d{6}","\\d{8}",,,"57123456"],[,,"80\\d{6}","\\d{8}",,,"80123456"],[,,"8[1-689]\\d{6}","\\d{8}",,,"88123456"],[,,"87\\d{6}","\\d{8}",,,"87123456"],[,,"NA","NA"],[,,"NA","NA"],"GI",350,"00",,,,,,,,[[,"(\\d{3})(\\d{5})","$1 $2",["2"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GL:[,[,,"[1-689]\\d{5}","\\d{6}"],[,,"(?:19|3[1-6]|6[14689]|8[14-79]|9\\d)\\d{4}","\\d{6}",,,"321000"],[,,"[245][2-9]\\d{4}","\\d{6}",,,"221234"],[,,"80\\d{4}",
+"\\d{6}",,,"801234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"3[89]\\d{4}","\\d{6}",,,"381234"],"GL",299,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GM:[,[,,"[2-9]\\d{6}","\\d{7}"],[,,"(?:4(?:[23]\\d{2}|4(?:1[024679]|[6-9]\\d))|5(?:54[0-7]|6(?:[67]\\d)|7(?:1[04]|2[035]|3[58]|48))|8\\d{3})\\d{3}","\\d{7}",,,"5661234"],[,,"(?:2[0-6]|[3679]\\d)\\d{5}","\\d{7}",,,"3012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],
+[,,"NA","NA"],[,,"NA","NA"],"GM",220,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GN:[,[,,"[367]\\d{7,8}","\\d{8,9}"],[,,"30(?:24|3[12]|4[1-35-7]|5[13]|6[189]|[78]1|9[1478])\\d{4}","\\d{8}",,,"30241234"],[,,"6[02356]\\d{7}","\\d{9}",,,"601123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"722\\d{6}","\\d{9}",,,"722123456"],"GN",224,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["3"],"","",0],
+[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[67]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GP:[,[,,"[56]\\d{8}","\\d{9}"],[,,"590(?:0[13468]|1[012]|2[0-68]|3[28]|4[0-8]|5[579]|6[0189]|70|8[0-689]|9\\d)\\d{4}","\\d{9}",,,"590201234"],[,,"690(?:0[0-7]|[1-9]\\d)\\d{4}","\\d{9}",,,"690301234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GP",590,"00","0",,,"0",,,,[[,"([56]90)(\\d{2})(\\d{4})","$1 $2-$3",,"0$1","",0]],,[,,"NA","NA"],1,
+,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GQ:[,[,,"[23589]\\d{8}","\\d{9}"],[,,"3(?:3(?:3\\d[7-9]|[0-24-9]\\d[46])|5\\d{2}[7-9])\\d{4}","\\d{9}",,,"333091234"],[,,"(?:222|551)\\d{6}","\\d{9}",,,"222123456"],[,,"80\\d[1-9]\\d{5}","\\d{9}",,,"800123456"],[,,"90\\d[1-9]\\d{5}","\\d{9}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GQ",240,"00",,,,,,,,[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["[235]"],"","",0],[,"(\\d{3})(\\d{6})","$1 $2",["[89]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],
+[,,"NA","NA"],,,[,,"NA","NA"]],GR:[,[,,"[26-9]\\d{9}","\\d{10}"],[,,"2(?:1\\d{2}|2(?:2[1-46-9]|3[1-8]|4[1-7]|5[1-4]|6[1-8]|7[1-5]|[89][1-9])|3(?:1\\d|2[1-57]|[35][1-3]|4[13]|7[1-7]|8[124-6]|9[1-79])|4(?:1\\d|2[1-8]|3[1-4]|4[13-5]|6[1-578]|9[1-5])|5(?:1\\d|[29][1-4]|3[1-5]|4[124]|5[1-6])|6(?:1\\d|3[1245]|4[1-7]|5[13-9]|[269][1-6]|7[14]|8[1-5])|7(?:1\\d|2[1-5]|3[1-6]|4[1-7]|5[1-57]|6[135]|9[125-7])|8(?:1\\d|2[1-5]|[34][1-4]|9[1-57]))\\d{6}","\\d{10}",,,"2123456789"],[,,"69\\d{8}","\\d{10}",,,"6912345678"],
+[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"90[19]\\d{7}","\\d{10}",,,"9091234567"],[,,"8(?:0[16]|12|25)\\d{7}","\\d{10}",,,"8011234567"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],[,,"NA","NA"],"GR",30,"00",,,,,,,,[[,"([27]\\d)(\\d{4})(\\d{4})","$1 $2 $3",["21|7"],"","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["2[2-9]1|[689]"],"","",0],[,"(2\\d{3})(\\d{6})","$1 $2",["2[2-9][02-9]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GT:[,[,,"[2-7]\\d{7}|1[89]\\d{9}","\\d{8}(?:\\d{3})?"],
+[,,"[267][2-9]\\d{6}","\\d{8}",,,"22456789"],[,,"[345]\\d{7}","\\d{8}",,,"51234567"],[,,"18[01]\\d{8}","\\d{11}",,,"18001112222"],[,,"19\\d{9}","\\d{11}",,,"19001112222"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GT",502,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",["[2-7]"],"","",0],[,"(\\d{4})(\\d{3})(\\d{4})","$1 $2 $3",["1"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GU:[,[,,"[5689]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"671(?:3(?:00|3[39]|4[349]|55|6[26])|4(?:56|7[1-9]|8[236-9])|5(?:55|6[2-5]|88)|6(?:3[2-578]|4[24-9]|5[34]|78|8[5-9])|7(?:[079]7|2[0167]|3[45]|8[789])|8(?:[2-5789]8|6[48])|9(?:2[29]|6[79]|7[179]|8[789]|9[78]))\\d{4}",
+"\\d{7}(?:\\d{3})?",,,"6713001234"],[,,"671(?:3(?:00|3[39]|4[349]|55|6[26])|4(?:56|7[1-9]|8[236-9])|5(?:55|6[2-5]|88)|6(?:3[2-578]|4[24-9]|5[34]|78|8[5-9])|7(?:[079]7|2[0167]|3[45]|8[789])|8(?:[2-5789]8|6[48])|9(?:2[29]|6[79]|7[179]|8[789]|9[78]))\\d{4}","\\d{7}(?:\\d{3})?",,,"6713001234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"GU",1,"011",
+"1",,,"1",,,1,,,[,,"NA","NA"],,"671",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GW:[,[,,"[3-79]\\d{6}","\\d{7}"],[,,"3(?:2[0125]|3[1245]|4[12]|5[1-4]|70|9[1-467])\\d{4}","\\d{7}",,,"3201234"],[,,"(?:[5-7]\\d|9[012])\\d{5}","\\d{7}",,,"5012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"40\\d{5}","\\d{7}",,,"4012345"],"GW",245,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],GY:[,[,,"[2-4679]\\d{6}","\\d{7}"],[,,
+"(?:2(?:1[6-9]|2[0-35-9]|3[1-4]|5[3-9]|6\\d|7[0-24-79])|3(?:2[25-9]|3\\d)|4(?:4[0-24]|5[56])|77[1-57])\\d{4}","\\d{7}",,,"2201234"],[,,"6\\d{6}","\\d{7}",,,"6091234"],[,,"(?:289|862)\\d{4}","\\d{7}",,,"2891234"],[,,"9008\\d{3}","\\d{7}",,,"9008123"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"GY",592,"001",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],HK:[,[,,"[235-7]\\d{7}|8\\d{7,8}|9\\d{4,10}","\\d{5,11}"],[,,"(?:[23]\\d|5[78])\\d{6}",
+"\\d{8}",,,"21234567"],[,,"(?:5[1-69]\\d|6\\d{2}|9(?:0[1-9]|[1-8]\\d))\\d{5}","\\d{8}",,,"51234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"900(?:[0-24-9]\\d{7}|3\\d{1,4})","\\d{5,11}",,,"90012345678"],[,,"NA","NA"],[,,"8[1-3]\\d{6}","\\d{8}",,,"81123456"],[,,"NA","NA"],"HK",852,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",["[235-7]|[89](?:0[1-9]|[1-9])"],"","",0],[,"(800)(\\d{3})(\\d{3})","$1 $2 $3",["800"],"","",0],[,"(900)(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3 $4",["900"],"","",0],[,"(900)(\\d{2,5})",
+"$1 $2",["900"],"","",0]],,[,,"7\\d{7}","\\d{8}",,,"71234567"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],HN:[,[,,"[237-9]\\d{7}","\\d{8}"],[,,"2(?:2(?:0[019]|1[1-36]|[23]\\d|4[056]|5[57]|7[01389]|8[0146-9]|9[012])|4(?:2[3-59]|3[13-689]|4[0-68]|5[1-35])|5(?:4[3-5]|5\\d|6[56]|74)|6(?:[056]\\d|4[0-378]|[78][0-8]|9[01])|7(?:6[46-9]|7[02-9]|8[34])|8(?:79|8[0-35789]|9[1-57-9]))\\d{4}","\\d{8}",,,"22123456"],[,,"[37-9]\\d{7}","\\d{8}",,,"91234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"NA","NA"],"HN",504,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1-$2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],HR:[,[,,"[1-7]\\d{5,8}|[89]\\d{6,11}","\\d{6,12}"],[,,"1\\d{7}|(?:2[0-3]|3[1-5]|4[02-47-9]|5[1-3])\\d{6}","\\d{6,8}",,,"12345678"],[,,"9[1257-9]\\d{6,10}","\\d{8,12}",,,"912345678"],[,,"80[01]\\d{4,7}","\\d{7,10}",,,"8001234567"],[,,"6(?:[09]\\d{7}|[145]\\d{4,7})","\\d{6,9}",,,"611234"],[,,"NA","NA"],[,,"7[45]\\d{4,7}","\\d{6,9}",,,"741234567"],[,,"NA","NA"],
+"HR",385,"00","0",,,"0",,,,[[,"(1)(\\d{4})(\\d{3})","$1 $2 $3",["1"],"0$1","",0],[,"(6[09])(\\d{4})(\\d{3})","$1 $2 $3",["6[09]"],"0$1","",0],[,"(62)(\\d{3})(\\d{3,4})","$1 $2 $3",["62"],"0$1","",0],[,"([2-5]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[2-5]"],"0$1","",0],[,"(9\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["9"],"0$1","",0],[,"(9\\d)(\\d{4})(\\d{4})","$1 $2 $3",["9"],"0$1","",0],[,"(9\\d)(\\d{3,4})(\\d{3})(\\d{3})","$1 $2 $3 $4",["9"],"0$1","",0],[,"(\\d{2})(\\d{2})(\\d{2,3})","$1 $2 $3",["6[145]|7"],
+"0$1","",0],[,"(\\d{2})(\\d{3,4})(\\d{3})","$1 $2 $3",["6[145]|7"],"0$1","",0],[,"(80[01])(\\d{2})(\\d{2,3})","$1 $2 $3",["8"],"0$1","",0],[,"(80[01])(\\d{3,4})(\\d{3})","$1 $2 $3",["8"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"62\\d{6,7}","\\d{8,9}",,,"62123456"],,,[,,"NA","NA"]],HT:[,[,,"[2-489]\\d{7}","\\d{8}"],[,,"2(?:[24]\\d|5[1-5]|94)\\d{5}","\\d{8}",,,"22453300"],[,,"(?:3[1-9]|4\\d)\\d{6}","\\d{8}",,,"34101234"],[,,"8\\d{7}","\\d{8}",,,"80012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"98[89]\\d{5}","\\d{8}",,,"98901234"],"HT",509,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{4})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],HU:[,[,,"[1-9]\\d{7,8}","\\d{6,9}"],[,,"(?:1\\d|2(?:1\\d|[2-9])|3[2-7]|4[24-9]|5[2-79]|6[23689]|7(?:1\\d|[2-9])|8[2-57-9]|9[2-69])\\d{6}","\\d{6,9}",,,"12345678"],[,,"(?:[27]0|3[01])\\d{7}","\\d{9}",,,"201234567"],[,,"80\\d{6}","\\d{8}",,,"80123456"],[,,"9[01]\\d{6}","\\d{8}",,,"90123456"],[,,"40\\d{6}","\\d{8}",,,"40123456"],
+[,,"NA","NA"],[,,"NA","NA"],"HU",36,"00","06",,,"06",,,,[[,"(1)(\\d{3})(\\d{4})","$1 $2 $3",["1"],"($1)","",0],[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["[2-9]"],"($1)","",0]],,[,,"NA","NA"],,,[,,"[48]0\\d{6}","\\d{8}",,,"80123456"],[,,"NA","NA"],,,[,,"NA","NA"]],ID:[,[,,"[1-9]\\d{6,10}","\\d{5,11}"],[,,"2(?:1(?:14\\d{3}|[0-8]\\d{6,7}|500\\d{3}|9\\d{6})|[24]\\d{7,8})|(?:2(?:[35][1-4]|6[0-8]|7[1-6]|8\\d|9[1-8])|3(?:1|2[1-578]|3[1-68]|4[1-3]|5[1-8]|6[1-3568]|7[0-46]|8\\d)|4(?:0[1-589]|1[01347-9]|2[0-36-8]|3[0-24-68]|5[1-378]|6[1-5]|7[134]|8[1245])|5(?:1[1-35-9]|2[25-8]|3[1246-9]|4[1-3589]|5[1-46]|6[1-8])|6(?:19?|[25]\\d|3[1-469]|4[1-6])|7(?:1[1-46-9]|2[14-9]|[36]\\d|4[1-8]|5[1-9]|7[0-36-9])|9(?:0[12]|1[013-8]|2[0-479]|5[125-8]|6[23679]|7[159]|8[01346]))\\d{5,8}",
+"\\d{5,10}",,,"612345678"],[,,"(?:2(?:1(?:3[145]|4[01]|5[1-469]|60|8[0359]|9\\d)|2(?:88|9[1256])|3[1-4]9|4(?:36|91)|5(?:1[349]|[2-4]9)|6[0-7]9|7(?:[1-36]9|4[39])|8[1-5]9|9[1-48]9)|3(?:19[1-3]|2[12]9|3[13]9|4(?:1[69]|39)|5[14]9|6(?:1[69]|2[89])|709)|4[13]19|5(?:1(?:19|8[39])|4[129]9|6[12]9)|6(?:19[12]|2(?:[23]9|77))|7(?:1[13]9|2[15]9|419|5(?:1[89]|29)|6[15]9|7[178]9))\\d{5,6}|8[1-35-9]\\d{7,9}","\\d{9,11}",,,"812345678"],[,,"177\\d{6,8}|800\\d{5,7}","\\d{8,11}",,,"8001234567"],[,,"809\\d{7}","\\d{10}",
+,,"8091234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ID",62,"0(?:0[1789]|10(?:00|1[67]))","0",,,"0",,,,[[,"(\\d{2})(\\d{5,8})","$1 $2",["2[124]|[36]1"],"(0$1)","",0],[,"(\\d{3})(\\d{5,7})","$1 $2",["[4579]|2[035-9]|[36][02-9]"],"(0$1)","",0],[,"(8\\d{2})(\\d{3,4})(\\d{3,4})","$1-$2-$3",["8[1-35-9]"],"0$1","",0],[,"(177)(\\d{6,8})","$1 $2",["1"],"0$1","",0],[,"(800)(\\d{5,7})","$1 $2",["800"],"0$1","",0],[,"(80\\d)(\\d)(\\d{3})(\\d{3})","$1 $2 $3 $4",["80[79]"],"0$1","",0]],,[,,"NA","NA"],,,
+[,,"8071\\d{6}","\\d{10}",,,"8071123456"],[,,"8071\\d{6}","\\d{10}",,,"8071123456"],,,[,,"NA","NA"]],IE:[,[,,"[124-9]\\d{6,9}","\\d{5,10}"],[,,"1\\d{7,8}|2(?:1\\d{6,7}|3\\d{7}|[24-9]\\d{5})|4(?:0[24]\\d{5}|[1-469]\\d{7}|5\\d{6}|7\\d{5}|8[0-46-9]\\d{7})|5(?:0[45]\\d{5}|1\\d{6}|[23679]\\d{7}|8\\d{5})|6(?:1\\d{6}|[237-9]\\d{5}|[4-6]\\d{7})|7[14]\\d{7}|9(?:1\\d{6}|[04]\\d{7}|[35-9]\\d{5})","\\d{5,10}",,,"2212345"],[,,"8(?:22\\d{6}|[35-9]\\d{7})","\\d{9}",,,"850123456"],[,,"1800\\d{6}","\\d{10}",,,"1800123456"],
+[,,"15(?:1[2-8]|[2-8]0|9[089])\\d{6}","\\d{10}",,,"1520123456"],[,,"18[59]0\\d{6}","\\d{10}",,,"1850123456"],[,,"700\\d{6}","\\d{9}",,,"700123456"],[,,"76\\d{7}","\\d{9}",,,"761234567"],"IE",353,"00","0",,,"0",,,,[[,"(1)(\\d{3,4})(\\d{4})","$1 $2 $3",["1"],"(0$1)","",0],[,"(\\d{2})(\\d{5})","$1 $2",["2[24-9]|47|58|6[237-9]|9[35-9]"],"(0$1)","",0],[,"(\\d{3})(\\d{5})","$1 $2",["40[24]|50[45]"],"(0$1)","",0],[,"(48)(\\d{4})(\\d{4})","$1 $2 $3",["48"],"(0$1)","",0],[,"(818)(\\d{3})(\\d{3})","$1 $2 $3",
+["81"],"(0$1)","",0],[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["[24-69]|7[14]"],"(0$1)","",0],[,"([78]\\d)(\\d{3,4})(\\d{4})","$1 $2 $3",["76|8[35-9]"],"0$1","",0],[,"(700)(\\d{3})(\\d{3})","$1 $2 $3",["70"],"0$1","",0],[,"(\\d{4})(\\d{3})(\\d{3})","$1 $2 $3",["1(?:8[059]|5)","1(?:8[059]0|5)"],"$1","",0]],,[,,"NA","NA"],,,[,,"18[59]0\\d{6}","\\d{10}",,,"1850123456"],[,,"818\\d{6}","\\d{9}",,,"818123456"],,,[,,"8[35-9]\\d{8}","\\d{10}",,,"8501234567"]],IL:[,[,,"[17]\\d{6,9}|[2-589]\\d{3}(?:\\d{3,6})?|6\\d{3}",
+"\\d{4,10}"],[,,"[2-489]\\d{7}","\\d{7,8}",,,"21234567"],[,,"5(?:[02347-9]\\d{2}|5(?:01|2[23]|3[34]|4[45]|5[5689]|6[67]|7[78]|8[89]|9[7-9])|6[2-9]\\d)\\d{5}","\\d{9}",,,"501234567"],[,,"1(?:80[019]\\d{3}|255)\\d{3}","\\d{7,10}",,,"1800123456"],[,,"1(?:212|(?:9(?:0[01]|19)|200)\\d{2})\\d{4}","\\d{8,10}",,,"1919123456"],[,,"1700\\d{6}","\\d{10}",,,"1700123456"],[,,"NA","NA"],[,,"7(?:2[23]\\d|3[237]\\d|47\\d|6(?:5\\d|8[068])|7\\d{2}|8(?:33|55|77|81))\\d{5}","\\d{9}",,,"771234567"],"IL",972,"0(?:0|1[2-9])",
+"0",,,"0",,,,[[,"([2-489])(\\d{3})(\\d{4})","$1-$2-$3",["[2-489]"],"0$1","",0],[,"([57]\\d)(\\d{3})(\\d{4})","$1-$2-$3",["[57]"],"0$1","",0],[,"(1)([7-9]\\d{2})(\\d{3})(\\d{3})","$1-$2-$3-$4",["1[7-9]"],"$1","",0],[,"(1255)(\\d{3})","$1-$2",["125"],"$1","",0],[,"(1200)(\\d{3})(\\d{3})","$1-$2-$3",["120"],"$1","",0],[,"(1212)(\\d{2})(\\d{2})","$1-$2-$3",["121"],"$1","",0],[,"(1599)(\\d{6})","$1-$2",["15"],"$1","",0],[,"(\\d{4})","*$1",["[2-689]"],"$1","",0]],,[,,"NA","NA"],,,[,,"1700\\d{6}|[2-689]\\d{3}",
+"\\d{4,10}",,,"1700123456"],[,,"[2-689]\\d{3}|1599\\d{6}","\\d{4}(?:\\d{6})?",,,"1599123456"],,,[,,"NA","NA"]],IM:[,[,,"[135789]\\d{6,9}","\\d{6,10}"],[,,"1624\\d{6}","\\d{6,10}",,,"1624456789"],[,,"7[569]24\\d{6}","\\d{10}",,,"7924123456"],[,,"808162\\d{4}","\\d{10}",,,"8081624567"],[,,"(?:872299|90[0167]624)\\d{4}","\\d{10}",,,"9016247890"],[,,"8(?:4(?:40[49]06|5624\\d)|70624\\d)\\d{3}","\\d{10}",,,"8456247890"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],[,,"56\\d{8}","\\d{10}",,,"5612345678"],"IM",
+44,"00","0"," x",,"0",,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"3(?:08162\\d|3\\d{5}|4(?:40[49]06|5624\\d)|7(?:0624\\d|2299\\d))\\d{3}|55\\d{8}","\\d{10}",,,"5512345678"],,,[,,"NA","NA"]],IN:[,[,,"1\\d{7,12}|[2-9]\\d{9,10}","\\d{6,13}"],[,,"(?:11|2[02]|33|4[04]|79)[2-7]\\d{7}|80[2-467]\\d{7}|(?:1(?:2[0-249]|3[0-25]|4[145]|[59][14]|6[014]|7[1257]|8[01346])|2(?:1[257]|3[013]|4[01]|5[0137]|6[0158]|78|8[1568]|9[14])|3(?:26|4[1-3]|5[34]|6[01489]|7[02-46]|8[159])|4(?:1[36]|2[1-47]|3[15]|5[12]|6[126-9]|7[0-24-9]|8[013-57]|9[014-7])|5(?:[136][25]|22|4[28]|5[12]|[78]1|9[15])|6(?:12|[2345]1|57|6[13]|7[14]|80)|7(?:12|2[14]|3[134]|4[47]|5[15]|[67]1|88)|8(?:16|2[014]|3[126]|6[136]|7[078]|8[34]|91))[2-7]\\d{6}|(?:(?:1(?:2[35-8]|3[346-9]|4[236-9]|[59][0235-9]|6[235-9]|7[34689]|8[257-9])|2(?:1[134689]|3[24-8]|4[2-8]|5[25689]|6[2-4679]|7[13-79]|8[2-479]|9[235-9])|3(?:01|1[79]|2[1-5]|4[25-8]|5[125689]|6[235-7]|7[157-9]|8[2-467])|4(?:1[14578]|2[5689]|3[2-467]|5[4-7]|6[35]|73|8[2689]|9[2389])|5(?:[16][146-9]|2[14-8]|3[1346]|4[14-69]|5[46]|7[2-4]|8[2-8]|9[246])|6(?:1[1358]|2[2457]|3[2-4]|4[235-7]|[57][2-689]|6[24-578]|8[1-6])|8(?:1[1357-9]|2[235-8]|3[03-57-9]|4[0-24-9]|5\\d|6[2457-9]|7[1-6]|8[1256]|9[2-4]))\\d|7(?:(?:1[013-9]|2[0235-9]|3[2679]|4[1-35689]|5[2-46-9]|[67][02-9]|9\\d)\\d|8(?:2[0-6]|[013-8]\\d)))[2-7]\\d{5}",
+"\\d{6,10}",,,"1123456789"],[,,"(?:7(?:0(?:2[2-9]|[3-8]\\d|9[0-4])|2(?:0[04-9]|5[09]|7[5-8]|9[389])|3(?:0[1-9]|[58]\\d|7[3679]|9[689])|4(?:0[1-9]|1[15-9]|[29][89]|39|8[389])|5(?:[034678]\\d|2[03-9]|5[017-9]|9[7-9])|6(?:0[0127]|1[0-257-9]|2[0-4]|3[19]|5[4589]|[6-9]\\d)|7(?:0[2-9]|[1-79]\\d|8[1-9])|8(?:[0-7]\\d|9[013-9]))|8(?:0(?:[01589]\\d|6[67])|1(?:[02-589]\\d|1[0135-9]|7[0-79])|2(?:[236-9]\\d|5[1-9])|3(?:[0357-9]\\d|4[1-9])|[45]\\d{2}|6[02457-9]\\d|7[1-69]\\d|8(?:[0-26-9]\\d|44|5[2-9])|9(?:[035-9]\\d|2[2-9]|4[0-8]))|9\\d{3})\\d{6}",
+"\\d{10}",,,"9123456789"],[,,"1(?:600\\d{6}|80(?:0\\d{4,8}|3\\d{9}))","\\d{8,13}",,,"1800123456"],[,,"186[12]\\d{9}","\\d{13}",,,"1861123456789"],[,,"1860\\d{7}","\\d{11}",,,"18603451234"],[,,"NA","NA"],[,,"NA","NA"],"IN",91,"00","0",,,"0",,,,[[,"(\\d{5})(\\d{5})","$1 $2",["7(?:0[2-9]|2[0579]|3[057-9]|4[0-389]|6[0-35-9]|[57]|8[0-79])|8(?:0[015689]|1[0-57-9]|2[2356-9]|3[0-57-9]|[45]|6[02457-9]|7[1-69]|8[0124-9]|9[02-9])|9","7(?:0(?:2[2-9]|[3-8]|9[0-4])|2(?:0[04-9]|5[09]|7[5-8]|9[389])|3(?:0[1-9]|[58]|7[3679]|9[689])|4(?:0[1-9]|1[15-9]|[29][89]|39|8[389])|5(?:[034678]|2[03-9]|5[017-9]|9[7-9])|6(?:0[0-27]|1[0-257-9]|2[0-4]|3[19]|5[4589]|[6-9])|7(?:0[2-9]|[1-79]|8[1-9])|8(?:[0-7]|9[013-9]))|8(?:0(?:[01589]|6[67])|1(?:[02-589]|1[0135-9]|7[0-79])|2(?:[236-9]|5[1-9])|3(?:[0357-9]|4[1-9])|[45]|6[02457-9]|7[1-69]|8(?:[0-26-9]|44|5[2-9])|9(?:[035-9]|2[2-9]|4[0-8]))|9"],
+"0$1","",1],[,"(\\d{2})(\\d{4})(\\d{4})","$1 $2 $3",["11|2[02]|33|4[04]|79|80[2-46]"],"0$1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["1(?:2[0-249]|3[0-25]|4[145]|[569][14]|7[1257]|8[1346]|[68][1-9])|2(?:1[257]|3[013]|4[01]|5[0137]|6[0158]|78|8[1568]|9[14])|3(?:26|4[1-3]|5[34]|6[01489]|7[02-46]|8[159])|4(?:1[36]|2[1-47]|3[15]|5[12]|6[126-9]|7[0-24-9]|8[013-57]|9[014-7])|5(?:[136][25]|22|4[28]|5[12]|[78]1|9[15])|6(?:12|[2345]1|57|6[13]|7[14]|80)"],"0$1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",
+["7(?:12|2[14]|3[134]|4[47]|5[15]|[67]1|88)","7(?:12|2[14]|3[134]|4[47]|5(?:1|5[2-6])|[67]1|88)"],"0$1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["8(?:16|2[014]|3[126]|6[136]|7[078]|8[34]|91)"],"0$1","",1],[,"(\\d{4})(\\d{3})(\\d{3})","$1 $2 $3",["1(?:[23579]|[468][1-9])|[2-8]"],"0$1","",1],[,"(1600)(\\d{2})(\\d{4})","$1 $2 $3",["160","1600"],"$1","",1],[,"(1800)(\\d{4,5})","$1 $2",["180","1800"],"$1","",1],[,"(18[06]0)(\\d{2,4})(\\d{4})","$1 $2 $3",["18[06]","18[06]0"],"$1","",1],[,"(140)(\\d{3})(\\d{4})",
+"$1 $2 $3",["140"],"$1","",1],[,"(\\d{4})(\\d{3})(\\d{4})(\\d{2})","$1 $2 $3 $4",["18[06]","18(?:03|6[12])"],"$1","",1]],,[,,"NA","NA"],,,[,,"1(?:600\\d{6}|8(?:0(?:0\\d{4,8}|3\\d{9})|6(?:0\\d{7}|[12]\\d{9})))","\\d{8,13}",,,"1800123456"],[,,"140\\d{7}","\\d{10}",,,"1409305260"],,,[,,"NA","NA"]],IO:[,[,,"3\\d{6}","\\d{7}"],[,,"37\\d{5}","\\d{7}",,,"3709100"],[,,"38\\d{5}","\\d{7}",,,"3801234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"IO",246,"00",,,,,,,,[[,"(\\d{3})(\\d{4})",
+"$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],IQ:[,[,,"[1-7]\\d{7,9}","\\d{6,10}"],[,,"1\\d{7}|(?:2[13-5]|3[02367]|4[023]|5[03]|6[026])\\d{6,7}","\\d{6,9}",,,"12345678"],[,,"7[3-9]\\d{8}","\\d{10}",,,"7912345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"IQ",964,"00","0",,,"0",,,,[[,"(1)(\\d{3})(\\d{4})","$1 $2 $3",["1"],"0$1","",0],[,"([2-6]\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["[2-6]"],"0$1","",0],[,"(7\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",
+["7"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],IR:[,[,,"[14-8]\\d{6,9}|[23]\\d{4,9}|9(?:[0-4]\\d{8}|9\\d{2,8})","\\d{4,10}"],[,,"1(?:[13-589][12]|[27][1-4])\\d{7}|2(?:1\\d{3,8}|3[12]\\d{7}|4(?:1\\d{4,7}|2\\d{7})|53\\d{7}|6\\d{8}|7[34]\\d{7}|[89][12]\\d{7})|3(?:1[2-5]\\d{7}|2[1-4]\\d{7}|3(?:[125]\\d{7}|4\\d{6,7})|4(?:1\\d{6,7}[24-9]\\d{7})|5(?:1\\d{4,7}|[23]\\d{7})|[6-9][12]\\d{7})|4(?:[135-9][12]\\d{7}|2[1-467]\\d{7}|4(?:1\\d{4,7}|[2-4]\\d{7}))|5(?:1[2-5]\\d{7}|2[89]\\d{7}|3[1-5]\\d{7}|4(?:1\\d{4,7}|[2-8]\\d{7})|[5-7][12]\\d{7}|8[1245]\\d{7})|6(?:1(?:1\\d{6,7}|2\\d{7})|[347-9][12]\\d{7}|5(?:1\\d{7}|2\\d{6,7})|6[1-6]\\d{7})|7(?:1[2-5]|2[1289]|[3589][12]|4[1-4]|6[1-6]|7[1-3])\\d{7}|8(?:[145][12]|3[124578]|6[2-6]|7[1245])\\d{7}",
+"\\d{5,10}",,,"2123456789"],[,,"9(?:0[12]|[1-3]\\d)\\d{7}","\\d{10}",,,"9123456789"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"(?:[2-6]0\\d|993)\\d{7}","\\d{10}",,,"9932123456"],"IR",98,"00","0",,,"0",,,,[[,"(21)(\\d{3,5})","$1 $2",["21"],"0$1","",0],[,"(2[15])(\\d{3})(\\d{3,4})","$1 $2 $3",["2(?:1|5[0-47-9])"],"0$1","",0],[,"(\\d{2})(\\d{4})(\\d{4})","$1 $2 $3",["2[156]|31|51|71|86"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})","$1 $2 $3",["[13-9]|2[02-47-9]"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2,3})",
+"$1 $2 $3",["[13-9]|2[02-47-9]"],"0$1","",0],[,"(\\d{3})(\\d{3})","$1 $2",["[13-9]|2[02-47-9]"],"0$1","",0]],,[,,"943\\d{7}","\\d{10}",,,"9432123456"],,,[,,"NA","NA"],[,,"9990\\d{0,6}","\\d{4,10}",,,"9990123456"],,,[,,"NA","NA"]],IS:[,[,,"[4-9]\\d{6}|38\\d{7}","\\d{7,9}"],[,,"(?:4(?:1[0-24-6]|2[0-7]|[37][0-8]|4[0-245]|5[0-3568]|6\\d|8[0-36-8])|5(?:05|[156]\\d|2[02578]|3[013-7]|4[03-7]|7[0-2578]|8[0-35-9]|9[013-689])|87[23])\\d{4}","\\d{7}",,,"4101234"],[,,"38[589]\\d{6}|(?:6(?:1[1-8]|3[089]|4[0167]|5[019]|[67][0-69]|9\\d)|7(?:5[057]|7\\d|8[0-36-8])|8(?:2[0-5]|3[0-4]|[469]\\d|5[1-9]))\\d{4}",
+"\\d{7,9}",,,"6111234"],[,,"800\\d{4}","\\d{7}",,,"8001234"],[,,"90\\d{5}","\\d{7}",,,"9011234"],[,,"NA","NA"],[,,"NA","NA"],[,,"49\\d{5}","\\d{7}",,,"4921234"],"IS",354,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[4-9]"],"","",0],[,"(3\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["3"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"(?:6(?:2[0-8]|49|8\\d)|87[0189]|95[48])\\d{4}","\\d{7}",,,"6201234"]],IT:[,[,,"[01589]\\d{5,10}|3(?:[12457-9]\\d{8}|[36]\\d{7,9})","\\d{6,11}"],[,,"0(?:[26]\\d{4,9}|(?:1(?:[0159]\\d|[27][1-5]|31|4[1-4]|6[1356]|8[2-57])|3(?:[0159]\\d|2[1-4]|3[12]|[48][1-6]|6[2-59]|7[1-7])|4(?:[0159]\\d|[23][1-9]|4[245]|6[1-5]|7[1-4]|81)|5(?:[0159]\\d|2[1-5]|3[2-6]|4[1-79]|6[4-6]|7[1-578]|8[3-8])|7(?:[0159]\\d|2[12]|3[1-7]|4[2346]|6[13569]|7[13-6]|8[1-59])|8(?:[0159]\\d|2[34578]|3[1-356]|[6-8][1-5])|9(?:[0159]\\d|[238][1-5]|4[12]|6[1-8]|7[1-6]))\\d{2,7})",
+"\\d{6,11}",,,"0212345678"],[,,"3(?:[12457-9]\\d{8}|6\\d{7,8}|3\\d{7,9})","\\d{9,11}",,,"3123456789"],[,,"80(?:0\\d{6}|3\\d{3})","\\d{6,9}",,,"800123456"],[,,"0878\\d{5}|1(?:44|6[346])\\d{6}|89(?:2\\d{3}|4(?:[0-4]\\d{2}|[5-9]\\d{4})|5(?:[0-4]\\d{2}|[5-9]\\d{6})|9\\d{6})","\\d{6,10}",,,"899123456"],[,,"84(?:[08]\\d{6}|[17]\\d{3})","\\d{6,9}",,,"848123456"],[,,"1(?:78\\d|99)\\d{6}","\\d{9,10}",,,"1781234567"],[,,"55\\d{8}","\\d{10}",,,"5512345678"],"IT",39,"00",,,,,,,,[[,"(\\d{2})(\\d{3,4})(\\d{4})",
+"$1 $2 $3",["0[26]|55"],"","",0],[,"(0[26])(\\d{4})(\\d{5})","$1 $2 $3",["0[26]"],"","",0],[,"(0[26])(\\d{4,6})","$1 $2",["0[26]"],"","",0],[,"(0\\d{2})(\\d{3,4})(\\d{4})","$1 $2 $3",["0[13-57-9][0159]"],"","",0],[,"(\\d{3})(\\d{3,6})","$1 $2",["0[13-57-9][0159]|8(?:03|4[17]|9[245])","0[13-57-9][0159]|8(?:03|4[17]|9(?:2|[45][0-4]))"],"","",0],[,"(0\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["0[13-57-9][2-46-8]"],"","",0],[,"(0\\d{3})(\\d{2,6})","$1 $2",["0[13-57-9][2-46-8]"],"","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})",
+"$1 $2 $3",["[13]|8(?:00|4[08]|9[59])","[13]|8(?:00|4[08]|9(?:5[5-9]|9))"],"","",0],[,"(\\d{4})(\\d{4})","$1 $2",["894","894[5-9]"],"","",0],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["3"],"","",0]],,[,,"NA","NA"],,,[,,"848\\d{6}","\\d{9}",,,"848123456"],[,,"NA","NA"],1,,[,,"NA","NA"]],JE:[,[,,"[135789]\\d{6,9}","\\d{6,10}"],[,,"1534\\d{6}","\\d{6,10}",,,"1534456789"],[,,"7(?:509|7(?:00|97)|829|937)\\d{6}","\\d{10}",,,"7797123456"],[,,"80(?:07(?:35|81)|8901)\\d{4}","\\d{10}",,,"8007354567"],[,,"(?:871206|90(?:066[59]|1810|71(?:07|55)))\\d{4}",
+"\\d{10}",,,"9018105678"],[,,"8(?:4(?:4(?:4(?:05|42|69)|703)|5(?:041|800))|70002)\\d{4}","\\d{10}",,,"8447034567"],[,,"701511\\d{4}","\\d{10}",,,"7015115678"],[,,"56\\d{8}","\\d{10}",,,"5612345678"],"JE",44,"00","0"," x",,"0",,,,,,[,,"76(?:0[012]|2[356]|4[0134]|5[49]|6[0-369]|77|81|9[39])\\d{6}","\\d{10}",,,"7640123456"],,,[,,"NA","NA"],[,,"3(?:0(?:07(?:35|81)|8901)|3\\d{4}|4(?:4(?:4(?:05|42|69)|703)|5(?:041|800))|7(?:0002|1206))\\d{4}|55\\d{8}","\\d{10}",,,"5512345678"],,,[,,"NA","NA"]],JM:[,[,,
+"[589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"876(?:5(?:0[12]|1[0-468]|2[35]|63)|6(?:0[1-3579]|1[027-9]|[23]\\d|40|5[06]|6[2-589]|7[05]|8[04]|9[4-9])|7(?:0[2-689]|[1-6]\\d|8[056]|9[45])|9(?:0[1-8]|1[02378]|[2-8]\\d|9[2-468]))\\d{4}","\\d{7}(?:\\d{3})?",,,"8765123456"],[,,"876(?:2[1789]\\d|[348]\\d{2}|5(?:08|27|6[0-24-9]|[3-578]\\d)|7(?:0[07]|7\\d|8[1-47-9]|9[0-36-9])|9(?:[01]9|9[0579]))\\d{4}","\\d{10}",,,"8762101234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}",
+"\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"JM",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"876",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],JO:[,[,,"[235-9]\\d{7,8}","\\d{7,9}"],[,,"(?:2(?:6(?:2[0-35-9]|3[0-57-8]|4[24-7]|5[0-24-8]|[6-8][02]|9[0-2])|7(?:0[1-79]|10|2[014-7]|3[0-689]|4[019]|5[0-3578]))|32(?:0[1-69]|1[1-35-7]|2[024-7]|3\\d|4[0-2]|[57][02]|60)|53(?:0[0-2]|[13][02]|2[0-59]|49|5[0-35-9]|6[15]|7[45]|8[1-6]|9[0-36-9])|6(?:2[50]0|300|4(?:0[0125]|1[2-7]|2[0569]|[38][07-9]|4[025689]|6[0-589]|7\\d|9[0-2])|5(?:[01][056]|2[034]|3[0-57-9]|4[17-8]|5[0-69]|6[0-35-9]|7[1-379]|8[0-68]|9[02-39]))|87(?:[02]0|7[08]|9[09]))\\d{4}",
+"\\d{7,8}",,,"62001234"],[,,"7(?:55|7[25-9]|8[05-9]|9[015-9])\\d{6}","\\d{9}",,,"790123456"],[,,"80\\d{6}","\\d{8}",,,"80012345"],[,,"900\\d{5}","\\d{8}",,,"90012345"],[,,"85\\d{6}","\\d{8}",,,"85012345"],[,,"70\\d{7}","\\d{9}",,,"700123456"],[,,"NA","NA"],"JO",962,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{4})","$1 $2 $3",["[2356]|87"],"(0$1)","",0],[,"(7)(\\d{4})(\\d{4})","$1 $2 $3",["7[457-9]"],"0$1","",0],[,"(\\d{3})(\\d{5,6})","$1 $2",["70|8[0158]|9"],"0$1","",0]],,[,,"74(?:66|77)\\d{5}","\\d{9}",
+,,"746612345"],,,[,,"NA","NA"],[,,"8(?:10|8\\d)\\d{5}","\\d{8}",,,"88101234"],,,[,,"NA","NA"]],JP:[,[,,"[1-9]\\d{8,9}|00(?:[36]\\d{7,14}|7\\d{5,7}|8\\d{7})","\\d{8,17}"],[,,"(?:1(?:1[235-8]|2[3-6]|3[3-9]|4[2-6]|[58][2-8]|6[2-7]|7[2-9]|9[1-9])|2[2-9]\\d|[36][1-9]\\d|4(?:6[02-8]|[2-578]\\d|9[2-59])|5(?:6[1-9]|7[2-8]|[2-589]\\d)|7(?:3[4-9]|4[02-9]|[25-9]\\d)|8(?:3[2-9]|4[5-9]|5[1-9]|8[03-9]|[2679]\\d)|9(?:[679][1-9]|[2-58]\\d))\\d{6}","\\d{9}",,,"312345678"],[,,"[7-9]0[1-9]\\d{7}","\\d{10}",,,"7012345678"],
+[,,"120\\d{6}|800\\d{7}|00(?:37\\d{6,13}|66\\d{6,13}|777(?:[01]\\d{2}|5\\d{3}|8\\d{4})|882[1245]\\d{4})","\\d{8,17}",,,"120123456"],[,,"990\\d{6}","\\d{9}",,,"990123456"],[,,"NA","NA"],[,,"60\\d{7}","\\d{9}",,,"601234567"],[,,"50[1-9]\\d{7}","\\d{10}",,,"5012345678"],"JP",81,"010","0",,,"0",,,,[[,"(\\d{3})(\\d{3})(\\d{3})","$1-$2-$3",["(?:12|57|99)0"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1-$2-$3",["800"],"0$1","",0],[,"(\\d{4})(\\d{4})","$1-$2",["0077"],"$1","",0],[,"(\\d{4})(\\d{2})(\\d{3,4})",
+"$1-$2-$3",["0077"],"$1","",0],[,"(\\d{4})(\\d{2})(\\d{4})","$1-$2-$3",["0088"],"$1","",0],[,"(\\d{4})(\\d{3})(\\d{3,4})","$1-$2-$3",["00(?:37|66)"],"$1","",0],[,"(\\d{4})(\\d{4})(\\d{4,5})","$1-$2-$3",["00(?:37|66)"],"$1","",0],[,"(\\d{4})(\\d{5})(\\d{5,6})","$1-$2-$3",["00(?:37|66)"],"$1","",0],[,"(\\d{4})(\\d{6})(\\d{6,7})","$1-$2-$3",["00(?:37|66)"],"$1","",0],[,"(\\d{2})(\\d{4})(\\d{4})","$1-$2-$3",["[2579]0|80[1-9]"],"0$1","",0],[,"(\\d{4})(\\d)(\\d{4})","$1-$2-$3",["1(?:26|3[79]|4[56]|5[4-68]|6[3-5])|5(?:76|97)|499|746|8(?:3[89]|63|47|51)|9(?:49|80|9[16])",
+"1(?:267|3(?:7[247]|9[278])|4(?:5[67]|66)|5(?:47|58|64|8[67])|6(?:3[245]|48|5[4-68]))|5(?:76|97)9|499[2468]|7468|8(?:3(?:8[78]|96)|636|477|51[24])|9(?:496|802|9(?:1[23]|69))","1(?:267|3(?:7[247]|9[278])|4(?:5[67]|66)|5(?:47|58|64|8[67])|6(?:3[245]|48|5[4-68]))|5(?:769|979[2-69])|499[2468]|7468|8(?:3(?:8[78]|96[2457-9])|636[2-57-9]|477|51[24])|9(?:496|802|9(?:1[23]|69))"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{4})","$1-$2-$3",["1(?:2[3-6]|3[3-9]|4[2-6]|5[2-8]|[68][2-7]|7[2-689]|9[1-578])|2(?:2[03-689]|3[3-58]|4[0-468]|5[04-8]|6[013-8]|7[06-9]|8[02-57-9]|9[13])|4(?:2[28]|3[689]|6[035-7]|7[05689]|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9[4-9])|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9[014-9])|8(?:2[49]|3[3-8]|4[5-8]|5[2-9]|6[35-9]|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9[3-7])",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9[2-8])|3(?:7[2-6]|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5[4-7]|6[2-9]|8[2-8]|9[236-9])|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3[34]|[4-7]))",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9(?:[3578]|20|4[04-9]|6[56]))|3(?:7(?:[2-5]|6[0-59])|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5(?:[467]|5[014-9])|6(?:[2-8]|9[02-69])|8[2-8]|9(?:[236-8]|9[23]))|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3(?:3[02-9]|4[0-24689])|4[2-69]|[5-7]))",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9(?:[3578]|20|4[04-9]|6(?:5[25]|60)))|3(?:7(?:[2-5]|6[0-59])|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5(?:[467]|5[014-9])|6(?:[2-8]|9[02-69])|8[2-8]|9(?:[236-8]|9[23]))|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3(?:3[02-9]|4[0-24689])|4[2-69]|[5-7]))"],
+"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["1|2(?:2[37]|5[5-9]|64|78|8[39]|91)|4(?:2[2689]|64|7[347])|5(?:[2-589]|39)|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93)","1|2(?:2[37]|5(?:[57]|[68]0|9[19])|64|78|8[39]|917)|4(?:2(?:[68]|20|9[178])|64|7[347])|5(?:[2-589]|39[67])|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93[34])","1|2(?:2[37]|5(?:[57]|[68]0|9(?:17|99))|64|78|8[39]|917)|4(?:2(?:[68]|20|9[178])|64|7[347])|5(?:[2-589]|39[67])|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93(?:31|4))"],
+"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{4})","$1-$2-$3",["2(?:9[14-79]|74|[34]7|[56]9)|82|993"],"0$1","",0],[,"(\\d)(\\d{4})(\\d{4})","$1-$2-$3",["3|4(?:2[09]|7[01])|6[1-9]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["[2479][1-9]"],"0$1","",0]],[[,"(\\d{3})(\\d{3})(\\d{3})","$1-$2-$3",["(?:12|57|99)0"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1-$2-$3",["800"],"0$1","",0],[,"(\\d{2})(\\d{4})(\\d{4})","$1-$2-$3",["[2579]0|80[1-9]"],"0$1","",0],[,"(\\d{4})(\\d)(\\d{4})","$1-$2-$3",["1(?:26|3[79]|4[56]|5[4-68]|6[3-5])|5(?:76|97)|499|746|8(?:3[89]|63|47|51)|9(?:49|80|9[16])",
+"1(?:267|3(?:7[247]|9[278])|4(?:5[67]|66)|5(?:47|58|64|8[67])|6(?:3[245]|48|5[4-68]))|5(?:76|97)9|499[2468]|7468|8(?:3(?:8[78]|96)|636|477|51[24])|9(?:496|802|9(?:1[23]|69))","1(?:267|3(?:7[247]|9[278])|4(?:5[67]|66)|5(?:47|58|64|8[67])|6(?:3[245]|48|5[4-68]))|5(?:769|979[2-69])|499[2468]|7468|8(?:3(?:8[78]|96[2457-9])|636[2-57-9]|477|51[24])|9(?:496|802|9(?:1[23]|69))"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{4})","$1-$2-$3",["1(?:2[3-6]|3[3-9]|4[2-6]|5[2-8]|[68][2-7]|7[2-689]|9[1-578])|2(?:2[03-689]|3[3-58]|4[0-468]|5[04-8]|6[013-8]|7[06-9]|8[02-57-9]|9[13])|4(?:2[28]|3[689]|6[035-7]|7[05689]|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9[4-9])|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9[014-9])|8(?:2[49]|3[3-8]|4[5-8]|5[2-9]|6[35-9]|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9[3-7])",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9[2-8])|3(?:7[2-6]|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5[4-7]|6[2-9]|8[2-8]|9[236-9])|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3[34]|[4-7]))",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9(?:[3578]|20|4[04-9]|6[56]))|3(?:7(?:[2-5]|6[0-59])|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5(?:[467]|5[014-9])|6(?:[2-8]|9[02-69])|8[2-8]|9(?:[236-8]|9[23]))|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3(?:3[02-9]|4[0-24689])|4[2-69]|[5-7]))",
+"1(?:2[3-6]|3[3-9]|4[2-6]|5(?:[236-8]|[45][2-69])|[68][2-7]|7[2-689]|9[1-578])|2(?:2(?:[04-689]|3[23])|3[3-58]|4[0-468]|5(?:5[78]|7[2-4]|[0468][2-9])|6(?:[0135-8]|4[2-5])|7(?:[0679]|8[2-7])|8(?:[024578]|3[25-9]|9[6-9])|9(?:11|3[2-4]))|4(?:2(?:2[2-9]|8[237-9])|3[689]|6[035-7]|7(?:[059][2-8]|[68])|80|9[3-5])|5(?:3[1-36-9]|4[4578]|5[013-8]|6[1-9]|7[2-8]|8[14-7]|9(?:[89][2-8]|[4-7]))|7(?:2[15]|3[5-9]|4[02-9]|6[135-8]|7[0-4689]|9(?:[017-9]|4[6-8]|5[2-478]|6[2-589]))|8(?:2(?:4[4-8]|9(?:[3578]|20|4[04-9]|6(?:5[25]|60)))|3(?:7(?:[2-5]|6[0-59])|[3-6][2-9]|8[2-5])|4[5-8]|5[2-9]|6(?:[37]|5(?:[467]|5[014-9])|6(?:[2-8]|9[02-69])|8[2-8]|9(?:[236-8]|9[23]))|7[579]|8[03-579]|9[2-8])|9(?:[23]0|4[02-46-9]|5[024-79]|6[4-9]|7[2-47-9]|8[02-7]|9(?:3(?:3[02-9]|4[0-24689])|4[2-69]|[5-7]))"],
+"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["1|2(?:2[37]|5[5-9]|64|78|8[39]|91)|4(?:2[2689]|64|7[347])|5(?:[2-589]|39)|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93)","1|2(?:2[37]|5(?:[57]|[68]0|9[19])|64|78|8[39]|917)|4(?:2(?:[68]|20|9[178])|64|7[347])|5(?:[2-589]|39[67])|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93[34])","1|2(?:2[37]|5(?:[57]|[68]0|9(?:17|99))|64|78|8[39]|917)|4(?:2(?:[68]|20|9[178])|64|7[347])|5(?:[2-589]|39[67])|60|8(?:[46-9]|3[279]|2[124589])|9(?:[235-8]|93(?:31|4))"],
+"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{4})","$1-$2-$3",["2(?:9[14-79]|74|[34]7|[56]9)|82|993"],"0$1","",0],[,"(\\d)(\\d{4})(\\d{4})","$1-$2-$3",["3|4(?:2[09]|7[01])|6[1-9]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1-$2-$3",["[2479][1-9]"],"0$1","",0]],[,,"20\\d{8}","\\d{10}",,,"2012345678"],,,[,,"00(?:37\\d{6,13}|66\\d{6,13}|777(?:[01]\\d{2}|5\\d{3}|8\\d{4})|882[1245]\\d{4})","\\d{8,17}",,,"00777012"],[,,"570\\d{6}","\\d{9}",,,"570123456"],1,,[,,"NA","NA"]],KE:[,[,,"20\\d{6,7}|[4-9]\\d{6,9}","\\d{7,10}"],
+[,,"20\\d{6,7}|4(?:[0136]\\d{7}|[245]\\d{5,7})|5(?:[08]\\d{7}|[1-79]\\d{5,7})|6(?:[01457-9]\\d{5,7}|[26]\\d{7})","\\d{7,9}",,,"202012345"],[,,"7(?:[0-36]\\d|5[0-6]|7[0-5]|8[0-25-9])\\d{6}","\\d{9}",,,"712123456"],[,,"800[24-8]\\d{5,6}","\\d{9,10}",,,"800223456"],[,,"900[02-9]\\d{5}","\\d{9}",,,"900223456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"KE",254,"000","0",,,"0",,,,[[,"(\\d{2})(\\d{5,7})","$1 $2",["[24-6]"],"0$1","",0],[,"(\\d{3})(\\d{6,7})","$1 $2",["7"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})",
+"$1 $2 $3",["[89]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KG:[,[,,"[235-8]\\d{8,9}","\\d{5,10}"],[,,"(?:3(?:1(?:[256]\\d|3[1-9]|47)|2(?:22|3[0-479]|6[0-7])|4(?:22|5[6-9]|6\\d)|5(?:22|3[4-7]|59|6\\d)|6(?:22|5[35-7]|6\\d)|7(?:22|3[468]|4[1-9]|59|[67]\\d)|9(?:22|4[1-8]|6\\d))|6(?:09|12|2[2-4])\\d)\\d{5}","\\d{5,10}",,,"312123456"],[,,"(?:20[0-35]|5[124-7]\\d|7[07]\\d)\\d{6}","\\d{9}",,,"700123456"],[,,"800\\d{6,7}","\\d{9,10}",,,"800123456"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"NA","NA"],[,,"NA","NA"],"KG",996,"00","0",,,"0",,,,[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["[25-7]|31[25]"],"0$1","",0],[,"(\\d{4})(\\d{5})","$1 $2",["3(?:1[36]|[2-9])"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d)(\\d{3})","$1 $2 $3 $4",["8"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KH:[,[,,"[1-9]\\d{7,9}","\\d{6,10}"],[,,"(?:2[3-6]|3[2-6]|4[2-4]|[5-7][2-5])(?:[237-9]|4[56]|5\\d|6\\d?)\\d{5}|23(?:4[234]|8\\d{2})\\d{4}","\\d{6,9}",,,"23756789"],[,,"(?:1(?:[013-9]|2\\d?)|3[18]\\d|6[016-9]|7(?:[07-9]|6\\d)|8(?:[013-79]|8\\d)|9(?:6\\d|7\\d?|[0-589]))\\d{6}",
+"\\d{8,9}",,,"91234567"],[,,"1800(?:1\\d|2[019])\\d{4}","\\d{10}",,,"1800123456"],[,,"1900(?:1\\d|2[09])\\d{4}","\\d{10}",,,"1900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"KH",855,"00[14-9]","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["1\\d[1-9]|[2-9]"],"0$1","",0],[,"(1[89]00)(\\d{3})(\\d{3})","$1 $2 $3",["1[89]0"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KI:[,[,,"[2458]\\d{4}|3\\d{4,7}|7\\d{7}","\\d{5,8}"],[,,"(?:[24]\\d|3[1-9]|50|8[0-5])\\d{3}",
+"\\d{5}",,,"31234"],[,,"7(?:[24]\\d|3[1-9]|8[0-5])\\d{5}","\\d{8}",,,"72012345"],[,,"NA","NA"],[,,"3001\\d{4}","\\d{5,8}",,,"30010000"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"KI",686,"00",,,,"0",,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KM:[,[,,"[379]\\d{6}","\\d{7}"],[,,"7(?:6[0-37-9]|7[0-57-9])\\d{4}","\\d{7}",,,"7712345"],[,,"3[234]\\d{5}","\\d{7}",,,"3212345"],[,,"NA","NA"],[,,"(?:39[01]|9[01]0)\\d{4}","\\d{7}",,,"9001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],
+"KM",269,"00",,,,,,,,[[,"(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KN:[,[,,"[589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"869(?:2(?:29|36)|302|4(?:6[015-9]|70))\\d{4}","\\d{7}(?:\\d{3})?",,,"8692361234"],[,,"869(?:5(?:5[6-8]|6[5-7])|66\\d|76[02-6])\\d{4}","\\d{10}",,,"8697652917"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}",
+"\\d{10}",,,"5002345678"],[,,"NA","NA"],"KN",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"869",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KP:[,[,,"1\\d{9}|[28]\\d{7}","\\d{6,8}|\\d{10}"],[,,"2\\d{7}|85\\d{6}","\\d{6,8}",,,"21234567"],[,,"19[123]\\d{7}","\\d{10}",,,"1921234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"KP",850,"00|99","0",,,"0",,,,[[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["1"],"0$1","",0],[,"(\\d)(\\d{3})(\\d{4})","$1 $2 $3",["2"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3})",
+"$1 $2 $3",["8"],"0$1","",0]],,[,,"NA","NA"],,,[,,"2(?:[0-24-9]\\d{2}|3(?:[0-79]\\d|8[02-9]))\\d{4}","\\d{8}",,,"23821234"],[,,"NA","NA"],,,[,,"NA","NA"]],KR:[,[,,"[1-7]\\d{3,9}|8\\d{8}","\\d{4,10}"],[,,"(?:2|3[1-3]|[46][1-4]|5[1-5])(?:1\\d{2,3}|[1-9]\\d{6,7})","\\d{4,10}",,,"22123456"],[,,"1[0-26-9]\\d{7,8}","\\d{9,10}",,,"1023456789"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"60[2-9]\\d{6}","\\d{9}",,,"602345678"],[,,"NA","NA"],[,,"50\\d{8}","\\d{10}",,,"5012345678"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],
+"KR",82,"00(?:[124-68]|[37]\\d{2})","0",,,"0(8[1-46-8]|85\\d{2})?",,,,[[,"(\\d{2})(\\d{4})(\\d{4})","$1-$2-$3",["1(?:0|1[19]|[69]9|5[458])|[57]0","1(?:0|1[19]|[69]9|5(?:44|59|8))|[57]0"],"0$1","0$CC-$1",0],[,"(\\d{2})(\\d{3,4})(\\d{4})","$1-$2-$3",["1(?:[169][2-8]|[78]|5[1-4])|[68]0|[3-6][1-9][1-9]","1(?:[169][2-8]|[78]|5(?:[1-3]|4[56]))|[68]0|[3-6][1-9][1-9]"],"0$1","0$CC-$1",0],[,"(\\d{3})(\\d)(\\d{4})","$1-$2-$3",["131","1312"],"0$1","0$CC-$1",0],[,"(\\d{3})(\\d{2})(\\d{4})","$1-$2-$3",["131",
+"131[13-9]"],"0$1","0$CC-$1",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1-$2-$3",["13[2-9]"],"0$1","0$CC-$1",0],[,"(\\d{2})(\\d{2})(\\d{3})(\\d{4})","$1-$2-$3-$4",["30"],"0$1","0$CC-$1",0],[,"(\\d)(\\d{3,4})(\\d{4})","$1-$2-$3",["2[1-9]"],"0$1","0$CC-$1",0],[,"(\\d)(\\d{3,4})","$1-$2",["21[0-46-9]"],"0$1","0$CC-$1",0],[,"(\\d{2})(\\d{3,4})","$1-$2",["[3-6][1-9]1","[3-6][1-9]1(?:[0-46-9])"],"0$1","0$CC-$1",0],[,"(\\d{4})(\\d{4})","$1-$2",["1(?:5[46-9]|6[04678])","1(?:5(?:44|66|77|88|99)|6(?:00|44|6[16]|70|88))"],
+"$1","0$CC-$1",0]],,[,,"15\\d{7,8}","\\d{9,10}",,,"1523456789"],,,[,,"NA","NA"],[,,"1(?:5(?:44|66|77|88|99)|6(?:00|44|6[16]|70|88))\\d{4}","\\d{8}",,,"15441234"],,,[,,"NA","NA"]],KW:[,[,,"[12569]\\d{6,7}","\\d{7,8}"],[,,"(?:18\\d|2(?:[23]\\d{2}|4(?:[1-35-9]\\d|44)|5(?:0[034]|[2-46]\\d|5[1-3]|7[1-7])))\\d{4}","\\d{7,8}",,,"22345678"],[,,"(?:5(?:[05]\\d|1[0-6])|6(?:0[034679]|5[015-9]|6\\d|7[067]|9[0369])|9(?:0[09]|4[049]|55|6[069]|[79]\\d|8[089]))\\d{5}","\\d{8}",,,"50012345"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"KW",965,"00",,,,,,,,[[,"(\\d{4})(\\d{3,4})","$1 $2",["[1269]"],"","",0],[,"(5[015]\\d)(\\d{5})","$1 $2",["5"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KY:[,[,,"[3589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"345(?:2(?:22|44)|444|6(?:23|38|40)|7(?:4[35-79]|6[6-9]|77)|8(?:00|1[45]|25|[48]8)|9(?:14|4[035-9]))\\d{4}","\\d{7}(?:\\d{3})?",,,"3452221234"],[,,"345(?:32[1-9]|5(?:1[67]|2[5-7]|4[6-8]|76)|9(?:1[67]|2[3-9]|3[689]))\\d{4}",
+"\\d{10}",,,"3453231234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}|345976\\d{4}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"KY",1,"011","1",,,"1",,,,,,[,,"345849\\d{4}","\\d{10}",,,"3458491234"],,"345",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],KZ:[,[,,"(?:33\\d|7\\d{2}|80[09])\\d{7}","\\d{10}"],[,,"33622\\d{5}|7(?:1(?:0(?:[23]\\d|4[023]|59|63)|1(?:[23]\\d|4[0-79]|59)|2(?:[23]\\d|59)|3(?:2\\d|3[1-79]|4[0-35-9]|59)|4(?:2\\d|3[013-79]|4[0-8]|5[1-79])|5(?:2\\d|3[1-8]|4[1-7]|59)|6(?:[234]\\d|5[19]|61)|72\\d|8(?:[27]\\d|3[1-46-9]|4[0-5]))|2(?:1(?:[23]\\d|4[46-9]|5[3469])|2(?:2\\d|3[0679]|46|5[12679])|3(?:[234]\\d|5[139])|4(?:2\\d|3[1235-9]|59)|5(?:[23]\\d|4[01246-8]|59|61)|6(?:2\\d|3[1-9]|4[0-4]|59)|7(?:[237]\\d|40|5[279])|8(?:[23]\\d|4[0-3]|59)|9(?:2\\d|3[124578]|59)))\\d{5}",
+"\\d{10}",,,"7123456789"],[,,"7(?:0[012578]|47|6[02-4]|7[15-8]|85)\\d{7}","\\d{10}",,,"7710009998"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"809\\d{7}","\\d{10}",,,"8091234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"751\\d{7}","\\d{10}",,,"7511234567"],"KZ",7,"810","8",,,"8",,"8~10",,,,[,,"NA","NA"],,,[,,"751\\d{7}","\\d{10}",,,"7511234567"],[,,"NA","NA"],,,[,,"NA","NA"]],LA:[,[,,"[2-8]\\d{7,9}","\\d{6,10}"],[,,"(?:2[13]|3(?:0\\d|[14])|[5-7][14]|41|8[1468])\\d{6}","\\d{6,9}",,,"21212862"],[,,"20(?:2[2389]|5[4-689]|7[6-8]|9[57-9])\\d{6}",
+"\\d{10}",,,"2023123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"LA",856,"00","0",,,"0",,,,[[,"(20)(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3 $4",["20"],"0$1","",0],[,"([2-8]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["2[13]|3[14]|[4-8]"],"0$1","",0],[,"(30)(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3 $4",["30"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LB:[,[,,"[13-9]\\d{6,7}","\\d{7,8}"],[,,"(?:[14-6]\\d{2}|7(?:[2-579]\\d|62|8[0-7])|[89][2-9]\\d)\\d{4}","\\d{7}",
+,,"1123456"],[,,"(?:3\\d|7(?:[019]\\d|6[013-9]|8[89]))\\d{5}","\\d{7,8}",,,"71123456"],[,,"NA","NA"],[,,"9[01]\\d{6}","\\d{8}",,,"90123456"],[,,"8[01]\\d{6}","\\d{8}",,,"80123456"],[,,"NA","NA"],[,,"NA","NA"],"LB",961,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[13-6]|7(?:[2-579]|62|8[0-7])|[89][2-9]"],"0$1","",0],[,"([7-9]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[89][01]|7(?:[019]|6[013-9]|8[89])"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LC:[,[,,"[5789]\\d{9}",
+"\\d{7}(?:\\d{3})?"],[,,"758(?:4(?:30|5[0-9]|6[2-9]|8[0-2])|57[0-2]|638)\\d{4}","\\d{7}(?:\\d{3})?",,,"7584305678"],[,,"758(?:28[4-7]|384|4(?:6[01]|8[4-9])|5(?:1[89]|20|84)|7(?:1[2-9]|2[0-8]))\\d{4}","\\d{10}",,,"7582845678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"LC",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"758",[,,"NA","NA"],[,,"NA","NA"],
+,,[,,"NA","NA"]],LI:[,[,,"6\\d{8}|[23789]\\d{6}","\\d{7,9}"],[,,"(?:2(?:01|1[27]|3\\d|6[02-578]|96)|3(?:7[0135-7]|8[048]|9[0269]))\\d{4}","\\d{7}",,,"2345678"],[,,"6(?:51[01]|6(?:[01][0-4]|2[016-9]|88)|710)\\d{5}|7(?:36|4[25]|56|[7-9]\\d)\\d{4}","\\d{7,9}",,,"661234567"],[,,"80(?:0(?:2[238]|79)|9\\d{2})\\d{2}","\\d{7}",,,"8002222"],[,,"90(?:0(?:2[278]|79)|1(?:23|3[012])|6(?:4\\d|6[0126]))\\d{2}","\\d{7}",,,"9002222"],[,,"NA","NA"],[,,"701\\d{4}","\\d{7}",,,"7011234"],[,,"NA","NA"],"LI",423,"00","0",
+,,"0",,,,[[,"(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3",["[23]|7[3-57-9]|87"],"","",0],[,"(6\\d)(\\d{3})(\\d{3})","$1 $2 $3",["6"],"","",0],[,"(6[567]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["6[567]"],"","",0],[,"(69)(7\\d{2})(\\d{4})","$1 $2 $3",["697"],"","",0],[,"([7-9]0\\d)(\\d{2})(\\d{2})","$1 $2 $3",["[7-9]0"],"","",0],[,"([89]0\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[89]0"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"87(?:0[128]|7[0-4])\\d{3}","\\d{7}",,,"8770123"],,,[,,"697(?:[35]6|4[25]|[7-9]\\d)\\d{4}",
+"\\d{9}",,,"697361234"]],LK:[,[,,"[1-9]\\d{8}","\\d{7,9}"],[,,"(?:[189]1|2[13-7]|3[1-8]|4[157]|5[12457]|6[35-7])[2-57]\\d{6}","\\d{7,9}",,,"112345678"],[,,"7[125-8]\\d{7}","\\d{9}",,,"712345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"LK",94,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{1})(\\d{6})","$1 $2 $3",["[1-689]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["7"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LR:[,[,,"2\\d{7}|[37-9]\\d{8}|[45]\\d{6}",
+"\\d{7,9}"],[,,"2\\d{7}","\\d{8}",,,"21234567"],[,,"(?:330\\d|4[67]|5\\d|77\\d{2}|88\\d{2}|994\\d)\\d{5}","\\d{7,9}",,,"770123456"],[,,"NA","NA"],[,,"90[03]\\d{6}","\\d{9}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"332(?:0[02]|5\\d)\\d{4}","\\d{9}",,,"332001234"],"LR",231,"00","0",,,"0",,,,[[,"(2\\d)(\\d{3})(\\d{3})","$1 $2 $3",["2"],"0$1","",0],[,"([79]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[79]"],"0$1","",0],[,"([4-6])(\\d{3})(\\d{3})","$1 $2 $3",["[4-6]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})",
+"$1 $2 $3",["[38]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LS:[,[,,"[2568]\\d{7}","\\d{8}"],[,,"2\\d{7}","\\d{8}",,,"22123456"],[,,"[56]\\d{7}","\\d{8}",,,"50123456"],[,,"800[256]\\d{4}","\\d{8}",,,"80021234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"LS",266,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LT:[,[,,"[3-9]\\d{7}","\\d{8}"],[,,"(?:3[1478]|4[124-6]|52)\\d{6}","\\d{8}",
+,,"31234567"],[,,"6\\d{7}","\\d{8}",,,"61234567"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"9(?:0[0239]|10)\\d{5}","\\d{8}",,,"90012345"],[,,"808\\d{5}","\\d{8}",,,"80812345"],[,,"700\\d{5}","\\d{8}",,,"70012345"],[,,"NA","NA"],"LT",370,"00","8",,,"[08]",,,,[[,"([34]\\d)(\\d{6})","$1 $2",["37|4(?:1|5[45]|6[2-4])"],"(8-$1)","",1],[,"([3-6]\\d{2})(\\d{5})","$1 $2",["3[148]|4(?:[24]|6[09])|528|6"],"(8-$1)","",1],[,"([7-9]\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["[7-9]"],"8 $1","",1],[,"(5)(2\\d{2})(\\d{4})",
+"$1 $2 $3",["52[0-79]"],"(8-$1)","",1]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"70[67]\\d{5}","\\d{8}",,,"70712345"],,,[,,"NA","NA"]],LU:[,[,,"[24-9]\\d{3,10}|3(?:[0-46-9]\\d{2,9}|5[013-9]\\d{1,8})","\\d{4,11}"],[,,"(?:2(?:2\\d{1,2}|3[2-9]|[67]\\d|4[1-8]\\d?|5[1-5]\\d?|9[0-24-9]\\d?)|3(?:[059][05-9]|[13]\\d|[26][015-9]|4[0-26-9]|7[0-389]|8[08])\\d?|4\\d{2,3}|5(?:[01458]\\d|[27][0-69]|3[0-3]|[69][0-7])\\d?|7(?:1[019]|2[05-9]|3[05]|[45][07-9]|[679][089]|8[06-9])\\d?|8(?:0[2-9]|1[0-36-9]|3[3-9]|[469]9|[58][7-9]|7[89])\\d?|9(?:0[89]|2[0-49]|37|49|5[0-27-9]|7[7-9]|9[0-478])\\d?)\\d{1,7}",
+"\\d{4,11}",,,"27123456"],[,,"6(?:[269][18]|71)\\d{6}","\\d{9}",,,"628123456"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"90[01]\\d{5}","\\d{8}",,,"90012345"],[,,"801\\d{5}","\\d{8}",,,"80112345"],[,,"70\\d{6}","\\d{8}",,,"70123456"],[,,"20(?:1\\d{5}|[2-689]\\d{1,7})","\\d{4,10}",,,"20201234"],"LU",352,"00",,,,"(15(?:0[06]|1[12]|35|4[04]|55|6[26]|77|88|99)\\d)",,,,[[,"(\\d{2})(\\d{3})","$1 $2",["[2-5]|7[1-9]|[89](?:[1-9]|0[2-9])"],"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3",["[2-5]|7[1-9]|[89](?:[1-9]|0[2-9])"],
+"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["20"],"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{1,2})","$1 $2 $3 $4",["2(?:[0367]|4[3-8])"],"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3 $4",["20"],"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})(\\d{1,2})","$1 $2 $3 $4 $5",["2(?:[0367]|4[3-8])"],"","$CC $1",0],[,"(\\d{2})(\\d{2})(\\d{2})(\\d{1,4})","$1 $2 $3 $4",["2(?:[12589]|4[12])|[3-5]|7[1-9]|[89](?:[1-9]|0[2-9])"],"","$CC $1",0],[,"(\\d{3})(\\d{2})(\\d{3})","$1 $2 $3",
+["[89]0[01]|70"],"","$CC $1",0],[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["6"],"","$CC $1",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LV:[,[,,"[2689]\\d{7}","\\d{8}"],[,,"6[3-8]\\d{6}","\\d{8}",,,"63123456"],[,,"2\\d{7}","\\d{8}",,,"21234567"],[,,"80\\d{6}","\\d{8}",,,"80123456"],[,,"90\\d{6}","\\d{8}",,,"90123456"],[,,"81\\d{6}","\\d{8}",,,"81123456"],[,,"NA","NA"],[,,"NA","NA"],"LV",371,"00",,,,,,,,[[,"([2689]\\d)(\\d{3})(\\d{3})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,
+"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],LY:[,[,,"[25679]\\d{8}","\\d{7,9}"],[,,"(?:2[1345]|5[1347]|6[123479]|71)\\d{7}","\\d{7,9}",,,"212345678"],[,,"9[1-6]\\d{7}","\\d{9}",,,"912345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"LY",218,"00","0",,,"0",,,,[[,"([25679]\\d)(\\d{7})","$1-$2",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MA:[,[,,"[5689]\\d{8}","\\d{9}"],[,,"5(?:2(?:(?:[015-7]\\d|2[2-9]|3[2-57]|4[2-8]|8[235-7])\\d|9(?:0\\d|[89]0))|3(?:(?:[0-4]\\d|[57][2-9]|6[235-8]|9[3-9])\\d|8(?:0\\d|[89]0)))\\d{4}",
+"\\d{9}",,,"520123456"],[,,"6(?:0[0-8]|[12-7]\\d|8[01]|9[2457-9])\\d{6}","\\d{9}",,,"650123456"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"89\\d{7}","\\d{9}",,,"891234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MA",212,"00","0",,,"0",,,,[[,"([56]\\d{2})(\\d{6})","$1-$2",["5(?:2[015-7]|3[0-4])|6"],"0$1","",0],[,"([58]\\d{3})(\\d{5})","$1-$2",["5(?:2[2-489]|3[5-9])|892","5(?:2(?:[2-48]|90)|3(?:[5-79]|80))|892"],"0$1","",0],[,"(5\\d{4})(\\d{4})","$1-$2",["5(?:29|38)","5(?:29|38)[89]"],"0$1","",
+0],[,"(8[09])(\\d{7})","$1-$2",["8(?:0|9[013-9])"],"0$1","",0]],,[,,"NA","NA"],1,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MC:[,[,,"[4689]\\d{7,8}","\\d{8,9}"],[,,"870\\d{5}|9[2-47-9]\\d{6}","\\d{8}",,,"99123456"],[,,"6\\d{8}|4(?:4\\d|5[2-9])\\d{5}","\\d{8,9}",,,"612345678"],[,,"90\\d{6}","\\d{8}",,,"90123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MC",377,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["9"],"$1","",0],[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",
+["4"],"0$1","",0],[,"(6)(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4 $5",["6"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{2})","$1 $2 $3",["8"],"$1","",0]],,[,,"NA","NA"],,,[,,"8\\d{7}","\\d{8}"],[,,"NA","NA"],,,[,,"NA","NA"]],MD:[,[,,"[235-9]\\d{7}","\\d{8}"],[,,"(?:2(?:1[0569]|2\\d|3[015-7]|4[1-46-9]|5[0-24689]|6[2-589]|7[1-37]|9[1347-9])|5(?:33|5[257]))\\d{5}","\\d{8}",,,"22212345"],[,,"(?:562\\d|6(?:[089]\\d{2}|1[01]\\d|21\\d|50\\d|7(?:[1-6]\\d|7[0-4]))|7(?:6[07]|7[457-9]|[89]\\d)\\d)\\d{4}","\\d{8}",
+,,"65012345"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"90[056]\\d{5}","\\d{8}",,,"90012345"],[,,"808\\d{5}","\\d{8}",,,"80812345"],[,,"NA","NA"],[,,"3[08]\\d{6}","\\d{8}",,,"30123456"],"MD",373,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["22|3"],"0$1","",0],[,"([25-7]\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["2[13-79]|[5-7]"],"0$1","",0],[,"([89]\\d{2})(\\d{5})","$1 $2",["[89]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"8(?:03|14)\\d{5}","\\d{8}",,,"80312345"],,,[,,"NA","NA"]],ME:[,
+[,,"[2-9]\\d{7,8}","\\d{6,9}"],[,,"(?:20[2-8]|3(?:0[2-7]|1[35-7]|2[3567]|3[4-7])|4(?:0[237]|1[27])|5(?:0[47]|1[27]|2[378]))\\d{5}","\\d{6,8}",,,"30234567"],[,,"6(?:32\\d|[89]\\d{2}|7(?:[0-8]\\d|9(?:[3-9]|[0-2]\\d)))\\d{4}","\\d{8,9}",,,"67622901"],[,,"800[28]\\d{4}","\\d{8}",,,"80080002"],[,,"(?:88\\d|9(?:4[13-8]|5[16-8]))\\d{5}","\\d{8}",,,"94515151"],[,,"NA","NA"],[,,"NA","NA"],[,,"78[1-9]\\d{5}","\\d{8}",,,"78108780"],"ME",382,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[2-57-9]|6[3789]",
+"[2-57-9]|6(?:[389]|7(?:[0-8]|9[3-9]))"],"0$1","",0],[,"(67)(9)(\\d{3})(\\d{3})","$1 $2 $3 $4",["679","679[0-2]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"77\\d{6}","\\d{8}",,,"77273012"],,,[,,"NA","NA"]],MF:[,[,,"[56]\\d{8}","\\d{9}"],[,,"590(?:[02][79]|13|5[0-268]|[78]7)\\d{4}","\\d{9}",,,"590271234"],[,,"690(?:0[0-7]|[1-9]\\d)\\d{4}","\\d{9}",,,"690301234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MF",590,"00","0",,,"0",,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,
+,"NA","NA"],,,[,,"NA","NA"]],MG:[,[,,"[23]\\d{8}","\\d{7,9}"],[,,"20(?:2\\d{2}|4[47]\\d|5[3467]\\d|6[279]\\d|7(?:2[29]|[35]\\d)|8[268]\\d|9[245]\\d)\\d{4}","\\d{7,9}",,,"202123456"],[,,"3[2-49]\\d{7}","\\d{9}",,,"321234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"22\\d{7}","\\d{9}",,,"221234567"],"MG",261,"00","0",,,"0",,,,[[,"([23]\\d)(\\d{2})(\\d{3})(\\d{2})","$1 $2 $3 $4",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MH:[,[,,"[2-6]\\d{6}","\\d{7}"],
+[,,"(?:247|528|625)\\d{4}","\\d{7}",,,"2471234"],[,,"(?:235|329|45[56]|545)\\d{4}","\\d{7}",,,"2351234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"635\\d{4}","\\d{7}",,,"6351234"],"MH",692,"011","1",,,"1",,,,[[,"(\\d{3})(\\d{4})","$1-$2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MK:[,[,,"[2-578]\\d{7}","\\d{8}"],[,,"(?:2(?:[23]\\d|5[124578]|6[01])|3(?:1[3-6]|[23][2-6]|4[2356])|4(?:[23][2-6]|4[3-6]|5[256]|6[25-8]|7[24-6]|8[4-6]))\\d{5}","\\d{6,8}",,
+,"22212345"],[,,"7(?:[0-25-8]\\d{2}|32\\d|421)\\d{4}","\\d{8}",,,"72345678"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"5[02-9]\\d{6}","\\d{8}",,,"50012345"],[,,"8(?:0[1-9]|[1-9]\\d)\\d{5}","\\d{8}",,,"80123456"],[,,"NA","NA"],[,,"NA","NA"],"MK",389,"00","0",,,"0",,,,[[,"(2)(\\d{3})(\\d{4})","$1 $2 $3",["2"],"0$1","",0],[,"([347]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[347]"],"0$1","",0],[,"([58]\\d{2})(\\d)(\\d{2})(\\d{2})","$1 $2 $3 $4",["[58]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],
+,,[,,"NA","NA"]],ML:[,[,,"[246-9]\\d{7}","\\d{8}"],[,,"(?:2(?:0(?:2[0-589]|7\\d)|1(?:2[5-7]|[3-689]\\d|7[2-4689]))|44[239]\\d)\\d{4}","\\d{8}",,,"20212345"],[,,"[67]\\d{7}|9[0-25-9]\\d{6}","\\d{8}",,,"65012345"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ML",223,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[246-9]"],"","",0],[,"(\\d{4})","$1",["67|74"],"","",0]],[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[246-9]"],
+"","",0]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MM:[,[,,"[14578]\\d{5,7}|[26]\\d{5,8}|9(?:2\\d{0,2}|[58]|3\\d|4\\d{1,2}|6\\d?|[79]\\d{0,2})\\d{6}","\\d{5,10}"],[,,"1(?:2\\d{1,2}|[3-5]\\d|6\\d?|[89][0-6]\\d)\\d{4}|2(?:[236-9]\\d{4}|4(?:0\\d{5}|\\d{4})|5(?:1\\d{3,6}|[02-9]\\d{3,5}))|4(?:2[245-8]|[346][2-6]|5[3-5])\\d{4}|5(?:2(?:20?|[3-8])|3[2-68]|4(?:21?|[4-8])|5[23]|6[2-4]|7[2-8]|8[24-7]|9[2-7])\\d{4}|6(?:0[23]|1[2356]|[24][2-6]|3[24-6]|5[2-4]|6[2-8]|7(?:[2367]|4\\d|5\\d?|8[145]\\d)|8[245]|9[24])\\d{4}|7(?:[04][24-8]|[15][2-7]|22|3[2-4])\\d{4}|8(?:1(?:2\\d?|[3-689])|2[2-8]|3[24]|4[24-7]|5[245]|6[23])\\d{4}",
+"\\d{5,9}",,,"1234567"],[,,"17[01]\\d{4}|9(?:2(?:[0-4]|5\\d{2})|3[136]\\d|4(?:0[0-4]\\d|[1379]\\d|[24][0-589]\\d|5\\d{2}|88)|5[0-6]|61?\\d|7(?:3\\d|9\\d{2})|8\\d|9(?:1\\d|7\\d{2}|[089]))\\d{5}","\\d{7,10}",,,"92123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"1333\\d{4}","\\d{8}",,,"13331234"],"MM",95,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["1|2[45]"],"0$1","",0],[,"(2)(\\d{4})(\\d{4})","$1 $2 $3",["251"],"0$1","",0],[,"(\\d)(\\d{2})(\\d{3})","$1 $2 $3",["16|2"],
+"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["67|81"],"0$1","",0],[,"(\\d{2})(\\d{2})(\\d{3,4})","$1 $2 $3",["[4-8]"],"0$1","",0],[,"(9)(\\d{3})(\\d{4,6})","$1 $2 $3",["9(?:2[0-4]|[35-9]|4[13789])"],"0$1","",0],[,"(9)(4\\d{4})(\\d{4})","$1 $2 $3",["94[0245]"],"0$1","",0],[,"(9)(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3 $4",["925"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MN:[,[,,"[12]\\d{7,9}|[57-9]\\d{7}","\\d{6,10}"],[,,"[12](?:1\\d|2(?:[1-3]\\d?|7\\d)|3[2-8]\\d{1,2}|4[2-68]\\d{1,2}|5[1-4689]\\d{1,2})\\d{5}|5[0568]\\d{6}",
+"\\d{6,10}",,,"50123456"],[,,"(?:8[689]|9[013-9])\\d{6}","\\d{8}",,,"88123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"7[05-8]\\d{6}","\\d{8}",,,"75123456"],"MN",976,"001","0",,,"0",,,,[[,"([12]\\d)(\\d{2})(\\d{4})","$1 $2 $3",["[12]1"],"0$1","",0],[,"([12]2\\d)(\\d{5,6})","$1 $2",["[12]2[1-3]"],"0$1","",0],[,"([12]\\d{3})(\\d{5})","$1 $2",["[12](?:27|[3-5])","[12](?:27|[3-5]\\d)2"],"0$1","",0],[,"(\\d{4})(\\d{4})","$1 $2",["[57-9]"],"$1","",0],[,"([12]\\d{4})(\\d{4,5})","$1 $2",
+["[12](?:27|[3-5])","[12](?:27|[3-5]\\d)[4-9]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MO:[,[,,"[268]\\d{7}","\\d{8}"],[,,"(?:28[2-57-9]|8[2-57-9]\\d)\\d{5}","\\d{8}",,,"28212345"],[,,"6[236]\\d{6}","\\d{8}",,,"66123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MO",853,"00",,,,,,,,[[,"([268]\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MP:[,[,,"[5689]\\d{9}","\\d{7}(?:\\d{3})?"],
+[,,"670(?:2(?:3[3-7]|56|8[5-8])|32[1238]|4(?:33|8[348])|5(?:32|55|88)|6(?:64|70|82)|78[589]|8[3-9]8|989)\\d{4}","\\d{7}(?:\\d{3})?",,,"6702345678"],[,,"670(?:2(?:3[3-7]|56|8[5-8])|32[1238]|4(?:33|8[348])|5(?:32|55|88)|6(?:64|70|82)|78[589]|8[3-9]8|989)\\d{4}","\\d{7}(?:\\d{3})?",,,"6702345678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"MP",
+1,"011","1",,,"1",,,1,,,[,,"NA","NA"],,"670",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MQ:[,[,,"[56]\\d{8}","\\d{9}"],[,,"596(?:0[2-5]|[12]0|3[05-9]|4[024-8]|[5-7]\\d|89|9[4-8])\\d{4}","\\d{9}",,,"596301234"],[,,"696(?:[0-479]\\d|5[01]|8[0-689])\\d{4}","\\d{9}",,,"696201234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MQ",596,"00","0",,,"0",,,,[[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],
+MR:[,[,,"[2-48]\\d{7}","\\d{8}"],[,,"25[08]\\d{5}|35\\d{6}|45[1-7]\\d{5}","\\d{8}",,,"35123456"],[,,"(?:2(?:2\\d|70)|3(?:3\\d|6[1-36]|7[1-3])|4(?:[49]\\d|6[0457-9]|7[4-9]|8[01346-8]))\\d{5}","\\d{8}",,,"22123456"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MR",222,"00",,,,,,,,[[,"([2-48]\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MS:[,[,,"[5689]\\d{9}","\\d{7}(?:\\d{3})?"],
+[,,"664491\\d{4}","\\d{7}(?:\\d{3})?",,,"6644912345"],[,,"66449[2-6]\\d{4}","\\d{10}",,,"6644923456"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"MS",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"664",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MT:[,[,,"[2357-9]\\d{7}","\\d{8}"],[,,"2(?:0(?:1[0-6]|3[1-4]|[69]\\d)|[1-357]\\d{2})\\d{4}","\\d{8}",,,"21001234"],
+[,,"(?:7(?:210|[79]\\d{2})|9(?:2(?:1[01]|31)|696|8(?:1[1-3]|89|97)|9\\d{2}))\\d{4}","\\d{8}",,,"96961234"],[,,"800[3467]\\d{4}","\\d{8}",,,"80071234"],[,,"5(?:0(?:0(?:37|43)|6\\d{2}|70\\d|9[0168])|[12]\\d0[1-5])\\d{3}","\\d{8}",,,"50037123"],[,,"NA","NA"],[,,"NA","NA"],[,,"3550\\d{4}","\\d{8}",,,"35501234"],"MT",356,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",,"","",0]],,[,,"7117\\d{4}","\\d{8}",,,"71171234"],,,[,,"NA","NA"],[,,"501\\d{5}","\\d{8}",,,"50112345"],,,[,,"NA","NA"]],MU:[,[,,"[2-9]\\d{6,7}",
+"\\d{7,8}"],[,,"(?:2(?:[03478]\\d|1[0-7]|6[1-69])|4(?:[013568]\\d|2[4-7])|5(?:44\\d|471)|6\\d{2}|8(?:14|3[129]))\\d{4}","\\d{7,8}",,,"2012345"],[,,"5(?:2[59]\\d|4(?:2[1-389]|4\\d|7[1-9]|9\\d)|7\\d{2}|8(?:[256]\\d|7[15-8])|9[0-8]\\d)\\d{4}","\\d{8}",,,"52512345"],[,,"80[012]\\d{4}","\\d{7}",,,"8001234"],[,,"30\\d{5}","\\d{7}",,,"3012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"3(?:20|9\\d)\\d{4}","\\d{7}",,,"3201234"],"MU",230,"0(?:0|[2-7]0|33)",,,,,,"020",,[[,"([2-46-9]\\d{2})(\\d{4})","$1 $2",["[2-46-9]"],
+"","",0],[,"(5\\d{3})(\\d{4})","$1 $2",["5"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MV:[,[,,"[3467]\\d{6}|9(?:00\\d{7}|\\d{6})","\\d{7,10}"],[,,"(?:3(?:0[01]|3[0-59])|6(?:[567][02468]|8[024689]|90))\\d{4}","\\d{7}",,,"6701234"],[,,"(?:46[46]|7[3-9]\\d|9[16-9]\\d)\\d{4}","\\d{7}",,,"7712345"],[,,"NA","NA"],[,,"900\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MV",960,"0(?:0|19)",,,,,,"00",,[[,"(\\d{3})(\\d{4})","$1-$2",["[3467]|9(?:[1-9]|0[1-9])"],
+"","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["900"],"","",0]],,[,,"781\\d{4}","\\d{7}",,,"7812345"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MW:[,[,,"(?:1(?:\\d{2})?|[2789]\\d{2})\\d{6}","\\d{7,9}"],[,,"(?:1[2-9]|21\\d{2})\\d{5}","\\d{7,9}",,,"1234567"],[,,"(?:111|77\\d|88\\d|99\\d)\\d{6}","\\d{9}",,,"991234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MW",265,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{3})","$1 $2 $3",["1"],"0$1","",0],[,"(2\\d{2})(\\d{3})(\\d{3})",
+"$1 $2 $3",["2"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[1789]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MX:[,[,,"[1-9]\\d{9,10}","\\d{7,11}"],[,,"(?:33|55|81)\\d{8}|(?:2(?:2[2-9]|3[1-35-8]|4[13-9]|7[1-689]|8[1-578]|9[467])|3(?:1[1-79]|[2458][1-9]|7[1-8]|9[1-5])|4(?:1[1-57-9]|[24-6][1-9]|[37][1-8]|8[1-35-9]|9[2-689])|5(?:88|9[1-79])|6(?:1[2-68]|[234][1-9]|5[1-3689]|6[12457-9]|7[1-7]|8[67]|9[4-8])|7(?:[13467][1-9]|2[1-8]|5[13-9]|8[1-69]|9[17])|8(?:2[13-689]|3[1-6]|4[124-6]|6[1246-9]|7[1-378]|9[12479])|9(?:1[346-9]|2[1-4]|3[2-46-8]|5[1348]|[69][1-9]|7[12]|8[1-8]))\\d{7}",
+"\\d{7,10}",,,"2221234567"],[,,"1(?:(?:33|55|81)\\d{8}|(?:2(?:2[2-9]|3[1-35-8]|4[13-9]|7[1-689]|8[1-578]|9[467])|3(?:1[1-79]|[2458][1-9]|7[1-8]|9[1-5])|4(?:1[1-57-9]|[24-6][1-9]|[37][1-8]|8[1-35-9]|9[2-689])|5(?:88|9[1-79])|6(?:1[2-68]|[2-4][1-9]|5[1-3689]|6[12457-9]|7[1-7]|8[67]|9[4-8])|7(?:[13467][1-9]|2[1-8]|5[13-9]|8[1-69]|9[17])|8(?:2[13-689]|3[1-6]|4[124-6]|6[1246-9]|7[1-378]|9[12479])|9(?:1[346-9]|2[1-4]|3[2-46-8]|5[1348]|[69][1-9]|7[12]|8[1-8]))\\d{7})","\\d{11}",,,"12221234567"],[,,"800\\d{7}",
+"\\d{10}",,,"8001234567"],[,,"900\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MX",52,"0[09]","01",,,"0[12]|04[45](\\d{10})","1$1",,,[[,"([358]\\d)(\\d{4})(\\d{4})","$1 $2 $3",["33|55|81"],"01 $1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["[2467]|3[12457-9]|5[89]|8[02-9]|9[0-35-9]"],"01 $1","",1],[,"(1)([358]\\d)(\\d{4})(\\d{4})","044 $2 $3 $4",["1(?:33|55|81)"],"$1","",1],[,"(1)(\\d{3})(\\d{3})(\\d{4})","044 $2 $3 $4",["1(?:[2467]|3[12457-9]|5[89]|8[2-9]|9[1-35-9])"],
+"$1","",1]],[[,"([358]\\d)(\\d{4})(\\d{4})","$1 $2 $3",["33|55|81"],"01 $1","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["[2467]|3[12457-9]|5[89]|8[02-9]|9[0-35-9]"],"01 $1","",1],[,"(1)([358]\\d)(\\d{4})(\\d{4})","$1 $2 $3 $4",["1(?:33|55|81)"]],[,"(1)(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3 $4",["1(?:[2467]|3[12457-9]|5[89]|8[2-9]|9[1-35-9])"]]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],MY:[,[,,"[13-9]\\d{7,9}","\\d{6,10}"],[,,"(?:3[2-9]\\d|[4-9][2-9])\\d{6}","\\d{6,9}",,,"323456789"],
+[,,"1(?:1[1-3]\\d{2}|[02-4679][2-9]\\d|59\\d{2}|8(?:1[23]|[2-9]\\d))\\d{5}","\\d{9,10}",,,"123456789"],[,,"1[378]00\\d{6}","\\d{10}",,,"1300123456"],[,,"1600\\d{6}","\\d{10}",,,"1600123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"154\\d{7}","\\d{10}",,,"1541234567"],"MY",60,"00","0",,,"0",,,,[[,"([4-79])(\\d{3})(\\d{4})","$1-$2 $3",["[4-79]"],"0$1","",0],[,"(3)(\\d{4})(\\d{4})","$1-$2 $3",["3"],"0$1","",0],[,"([18]\\d)(\\d{3})(\\d{3,4})","$1-$2 $3",["1[02-46-9][1-9]|8"],"0$1","",0],[,"(1)([36-8]00)(\\d{2})(\\d{4})",
+"$1-$2-$3-$4",["1[36-8]0"],"","",0],[,"(11)(\\d{4})(\\d{4})","$1-$2 $3",["11"],"0$1","",0],[,"(15[49])(\\d{3})(\\d{4})","$1-$2 $3",["15"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],MZ:[,[,,"[28]\\d{7,8}","\\d{8,9}"],[,,"2(?:[1346]\\d|5[0-2]|[78][12]|93)\\d{5}","\\d{8}",,,"21123456"],[,,"8[23467]\\d{7}","\\d{9}",,,"821234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"MZ",258,"00",,,,,,,,[[,"([28]\\d)(\\d{3})(\\d{3,4})",
+"$1 $2 $3",["2|8[2-7]"],"","",0],[,"(80\\d)(\\d{3})(\\d{3})","$1 $2 $3",["80"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NA:[,[,,"[68]\\d{7,8}","\\d{8,9}"],[,,"6(?:1(?:17|2(?:[0189]\\d|[2-6]|7\\d?)|3(?:[01378]|2\\d)|4[01]|69|7[014])|2(?:17|5(?:[0-36-8]|4\\d?)|69|70)|3(?:17|2(?:[0237]\\d?|[14-689])|34|6[29]|7[01]|81)|4(?:17|2(?:[012]|7?)|4(?:[06]|1\\d)|5(?:[01357]|[25]\\d?)|69|7[01])|5(?:17|2(?:[0459]|[23678]\\d?)|69|7[01])|6(?:17|2(?:5|6\\d?)|38|42|69|7[01])|7(?:17|2(?:[569]|[234]\\d?)|3(?:0\\d?|[13])|69|7[01]))\\d{4}",
+"\\d{8,9}",,,"61221234"],[,,"(?:60|8[125])\\d{7}","\\d{9}",,,"811234567"],[,,"NA","NA"],[,,"8701\\d{5}","\\d{9}",,,"870123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"8(?:3\\d{2}|86)\\d{5}","\\d{8,9}",,,"88612345"],"NA",264,"00","0",,,"0",,,,[[,"(8\\d)(\\d{3})(\\d{4})","$1 $2 $3",["8[1235]"],"0$1","",0],[,"(6\\d)(\\d{2,3})(\\d{4})","$1 $2 $3",["6"],"0$1","",0],[,"(88)(\\d{3})(\\d{3})","$1 $2 $3",["88"],"0$1","",0],[,"(870)(\\d{3})(\\d{3})","$1 $2 $3",["870"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,
+,"NA","NA"],,,[,,"NA","NA"]],NC:[,[,,"[2-57-9]\\d{5}","\\d{6}"],[,,"(?:2[03-9]|3[0-5]|4[1-7]|88)\\d{4}","\\d{6}",,,"201234"],[,,"(?:5[0-4]|[79]\\d|8[0-79])\\d{4}","\\d{6}",,,"751234"],[,,"NA","NA"],[,,"36\\d{4}","\\d{6}",,,"366711"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NC",687,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})","$1.$2.$3",["[2-46-9]|5[0-4]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NE:[,[,,"[0289]\\d{7}","\\d{8}"],[,,"2(?:0(?:20|3[1-7]|4[134]|5[14]|6[14578]|7[1-578])|1(?:4[145]|5[14]|6[14-68]|7[169]|88))\\d{4}",
+"\\d{8}",,,"20201234"],[,,"(?:89|9\\d)\\d{6}","\\d{8}",,,"93123456"],[,,"08\\d{6}","\\d{8}",,,"08123456"],[,,"09\\d{6}","\\d{8}",,,"09123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NE",227,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[289]|09"],"","",0],[,"(08)(\\d{3})(\\d{3})","$1 $2 $3",["08"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],NF:[,[,,"[13]\\d{5}","\\d{5,6}"],[,,"(?:1(?:06|17|28|39)|3[012]\\d)\\d{3}","\\d{5,6}",,,"106609"],[,,"38\\d{4}",
+"\\d{5,6}",,,"381234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NF",672,"00",,,,,,,,[[,"(\\d{2})(\\d{4})","$1 $2",["1"],"","",0],[,"(\\d)(\\d{5})","$1 $2",["3"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NG:[,[,,"[1-6]\\d{5,8}|9\\d{5,9}|[78]\\d{5,13}","\\d{5,14}"],[,,"[12]\\d{6,7}|9(?:0[3-9]|[1-9]\\d)\\d{5}|(?:3\\d|4[023568]|5[02368]|6[02-469]|7[4-69]|8[2-9])\\d{6}|(?:4[47]|5[14579]|6[1578]|7[0-357])\\d{5,6}|(?:78|41)\\d{5}","\\d{5,9}",,,
+"12345678"],[,,"(?:1(?:7[34]\\d|8(?:04|[124579]\\d|8[0-3])|95\\d)|287[0-7]|3(?:18[1-8]|88[0-7]|9(?:8[5-9]|6[1-5]))|4(?:28[0-2]|6(?:7[1-9]|8[02-47])|88[0-2])|5(?:2(?:7[7-9]|8\\d)|38[1-79]|48[0-7]|68[4-7])|6(?:2(?:7[7-9]|8\\d)|4(?:3[7-9]|[68][129]|7[04-69]|9[1-8])|58[0-2]|98[7-9])|7(?:38[0-7]|69[1-8]|78[2-4])|8(?:28[3-9]|38[0-2]|4(?:2[12]|3[147-9]|5[346]|7[4-9]|8[014-689]|90)|58[1-8]|78[2-9]|88[5-7])|98[07]\\d)\\d{4}|(?:70(?:[13-9]\\d|2[1-9])|8(?:0[2-9]|1\\d)\\d|90[239]\\d)\\d{6}","\\d{8,10}",,,"8021234567"],
+[,,"800\\d{7,11}","\\d{10,14}",,,"80017591759"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NG",234,"009","0",,,"0",,,,[[,"([129])(\\d{3})(\\d{3,4})","$1 $2 $3",["[129]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{2,3})","$1 $2 $3",["[3-6]|7(?:[1-79]|0[1-9])|8[2-9]"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})","$1 $2 $3",["70|8[01]|90[239]"],"0$1","",0],[,"([78]00)(\\d{4})(\\d{4,5})","$1 $2 $3",["[78]00"],"0$1","",0],[,"([78]00)(\\d{5})(\\d{5,6})","$1 $2 $3",["[78]00"],"0$1","",0],[,"(78)(\\d{2})(\\d{3})",
+"$1 $2 $3",["78"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"700\\d{7,11}","\\d{10,14}",,,"7001234567"],,,[,,"NA","NA"]],NI:[,[,,"[12578]\\d{7}","\\d{8}"],[,,"2\\d{7}","\\d{8}",,,"21234567"],[,,"5(?:5[0-7]\\d{5}|[78]\\d{6})|7[5-8]\\d{6}|8\\d{7}","\\d{8}",,,"81234567"],[,,"1800\\d{4}","\\d{8}",,,"18001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NI",505,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NL:[,[,,
+"1\\d{4,8}|[2-7]\\d{8}|[89]\\d{6,9}","\\d{5,10}"],[,,"(?:1[0135-8]|2[02-69]|3[0-68]|4[0135-9]|[57]\\d|8[478])\\d{7}","\\d{9}",,,"101234567"],[,,"6[1-58]\\d{7}","\\d{9}",,,"612345678"],[,,"800\\d{4,7}","\\d{7,10}",,,"8001234"],[,,"90[069]\\d{4,7}","\\d{7,10}",,,"9061234"],[,,"NA","NA"],[,,"NA","NA"],[,,"85\\d{7}","\\d{9}",,,"851234567"],"NL",31,"00","0",,,"0",,,,[[,"([1-578]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["1[035]|2[0346]|3[03568]|4[0356]|5[0358]|7|8[4578]"],"0$1","",0],[,"([1-5]\\d{2})(\\d{3})(\\d{3})",
+"$1 $2 $3",["1[16-8]|2[259]|3[124]|4[17-9]|5[124679]"],"0$1","",0],[,"(6)(\\d{8})","$1 $2",["6[0-57-9]"],"0$1","",0],[,"(66)(\\d{7})","$1 $2",["66"],"0$1","",0],[,"(14)(\\d{3,4})","$1 $2",["14"],"$1","",0],[,"([89]0\\d)(\\d{4,7})","$1 $2",["80|9"],"0$1","",0]],,[,,"66\\d{7}","\\d{9}",,,"662345678"],,,[,,"14\\d{3,4}","\\d{5,6}"],[,,"140(?:1(?:[035]|[16-8]\\d)|2(?:[0346]|[259]\\d)|3(?:[03568]|[124]\\d)|4(?:[0356]|[17-9]\\d)|5(?:[0358]|[124679]\\d)|7\\d|8[458])","\\d{5,6}",,,"14020"],,,[,,"NA","NA"]],
+NO:[,[,,"0\\d{4}|[2-9]\\d{7}","\\d{5}(?:\\d{3})?"],[,,"(?:2[1-4]|3[1-3578]|5[1-35-7]|6[1-4679]|7[0-8])\\d{6}","\\d{8}",,,"21234567"],[,,"(?:4[015-8]|5[89]|9\\d)\\d{6}","\\d{8}",,,"40612345"],[,,"80[01]\\d{5}","\\d{8}",,,"80012345"],[,,"82[09]\\d{5}","\\d{8}",,,"82012345"],[,,"810(?:0[0-6]|[2-8]\\d)\\d{3}","\\d{8}",,,"81021234"],[,,"880\\d{5}","\\d{8}",,,"88012345"],[,,"85[0-5]\\d{5}","\\d{8}",,,"85012345"],"NO",47,"00",,,,,,,,[[,"([489]\\d{2})(\\d{2})(\\d{3})","$1 $2 $3",["[489]"],"","",0],[,"([235-7]\\d)(\\d{2})(\\d{2})(\\d{2})",
+"$1 $2 $3 $4",["[235-7]"],"","",0]],,[,,"NA","NA"],1,,[,,"NA","NA"],[,,"0\\d{4}|81(?:0(?:0[7-9]|1\\d)|5\\d{2})\\d{3}","\\d{5}(?:\\d{3})?",,,"01234"],1,,[,,"81[23]\\d{5}","\\d{8}",,,"81212345"]],NP:[,[,,"[1-8]\\d{7}|9(?:[1-69]\\d{6}|7[2-6]\\d{5,7}|8\\d{8})","\\d{6,10}"],[,,"(?:1[0124-6]|2[13-79]|3[135-8]|4[146-9]|5[135-7]|6[13-9]|7[15-9]|8[1-46-9]|9[1-79])\\d{6}","\\d{6,8}",,,"14567890"],[,,"9(?:7[45]|8[01456])\\d{7}","\\d{10}",,,"9841234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],
+[,,"NA","NA"],"NP",977,"00","0",,,"0",,,,[[,"(1)(\\d{7})","$1-$2",["1[2-6]"],"0$1","",0],[,"(\\d{2})(\\d{6})","$1-$2",["1[01]|[2-8]|9(?:[1-69]|7[15-9])"],"0$1","",0],[,"(9\\d{2})(\\d{7})","$1-$2",["9(?:7[45]|8)"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NR:[,[,,"[458]\\d{6}","\\d{7}"],[,,"(?:444|888)\\d{4}","\\d{7}",,,"4441234"],[,,"55[5-9]\\d{4}","\\d{7}",,,"5551234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NR",674,"00",,,,,,,,[[,"(\\d{3})(\\d{4})",
+"$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NU:[,[,,"[1-5]\\d{3}","\\d{4}"],[,,"[34]\\d{3}","\\d{4}",,,"4002"],[,,"[125]\\d{3}","\\d{4}",,,"1234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NU",683,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],NZ:[,[,,"6[235-9]\\d{6}|[2-57-9]\\d{7,10}","\\d{7,11}"],[,,"(?:3[2-79]|[49][2-689]|6[235-9]|7[2-5789])\\d{6}|24099\\d{3}","\\d{7,8}",,,"32345678"],[,,"2(?:[028]\\d{7,8}|1(?:[03]\\d{5,7}|[12457]\\d{5,6}|[689]\\d{5})|[79]\\d{7})",
+"\\d{8,10}",,,"211234567"],[,,"508\\d{6,7}|80\\d{6,8}","\\d{8,10}",,,"800123456"],[,,"90\\d{7,9}","\\d{9,11}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"NZ",64,"0(?:0|161)","0",,,"0",,"00",,[[,"([34679])(\\d{3})(\\d{4})","$1-$2 $3",["[3467]|9[1-9]"],"0$1","",0],[,"(24099)(\\d{3})","$1 $2",["240","2409","24099"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["21"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{3,5})","$1 $2 $3",["2(?:1[1-9]|[69]|7[0-35-9])|86"],"0$1","",0],[,"(2\\d)(\\d{3,4})(\\d{4})",
+"$1 $2 $3",["2[028]"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})","$1 $2 $3",["2(?:10|74)|5|[89]0"],"0$1","",0]],,[,,"[28]6\\d{6,7}","\\d{8,9}",,,"26123456"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],OM:[,[,,"(?:2[2-6]|5|9[1-9])\\d{6}|800\\d{5,6}","\\d{7,9}"],[,,"2[2-6]\\d{6}","\\d{8}",,,"23123456"],[,,"9[1-9]\\d{6}","\\d{8}",,,"92123456"],[,,"8007\\d{4,5}|500\\d{4}","\\d{7,9}",,,"80071234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"OM",968,"00",,,,,,,,[[,"(2\\d)(\\d{6})","$1 $2",
+["2"],"","",0],[,"(9\\d{3})(\\d{4})","$1 $2",["9"],"","",0],[,"([58]00)(\\d{4,6})","$1 $2",["[58]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PA:[,[,,"[1-9]\\d{6,7}","\\d{7,8}"],[,,"(?:1(?:0[02-579]|19|2[37]|3[03]|4[479]|57|65|7[016-8]|8[58]|9[1349])|2(?:[0235679]\\d|1[0-7]|4[04-9]|8[028])|3(?:[09]\\d|1[14-7]|2[0-3]|3[03]|4[0457]|5[56]|6[068]|7[06-8]|8[089])|4(?:3[013-69]|4\\d|7[0-689])|5(?:[01]\\d|2[0-7]|[56]0|79)|7(?:0[09]|2[0-267]|3[06]|[49]0|5[06-9]|7[0-24-7]|8[89])|8(?:[34]\\d|5[0-4]|8[02])|9(?:0[6-8]|1[016-8]|2[036-8]|3[3679]|40|5[0489]|6[06-9]|7[046-9]|8[36-8]|9[1-9]))\\d{4}",
+"\\d{7}",,,"2001234"],[,,"(?:1[16]1|21[89]|8(?:1[01]|7[23]))\\d{4}|6(?:[024-9]\\d|1[0-5]|3[0-24-9])\\d{5}","\\d{7,8}",,,"60012345"],[,,"80[09]\\d{4}","\\d{7}",,,"8001234"],[,,"(?:779|8(?:2[235]|55|60|7[578]|86|95)|9(?:0[0-2]|81))\\d{4}","\\d{7}",,,"8601234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"PA",507,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1-$2",["[1-57-9]"],"","",0],[,"(\\d{4})(\\d{4})","$1-$2",["6"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PE:[,[,,"[14-9]\\d{7,8}",
+"\\d{6,9}"],[,,"(?:1\\d|4[1-4]|5[1-46]|6[1-7]|7[2-46]|8[2-4])\\d{6}","\\d{6,8}",,,"11234567"],[,,"9\\d{8}","\\d{9}",,,"912345678"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"805\\d{5}","\\d{8}",,,"80512345"],[,,"801\\d{5}","\\d{8}",,,"80112345"],[,,"80[24]\\d{5}","\\d{8}",,,"80212345"],[,,"NA","NA"],"PE",51,"19(?:1[124]|77|90)00","0"," Anexo ",,"0",,,,[[,"(1)(\\d{7})","$1 $2",["1"],"(0$1)","",0],[,"([4-8]\\d)(\\d{6})","$1 $2",["[4-7]|8[2-4]"],"(0$1)","",0],[,"(\\d{3})(\\d{5})","$1 $2",["80"],"(0$1)",
+"",0],[,"(9\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["9"],"$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PF:[,[,,"4\\d{5,7}|8\\d{7}","\\d{6}(?:\\d{2})?"],[,,"4(?:[09][45689]\\d|4)\\d{4}","\\d{6}(?:\\d{2})?",,,"40412345"],[,,"8[79]\\d{6}","\\d{8}",,,"87123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"PF",689,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["4[09]|8[79]"],"","",0],[,"(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3",["44"],"",
+"",0]],,[,,"NA","NA"],,,[,,"44\\d{4}","\\d{6}",,,"441234"],[,,"NA","NA"],,,[,,"NA","NA"]],PG:[,[,,"[1-9]\\d{6,7}","\\d{7,8}"],[,,"(?:3[0-2]\\d|4[25]\\d|5[34]\\d|64[1-9]|77(?:[0-24]\\d|30)|85[02-46-9]|9[78]\\d)\\d{4}","\\d{7}",,,"3123456"],[,,"(?:20150|68\\d{2}|7(?:[0-369]\\d|75)\\d{2})\\d{3}","\\d{7,8}",,,"6812345"],[,,"180\\d{4}","\\d{7}",,,"1801234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"275\\d{4}","\\d{7}",,,"2751234"],"PG",675,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[13-689]|27"],
+"","",0],[,"(\\d{4})(\\d{4})","$1 $2",["20|7"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PH:[,[,,"2\\d{5,7}|[3-9]\\d{7,9}|1800\\d{7,9}","\\d{5,13}"],[,,"2\\d{5}(?:\\d{2})?|(?:3[2-68]|4[2-9]|5[2-6]|6[2-58]|7[24578]|8[2-8])\\d{7}|88(?:22\\d{6}|42\\d{4})","\\d{5,10}",,,"21234567"],[,,"(?:81[37]|9(?:0[5-9]|1[024-9]|2[0-35-9]|3[02-9]|4[236-9]|7[34-79]|89|9[4-9]))\\d{7}","\\d{10}",,,"9051234567"],[,,"1800\\d{7,9}","\\d{11,13}",,,"180012345678"],[,,"NA","NA"],[,,"NA","NA"],
+[,,"NA","NA"],[,,"NA","NA"],"PH",63,"00","0",,,"0",,,,[[,"(2)(\\d{3})(\\d{4})","$1 $2 $3",["2"],"(0$1)","",0],[,"(2)(\\d{5})","$1 $2",["2"],"(0$1)","",0],[,"(\\d{4})(\\d{4,6})","$1 $2",["3(?:23|39|46)|4(?:2[3-6]|[35]9|4[26]|76)|5(?:22|44)|642|8(?:62|8[245])","3(?:230|397|461)|4(?:2(?:35|[46]4|51)|396|4(?:22|63)|59[347]|76[15])|5(?:221|446)|642[23]|8(?:622|8(?:[24]2|5[13]))"],"(0$1)","",0],[,"(\\d{5})(\\d{4})","$1 $2",["346|4(?:27|9[35])|883","3469|4(?:279|9(?:30|56))|8834"],"(0$1)","",0],[,"([3-8]\\d)(\\d{3})(\\d{4})",
+"$1 $2 $3",["[3-8]"],"(0$1)","",0],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["81|9"],"0$1","",0],[,"(1800)(\\d{3})(\\d{4})","$1 $2 $3",["1"],"","",0],[,"(1800)(\\d{1,2})(\\d{3})(\\d{4})","$1 $2 $3 $4",["1"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PK:[,[,,"1\\d{8}|[2-8]\\d{5,11}|9(?:[013-9]\\d{4,9}|2\\d(?:111\\d{6}|\\d{3,7}))","\\d{6,12}"],[,,"(?:21|42)[2-9]\\d{7}|(?:2[25]|4[0146-9]|5[1-35-7]|6[1-8]|7[14]|8[16]|91)[2-9]\\d{6}|(?:2(?:3[2358]|4[2-4]|9[2-8])|45[3479]|54[2-467]|60[468]|72[236]|8(?:2[2-689]|3[23578]|4[3478]|5[2356])|9(?:1|2[2-8]|3[27-9]|4[2-6]|6[3569]|9[25-8]))[2-9]\\d{5,6}|58[126]\\d{7}",
+"\\d{6,10}",,,"2123456789"],[,,"3(?:0\\d|[12][0-5]|3[1-7]|4[0-7]|55|64)\\d{7}","\\d{10}",,,"3012345678"],[,,"800\\d{5}","\\d{8}",,,"80012345"],[,,"900\\d{5}","\\d{8}",,,"90012345"],[,,"NA","NA"],[,,"122\\d{6}","\\d{9}",,,"122044444"],[,,"NA","NA"],"PK",92,"00","0",,,"0",,,,[[,"(\\d{2})(111)(\\d{3})(\\d{3})","$1 $2 $3 $4",["(?:2[125]|4[0-246-9]|5[1-35-7]|6[1-8]|7[14]|8[16]|91)1","(?:2[125]|4[0-246-9]|5[1-35-7]|6[1-8]|7[14]|8[16]|91)11","(?:2[125]|4[0-246-9]|5[1-35-7]|6[1-8]|7[14]|8[16]|91)111"],"(0$1)",
+"",0],[,"(\\d{3})(111)(\\d{3})(\\d{3})","$1 $2 $3 $4",["2[349]|45|54|60|72|8[2-5]|9[2-9]","(?:2[349]|45|54|60|72|8[2-5]|9[2-9])\\d1","(?:2[349]|45|54|60|72|8[2-5]|9[2-9])\\d11","(?:2[349]|45|54|60|72|8[2-5]|9[2-9])\\d111"],"(0$1)","",0],[,"(\\d{2})(\\d{7,8})","$1 $2",["(?:2[125]|4[0-246-9]|5[1-35-7]|6[1-8]|7[14]|8[16]|91)[2-9]"],"(0$1)","",0],[,"(\\d{3})(\\d{6,7})","$1 $2",["2[349]|45|54|60|72|8[2-5]|9[2-9]","(?:2[349]|45|54|60|72|8[2-5]|9[2-9])\\d[2-9]"],"(0$1)","",0],[,"(3\\d{2})(\\d{7})","$1 $2",
+["3"],"0$1","",0],[,"([15]\\d{3})(\\d{5,6})","$1 $2",["58[12]|1"],"(0$1)","",0],[,"(586\\d{2})(\\d{5})","$1 $2",["586"],"(0$1)","",0],[,"([89]00)(\\d{3})(\\d{2})","$1 $2 $3",["[89]00"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"(?:2(?:[125]|3[2358]|4[2-4]|9[2-8])|4(?:[0-246-9]|5[3479])|5(?:[1-35-7]|4[2-467])|6(?:[1-8]|0[468])|7(?:[14]|2[236])|8(?:[16]|2[2-689]|3[23578]|4[3478]|5[2356])|9(?:1|22|3[27-9]|4[2-6]|6[3569]|9[2-7]))111\\d{6}","\\d{11,12}",,,"21111825888"],,,[,,"NA","NA"]],PL:[,[,,"[12]\\d{6,8}|[3-57-9]\\d{8}|6\\d{5,8}",
+"\\d{6,9}"],[,,"(?:1[2-8]|2[2-59]|3[2-4]|4[1-468]|5[24-689]|6[1-3578]|7[14-7]|8[1-79]|9[145])\\d{7}|[12]2\\d{5}","\\d{6,9}",,,"123456789"],[,,"(?:5[0137]|6[069]|7[2389]|88)\\d{7}","\\d{9}",,,"512345678"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"70\\d{7}","\\d{9}",,,"701234567"],[,,"801\\d{6}","\\d{9}",,,"801234567"],[,,"NA","NA"],[,,"39\\d{7}","\\d{9}",,,"391234567"],"PL",48,"00",,,,,,,,[[,"(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[124]|3[2-4]|5[24-689]|6[1-3578]|7[14-7]|8[1-79]|9[145]"],
+"","",0],[,"(\\d{2})(\\d{1})(\\d{4})","$1 $2 $3",["[12]2"],"","",0],[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["39|5[0137]|6[0469]|7[02389]|8[08]"],"","",0],[,"(\\d{3})(\\d{2})(\\d{2,3})","$1 $2 $3",["64"],"","",0],[,"(\\d{3})(\\d{3})","$1 $2",["64"],"","",0]],,[,,"64\\d{4,7}","\\d{6,9}",,,"641234567"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PM:[,[,,"[45]\\d{5}","\\d{6}"],[,,"41\\d{4}","\\d{6}",,,"411234"],[,,"55\\d{4}","\\d{6}",,,"551234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],
+[,,"NA","NA"],"PM",508,"00","0",,,"0",,,,[[,"([45]\\d)(\\d{2})(\\d{2})","$1 $2 $3",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PR:[,[,,"[5789]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"(?:787|939)[2-9]\\d{6}","\\d{7}(?:\\d{3})?",,,"7872345678"],[,,"(?:787|939)[2-9]\\d{6}","\\d{7}(?:\\d{3})?",,,"7872345678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",
+,,"5002345678"],[,,"NA","NA"],"PR",1,"011","1",,,"1",,,1,,,[,,"NA","NA"],,"787|939",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PS:[,[,,"[24589]\\d{7,8}|1(?:[78]\\d{8}|[49]\\d{2,3})","\\d{4,10}"],[,,"(?:22[234789]|42[45]|82[01458]|92[369])\\d{5}","\\d{7,8}",,,"22234567"],[,,"5[69]\\d{7}","\\d{9}",,,"599123456"],[,,"1800\\d{6}","\\d{10}",,,"1800123456"],[,,"1(?:4|9\\d)\\d{2}","\\d{4,5}",,,"19123"],[,,"1700\\d{6}","\\d{10}",,,"1700123456"],[,,"NA","NA"],[,,"NA","NA"],"PS",970,"00","0",,,"0",,,,[[,
+"([2489])(2\\d{2})(\\d{4})","$1 $2 $3",["[2489]"],"0$1","",0],[,"(5[69]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["5"],"0$1","",0],[,"(1[78]00)(\\d{3})(\\d{3})","$1 $2 $3",["1[78]"],"$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PT:[,[,,"[2-46-9]\\d{8}","\\d{9}"],[,,"2(?:[12]\\d|[35][1-689]|4[1-59]|6[1-35689]|7[1-9]|8[1-69]|9[1256])\\d{6}","\\d{9}",,,"212345678"],[,,"9(?:[136]\\d{2}|2[0-79]\\d|480)\\d{5}","\\d{9}",,,"912345678"],[,,"80[02]\\d{6}","\\d{9}",,,"800123456"],[,,"76(?:0[1-57]|1[2-47]|2[237])\\d{5}",
+"\\d{9}",,,"760123456"],[,,"80(?:8\\d|9[1579])\\d{5}","\\d{9}",,,"808123456"],[,,"884[128]\\d{5}","\\d{9}",,,"884123456"],[,,"30\\d{7}","\\d{9}",,,"301234567"],"PT",351,"00",,,,,,,,[[,"(2\\d)(\\d{3})(\\d{4})","$1 $2 $3",["2[12]"],"","",0],[,"([2-46-9]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["2[3-9]|[346-9]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"70(?:7\\d|8[17])\\d{5}","\\d{9}",,,"707123456"],,,[,,"NA","NA"]],PW:[,[,,"[2-8]\\d{6}","\\d{7}"],[,,"2552255|(?:277|345|488|5(?:35|44|87)|6(?:22|54|79)|7(?:33|47)|8(?:24|55|76))\\d{4}",
+"\\d{7}",,,"2771234"],[,,"(?:6[234689]0|77[45789])\\d{4}","\\d{7}",,,"6201234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"PW",680,"01[12]",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],PY:[,[,,"5[0-5]\\d{4,7}|[2-46-9]\\d{5,8}","\\d{5,9}"],[,,"(?:[26]1|3[289]|4[124678]|7[123]|8[1236])\\d{5,7}|(?:2(?:2[4568]|7[15]|9[1-5])|3(?:18|3[167]|4[2357]|51)|4(?:18|2[45]|3[12]|5[13]|64|71|9[1-47])|5(?:[1-4]\\d|5[0234])|6(?:3[1-3]|44|7[1-4678])|7(?:17|4[0-4]|6[1-578]|75|8[0-8])|858)\\d{5,6}",
+"\\d{5,9}",,,"212345678"],[,,"9(?:6[12]|[78][1-6]|9[1-5])\\d{6}","\\d{9}",,,"961456789"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"8700[0-4]\\d{4}","\\d{9}",,,"870012345"],"PY",595,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{5,7})","$1 $2",["(?:[26]1|3[289]|4[124678]|7[123]|8[1236])"],"($1)","",0],[,"(\\d{3})(\\d{3,6})","$1 $2",["[2-9]0"],"0$1","",0],[,"(\\d{3})(\\d{6})","$1 $2",["9[1-9]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["8700"],"","",0],[,"(\\d{3})(\\d{4,6})","$1 $2",
+["[2-8][1-9]"],"($1)","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"[2-9]0\\d{4,7}","\\d{6,9}",,,"201234567"],,,[,,"NA","NA"]],QA:[,[,,"[2-8]\\d{6,7}","\\d{7,8}"],[,,"4[04]\\d{6}","\\d{7,8}",,,"44123456"],[,,"[3567]\\d{7}","\\d{7,8}",,,"33123456"],[,,"800\\d{4}","\\d{7,8}",,,"8001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"QA",974,"00",,,,,,,,[[,"([28]\\d{2})(\\d{4})","$1 $2",["[28]"],"","",0],[,"([3-7]\\d{3})(\\d{4})","$1 $2",["[3-7]"],"","",0]],,[,,"2(?:[12]\\d|61)\\d{4}","\\d{7}",
+,,"2123456"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],RE:[,[,,"[268]\\d{8}","\\d{9}"],[,,"262\\d{6}","\\d{9}",,,"262161234"],[,,"6(?:9[23]|47)\\d{6}","\\d{9}",,,"692123456"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"89[1-37-9]\\d{6}","\\d{9}",,,"891123456"],[,,"8(?:1[019]|2[0156]|84|90)\\d{6}","\\d{9}",,,"810123456"],[,,"NA","NA"],[,,"NA","NA"],"RE",262,"00","0",,,"0",,,,[[,"([268]\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"0$1","",0]],,[,,"NA","NA"],1,"262|6[49]|8",[,,"NA","NA"],[,,"NA",
+"NA"],,,[,,"NA","NA"]],RO:[,[,,"2\\d{5,8}|[37-9]\\d{8}","\\d{6,9}"],[,,"2(?:1(?:\\d{7}|9\\d{3})|[3-6](?:\\d{7}|\\d9\\d{2}))|3[13-6]\\d{7}","\\d{6,9}",,,"211234567"],[,,"7(?:000|[1-8]\\d{2}|99\\d)\\d{5}","\\d{9}",,,"712345678"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"90[036]\\d{6}","\\d{9}",,,"900123456"],[,,"801\\d{6}","\\d{9}",,,"801123456"],[,,"802\\d{6}","\\d{9}",,,"802123456"],[,,"NA","NA"],"RO",40,"00","0"," int ",,"0",,,,[[,"([237]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["[23]1"],"0$1","",0],[,
+"(21)(\\d{4})","$1 $2",["21"],"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["[23][3-7]|[7-9]"],"0$1","",0],[,"(2\\d{2})(\\d{3})","$1 $2",["2[3-6]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"37\\d{7}","\\d{9}",,,"372123456"],,,[,,"NA","NA"]],RS:[,[,,"[126-9]\\d{4,11}|3(?:[0-79]\\d{3,10}|8[2-9]\\d{2,9})","\\d{5,12}"],[,,"(?:1(?:[02-9][2-9]|1[1-9])\\d|2(?:[0-24-7][2-9]\\d|[389](?:0[2-9]|[2-9]\\d))|3(?:[0-8][2-9]\\d|9(?:[2-9]\\d|0[2-9])))\\d{3,8}","\\d{5,12}",,,"10234567"],[,,"6(?:[0-689]|7\\d)\\d{6,7}",
+"\\d{8,10}",,,"601234567"],[,,"800\\d{3,9}","\\d{6,12}",,,"80012345"],[,,"(?:90[0169]|78\\d)\\d{3,7}","\\d{6,12}",,,"90012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"RS",381,"00","0",,,"0",,,,[[,"([23]\\d{2})(\\d{4,9})","$1 $2",["(?:2[389]|39)0"],"0$1","",0],[,"([1-3]\\d)(\\d{5,10})","$1 $2",["1|2(?:[0-24-7]|[389][1-9])|3(?:[0-8]|9[1-9])"],"0$1","",0],[,"(6\\d)(\\d{6,8})","$1 $2",["6"],"0$1","",0],[,"([89]\\d{2})(\\d{3,9})","$1 $2",["[89]"],"0$1","",0],[,"(7[26])(\\d{4,9})","$1 $2",["7[26]"],
+"0$1","",0],[,"(7[08]\\d)(\\d{4,9})","$1 $2",["7[08]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"7[06]\\d{4,10}","\\d{6,12}",,,"700123456"],,,[,,"NA","NA"]],RU:[,[,,"[3489]\\d{9}","\\d{10}"],[,,"(?:3(?:0[12]|4[1-35-79]|5[1-3]|8[1-58]|9[0145])|4(?:01|1[1356]|2[13467]|7[1-5]|8[1-7]|9[1-689])|8(?:1[1-8]|2[01]|3[13-6]|4[0-8]|5[15]|6[1-35-7]|7[1-37-9]))\\d{7}","\\d{10}",,,"3011234567"],[,,"9\\d{9}","\\d{10}",,,"9123456789"],[,,"80[04]\\d{7}","\\d{10}",,,"8001234567"],[,,"80[39]\\d{7}","\\d{10}",
+,,"8091234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"RU",7,"810","8",,,"8",,"8~10",,[[,"(\\d{3})(\\d{2})(\\d{2})","$1-$2-$3",["[1-79]"],"$1","",1],[,"([3489]\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2-$3-$4",["[34689]"],"8 ($1)","",1],[,"(7\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["7"],"8 ($1)","",1]],[[,"([3489]\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2-$3-$4",["[34689]"],"8 ($1)","",1],[,"(7\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["7"],"8 ($1)","",1]],[,,"NA","NA"],1,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA",
+"NA"]],RW:[,[,,"[027-9]\\d{7,8}","\\d{8,9}"],[,,"2[258]\\d{7}|06\\d{6}","\\d{8,9}",,,"250123456"],[,,"7[238]\\d{7}","\\d{9}",,,"720123456"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"900\\d{6}","\\d{9}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"RW",250,"00","0",,,"0",,,,[[,"(2\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["2"],"$1","",0],[,"([7-9]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[7-9]"],"0$1","",0],[,"(0\\d)(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["0"],"","",0]],,[,,"NA","NA"],,,[,,"NA",
+"NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],SA:[,[,,"1\\d{7,8}|(?:[2-467]|92)\\d{7}|5\\d{8}|8\\d{9}","\\d{7,10}"],[,,"11\\d{7}|1?(?:2[24-8]|3[35-8]|4[3-68]|6[2-5]|7[235-7])\\d{6}","\\d{7,9}",,,"112345678"],[,,"(?:5(?:[013-689]\\d|7[0-26-8])|811\\d)\\d{6}","\\d{9,10}",,,"512345678"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"NA","NA"],[,,"92[05]\\d{6}","\\d{9}",,,"920012345"],[,,"NA","NA"],[,,"NA","NA"],"SA",966,"00","0",,,"0",,,,[[,"([1-467])(\\d{3})(\\d{4})","$1 $2 $3",["[1-467]"],"0$1","",0],[,"(1\\d)(\\d{3})(\\d{4})",
+"$1 $2 $3",["1[1-467]"],"0$1","",0],[,"(5\\d)(\\d{3})(\\d{4})","$1 $2 $3",["5"],"0$1","",0],[,"(92\\d{2})(\\d{5})","$1 $2",["92"],"$1","",0],[,"(800)(\\d{3})(\\d{4})","$1 $2 $3",["80"],"$1","",0],[,"(811)(\\d{3})(\\d{3,4})","$1 $2 $3",["81"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SB:[,[,,"[1-9]\\d{4,6}","\\d{5,7}"],[,,"(?:1[4-79]|[23]\\d|4[01]|5[03]|6[0-37])\\d{3}","\\d{5}",,,"40123"],[,,"48\\d{3}|7(?:[0146-8]\\d|5[025-9]|9[0124])\\d{4}|8[4-8]\\d{5}|9(?:[46]\\d|5[0-46-9]|7[0-689]|8[0-79]|9[0-8])\\d{4}",
+"\\d{5,7}",,,"7421234"],[,,"1[38]\\d{3}","\\d{5}",,,"18123"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"5[12]\\d{3}","\\d{5}",,,"51123"],"SB",677,"0[01]",,,,,,,,[[,"(\\d{2})(\\d{5})","$1 $2",["[7-9]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SC:[,[,,"[24689]\\d{5,6}","\\d{6,7}"],[,,"4[2-46]\\d{5}","\\d{7}",,,"4217123"],[,,"2[5-8]\\d{5}","\\d{7}",,,"2510123"],[,,"8000\\d{2}","\\d{6}",,,"800000"],[,,"98\\d{4}","\\d{6}",,,"981234"],[,,"NA","NA"],[,,"NA","NA"],[,,"64\\d{5}",
+"\\d{7}",,,"6412345"],"SC",248,"0[0-2]",,,,,,"00",,[[,"(\\d{3})(\\d{3})","$1 $2",["[89]"],"","",0],[,"(\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[246]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SD:[,[,,"[19]\\d{8}","\\d{9}"],[,,"1(?:[125]\\d|8[3567])\\d{6}","\\d{9}",,,"121231234"],[,,"9[012569]\\d{7}","\\d{9}",,,"911231234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SD",249,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",,"0$1","",0]],
+,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SE:[,[,,"[1-9]\\d{5,9}","\\d{5,10}"],[,,"1(?:0[1-8]\\d{6}|[136]\\d{5,7}|(?:2[0-35]|4[0-4]|5[0-25-9]|7[13-6]|[89]\\d)\\d{5,6})|2(?:[136]\\d{5,7}|(?:2[0-7]|4[0136-8]|5[0138]|7[018]|8[01]|9[0-57])\\d{5,6})|3(?:[356]\\d{5,7}|(?:0[0-4]|1\\d|2[0-25]|4[056]|7[0-2]|8[0-3]|9[023])\\d{5,6})|4(?:0[1-9]\\d{4,6}|[246]\\d{5,7}|(?:1[013-8]|3[0135]|5[14-79]|7[0-246-9]|8[0156]|9[0-689])\\d{5,6})|5(?:0[0-6]|[15][0-5]|2[0-68]|3[0-4]|4\\d|6[03-5]|7[013]|8[0-79]|9[01])\\d{5,6}|6(?:0[1-9]\\d{4,6}|3\\d{5,7}|(?:1[1-3]|2[0-4]|4[02-57]|5[0-37]|6[0-3]|7[0-2]|8[0247]|9[0-356])\\d{5,6})|8[1-9]\\d{5,7}|9(?:0[1-9]\\d{4,6}|(?:1[0-68]|2\\d|3[02-5]|4[0-3]|5[0-4]|[68][01]|7[0135-8])\\d{5,6})",
+"\\d{5,9}",,,"8123456"],[,,"7[0236]\\d{7}","\\d{9}",,,"701234567"],[,,"20(?:0(?:0\\d{2}|[1-9](?:0\\d{1,4}|[1-9]\\d{4}))|1(?:0\\d{4}|[1-9]\\d{4,5})|[2-9]\\d{5})","\\d{6,9}",,,"20123456"],[,,"9(?:00|39|44)(?:1(?:[0-26]\\d{5}|[3-57-9]\\d{2})|2(?:[0-2]\\d{5}|[3-9]\\d{2})|3(?:[0139]\\d{5}|[24-8]\\d{2})|4(?:[045]\\d{5}|[1-36-9]\\d{2})|5(?:5\\d{5}|[0-46-9]\\d{2})|6(?:[679]\\d{5}|[0-58]\\d{2})|7(?:[078]\\d{5}|[1-69]\\d{2})|8(?:[578]\\d{5}|[0-469]\\d{2}))","\\d{7}(?:\\d{3})?",,,"9001234567"],[,,"77(?:0(?:0\\d{2}|[1-9](?:0\\d|[1-9]\\d{4}))|[1-6][1-9]\\d{5})",
+"\\d{6}(?:\\d{3})?",,,"771234567"],[,,"75[1-8]\\d{6}","\\d{9}",,,"751234567"],[,,"NA","NA"],"SE",46,"00","0",,,"0",,,,[[,"(8)(\\d{2,3})(\\d{2,3})(\\d{2})","$1-$2 $3 $4",["8"],"0$1","",0],[,"([1-69]\\d)(\\d{2,3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["1[013689]|2[0136]|3[1356]|4[0246]|54|6[03]|90"],"0$1","",0],[,"([1-69]\\d)(\\d{3})(\\d{2})","$1-$2 $3",["1[13689]|2[136]|3[1356]|4[0246]|54|6[03]|90"],"0$1","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1-$2 $3 $4",["1[2457]|2[2457-9]|3[0247-9]|4[1357-9]|5[0-35-9]|6[124-9]|9(?:[125-8]|3[0-5]|4[0-3])"],
+"0$1","",0],[,"(\\d{3})(\\d{2,3})(\\d{2})","$1-$2 $3",["1[2457]|2[2457-9]|3[0247-9]|4[1357-9]|5[0-35-9]|6[124-9]|9(?:[125-8]|3[0-5]|4[0-3])"],"0$1","",0],[,"(7\\d)(\\d{3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["7"],"0$1","",0],[,"(77)(\\d{2})(\\d{2})","$1-$2$3",["7"],"0$1","",0],[,"(20)(\\d{2,3})(\\d{2})","$1-$2 $3",["20"],"0$1","",0],[,"(9[034]\\d)(\\d{2})(\\d{2})(\\d{3})","$1-$2 $3 $4",["9[034]"],"0$1","",0],[,"(9[034]\\d)(\\d{4})","$1-$2",["9[034]"],"0$1","",0]],[[,"(8)(\\d{2,3})(\\d{2,3})(\\d{2})",
+"$1 $2 $3 $4",["8"]],[,"([1-69]\\d)(\\d{2,3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["1[013689]|2[0136]|3[1356]|4[0246]|54|6[03]|90"]],[,"([1-69]\\d)(\\d{3})(\\d{2})","$1 $2 $3",["1[13689]|2[136]|3[1356]|4[0246]|54|6[03]|90"]],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["1[2457]|2[2457-9]|3[0247-9]|4[1357-9]|5[0-35-9]|6[124-9]|9(?:[125-8]|3[0-5]|4[0-3])"]],[,"(\\d{3})(\\d{2,3})(\\d{2})","$1 $2 $3",["1[2457]|2[2457-9]|3[0247-9]|4[1357-9]|5[0-35-9]|6[124-9]|9(?:[125-8]|3[0-5]|4[0-3])"]],[,"(7\\d)(\\d{3})(\\d{2})(\\d{2})",
+"$1 $2 $3 $4",["7"]],[,"(77)(\\d{2})(\\d{2})","$1 $2 $3",["7"]],[,"(20)(\\d{2,3})(\\d{2})","$1 $2 $3",["20"]],[,"(9[034]\\d)(\\d{2})(\\d{2})(\\d{3})","$1 $2 $3 $4",["9[034]"]],[,"(9[034]\\d)(\\d{4})","$1 $2",["9[034]"]]],[,,"74[02-9]\\d{6}","\\d{9}",,,"740123456"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SG:[,[,,"[36]\\d{7}|[17-9]\\d{7,10}","\\d{8,11}"],[,,"6[1-9]\\d{6}","\\d{8}",,,"61234567"],[,,"(?:8[1-7]|9[0-8])\\d{6}","\\d{8}",,,"81234567"],[,,"1?800\\d{7}","\\d{10,11}",,,"18001234567"],
+[,,"1900\\d{7}","\\d{11}",,,"19001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"3[12]\\d{6}","\\d{8}",,,"31234567"],"SG",65,"0[0-3]\\d",,,,,,,,[[,"([3689]\\d{3})(\\d{4})","$1 $2",["[369]|8[1-9]"],"","",0],[,"(1[89]00)(\\d{3})(\\d{4})","$1 $2 $3",["1[89]"],"","",0],[,"(7000)(\\d{4})(\\d{3})","$1 $2 $3",["70"],"","",0],[,"(800)(\\d{3})(\\d{4})","$1 $2 $3",["80"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"7000\\d{7}","\\d{11}",,,"70001234567"],,,[,,"NA","NA"]],SH:[,[,,"[2-79]\\d{3,4}","\\d{4,5}"],[,,"2(?:[0-57-9]\\d|6[4-9])\\d{2}|(?:[2-46]\\d|7[01])\\d{2}",
+"\\d{4,5}",,,"2158"],[,,"NA","NA"],[,,"NA","NA"],[,,"(?:[59]\\d|7[2-9])\\d{2}","\\d{4,5}",,,"5012"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SH",290,"00",,,,,,,,,,[,,"NA","NA"],1,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SI:[,[,,"[1-7]\\d{6,7}|[89]\\d{4,7}","\\d{5,8}"],[,,"(?:1\\d|[25][2-8]|3[4-8]|4[24-8]|7[3-8])\\d{6}","\\d{7,8}",,,"11234567"],[,,"(?:[37][01]|4[0139]|51|6[48])\\d{6}","\\d{8}",,,"31234567"],[,,"80\\d{4,6}","\\d{6,8}",,,"80123456"],[,,"90\\d{4,6}|89[1-3]\\d{2,5}","\\d{5,8}",
+,,"90123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"(?:59|8[1-3])\\d{6}","\\d{8}",,,"59012345"],"SI",386,"00","0",,,"0",,,,[[,"(\\d)(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[12]|3[4-8]|4[24-8]|5[2-8]|7[3-8]"],"(0$1)","",0],[,"([3-7]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["[37][01]|4[0139]|51|6"],"0$1","",0],[,"([89][09])(\\d{3,6})","$1 $2",["[89][09]"],"0$1","",0],[,"([58]\\d{2})(\\d{5})","$1 $2",["59|8[1-3]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SJ:[,[,,"0\\d{4}|[4789]\\d{7}",
+"\\d{5}(?:\\d{3})?"],[,,"79\\d{6}","\\d{8}",,,"79123456"],[,,"(?:4[015-8]|5[89]|9\\d)\\d{6}","\\d{8}",,,"41234567"],[,,"80[01]\\d{5}","\\d{8}",,,"80012345"],[,,"82[09]\\d{5}","\\d{8}",,,"82012345"],[,,"810(?:0[0-6]|[2-8]\\d)\\d{3}","\\d{8}",,,"81021234"],[,,"880\\d{5}","\\d{8}",,,"88012345"],[,,"85[0-5]\\d{5}","\\d{8}",,,"85012345"],"SJ",47,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"0\\d{4}|81(?:0(?:0[7-9]|1\\d)|5\\d{2})\\d{3}","\\d{5}(?:\\d{3})?",,,"01234"],1,,[,,"81[23]\\d{5}","\\d{8}",,,"81212345"]],
+SK:[,[,,"[2-689]\\d{8}","\\d{9}"],[,,"[2-5]\\d{8}","\\d{9}",,,"212345678"],[,,"9(?:0[1-8]|1[0-24-9]|4[0489])\\d{6}","\\d{9}",,,"912123456"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"9(?:[78]\\d{7}|00\\d{6})","\\d{9}",,,"900123456"],[,,"8[5-9]\\d{7}","\\d{9}",,,"850123456"],[,,"NA","NA"],[,,"6(?:5[0-4]|9[0-6])\\d{6}","\\d{9}",,,"690123456"],"SK",421,"00","0",,,"0",,,,[[,"(2)(\\d{3})(\\d{3})(\\d{2})","$1/$2 $3 $4",["2"],"0$1","",0],[,"([3-5]\\d)(\\d{3})(\\d{2})(\\d{2})","$1/$2 $3 $4",["[3-5]"],"0$1",
+"",0],[,"([689]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[689]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"(?:8(?:00|[5-9]\\d)|9(?:00|[78]\\d))\\d{6}","\\d{9}",,,"800123456"],[,,"96\\d{7}","\\d{9}",,,"961234567"],,,[,,"NA","NA"]],SL:[,[,,"[2-578]\\d{7}","\\d{6,8}"],[,,"[235]2[2-4][2-9]\\d{4}","\\d{6,8}",,,"22221234"],[,,"(?:2[15]|3[034]|4[04]|5[05]|7[6-9]|88)\\d{6}","\\d{6,8}",,,"25123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SL",232,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{6})",
+"$1 $2",,"(0$1)","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SM:[,[,,"[05-7]\\d{7,9}","\\d{6,10}"],[,,"0549(?:8[0157-9]|9\\d)\\d{4}","\\d{6,10}",,,"0549886377"],[,,"6[16]\\d{6}","\\d{8}",,,"66661212"],[,,"NA","NA"],[,,"7[178]\\d{6}","\\d{8}",,,"71123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"5[158]\\d{6}","\\d{8}",,,"58001110"],"SM",378,"00",,,,"(?:0549)?([89]\\d{5})","0549$1",,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[5-7]"],"","",0],[,"(0549)(\\d{6})","$1 $2",["0"],
+"","",0],[,"(\\d{6})","0549 $1",["[89]"],"","",0]],[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[5-7]"],"","",0],[,"(0549)(\\d{6})","($1) $2",["0"]],[,"(\\d{6})","(0549) $1",["[89]"]]],[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],SN:[,[,,"[3789]\\d{8}","\\d{9}"],[,,"3(?:0(?:1[0-2]|80)|282|3(?:8[1-9]|9[3-9])|611|90[1-5])\\d{5}","\\d{9}",,,"301012345"],[,,"7(?:[067]\\d|21|8[0-26]|90)\\d{6}","\\d{9}",,,"701234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"88[4689]\\d{6}",
+"\\d{9}",,,"884123456"],[,,"81[02468]\\d{6}","\\d{9}",,,"810123456"],[,,"NA","NA"],[,,"3392\\d{5}|93330\\d{4}","\\d{9}",,,"933301234"],"SN",221,"00",,,,,,,,[[,"(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[379]"],"","",0],[,"(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["8"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SO:[,[,,"[1-79]\\d{6,8}","\\d{7,9}"],[,,"(?:1\\d|2[0-79]|3[0-46-8]|4[0-7]|59)\\d{5}","\\d{7}",,,"4012345"],[,,"(?:15\\d|2(?:4\\d|8)|6[137-9]?\\d{2}|7[1-9]\\d|907\\d)\\d{5}",
+"\\d{7,9}",,,"71123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SO",252,"00","0",,,"0",,,,[[,"(\\d)(\\d{6})","$1 $2",["2[0-79]|[13-5]"],"","",0],[,"(\\d)(\\d{7})","$1 $2",["24|[67]"],"","",0],[,"(\\d{2})(\\d{5,7})","$1 $2",["15|28|6[1378]"],"","",0],[,"(69\\d)(\\d{6})","$1 $2",["69"],"","",0],[,"(90\\d)(\\d{3})(\\d{3})","$1 $2 $3",["90"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SR:[,[,,"[2-8]\\d{5,6}","\\d{6,7}"],[,,"(?:2[1-3]|3[0-7]|4\\d|5[2-58]|68\\d)\\d{4}",
+"\\d{6,7}",,,"211234"],[,,"(?:7[124-7]|8[1-9])\\d{5}","\\d{7}",,,"7412345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"5(?:6\\d{4}|90[0-4]\\d{3})","\\d{6,7}",,,"561234"],"SR",597,"00",,,,,,,,[[,"(\\d{3})(\\d{3})","$1-$2",["[2-4]|5[2-58]"],"","",0],[,"(\\d{2})(\\d{2})(\\d{2})","$1-$2-$3",["56"],"","",0],[,"(\\d{3})(\\d{4})","$1-$2",["59|[6-8]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SS:[,[,,"[19]\\d{8}","\\d{9}"],[,,"18\\d{7}","\\d{9}",,,"181234567"],
+[,,"(?:12|9[1257])\\d{7}","\\d{9}",,,"977123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SS",211,"00","0",,,"0",,,,[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",,"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],ST:[,[,,"[29]\\d{6}","\\d{7}"],[,,"22\\d{5}","\\d{7}",,,"2221234"],[,,"9[89]\\d{5}","\\d{7}",,,"9812345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ST",239,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",,"","",0]],
+,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SV:[,[,,"[267]\\d{7}|[89]\\d{6}(?:\\d{4})?","\\d{7,8}|\\d{11}"],[,,"2[1-6]\\d{6}","\\d{8}",,,"21234567"],[,,"[67]\\d{7}","\\d{8}",,,"70123456"],[,,"800\\d{4}(?:\\d{4})?","\\d{7}(?:\\d{4})?",,,"8001234"],[,,"900\\d{4}(?:\\d{4})?","\\d{7}(?:\\d{4})?",,,"9001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SV",503,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",["[267]"],"","",0],[,"(\\d{3})(\\d{4})","$1 $2",["[89]"],"","",0],[,"(\\d{3})(\\d{4})(\\d{4})",
+"$1 $2 $3",["[89]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SX:[,[,,"[5789]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"7215(?:4[2-8]|8[239]|9[056])\\d{4}","\\d{7}(?:\\d{3})?",,,"7215425678"],[,,"7215(?:1[02]|2\\d|5[034679]|8[014-8])\\d{4}","\\d{10}",,,"7215205678"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002123456"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002123456"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"SX",1,"011",
+"1",,,"1",,,,,,[,,"NA","NA"],,"721",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SY:[,[,,"[1-59]\\d{7,8}","\\d{6,9}"],[,,"(?:1(?:1\\d?|4\\d|[2356])|2(?:1\\d?|[235])|3(?:[13]\\d|4)|4[13]|5[1-3])\\d{6}","\\d{6,9}",,,"112345678"],[,,"9(?:22|[35][0-8]|4\\d|6[024-9]|88|9[0-489])\\d{6}","\\d{9}",,,"944567890"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SY",963,"00","0",,,"0",,,,[[,"(\\d{2})(\\d{3})(\\d{3,4})","$1 $2 $3",["[1-5]"],"0$1","",1],[,"(9\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",
+["9"],"0$1","",1]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],SZ:[,[,,"[027]\\d{7}","\\d{8}"],[,,"2(?:2(?:0[07]|[13]7|2[57])|3(?:0[34]|[1278]3|3[23]|[46][34])|(?:40[4-69]|67)|5(?:0[5-7]|1[6-9]|[23][78]|48|5[01]))\\d{4}","\\d{8}",,,"22171234"],[,,"7[6-8]\\d{6}","\\d{8}",,,"76123456"],[,,"0800\\d{4}","\\d{8}",,,"08001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"SZ",268,"00",,,,,,,,[[,"(\\d{4})(\\d{4})","$1 $2",["[027]"],"","",0]],,[,,"NA","NA"],,,[,,"0800\\d{4}",
+"\\d{8}",,,"08001234"],[,,"NA","NA"],1,,[,,"NA","NA"]],TA:[,[,,"8\\d{3}","\\d{4}"],[,,"8\\d{3}","\\d{4}",,,"8999"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TA",290,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TC:[,[,,"[5689]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"649(?:712|9(?:4\\d|50))\\d{4}","\\d{7}(?:\\d{3})?",,,"6497121234"],[,,"649(?:2(?:3[129]|4[1-7])|3(?:3[1-389]|4[1-7])|4[34][1-3])\\d{4}","\\d{10}",,,"6492311234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}",
+"\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"64971[01]\\d{4}","\\d{10}",,,"6497101234"],"TC",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"649",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TD:[,[,,"[2679]\\d{7}","\\d{8}"],[,,"22(?:[3789]0|5[0-5]|6[89])\\d{4}","\\d{8}",,,"22501234"],[,,"(?:6[02368]\\d|77\\d|9(?:5[0-4]|9\\d))\\d{5}","\\d{8}",,,"63012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,
+"NA","NA"],[,,"NA","NA"],"TD",235,"00|16",,,,,,"00",,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TG:[,[,,"[29]\\d{7}","\\d{8}"],[,,"2(?:2[2-7]|3[23]|44|55|66|77)\\d{5}","\\d{8}",,,"22212345"],[,,"9[0-289]\\d{6}","\\d{8}",,,"90112345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TG",228,"00",,,,,,,,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],
+[,,"NA","NA"],,,[,,"NA","NA"]],TH:[,[,,"[2-9]\\d{7,8}|1\\d{3}(?:\\d{6})?","\\d{4}|\\d{8,10}"],[,,"(?:2\\d|3[2-9]|4[2-5]|5[2-6]|7[3-7])\\d{6}","\\d{8}",,,"21234567"],[,,"(?:61|[89]\\d)\\d{7}","\\d{9}",,,"812345678"],[,,"1800\\d{6}","\\d{10}",,,"1800123456"],[,,"1900\\d{6}","\\d{10}",,,"1900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"6[08]\\d{7}","\\d{9}",,,"601234567"],"TH",66,"00","0",,,"0",,,,[[,"(2)(\\d{3})(\\d{4})","$1 $2 $3",["2"],"0$1","",0],[,"([3-9]\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["[3-9]"],
+"0$1","",0],[,"(1[89]00)(\\d{3})(\\d{3})","$1 $2 $3",["1"],"$1","",0]],,[,,"NA","NA"],,,[,,"1\\d{3}","\\d{4}",,,"1100"],[,,"1\\d{3}","\\d{4}",,,"1100"],,,[,,"NA","NA"]],TJ:[,[,,"[3-59]\\d{8}","\\d{3,9}"],[,,"(?:3(?:1[3-5]|2[245]|3[12]|4[24-7]|5[25]|72)|4(?:46|74|87))\\d{6}","\\d{3,9}",,,"372123456"],[,,"(?:50[125]|9[0-35-9]\\d)\\d{6}","\\d{9}",,,"917123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TJ",992,"810","8",,,"8",,"8~10",,[[,"([349]\\d{2})(\\d{2})(\\d{4})","$1 $2 $3",
+["[34]7|91[78]"],"(8) $1","",1],[,"([459]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["4[48]|5|9(?:1[59]|[0235-9])"],"(8) $1","",1],[,"(331700)(\\d)(\\d{2})","$1 $2 $3",["331","3317","33170","331700"],"(8) $1","",1],[,"(\\d{4})(\\d)(\\d{4})","$1 $2 $3",["3[1-5]","3(?:[1245]|3(?:[02-9]|1[0-589]))"],"(8) $1","",1]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TK:[,[,,"[2-9]\\d{3}","\\d{4}"],[,,"[2-4]\\d{3}","\\d{4}",,,"3010"],[,,"[5-9]\\d{3}","\\d{4}",,,"5190"],[,,"NA","NA"],[,,"NA","NA"],[,,
+"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TK",690,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TL:[,[,,"[2-489]\\d{6}|7\\d{6,7}","\\d{7,8}"],[,,"(?:2[1-5]|3[1-9]|4[1-4])\\d{5}","\\d{7}",,,"2112345"],[,,"7[3-8]\\d{6}","\\d{8}",,,"77212345"],[,,"80\\d{5}","\\d{7}",,,"8012345"],[,,"90\\d{5}","\\d{7}",,,"9012345"],[,,"NA","NA"],[,,"70\\d{5}","\\d{7}",,,"7012345"],[,,"NA","NA"],"TL",670,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[2-489]"],"","",0],[,"(\\d{4})(\\d{4})","$1 $2",
+["7"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TM:[,[,,"[1-6]\\d{7}","\\d{8}"],[,,"(?:1(?:2\\d|3[1-9])|2(?:22|4[0-35-8])|3(?:22|4[03-9])|4(?:22|3[128]|4\\d|6[15])|5(?:22|5[7-9]|6[014-689]))\\d{5}","\\d{8}",,,"12345678"],[,,"6[2-8]\\d{6}","\\d{8}",,,"66123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TM",993,"810","8",,,"8",,"8~10",,[[,"(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2-$3-$4",["12"],"(8 $1)","",0],[,"(\\d{2})(\\d{6})","$1 $2",["6"],
+"8 $1","",0],[,"(\\d{3})(\\d)(\\d{2})(\\d{2})","$1 $2-$3-$4",["13|[2-5]"],"(8 $1)","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TN:[,[,,"[2-57-9]\\d{7}","\\d{8}"],[,,"3[012]\\d{6}|7\\d{7}|81200\\d{3}","\\d{8}",,,"71234567"],[,,"(?:[259]\\d|4[0-24])\\d{6}","\\d{8}",,,"20123456"],[,,"8010\\d{4}","\\d{8}",,,"80101234"],[,,"88\\d{6}","\\d{8}",,,"88123456"],[,,"8[12]10\\d{4}","\\d{8}",,,"81101234"],[,,"NA","NA"],[,,"NA","NA"],"TN",216,"00",,,,,,,,[[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",
+,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TO:[,[,,"[02-8]\\d{4,6}","\\d{5,7}"],[,,"(?:2\\d|3[1-8]|4[1-4]|[56]0|7[0149]|8[05])\\d{3}","\\d{5}",,,"20123"],[,,"(?:7[578]|8[7-9])\\d{5}","\\d{7}",,,"7715123"],[,,"0800\\d{3}","\\d{7}",,,"0800222"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TO",676,"00",,,,,,,,[[,"(\\d{2})(\\d{3})","$1-$2",["[1-6]|7[0-4]|8[05]"],"","",0],[,"(\\d{3})(\\d{4})","$1 $2",["7[5-9]|8[7-9]"],"","",0],[,"(\\d{4})(\\d{3})","$1 $2",["0"],
+"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],TR:[,[,,"[2-589]\\d{9}|444\\d{4}","\\d{7,10}"],[,,"(?:2(?:[13][26]|[28][2468]|[45][268]|[67][246])|3(?:[13][28]|[24-6][2468]|[78][02468]|92)|4(?:[16][246]|[23578][2468]|4[26]))\\d{7}","\\d{10}",,,"2123456789"],[,,"5(?:0[1-7]|22|[34]\\d|5[1-59]|9[246])\\d{7}","\\d{10}",,,"5012345678"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"900\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TR",90,"00","0",,,
+"0",,,,[[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["[23]|4(?:[0-35-9]|4[0-35-9])"],"(0$1)","",1],[,"(\\d{3})(\\d{3})(\\d{4})","$1 $2 $3",["[589]"],"0$1","",1],[,"(444)(\\d{1})(\\d{3})","$1 $2 $3",["444"],"","",0]],,[,,"512\\d{7}","\\d{10}",,,"5123456789"],,,[,,"444\\d{4}","\\d{7}",,,"4441444"],[,,"444\\d{4}|850\\d{7}","\\d{7,10}",,,"4441444"],,,[,,"NA","NA"]],TT:[,[,,"[589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"868(?:2(?:01|2[1-5])|6(?:0[79]|1[02-9]|2[1-9]|[3-69]\\d|7[0-79])|82[124])\\d{4}","\\d{7}(?:\\d{3})?",
+,,"8682211234"],[,,"868(?:2(?:[89]\\d)|3(?:0[1-9]|1[02-9]|[2-9]\\d)|4[6-9]\\d|6(?:20|78|8\\d)|7(?:0[1-9]|1[02-9]|[2-9]\\d))\\d{4}","\\d{10}",,,"8682911234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"TT",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"868",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TV:[,[,,"[29]\\d{4,5}","\\d{5,6}"],[,,"2[02-9]\\d{3}",
+"\\d{5}",,,"20123"],[,,"90\\d{4}","\\d{6}",,,"901234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"TV",688,"00",,,,,,,,,,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TW:[,[,,"[2-689]\\d{7,8}|7\\d{7,9}","\\d{8,10}"],[,,"[2-8]\\d{7,8}","\\d{8,9}",,,"21234567"],[,,"9\\d{8}","\\d{9}",,,"912345678"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"900\\d{6}","\\d{9}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"70\\d{8}","\\d{10}",,,"7012345678"],"TW",886,"0(?:0[25679]|19)",
+"0","#",,"0",,,,[[,"([2-8])(\\d{3,4})(\\d{4})","$1 $2 $3",["[2-6]|[78][1-9]"],"0$1","",0],[,"([89]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["80|9"],"0$1","",0],[,"(70)(\\d{4})(\\d{4})","$1 $2 $3",["70"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],TZ:[,[,,"\\d{9}","\\d{7,9}"],[,,"2[2-8]\\d{7}","\\d{7,9}",,,"222345678"],[,,"(?:6[158]|7[1-9])\\d{7}","\\d{9}",,,"612345678"],[,,"80[08]\\d{6}","\\d{9}",,,"800123456"],[,,"90\\d{7}","\\d{9}",,,"900123456"],[,,"8(?:40|6[01])\\d{6}",
+"\\d{9}",,,"840123456"],[,,"NA","NA"],[,,"41\\d{7}","\\d{9}",,,"412345678"],"TZ",255,"00[056]","0",,,"0",,,,[[,"([24]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["[24]"],"0$1","",0],[,"([67]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["[67]"],"0$1","",0],[,"([89]\\d{2})(\\d{2})(\\d{4})","$1 $2 $3",["[89]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],UA:[,[,,"[3-689]\\d{8}","\\d{5,9}"],[,,"(?:3[1-8]|4[13-8]|5[1-7]|6[12459])\\d{7}","\\d{5,9}",,,"311234567"],[,,"(?:39|50|6[36-8]|9[1-9])\\d{7}",
+"\\d{9}",,,"391234567"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"900\\d{6}","\\d{9}",,,"900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"89\\d{7}","\\d{9}",,,"891234567"],"UA",380,"00","0",,,"0",,"0~0",,[[,"([3-689]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["[38]9|4(?:[45][0-5]|87)|5(?:0|6[37]|7[37])|6[36-8]|9[1-9]","[38]9|4(?:[45][0-5]|87)|5(?:0|6(?:3[14-7]|7)|7[37])|6[36-8]|9[1-9]"],"0$1","",0],[,"([3-689]\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["3[1-8]2|4[13678]2|5(?:[12457]2|6[24])|6(?:[49]2|[12][29]|5[24])|8[0-8]|90",
+"3(?:[1-46-8]2[013-9]|52)|4(?:[1378]2|62[013-9])|5(?:[12457]2|6[24])|6(?:[49]2|[12][29]|5[24])|8[0-8]|90"],"0$1","",0],[,"([3-6]\\d{3})(\\d{5})","$1 $2",["3(?:5[013-9]|[1-46-8])|4(?:[137][013-9]|6|[45][6-9]|8[4-6])|5(?:[1245][013-9]|6[0135-9]|3|7[4-6])|6(?:[49][013-9]|5[0135-9]|[12][13-8])","3(?:5[013-9]|[1-46-8](?:22|[013-9]))|4(?:[137][013-9]|6(?:[013-9]|22)|[45][6-9]|8[4-6])|5(?:[1245][013-9]|6(?:3[02389]|[015689])|3|7[4-6])|6(?:[49][013-9]|5[0135-9]|[12][13-8])"],"0$1","",0]],,[,,"NA","NA"],,
+,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],UG:[,[,,"\\d{9}","\\d{5,9}"],[,,"20(?:[0147]\\d{2}|2(?:40|[5-9]\\d)|3[23]\\d|5[0-4]\\d|6[03]\\d|8[0-2]\\d)\\d{4}|[34]\\d{8}","\\d{5,9}",,,"312345678"],[,,"2030\\d{5}|7(?:0[0-7]|[15789]\\d|2[03]|30|[46][0-4])\\d{6}","\\d{9}",,,"712345678"],[,,"800[123]\\d{5}","\\d{9}",,,"800123456"],[,,"90[123]\\d{6}","\\d{9}",,,"901123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"UG",256,"00[057]","0",,,"0",,,,[[,"(\\d{3})(\\d{6})","$1 $2",["[7-9]|20(?:[013-8]|2[5-9])|4(?:6[45]|[7-9])"],
+"0$1","",0],[,"(\\d{2})(\\d{7})","$1 $2",["3|4(?:[1-5]|6[0-36-9])"],"0$1","",0],[,"(2024)(\\d{5})","$1 $2",["2024"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],US:[,[,,"[2-9]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"(?:2(?:0[1-35-9]|1[02-9]|2[4589]|3[149]|4[08]|5[1-46]|6[0279]|7[026]|8[13])|3(?:0[1-57-9]|1[02-9]|2[0135]|3[014679]|4[67]|5[12]|6[014]|8[56])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[0235]|58|69|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[19]|6[1-37]|7[013-5]|8[056])|6(?:0[1-35-9]|1[024-9]|2[036]|3[016]|4[16]|5[017]|6[0-279]|78|8[12])|7(?:0[1-46-8]|1[02-9]|2[0457]|3[1247]|4[07]|5[47]|6[02359]|7[02-59]|8[156])|8(?:0[1-68]|1[02-8]|28|3[0-25]|4[3578]|5[06-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[01678]|4[0179]|5[12469]|7[0-3589]|8[0459]))[2-9]\\d{6}",
+"\\d{7}(?:\\d{3})?",,,"2015555555"],[,,"(?:2(?:0[1-35-9]|1[02-9]|2[4589]|3[149]|4[08]|5[1-46]|6[0279]|7[026]|8[13])|3(?:0[1-57-9]|1[02-9]|2[0135]|3[014679]|4[67]|5[12]|6[014]|8[56])|4(?:0[124-9]|1[02-579]|2[3-5]|3[0245]|4[0235]|58|69|7[0589]|8[04])|5(?:0[1-57-9]|1[0235-8]|20|3[0149]|4[01]|5[19]|6[1-37]|7[013-5]|8[056])|6(?:0[1-35-9]|1[024-9]|2[036]|3[016]|4[16]|5[017]|6[0-279]|78|8[12])|7(?:0[1-46-8]|1[02-9]|2[0457]|3[1247]|4[07]|5[47]|6[02359]|7[02-59]|8[156])|8(?:0[1-68]|1[02-8]|28|3[0-25]|4[3578]|5[06-9]|6[02-5]|7[028])|9(?:0[1346-9]|1[02-9]|2[0589]|3[01678]|4[0179]|5[12469]|7[0-3589]|8[0459]))[2-9]\\d{6}",
+"\\d{7}(?:\\d{3})?",,,"2015555555"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"US",1,"011","1",,,"1",,,1,[[,"(\\d{3})(\\d{4})","$1-$2",,"","",1],[,"(\\d{3})(\\d{3})(\\d{4})","($1) $2-$3",,"","",1]],[[,"(\\d{3})(\\d{3})(\\d{4})","$1-$2-$3"]],[,,"NA","NA"],1,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],UY:[,[,,"[2489]\\d{6,7}","\\d{7,8}"],[,
+,"2\\d{7}|4[2-7]\\d{6}","\\d{7,8}",,,"21231234"],[,,"9[1-9]\\d{6}","\\d{8}",,,"94231234"],[,,"80[05]\\d{4}","\\d{7}",,,"8001234"],[,,"90[0-8]\\d{4}","\\d{7}",,,"9001234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"UY",598,"0(?:1[3-9]\\d|0)","0"," int. ",,"0",,"00",,[[,"(\\d{4})(\\d{4})","$1 $2",["[24]"],"","",0],[,"(\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["9[1-9]"],"0$1","",0],[,"(\\d{3})(\\d{4})","$1 $2",["[89]0"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],UZ:[,[,,"[679]\\d{8}",
+"\\d{7,9}"],[,,"(?:6(?:1(?:22|3[124]|4[1-4]|5[123578]|64)|2(?:22|3[0-57-9]|41)|5(?:22|3[3-7]|5[024-8])|6\\d{2}|7(?:[23]\\d|7[69])|9(?:22|4[1-8]|6[135]))|7(?:0(?:5[4-9]|6[0146]|7[12456]|9[135-8])|1[12]\\d|2(?:22|3[1345789]|4[123579]|5[14])|3(?:2\\d|3[1578]|4[1-35-7]|5[1-57]|61)|4(?:2\\d|3[1-579]|7[1-79])|5(?:22|5[1-9]|6[1457])|6(?:22|3[12457]|4[13-8])|9(?:22|5[1-9])))\\d{5}","\\d{7,9}",,,"662345678"],[,,"6(?:1(?:2(?:98|2[01])|35[0-4]|50\\d|61[23]|7(?:[01][017]|4\\d|55|9[5-9]))|2(?:11\\d|2(?:[12]1|9[01379])|5(?:[126]\\d|3[0-4])|7\\d{2})|5(?:19[01]|2(?:27|9[26])|30\\d|59\\d|7\\d{2})|6(?:2(?:1[5-9]|2[0367]|38|41|52|60)|3[79]\\d|4(?:56|83)|7(?:[07]\\d|1[017]|3[07]|4[047]|5[057]|67|8[0178]|9[79])|9[0-3]\\d)|7(?:2(?:24|3[237]|4[5-9]|7[15-8])|5(?:7[12]|8[0589])|7(?:0\\d|[39][07])|9(?:0\\d|7[079]))|9(?:2(?:1[1267]|5\\d|3[01]|7[0-4])|5[67]\\d|6(?:2[0-26]|8\\d)|7\\d{2}))\\d{4}|7(?:0\\d{3}|1(?:13[01]|6(?:0[47]|1[67]|66)|71[3-69]|98\\d)|2(?:2(?:2[79]|95)|3(?:2[5-9]|6[0-6])|57\\d|7(?:0\\d|1[17]|2[27]|3[37]|44|5[057]|66|88))|3(?:2(?:1[0-6]|21|3[469]|7[159])|33\\d|5(?:0[0-4]|5[579]|9\\d)|7(?:[0-3579]\\d|4[0467]|6[67]|8[078])|9[4-6]\\d)|4(?:2(?:29|5[0257]|6[0-7]|7[1-57])|5(?:1[0-4]|8\\d|9[5-9])|7(?:0\\d|1[024589]|2[0127]|3[0137]|[46][07]|5[01]|7[5-9]|9[079])|9(?:7[015-9]|[89]\\d))|5(?:112|2(?:0\\d|2[29]|[49]4)|3[1568]\\d|52[6-9]|7(?:0[01578]|1[017]|[23]7|4[047]|[5-7]\\d|8[78]|9[079]))|6(?:2(?:2[1245]|4[2-4])|39\\d|41[179]|5(?:[349]\\d|5[0-2])|7(?:0[017]|[13]\\d|22|44|55|67|88))|9(?:22[128]|3(?:2[0-4]|7\\d)|57[05629]|7(?:2[05-9]|3[37]|4\\d|60|7[2579]|87|9[07])))\\d{4}|9[0-57-9]\\d{7}",
+"\\d{7,9}",,,"912345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"UZ",998,"810","8",,,"8",,"8~10",,[[,"([679]\\d)(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",,"8 $1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],VA:[,[,,"06\\d{8}","\\d{10}"],[,,"06698\\d{5}","\\d{10}",,,"0669812345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"VA",379,"00",,,,,,,,[[,"(06)(\\d{4})(\\d{4})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],
+,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],VC:[,[,,"[5789]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"784(?:266|3(?:6[6-9]|7\\d|8[0-24-6])|4(?:38|5[0-36-8]|8[0-8])|5(?:55|7[0-2]|93)|638|784)\\d{4}","\\d{7}(?:\\d{3})?",,,"7842661234"],[,,"784(?:4(?:3[0-4]|5[45]|89|9[0-5])|5(?:2[6-9]|3[0-4]))\\d{4}","\\d{10}",,,"7844301234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],
+[,,"NA","NA"],"VC",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"784",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],VE:[,[,,"[24589]\\d{9}","\\d{7,10}"],[,,"(?:2(?:12|3[457-9]|[58][1-9]|[467]\\d|9[1-6])|50[01])\\d{7}","\\d{7,10}",,,"2121234567"],[,,"4(?:1[24-8]|2[46])\\d{7}","\\d{10}",,,"4121234567"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"900\\d{7}","\\d{10}",,,"9001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"VE",58,"00","0",,,"0",,,,[[,"(\\d{3})(\\d{7})","$1-$2",,"0$1","$CC $1",0]],,[,,"NA",
+"NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],VG:[,[,,"[2589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"284(?:(?:229|4(?:22|9[45])|774|8(?:52|6[459]))\\d{4}|496[0-5]\\d{3})","\\d{7}(?:\\d{3})?",,,"2842291234"],[,,"284(?:(?:3(?:0[0-3]|4[0-367])|4(?:4[0-6]|68|99)|54[0-57])\\d{4}|496[6-9]\\d{3})","\\d{10}",,,"2843001234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}","\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],
+[,,"NA","NA"],"VG",1,"011","1",,,"1",,,,,,[,,"NA","NA"],,"284",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],VI:[,[,,"[3589]\\d{9}","\\d{7}(?:\\d{3})?"],[,,"340(?:2(?:01|2[0678]|44|77)|3(?:32|44)|4(?:22|7[34])|5(?:1[34]|55)|6(?:26|4[23]|77|9[023])|7(?:1[2-589]|27|7\\d)|884|998)\\d{4}","\\d{7}(?:\\d{3})?",,,"3406421234"],[,,"340(?:2(?:01|2[0678]|44|77)|3(?:32|44)|4(?:22|7[34])|5(?:1[34]|55)|6(?:26|4[23]|77|9[023])|7(?:1[2-589]|27|7\\d)|884|998)\\d{4}","\\d{7}(?:\\d{3})?",,,"3406421234"],[,,"8(?:00|44|55|66|77|88)[2-9]\\d{6}",
+"\\d{10}",,,"8002345678"],[,,"900[2-9]\\d{6}","\\d{10}",,,"9002345678"],[,,"NA","NA"],[,,"5(?:00|33|44|66|77)[2-9]\\d{6}","\\d{10}",,,"5002345678"],[,,"NA","NA"],"VI",1,"011","1",,,"1",,,1,,,[,,"NA","NA"],,"340",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],VN:[,[,,"[17]\\d{6,9}|[2-69]\\d{7,9}|8\\d{6,8}","\\d{7,10}"],[,,"(?:2(?:[025-79]|1[0189]|[348][01])|3(?:[0136-9]|[25][01])|4\\d|5(?:[01][01]|[2-9])|6(?:[0-46-8]|5[01])|7(?:[02-79]|[18][01])|8[1-9])\\d{7}","\\d{9,10}",,,"2101234567"],[,,"(?:9\\d|1(?:2\\d|6[2-9]|8[68]|99))\\d{7}",
+"\\d{9,10}",,,"912345678"],[,,"1800\\d{4,6}","\\d{8,10}",,,"1800123456"],[,,"1900\\d{4,6}","\\d{8,10}",,,"1900123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"VN",84,"00","0",,,"0",,,,[[,"([17]99)(\\d{4})","$1 $2",["[17]99"],"0$1","",1],[,"([48])(\\d{4})(\\d{4})","$1 $2 $3",["[48]"],"0$1","",1],[,"([235-7]\\d)(\\d{4})(\\d{3})","$1 $2 $3",["2[025-79]|3[0136-9]|5[2-9]|6[0-46-8]|7[02-79]"],"0$1","",1],[,"(80)(\\d{5})","$1 $2",["80"],"0$1","",1],[,"(69\\d)(\\d{4,5})","$1 $2",["69"],"0$1","",1],[,"([235-7]\\d{2})(\\d{4})(\\d{3})",
+"$1 $2 $3",["2[1348]|3[25]|5[01]|65|7[18]"],"0$1","",1],[,"(9\\d)(\\d{3})(\\d{2})(\\d{2})","$1 $2 $3 $4",["9"],"0$1","",1],[,"(1[2689]\\d)(\\d{3})(\\d{4})","$1 $2 $3",["1(?:[26]|8[68]|99)"],"0$1","",1],[,"(1[89]00)(\\d{4,6})","$1 $2",["1[89]0"],"$1","",1]],,[,,"NA","NA"],,,[,,"[17]99\\d{4}|69\\d{5,6}","\\d{7,8}",,,"1992000"],[,,"[17]99\\d{4}|69\\d{5,6}|80\\d{5}","\\d{7,8}",,,"1992000"],,,[,,"NA","NA"]],VU:[,[,,"[2-57-9]\\d{4,6}","\\d{5,7}"],[,,"(?:2[02-9]\\d|3(?:[5-7]\\d|8[0-8])|48[4-9]|88\\d)\\d{2}",
+"\\d{5}",,,"22123"],[,,"(?:5(?:7[2-5]|[3-69]\\d)|7[013-7]\\d)\\d{4}","\\d{7}",,,"5912345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"VU",678,"00",,,,,,,,[[,"(\\d{3})(\\d{4})","$1 $2",["[579]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"3[03]\\d{3}|900\\d{4}","\\d{5,7}",,,"30123"],,,[,,"NA","NA"]],WF:[,[,,"[5-7]\\d{5}","\\d{6}"],[,,"(?:50|68|72)\\d{4}","\\d{6}",,,"501234"],[,,"(?:50|68|72)\\d{4}","\\d{6}",,,"501234"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA",
+"NA"],[,,"NA","NA"],"WF",681,"00",,,,,,,1,[[,"(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],WS:[,[,,"[2-8]\\d{4,6}","\\d{5,7}"],[,,"(?:[2-5]\\d|6[1-9]|84\\d{2})\\d{3}","\\d{5,7}",,,"22123"],[,,"(?:60|7[25-7]\\d)\\d{4}","\\d{6,7}",,,"601234"],[,,"800\\d{3}","\\d{6}",,,"800123"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"WS",685,"0",,,,,,,,[[,"(8\\d{2})(\\d{3,4})","$1 $2",["8"],"","",0],[,"(7\\d)(\\d{5})","$1 $2",["7"],"",
+"",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],YE:[,[,,"[1-7]\\d{6,8}","\\d{6,9}"],[,,"(?:1(?:7\\d|[2-68])|2[2-68]|3[2358]|4[2-58]|5[2-6]|6[3-58]|7[24-68])\\d{5}","\\d{6,8}",,,"1234567"],[,,"7[0137]\\d{7}","\\d{9}",,,"712345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"YE",967,"00","0",,,"0",,,,[[,"([1-7])(\\d{3})(\\d{3,4})","$1 $2 $3",["[1-6]|7[24-68]"],"0$1","",0],[,"(7\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["7[0137]"],"0$1","",0]],,[,,"NA","NA"],
+,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],YT:[,[,,"[268]\\d{8}","\\d{9}"],[,,"2696[0-4]\\d{4}","\\d{9}",,,"269601234"],[,,"639\\d{6}","\\d{9}",,,"639123456"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"YT",262,"00","0",,,"0",,,,,,[,,"NA","NA"],,"269|63",[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],ZA:[,[,,"[1-79]\\d{8}|8(?:[067]\\d{7}|[1-4]\\d{3,7})","\\d{5,9}"],[,,"(?:1[0-8]|2[0-378]|3[1-69]|4\\d|5[1346-8])\\d{7}","\\d{9}",,,"101234567"],[,
+,"(?:6[0-5]|7[0-46-9])\\d{7}|8[1-4]\\d{3,7}","\\d{5,9}",,,"711234567"],[,,"80\\d{7}","\\d{9}",,,"801234567"],[,,"86[2-9]\\d{6}|90\\d{7}","\\d{9}",,,"862345678"],[,,"860\\d{6}","\\d{9}",,,"860123456"],[,,"NA","NA"],[,,"87\\d{7}","\\d{9}",,,"871234567"],"ZA",27,"00","0",,,"0",,,,[[,"(860)(\\d{3})(\\d{3})","$1 $2 $3",["860"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{4})","$1 $2 $3",["[1-79]|8(?:[0-47]|6[1-9])"],"0$1","",0],[,"(\\d{2})(\\d{3,4})","$1 $2",["8[1-4]"],"0$1","",0],[,"(\\d{2})(\\d{3})(\\d{2,3})",
+"$1 $2 $3",["8[1-4]"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"861\\d{6}","\\d{9}",,,"861123456"],,,[,,"NA","NA"]],ZM:[,[,,"[289]\\d{8}","\\d{9}"],[,,"21[1-8]\\d{6}","\\d{9}",,,"211234567"],[,,"9(?:5[05]|6\\d|7[1-9])\\d{6}","\\d{9}",,,"955123456"],[,,"800\\d{6}","\\d{9}",,,"800123456"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"ZM",260,"00","0",,,"0",,,,[[,"([29]\\d)(\\d{7})","$1 $2",["[29]"],"0$1","",0],[,"(800)(\\d{3})(\\d{3})","$1 $2 $3",["8"],"0$1","",0]],,[,,"NA","NA"],,
+,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],ZW:[,[,,"2(?:[012457-9]\\d{3,8}|6\\d{3,6})|[13-79]\\d{4,8}|8[06]\\d{8}","\\d{3,10}"],[,,"(?:1[3-9]|2(?:0[45]|[16]|2[28]|[49]8?|58[23]|7[246]|8[1346-9])|3(?:08?|17?|3[78]|[2456]|7[1569]|8[379])|5(?:[07-9]|1[78]|483|5(?:7?|8))|6(?:0|28|37?|[45][68][78]|98?)|848)\\d{3,6}|(?:2(?:27|5|7[135789]|8[25])|3[39]|5[1-46]|6[126-8])\\d{4,6}|2(?:(?:0|70)\\d{5,6}|2[05]\\d{7})|(?:4\\d|9[2-8])\\d{4,7}","\\d{3,10}",,,"1312345"],[,,"7[1378]\\d{7}|86(?:22|44)\\d{6}","\\d{9,10}",
+,,"711234567"],[,,"800\\d{7}","\\d{10}",,,"8001234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"86(?:1[12]|30|55|77|8[367]|99)\\d{6}","\\d{10}",,,"8686123456"],"ZW",263,"00","0",,,"0",,,,[[,"([49])(\\d{3})(\\d{2,5})","$1 $2 $3",["4|9[2-9]"],"0$1","",0],[,"([179]\\d)(\\d{3})(\\d{3,4})","$1 $2 $3",["[19]1|7"],"0$1","",0],[,"(86\\d{2})(\\d{3})(\\d{3})","$1 $2 $3",["86[24]"],"0$1","",0],[,"([2356]\\d{2})(\\d{3,5})","$1 $2",["2(?:[278]|0[45]|[49]8)|3(?:08|17|3[78]|[78])|5[15][78]|6(?:[29]8|37|[68][78])"],
+"0$1","",0],[,"(\\d{3})(\\d{3})(\\d{3,4})","$1 $2 $3",["2(?:[278]|0[45]|48)|3(?:08|17|3[78]|[78])|5[15][78]|6(?:[29]8|37|[68][78])|80"],"0$1","",0],[,"([1-356]\\d)(\\d{3,5})","$1 $2",["1[3-9]|2(?:[1-469]|0[0-35-9]|[45][0-79])|3(?:0[0-79]|1[0-689]|[24-69]|3[0-69])|5(?:[02-46-9]|[15][0-69])|6(?:[0145]|[29][0-79]|3[0-689]|[68][0-69])"],"0$1","",0],[,"([1-356]\\d)(\\d{3})(\\d{3})","$1 $2 $3",["1[3-9]|2(?:[1-469]|0[0-35-9]|[45][0-79])|3(?:0[0-79]|1[0-689]|[24-69]|3[0-69])|5(?:[02-46-9]|[15][0-69])|6(?:[0145]|[29][0-79]|3[0-689]|[68][0-69])"],
+"0$1","",0],[,"([25]\\d{3})(\\d{3,5})","$1 $2",["(?:25|54)8","258[23]|5483"],"0$1","",0],[,"([25]\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["(?:25|54)8","258[23]|5483"],"0$1","",0],[,"(8\\d{3})(\\d{6})","$1 $2",["86"],"0$1","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],800:[,[,,"\\d{8}","\\d{8}",,,"12345678"],[,,"NA","NA",,,"12345678"],[,,"NA","NA",,,"12345678"],[,,"\\d{8}","\\d{8}",,,"12345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"001",800,"",,,,,,,1,[[,"(\\d{4})(\\d{4})",
+"$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],808:[,[,,"\\d{8}","\\d{8}",,,"12345678"],[,,"NA","NA",,,"12345678"],[,,"NA","NA",,,"12345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"\\d{8}","\\d{8}",,,"12345678"],[,,"NA","NA"],[,,"NA","NA"],"001",808,"",,,,,,,1,[[,"(\\d{4})(\\d{4})","$1 $2",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]],870:[,[,,"[35-7]\\d{8}","\\d{9}",,,"301234567"],[,,"NA","NA",,,"301234567"],[,,"(?:[356]\\d|7[6-8])\\d{7}","\\d{9}",
+,,"301234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"001",870,"",,,,,,,,[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],878:[,[,,"1\\d{11}","\\d{12}",,,"101234567890"],[,,"NA","NA",,,"101234567890"],[,,"NA","NA",,,"101234567890"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"10\\d{10}","\\d{12}",,,"101234567890"],"001",878,"",,,,,,,1,[[,"(\\d{2})(\\d{5})(\\d{5})","$1 $2 $3",,"","",0]],
+,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],881:[,[,,"[67]\\d{8}","\\d{9}",,,"612345678"],[,,"NA","NA",,,"612345678"],[,,"[67]\\d{8}","\\d{9}",,,"612345678"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"001",881,"",,,,,,,,[[,"(\\d)(\\d{3})(\\d{5})","$1 $2 $3",["[67]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],882:[,[,,"[13]\\d{6,11}","\\d{7,12}",,,"3451234567"],[,,"NA","NA",,,"3451234567"],[,,"3(?:2\\d{3}|37\\d{2}|4(?:2|7\\d{3}))\\d{4}",
+"\\d{7,10}",,,"3451234567"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"1(?:3(?:0[0347]|[13][0139]|2[035]|4[013568]|6[0459]|7[06]|8[15678]|9[0689])\\d{4}|6\\d{5,10})|345\\d{7}","\\d{7,12}",,,"3451234567"],"001",882,"",,,,,,,,[[,"(\\d{2})(\\d{4})(\\d{3})","$1 $2 $3",["3[23]"],"","",0],[,"(\\d{2})(\\d{5})","$1 $2",["16|342"],"","",0],[,"(\\d{2})(\\d{4})(\\d{4})","$1 $2 $3",["34[57]"],"","",0],[,"(\\d{3})(\\d{4})(\\d{4})","$1 $2 $3",["348"],"","",0],[,"(\\d{2})(\\d{2})(\\d{4})","$1 $2 $3",
+["1"],"","",0],[,"(\\d{2})(\\d{3,4})(\\d{4})","$1 $2 $3",["16"],"","",0],[,"(\\d{2})(\\d{4,5})(\\d{5})","$1 $2 $3",["16"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"348[57]\\d{7}","\\d{11}",,,"3451234567"]],883:[,[,,"51\\d{7}(?:\\d{3})?","\\d{9}(?:\\d{3})?",,,"510012345"],[,,"NA","NA",,,"510012345"],[,,"NA","NA",,,"510012345"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"51(?:00\\d{5}(?:\\d{3})?|[13]0\\d{8})","\\d{9}(?:\\d{3})?",,,"510012345"],"001",883,"",,,,,,,1,
+[[,"(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3",["510"],"","",0],[,"(\\d{3})(\\d{3})(\\d{3})(\\d{3})","$1 $2 $3 $4",["510"],"","",0],[,"(\\d{4})(\\d{4})(\\d{4})","$1 $2 $3",["51[13]"],"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],,,[,,"NA","NA"]],888:[,[,,"\\d{11}","\\d{11}",,,"12345678901"],[,,"NA","NA",,,"12345678901"],[,,"NA","NA",,,"12345678901"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"001",888,"",,,,,,,1,[[,"(\\d{3})(\\d{3})(\\d{5})","$1 $2 $3",,"","",0]],,[,
+,"NA","NA"],,,[,,"NA","NA"],[,,"\\d{11}","\\d{11}",,,"12345678901"],1,,[,,"NA","NA"]],979:[,[,,"\\d{9}","\\d{9}",,,"123456789"],[,,"NA","NA",,,"123456789"],[,,"NA","NA",,,"123456789"],[,,"NA","NA"],[,,"\\d{9}","\\d{9}",,,"123456789"],[,,"NA","NA"],[,,"NA","NA"],[,,"NA","NA"],"001",979,"",,,,,,,1,[[,"(\\d)(\\d{4})(\\d{4})","$1 $2 $3",,"","",0]],,[,,"NA","NA"],,,[,,"NA","NA"],[,,"NA","NA"],1,,[,,"NA","NA"]]};/*
+
+ Copyright (C) 2010 The Libphonenumber Authors.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+function P(){this.$={}}P.ba=function(){return P.v?P.v:P.v=new P};
+var Ja={0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9","\uff10":"0","\uff11":"1","\uff12":"2","\uff13":"3","\uff14":"4","\uff15":"5","\uff16":"6","\uff17":"7","\uff18":"8","\uff19":"9","\u0660":"0","\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u06f0":"0","\u06f1":"1","\u06f2":"2","\u06f3":"3","\u06f4":"4","\u06f5":"5","\u06f6":"6","\u06f7":"7","\u06f8":"8","\u06f9":"9"},Ka={0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",
+7:"7",8:"8",9:"9","\uff10":"0","\uff11":"1","\uff12":"2","\uff13":"3","\uff14":"4","\uff15":"5","\uff16":"6","\uff17":"7","\uff18":"8","\uff19":"9","\u0660":"0","\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u06f0":"0","\u06f1":"1","\u06f2":"2","\u06f3":"3","\u06f4":"4","\u06f5":"5","\u06f6":"6","\u06f7":"7","\u06f8":"8","\u06f9":"9",A:"2",B:"2",C:"2",D:"3",E:"3",F:"3",G:"4",H:"4",I:"4",J:"5",K:"5",L:"5",M:"6",N:"6",O:"6",P:"7",
+Q:"7",R:"7",S:"7",T:"8",U:"8",V:"8",W:"9",X:"9",Y:"9",Z:"9"},Q=RegExp("^[+\uff0b]+"),La=RegExp("([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9])"),Ma=RegExp("[+\uff0b0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]"),Na=/[\\\/] *x/,Oa=RegExp("[^0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9A-Za-z#]+$"),Pa=/(?:.*?[A-Za-z]){3}.*/,Qa=RegExp("(?:;ext=([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,7})|[ \u00a0\\t,]*(?:e?xt(?:ensi(?:o\u0301?|\u00f3))?n?|\uff45?\uff58\uff54\uff4e?|[,x\uff58#\uff03~\uff5e]|int|anexo|\uff49\uff4e\uff54)[:\\.\uff0e]?[ \u00a0\\t,-]*([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,7})#?|[- ]+([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,5})#)$",
+"i"),Ra=RegExp("^[0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{2}$|^[+\uff0b]*(?:[-x\u2010-\u2015\u2212\u30fc\uff0d-\uff0f \u00a0\u00ad\u200b\u2060\u3000()\uff08\uff09\uff3b\uff3d.\\[\\]/~\u2053\u223c\uff5e*]*[0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]){3,}[-x\u2010-\u2015\u2212\u30fc\uff0d-\uff0f \u00a0\u00ad\u200b\u2060\u3000()\uff08\uff09\uff3b\uff3d.\\[\\]/~\u2053\u223c\uff5e*A-Za-z0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]*(?:;ext=([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,7})|[ \u00a0\\t,]*(?:e?xt(?:ensi(?:o\u0301?|\u00f3))?n?|\uff45?\uff58\uff54\uff4e?|[,x\uff58#\uff03~\uff5e]|int|anexo|\uff49\uff4e\uff54)[:\\.\uff0e]?[ \u00a0\\t,-]*([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,7})#?|[- ]+([0-9\uff10-\uff19\u0660-\u0669\u06f0-\u06f9]{1,5})#)?$",
+"i"),Sa=/(\$\d)/;function Ta(a){var b=a.search(Ma);0<=b?(a=a.substring(b),a=a.replace(Oa,""),b=a.search(Na),0<=b&&(a=a.substring(0,b))):a="";return a}function Ua(a){return 2>a.length?!1:R(Ra,a)}function Va(a){return R(Pa,a)?S(a,Ka):S(a,Ja)}function Wa(a){var b=Va(a.toString());a.clear();a.append(b)}function S(a,b){for(var c=new F,d,f=a.length,e=0;e<f;++e)d=a.charAt(e),d=b[d.toUpperCase()],null!=d&&c.append(d);return c.toString()}
+P.prototype.format=function(a,b){if(0==y(a,2)&&null!=a.b[5]){var c=B(a,5);if(0<c.length)return c}var c=a.h(),d=T(a);if(0==b)return Xa(c,0,d,"");if(!(c in N))return d;var f=U(this,c,Ya(c)),e;e=null!=a.b[3]&&0!=a.getExtension().length?3==b?";ext="+a.getExtension():null!=f.b[13]?y(f,13)+B(a,3):" ext. "+B(a,3):"";a:{for(var f=0==(A(f,20)||[]).length||2==b?A(f,19)||[]:A(f,20)||[],g,h=f.length,k=0;k<h;++k){g=f[k];var m=g.f[3].o?null!=g.b[3]?g.b[3].length:0:null!=g.b[3]?1:0;if(0==m||0==d.search(y(g,3,m-
+1)))if(m=new RegExp(y(g,1)),R(m,d)){f=g;break a}}f=null}null!=f&&(h=f,f=B(h,2),g=new RegExp(y(h,1)),B(h,5),k="",h=B(h,4),k=2==b&&null!=h&&0<h.length?d.replace(g,f.replace(Sa,h)):d.replace(g,f),3==b&&(k=k.replace(RegExp("^[-x\u2010-\u2015\u2212\u30fc\uff0d-\uff0f \u00a0\u00ad\u200b\u2060\u3000()\uff08\uff09\uff3b\uff3d.\\[\\]/~\u2053\u223c\uff5e]+"),""),k=k.replace(RegExp("[-x\u2010-\u2015\u2212\u30fc\uff0d-\uff0f \u00a0\u00ad\u200b\u2060\u3000()\uff08\uff09\uff3b\uff3d.\\[\\]/~\u2053\u223c\uff5e]+",
+"g"),"-")),d=k);return Xa(c,b,d,e)};function U(a,b,c){return"001"==c?V(a,""+b):V(a,c)}function T(a){var b=""+y(a,2);return null!=a.b[4]&&y(a,4)?Array(B(a,8)+1).join("0")+b:b}function Xa(a,b,c,d){switch(b){case 0:return"+"+a+c+d;case 1:return"+"+a+" "+c+d;case 3:return"tel:+"+a+"-"+c+d;default:return c+d}}
+function Za(a,b){return W(a,y(b,1))?W(a,y(b,5))?4:W(a,y(b,4))?3:W(a,y(b,6))?5:W(a,y(b,8))?6:W(a,y(b,7))?7:W(a,y(b,21))?8:W(a,y(b,25))?9:W(a,y(b,28))?10:W(a,y(b,2))?y(b,18)||W(a,y(b,3))?2:0:!y(b,18)&&W(a,y(b,3))?1:-1:-1}function V(a,b){if(null==b)return null;b=b.toUpperCase();var c=a.$[b];if(null==c){c=O[b];if(null==c)return null;c=(new M).k(I.i(),c);a.$[b]=c}return c}function W(a,b){return R(B(b,3),a)&&R(B(b,2),a)}function Ya(a){a=N[a];return null==a?"ZZ":a[0]}
+function $a(a,b){return R(a,b)?0:0==b.search(a)?3:2}
+function ab(a,b,c,d,f){if(0==a.length)return 0;a=new F(a);var e;null!=b&&(e=y(b,11));null==e&&(e="NonMatch");var g=a.toString();if(0==g.length)e=20;else if(Q.test(g))g=g.replace(Q,""),a.clear(),a.append(Va(g)),e=1;else{g=new RegExp(e);Wa(a);e=a.toString();if(0==e.search(g)){var g=e.match(g)[0].length,h=e.substring(g).match(La);h&&null!=h[1]&&0<h[1].length&&"0"==S(h[1],Ja)?e=!1:(a.clear(),a.append(e.substring(g)),e=!0)}else e=!1;e=e?5:20}d&&z(f,6,e);if(20!=e){if(2>=a.e.length)throw"Phone number too short after IDD";
+a:{d=a.toString();if(0!=d.length&&"0"!=d.charAt(0))for(b=d.length,e=1;3>=e&&e<=b;++e)if(a=parseInt(d.substring(0,e),10),a in N){c.append(d.substring(e));c=a;break a}c=0}if(0!=c)return f.l(c),c;throw"Invalid country calling code";}if(null!=b&&(e=b.h(),g=""+e,h=a.toString(),0==h.lastIndexOf(g,0))){var k=new F(h.substring(g.length)),h=y(b,1),g=new RegExp(B(h,2));bb(k,b,null);b=k.toString();h=B(h,3);if(!R(g,a.toString())&&R(g,b)||3==$a(h,a.toString()))return c.append(b),d&&z(f,6,10),f.l(e),e}f.l(0);return 0}
+function bb(a,b,c){var d=a.toString(),f=d.length,e=y(b,15);if(0!=f&&null!=e&&0!=e.length&&(e=new RegExp("^(?:"+e+")"),f=e.exec(d))){var g=RegExp,h;h=y(b,1);h=B(h,2);g=new g(h);h=R(g,d);var k=f.length-1;b=y(b,16);if(null==b||0==b.length||null==f[k]||0==f[k].length){if(!h||R(g,d.substring(f[0].length)))null!=c&&0<k&&null!=f[k]&&c.append(f[1]),a.set(d.substring(f[0].length))}else if(d=d.replace(e,b),!h||R(g,d))null!=c&&0<k&&c.append(f[1]),a.set(d)}}
+P.prototype.parse=function(a,b){return cb(this,a,b,!1)};
+function cb(a,b,c,d){if(null==b)throw"The string supplied did not seem to be a phone number";if(250<b.length)throw"The string supplied is too long to be a phone number";var f=new F,e=b.indexOf(";phone-context=");if(0<e){var g=e+15;if("+"==b.charAt(g)){var h=b.indexOf(";",g);0<h?f.append(b.substring(g,h)):f.append(b.substring(g))}g=b.indexOf("tel:");f.append(b.substring(0<=g?g+4:0,e))}else f.append(Ta(b));e=f.toString();g=e.indexOf(";isub=");0<g&&(f.clear(),f.append(e.substring(0,g)));if(!Ua(f.toString()))throw"The string supplied did not seem to be a phone number";
+e=f.toString();if(!(null!=c&&isNaN(c)&&c.toUpperCase()in O||null!=e&&0<e.length&&Q.test(e)))throw"Invalid country calling code";e=new K;d&&z(e,5,b);a:{b=f.toString();g=b.search(Qa);if(0<=g&&Ua(b.substring(0,g)))for(var h=b.match(Qa),k=h.length,m=1;m<k;++m)if(null!=h[m]&&0<h[m].length){f.clear();f.append(b.substring(0,g));b=h[m];break a}b=""}0<b.length&&z(e,3,b);g=V(a,c);b=new F;h=0;k=f.toString();try{h=ab(k,g,b,d,e)}catch(r){if("Invalid country calling code"==r&&Q.test(k)){if(k=k.replace(Q,""),h=
+ab(k,g,b,d,e),0==h)throw r;}else throw r;}0!=h?(f=Ya(h),f!=c&&(g=U(a,h,f))):(Wa(f),b.append(f.toString()),null!=c?(h=g.h(),e.l(h)):d&&Da(e,6));if(2>b.e.length)throw"The string supplied is too short to be a phone number";null!=g&&(a=new F,c=new F(b.toString()),bb(c,g,a),f=c.toString(),g=y(g,1),g=B(g,3),2!=$a(g,f)&&(b=c,d&&z(e,7,a.toString())));d=b.toString();a=d.length;if(2>a)throw"The string supplied is too short to be a phone number";if(17<a)throw"The string supplied is too long to be a phone number";
+if(1<d.length&&"0"==d.charAt(0)){z(e,4,!0);for(a=1;a<d.length-1&&"0"==d.charAt(a);)a++;1!=a&&z(e,8,a)}z(e,2,parseInt(d,10));return e}function R(a,b){var c="string"==typeof a?b.match("^(?:"+a+")$"):b.match(a);return c&&c[0].length==b.length?!0:!1};/*
+
+ Copyright (C) 2010 The Libphonenumber Authors.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+var db=new I;z(db,11,"NA");/*
+
+ Copyright (C) 2010 The Libphonenumber Authors.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+function eb(a,b){try{var c=P.ba();if(!(null!=b&&isNaN(b)&&b.toUpperCase()in O)&&0<a.length&&"+"!=a.charAt(0))throw"Invalid country calling code";var d=cb(c,a,b,!0),f;if(null==d)f=null;else{var e=d.h(),g=N[e],h;if(null==g)h=null;else{var k;if(1==g.length)k=g[0];else b:{for(var m=T(d),r,C=g.length,e=0;e<C;e++){r=g[e];var $=V(c,r);if(null!=$.b[23]){if(0==m.search(y($,23))){k=r;break b}}else if(-1!=Za(m,$)){k=r;break b}}k=null}h=k}f=h}var aa;var Ea=d.h(),Fa=U(c,Ea,f),ba;if(!(ba=null==Fa)){var ca;if(ca=
+"001"!=f){var Ga,Ha=V(c,f);if(null==Ha)throw"Invalid region code: "+f;Ga=Ha.h();ca=Ea!=Ga}ba=ca}if(ba)aa=!1;else{var gb=T(d);aa=-1!=Za(gb,Fa)}return aa}catch(hb){return hb}}var X=["isPhoneNumberValid"],Y=n;X[0]in Y||!Y.execScript||Y.execScript("var "+X[0]);for(var Z;X.length&&(Z=X.shift());){var fb;if(fb=!X.length)fb=void 0!==eb;fb?Y[Z]=eb:Y=Y[Z]?Y[Z]:Y[Z]={}};})();
\ No newline at end of file
diff --git a/themes/foundation5/js/vendor/validator.min.js b/themes/foundation5/js/vendor/validator.min.js
deleted file mode 100644
index ba762824327..00000000000
--- a/themes/foundation5/js/vendor/validator.min.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/*!
- * Validator v0.5.0 for Bootstrap 3, by @1000hz
- * Copyright 2014 Spiceworks, Inc.
- * Licensed under http://opensource.org/licenses/MIT
- *
- * https://github.com/1000hz/bootstrap-validator
- */
-
-+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),f=d.data("bs.validator");f||d.data("bs.validator",f=new c(this,e)),"string"==typeof b&&f[b]()})}var c=function(b,c){this.$element=a(b),this.options=c,this.$element.attr("novalidate",!0),this.toggleSubmit(),this.$element.on("input.bs.validator change.bs.validator focusout.bs.validator",a.proxy(this.validateInput,this)),this.$element.on("submit.bs.validator",a.proxy(this.onSubmit,this)),this.$element.find("[data-match]").each(function(){var b=a(this),c=b.data("match");a(c).on("input.bs.validator",function(){b.val()&&b.trigger("input")})})};c.DEFAULTS={delay:500,html:!1,errors:{match:"Does not match",minlength:"Not long enough"}},c.VALIDATORS={"native":function(a){var b=a[0];return b.checkValidity?b.checkValidity():!0},match:function(b){var c=b.data("match");return!b.val()||b.val()===a(c).val()},minlength:function(a){var b=a.data("minlength");return!a.val()||a.val().length>=b}},c.prototype.validateInput=function(b){var c=a(b.target),d=c.data("bs.validator.errors");if(c.is('[type="radio"]')&&(c=this.$element.find('input[name="'+c.attr("name")+'"]')),this.$element.trigger(b=a.Event("validate.bs.validator",{relatedTarget:c[0]})),!b.isDefaultPrevented()){var e=this;this.runValidators(c).done(function(f){c.data("bs.validator.errors",f),f.length?e.showErrors(c):e.clearErrors(c),d&&f.toString()===d.toString()||(b=f.length?a.Event("invalid.bs.validator",{relatedTarget:c[0],detail:f}):a.Event("valid.bs.validator",{relatedTarget:c[0],detail:d}),e.$element.trigger(b)),e.toggleSubmit(),e.$element.trigger(a.Event("validated.bs.validator",{relatedTarget:c[0]}))})}},c.prototype.runValidators=function(b){function d(a){return b.data(a+"-error")||b.data("error")||"native"==a&&b[0].validationMessage||g.errors[a]}var e=[],f=([c.VALIDATORS.native],a.Deferred()),g=this.options;return b.data("bs.validator.deferred")&&b.data("bs.validator.deferred").reject(),b.data("bs.validator.deferred",f),a.each(c.VALIDATORS,a.proxy(function(a,c){if((b.data(a)||"native"==a)&&!c.call(this,b)){var f=d(a);!~e.indexOf(f)&&e.push(f)}},this)),!e.length&&b.val()&&b.data("remote")?this.defer(b,function(){a.get(b.data("remote"),[b.attr("name"),b.val()].join("=")).fail(function(a,b,c){e.push(d("remote")||c)}).always(function(){f.resolve(e)})}):f.resolve(e),f.promise()},c.prototype.validate=function(){var a=this.options.delay;return this.options.delay=0,this.$element.find(":input").trigger("input"),this.options.delay=a,this},c.prototype.showErrors=function(b){var c=this.options.html?"html":"text";this.defer(b,function(){var d=b.closest(".form-group"),e=d.find(".help-block.with-errors"),f=b.data("bs.validator.errors");f.length&&(f=a("<ul/>").addClass("list-unstyled").append(a.map(f,function(b){return a("<li/>")[c](b)})),void 0===e.data("bs.validator.originalContent")&&e.data("bs.validator.originalContent",e.html()),e.empty().append(f),d.addClass("has-error"))})},c.prototype.clearErrors=function(a){var b=a.closest(".form-group"),c=b.find(".help-block.with-errors");c.html(c.data("bs.validator.originalContent")),b.removeClass("has-error")},c.prototype.hasErrors=function(){function b(){return!!(a(this).data("bs.validator.errors")||[]).length}return!!this.$element.find(":input:enabled").filter(b).length},c.prototype.isIncomplete=function(){function b(){return"checkbox"===this.type?!this.checked:"radio"===this.type?!a('[name="'+this.name+'"]:checked').length:""===a.trim(this.value)}return!!this.$element.find(":input[required]:enabled").filter(b).length},c.prototype.onSubmit=function(a){this.validate(),(this.isIncomplete()||this.hasErrors())&&a.preventDefault()},c.prototype.toggleSubmit=function(){var a=this.$element.find('input[type="submit"], button[type="submit"]');a.toggleClass("disabled",this.isIncomplete()||this.hasErrors()).css({"pointer-events":"all",cursor:"pointer"})},c.prototype.defer=function(a,b){window.clearTimeout(a.data("bs.validator.timeout")),a.data("bs.validator.timeout",window.setTimeout(b,this.options.delay))};var d=a.fn.validator;a.fn.validator=b,a.fn.validator.Constructor=c,a.fn.validator.noConflict=function(){return a.fn.validator=d,this},a(window).on("load",function(){a('form[data-toggle="validator"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery);
\ No newline at end of file
diff --git a/themes/foundation5/js/vudl/canvas-zoomy.js b/themes/foundation5/js/vudl/canvas-zoomy.js
new file mode 100644
index 00000000000..2fde8e14b40
--- /dev/null
+++ b/themes/foundation5/js/vudl/canvas-zoomy.js
@@ -0,0 +1,334 @@
+var Zoomy = {
+ mouseDown: false,
+ mouseOnMap: null,
+ // Create
+ init: function(canvas) {
+ this.canvas = canvas;
+ this.showMinimap = true;
+ this.canvas.width = Math.floor(this.canvas.clientWidth);
+ this.canvas.height = Math.floor(this.canvas.clientHeight);
+ addEventListener('mousemove', Zoomy.mouseHandle, false);
+ addEventListener('touchmove', Zoomy.mouseHandle, false);
+ addEventListener('mouseup', function(e) {
+ Zoomy.mouse = undefined;
+ Zoomy.mouseDown = false;
+ Zoomy.mouseOnMap = null;
+ }, false);
+ addEventListener('touchend', function(e) {
+ Zoomy.mouse = undefined;
+ Zoomy.mouseDown = false;
+ Zoomy.mouseOnMap = null;
+ }, false);
+ this.canvas.addEventListener('mousedown', function(e) {
+ Zoomy.mouseDown = true;
+ }, false);
+ this.canvas.addEventListener('touchstart', function(e) {
+ Zoomy.mouseDown = true;
+ }, false);
+ this.canvas.addEventListener('mousewheel', function(e) {
+ e.preventDefault();
+ Zoomy.zoom(e);
+ }, false);
+ this.canvas.addEventListener('wheel', function(e) {
+ e.preventDefault();
+ Zoomy.zoom(e);
+ }, false);
+ this.context = canvas.getContext('2d');
+
+ Math.TWO_PI = Math.PI*2;
+ Math.HALF_PI = Math.PI/2;
+ },
+ resize: function() {
+ if(typeof this.canvas === "undefined") {
+ return;
+ }
+ this.canvas.width = Math.floor(this.canvas.clientWidth);
+ this.canvas.height = Math.floor(this.canvas.clientHeight);
+ this.width = this.canvas.width;
+ this.height = this.canvas.height;
+ this.minimap = null;
+ this.rebound();
+ this.draw();
+ },
+ initMinimap: function() {
+ var aspectRatio = this.image.width / this.image.height;
+ var size = 150;
+ var mm = {
+ width : this.image.width > this.image.height ? size : size * aspectRatio,
+ height : this.image.height > this.image.width ? size : size / aspectRatio,
+ size : size
+ };
+ if(this.image.sideways) {
+ var t = mm.width;
+ mm.width = mm.height;
+ mm.height = t;
+ }
+ mm.x = this.width - (size+mm.width)/2 - 10;
+ mm.y = this.height - (size+mm.height)/2 - 10;
+ return mm;
+ },
+ mouseHandle: function(e) {
+ if(!Zoomy.mouseDown) return;
+ e.preventDefault();
+ var bounds = Zoomy.canvas.getBoundingClientRect();
+ var mx = e.type.match("touch")
+ ? e.targetTouches[0].pageX
+ : e.pageX;
+ mx -= bounds.left;
+ var my = e.type.match("touch")
+ ? e.targetTouches[0].pageY
+ : e.pageY;
+ my -= bounds.top + window.scrollY;
+ if(typeof Zoomy.mouse !== "undefined") {
+ var xdiff = mx - Zoomy.mouse.x;
+ var ydiff = my - Zoomy.mouse.y;
+ if(Zoomy.mouseOnMap === null) {
+ Zoomy.mouseOnMap = Zoomy.minimap != null
+ && mx > Zoomy.minimap.rect.x
+ && mx < Zoomy.minimap.rect.x+Zoomy.minimap.rect.w
+ && my > Zoomy.minimap.rect.y
+ && my < Zoomy.minimap.rect.y+Zoomy.minimap.rect.h;
+ }
+ if(Zoomy.mouseOnMap) {
+ var ratio = Zoomy.image.rwidth / Zoomy.minimap.width;
+ if(Zoomy.image.rwidth < Zoomy.width) xdiff = 0;
+ if(Zoomy.image.rheight < Zoomy.height) ydiff = 0;
+ switch(Zoomy.image.angle % Math.TWO_PI) {
+ case 0:
+ xdiff *= -ratio;
+ ydiff *= -ratio;
+ break;
+ case Math.HALF_PI: // On right side
+ var xtemp = xdiff;
+ xdiff = ydiff * ratio;
+ ydiff = xtemp * -ratio;
+ break;
+ case Math.PI: // Upside-down
+ xdiff *= ratio;
+ ydiff *= ratio;
+ break;
+ default: // On left side
+ var xtemp = xdiff;
+ xdiff = ydiff * -ratio;
+ ydiff = xtemp * ratio;
+ break;
+ }
+ }
+ Zoomy.image.x = Math.floor(Zoomy.image.x + xdiff);
+ Zoomy.image.y = Math.floor(Zoomy.image.y + ydiff);
+ Zoomy.enforceBounds();
+ Zoomy.draw();
+ }
+ Zoomy.mouse = {x: mx, y: my};
+ },
+ // Load image
+ load: function(src, callback) {
+ if(typeof this.canvas === "undefined") return;
+ var img = new Image();
+ img.onload = function() { Zoomy.finishLoad(img); if(typeof callback !== "undefined") callback(); }
+ img.src = src;
+ },
+ finishLoad: function(img) {
+ //console.log('Loaded.');
+ Zoomy.image = {
+ x: 0,
+ y: 0,
+ angle: 0,
+ sideways: false,
+ content: img,
+ transX: 0,
+ transY: 0,
+ }
+ Zoomy.minimap = null;
+ Zoomy.center();
+ },
+ draw: function() {
+ this.context.clearRect(0,0,this.width,this.height);
+ // Image
+ this.context.save();
+ this.context.translate(this.image.x, this.image.y);
+ this.context.rotate(this.image.angle);
+ this.context.translate(this.image.transX, this.image.transY);
+ this.context.drawImage(
+ this.image.content, 0, 0,
+ this.image.rwidth,
+ this.image.rheight
+ );
+ this.context.restore();
+
+ // Minimap
+ if(!this.showMinimap) return;
+ if(this.minimap == null) {
+ this.minimap = this.initMinimap();
+ }
+ this.context.drawImage(
+ this.image.content,
+ this.minimap.x,
+ this.minimap.y,
+ this.minimap.width,
+ this.minimap.height
+ );
+
+ var hLength = (this.width / this.image.rwidth) * this.minimap.width;
+ var vLength = (this.height / this.image.rheight) * this.minimap.height;
+ var drawWidth = this.image.sideways ? vLength : hLength;
+ var drawHeight = this.image.sideways ? hLength : vLength;
+
+ var xdiff = this.image.sideways
+ ? -(this.image.y / this.image.height) * this.minimap.width
+ : -(this.image.x / this.image.width) * this.minimap.width;
+ var ydiff = this.image.sideways
+ ? -(this.image.x / this.image.width) * this.minimap.height
+ : -(this.image.y / this.image.height) * this.minimap.height;
+ switch(this.image.angle % Math.TWO_PI) {
+ case 0:
+ break;
+ case Math.HALF_PI: // On right side
+ ydiff = this.minimap.height - drawHeight - ydiff;
+ break;
+ case Math.PI: // Upside-down
+ xdiff = this.minimap.width - drawWidth - xdiff;
+ ydiff = this.minimap.height - drawHeight - ydiff;
+ break;
+ default: // On left side
+ xdiff = this.minimap.width - drawWidth - xdiff;
+ break;
+ }
+
+ if(drawWidth > this.minimap.width) {
+ xdiff = 0;
+ drawWidth = this.minimap.width;
+ }
+ if(drawHeight > this.minimap.height) {
+ ydiff = 0;
+ drawHeight = this.minimap.height;
+ }
+ this.minimap.rect = {
+ x: this.minimap.x+Math.floor(Math.max(0, xdiff)),
+ y: this.minimap.y+Math.floor(Math.max(0, ydiff)),
+ w: Math.ceil(drawWidth),
+ h: Math.ceil(drawHeight)
+ };
+ this.context.save();
+ this.context.strokeStyle = "#00F";
+ this.context.strokeRect(
+ this.minimap.rect.x,
+ this.minimap.rect.y,
+ this.minimap.rect.w,
+ this.minimap.rect.h
+ );
+ this.context.restore();
+ },
+ center: function() {
+ this.width = this.canvas.width;
+ this.height = this.canvas.height;
+ this.image.zoom = this.image.minZoom = Math.min(
+ (this.width-10)/this.image.content.width, 1,
+ (this.height-10)/this.image.content.height
+ );
+ this.zoom(0, this.image.zoom);
+ this.image.x = Math.floor((this.width-this.image.width)/2);
+ this.image.y = Math.floor((this.height-this.image.height)/2);
+ this.rebound();
+ this.draw();
+ },
+ turnLeft: function() {
+ var newx = this.width/2 + (this.image.y - this.height/2);
+ var newy = this.height/2 + (this.width/2 - this.image.x - this.image.width);
+ this.image.x = newx;
+ this.image.y = newy;
+
+ this.image.angle = (this.image.angle + Math.PI + Math.HALF_PI) % Math.TWO_PI;
+ this.image.width = [this.image.height, this.image.height=this.image.width][0];
+ this.image.sideways = !this.image.sideways;
+
+ this.rebound();
+ this.draw();
+ },
+ turnRight: function() {
+ var newx = this.width/2 + (this.height/2 - this.image.y - this.image.height);
+ var newy = this.height/2 + (this.image.x - this.width/2);
+ this.image.x = newx;
+ this.image.y = newy;
+
+ this.image.angle = (this.image.angle + Math.HALF_PI) % Math.TWO_PI;
+ this.image.width = [this.image.height, this.image.height=this.image.width][0];
+ this.image.sideways = !this.image.sideways;
+
+ this.rebound();
+ this.draw();
+ },
+ rebound: function() {
+ var xDiff = this.width-this.image.width;
+ var yDiff = this.height-this.image.height;
+ this.image.minX = Math.min(0, xDiff);
+ this.image.minY = Math.min(0, yDiff);
+ this.image.maxX = Math.max(xDiff, 0);
+ this.image.maxY = Math.max(yDiff, 0);
+ this.enforceBounds();
+ var rotation = this.image.angle / Math.HALF_PI;
+ this.image.transX = rotation == 2
+ ? -this.image.width
+ : rotation == 3
+ ? -this.image.height
+ : 0;
+ this.image.transY = rotation == 1
+ ? -this.image.width
+ : rotation == 2
+ ? -this.image.height
+ : 0;
+ },
+ enforceBounds: function() {
+ if(this.image.x < this.image.minX) this.image.x = this.image.minX;
+ if(this.image.y < this.image.minY) this.image.y = this.image.minY;
+ if(this.image.x > this.image.maxX) this.image.x = this.image.maxX;
+ if(this.image.y > this.image.maxY) this.image.y = this.image.maxY;
+ },
+ zoom: function(event, zoom) {
+ if (typeof zoom === "undefined") {
+ var delta = typeof event.deltaY === "undefined"
+ ? event.detail/Math.abs(event.detail)
+ : event.deltaY/Math.abs(event.deltaY);
+ this.image.zoom *= 1-(delta/12);
+ } else {
+ this.image.zoom = zoom;
+ }
+ if (this.image.zoom < this.image.minZoom) {
+ this.image.zoom = this.image.minZoom;
+ }
+
+ var mousex = this.width/2;
+ var mousey = this.height/2;
+ if (typeof event.offsetX !== "undefined") {
+ mousex = event.offsetX;
+ mousey = event.offsetY;
+ } else if (typeof event.layerX !== "undefined") {
+ mousex = event.layerX;
+ mousey = event.layerY;
+ }
+
+ var newWidth = Math.floor(this.image.content.width * this.image.zoom);
+ var newHeight = Math.floor(this.image.content.height * this.image.zoom);
+
+ if ((this.image.angle/Math.HALF_PI) % 2 > 0) {
+ newWidth = [newHeight, newHeight = newWidth][0];
+ this.image.rwidth = newHeight;
+ this.image.rheight = newWidth;
+ } else {
+ this.image.rwidth = newWidth;
+ this.image.rheight = newHeight;
+ }
+
+ this.image.x -= Math.floor(((mousex-this.image.x)/this.image.width)*(newWidth-this.image.width));
+ this.image.y -= Math.floor(((mousey-this.image.y)/this.image.height)*(newHeight-this.image.height));
+
+ this.image.width = newWidth;
+ this.image.height = newHeight;
+ this.rebound();
+ this.draw();
+ },
+ toggleMap: function() {
+ this.showMinimap = !this.showMinimap;
+ this.draw();
+ }
+};
\ No newline at end of file
diff --git a/themes/foundation5/js/vudl/record.js b/themes/foundation5/js/vudl/record.js
index f55394ab0e2..9876f328912 100644
--- a/themes/foundation5/js/vudl/record.js
+++ b/themes/foundation5/js/vudl/record.js
@@ -8,7 +8,6 @@ function ajaxGetView(pageObject) {
pageObject['counts'] = counts;
if (currentTab == 'master-tab' && currentID == pageObject['id']) {
// Trigger file download
- //alert('download');
$('#file-download').submit();
} else if (currentType != pageObject['filetype']) {
if(viewLoadAjax) {
@@ -49,14 +48,7 @@ function updateTechInfo(record) {
$('#techinfo').html(d.data.div);
var downloadSrc = 'MASTER';
if(typeof d.data.type !== "undefined") {
- if(d.data.type.indexOf('image') > -1) {
- downloadSrc = 'LARGE';
- d.data.type = 'image/png';
- } else if(d.data.type.indexOf('audio') > -1) {
- downloadSrc = 'MP3';
- d.data.type = 'audio/mp3';
- }
- $('#download-button .details').html(d.data.type+' ~ '+d.data.size);
+ $('#download-button .details').html(d.data.type+' ~ '+d.data.size);
}
$('#file-download').attr('action', path+'/files/'+record.id+'/'+downloadSrc+'?download=true');
},
@@ -135,7 +127,6 @@ function scrollToSelected() {
if($(listID).length > 0 && $(listID+' .selected').length > 0) {
$(listID).finish();
scrollAnimation = $(listID).animate({
-
scrollTop: $(listID+' .selected').offset().top-$(listID).offset().top+$(listID).scrollTop()-12
});
}
@@ -145,12 +136,12 @@ function toggleSideNav() {
$('#side-nav').toggle();
var opener = $('#view .nav-tabs li.opener a');
opener.toggleClass('hidden');
- $('#view').toggleClass('medium-9 columns').toggleClass('medium-12 columns');
+ $('#view').toggleClass('col-sm-9').toggleClass('col-sm-12');
}
function resizeElements() {
- var $height = $(window).height() + window.scrollY - $('.content.active').offset().top - 50;
- $('.content').css('max-height', Math.max(300, Math.min($height, $(window).height() - 200)));
+ var $height = $(window).height() + window.scrollY - $('.panel-collapse.in').offset().top - 50;
+ $('.panel-collapse').css('max-height', Math.max(300, Math.min($height, $(window).height() - 200)));
}
// Ready? Let's go
@@ -169,7 +160,7 @@ $(document).ready(function() {
$('.unloaded').click(function() {
scrollToSelected();
findVisible();
- });
+ });
// Scroll Event
$('.item-list').parent().scroll(function() {
if(loadWait) return;
@@ -195,7 +186,7 @@ $(document).ready(function() {
return;
}
currentList = parseInt($(this).attr('href').substring(9));
-});
+ });
scrollToSelected();
resizeElements();
$( window ).resize( resizeElements );
diff --git a/themes/foundation5/scss/default.scss b/themes/foundation5/scss/default.scss
new file mode 100644
index 00000000000..4552d44e173
--- /dev/null
+++ b/themes/foundation5/scss/default.scss
@@ -0,0 +1,1201 @@
+$include-html-classes: false;
+// import entire Foundation CSS - remove in header via theme.config.php
+@import "vendor/foundation";
+
+// Our own mixins here
+
+// Change the grid width, if desired, in _settings.scss lines 89 or thereabouts
+// Change the BASEFONT size, if desired, in _settings.scss lines 69 or thereabouts - make sure to remove or adapt the fs-smaller mixin
+// This is used to adjust the font size in the sidebar, labels and browse collections panels
+@mixin fs-smaller {
+ font-size: .875rem
+}
+// This is used for adjusting the max width (breadcrumbs etc.) to the max width of the content as set in _settings.scss
+// 72 rem for 16px base font and 82px (82.285) for 14 px base font
+@mixin max-cont-width {
+ max-width:82rem;
+}
+// Equal 1rem padding left and right used for boxes, standard spacing
+@mixin pad-l-r {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+// Avoid Mozilla horizontal jumps
+html {
+ overflow: -moz-scrollbars-vertical !important;
+}
+
+body {
+ background-color: $snow;
+}
+
+.main.panel {
+ background: $white;
+ /*@include fs-smaller;*/
+}
+
+// ICONS
+.fa-grid:before {
+ content: "\f00a";
+}
+
+.fa-visual:before {
+ content: "\f1fe";
+}
+
+// ICONS - END
+
+// LISTS
+ul {
+ &.list-unstyled {
+ margin-left: 0;
+
+ li {
+ list-style: none none;
+ padding-left: 0;
+ }
+
+ .content & {
+ margin-left:1.1rem;
+ }
+ }
+
+ .sidebar & {
+ /*@include fs-smaller;*/
+ margin-left: 0;
+}
+
+ // labels in sidebar and browse collections pages
+ & .label {
+ float: right;
+ }
+}
+
+// LISTS - END
+
+// TABLES
+.alphabrowse.table {
+ margin-bottom: 0;
+ table-layout: fixed;
+}
+
+
+
+.citation {
+ // This combination in staffviewarray record tab and record-marc.xsl only !
+ &.table {
+ word-break: break-all;
+ word-wrap: break-word;
+ }
+
+// the following only in module - finc - xsl - record-marc.xsl
+ .pace-car th, .pace-car td {
+ border: 0;
+ padding: 0;
+ }
+
+ th {
+ text-align: right;
+ }
+
+ th, td {
+ .strong {
+ font-weight: bold;
+ }
+ @media only screen and (min-width: 20em) {
+ /* font-size: 80%;*/ padding: .25em; // Details tab
+ }
+ @media only screen and (min-width: 48rem) {
+ /*@include fs-smaller;*/
+ @include pad-l-r;
+ }
+ }
+}
+
+// TABLES - END
+
+// MODALS
+#modal .close-reveal-modal {
+ right: -2.5rem;
+ color: $white;
+}
+
+// MODALS - END
+
+// former LIST GROUPS - (list-groups do not exist in FNDTN, use ul side-nav for nav items in sidebar otherwise list-unstyled and define via parent container e.g. sidebar ul ...)
+.sidebar {
+ .accordion {
+ margin-left: 0;
+
+ .accordion-navigation > a,
+ dd > a {
+ font-size: inherit;
+ padding: .5rem 1rem;
+ }
+
+ .content {
+ border: 1px solid $accordion-navigation-active-bg-color;
+ border-bottom: 0;
+ padding: 0;
+ }
+ }
+
+ .accordion-navigation:not(.active),
+ .filters,
+ .side-nav {
+ margin-bottom: 6px !important;
+ }
+
+ .side-nav {
+ padding: 0;
+
+ .label {
+ @include fs-smaller;
+ }
+
+ li {
+ border-bottom: 1px solid $accordion-navigation-active-bg-color;
+ margin: 0;
+
+ .active {
+ background-color: $primary-color;
+ color: $white !important;
+ z-index: 2;
+
+ &:hover {
+ background-color: $warning-color;
+ }
+
+ &:focus {
+ background-color: $info-color;
+ }
+ }
+ }
+ // create border around normal nav items
+ li:not(.accordion-navigation) {
+ border-left: 1px solid $accordion-navigation-active-bg-color;
+ border-right: 1px solid $accordion-navigation-active-bg-color;
+
+ &:first-of-type {
+ border-top: 1px solid $accordion-navigation-active-bg-color;
+ }
+ }
+ }
+
+ h4 {
+ margin-top: 0;
+ padding: 1rem 1rem 0 1rem;
+
+ }
+
+ .list-unstyled {
+ margin-bottom: 1rem;
+
+ li {
+ border-color: $gainsboro $gainsboro -moz-use-text-color;
+ border-image: none;
+ border-style: solid solid none;
+ border-width: 1px 1px medium;
+ padding: .75rem 1em;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-top-colors: none;
+
+ &:last-of-type {
+ border-bottom: 1px solid $gainsboro;
+ }
+ }
+ }
+}
+
+// Up- down-icons in facets
+.sidebar {
+ a.title {
+ &:after {
+ content: '\25BC';
+ float: right;
+ color: $steel;
+ }
+ }
+ & .active {
+ a.title {
+ &:after {
+ content: '\25B2';
+ }
+ }
+ }
+}
+
+// Browse collections button stacks
+.browse .button {
+ /*@include fs-smaller;*/
+ padding: 1rem;
+ text-align: left;
+ word-wrap: break-word;
+
+ &.active {
+ background-color: $primary-color;
+ color: $snow;
+ }
+}
+
+// former List-groups - END
+
+// Range sliders
+#side-panel-publishDate ul {
+ list-style: none
+}
+
+ul.date-range-slider {
+ margin: .25rem 1rem 0 1rem
+}
+
+.slider-container {
+ padding-right: 1.25rem
+}
+
+// Range sliders - END
+
+// Help blocks
+// short messages with hint texts such as e.g. my account - favourites - edit: 'separate tags ... with comma' or advanced search - 'search for'
+.help-block {
+ color: #4D4D4D;
+ display: block;
+ /*@include fs-smaller;*/
+}
+
+// Help blocks - END
+
+// Link button - "a 'de-emphasized' BS button that looks like a link but has button behavior", original btn-link, used in combined/results-list, myresearch/account, myresearch/mylist etc.
+.button.link {
+ @include button($bg: rgba(255, 255, 255, 0));
+ color: $primary-color;
+ font-size: $button-sml;
+
+ &:active,
+ &:focus,
+ &:hover {
+ text-decoration: underline;
+ }
+}
+
+// Link button - END
+
+// SCREENREADER-specifics (only 'visible' on screen readers)
+.sr-only {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ height: auto;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: auto;
+
+ &:focus {
+ background: $white;
+ clip: auto;
+ color: #132531;
+ display: block;
+ font-size: 1rem;
+ height: 3rem;
+ left: .25rem;
+ line-height: 1.5rem;
+ padding: 1rem;
+ position: absolute;
+ text-decoration: none;
+ text-transform: none;
+ top: .25rem;
+ width: auto;
+ z-index: 100000;
+ }
+}
+
+// SCREENREADER-specifics - END
+
+// HEADER
+// Sticky header, TopBar, search box, breadcrumbs
+// Do NOT set top-bar height to auto in default or toggles wont work on small devices
+.top-bar {
+ @media only screen and (min-width: 45rem) {
+ height: auto
+ }
+ .name {
+ margin-left: 0;
+ }
+
+ #searchForm,
+ #searchFormTopBar {
+ margin-left: 81px;
+
+ li.has-form {
+ height: auto;
+ padding-left: 2px;
+ padding-right: 2px;
+ }
+ // Search form - distance between elements
+ @media only screen and (min-width: 45rem) {
+ .columns {
+ &:first-of-type {
+ padding-left: 0;
+ }
+ &:last-of-type {
+ padding-right: 0;
+ }
+ }
+ }
+ }
+
+ input,
+ select,
+ button,
+ .button {
+ height: 2rem;
+ margin-bottom: .4rem;
+ position: relative;
+ top: .4rem;
+ }
+
+ button,
+ .button {
+ line-height: 1.3rem;
+ }
+
+ select {
+ line-height: .8rem;
+ }
+
+ .has-form,
+ &.search {
+ height: auto;
+
+ .button {
+ line-height: 1.25rem;
+ }
+
+ li.has-form {
+ height: 2.5rem;
+ }
+ }
+
+ .logoutLink > a {
+ color: #F00;
+ }
+}
+
+// Breadcrumbs - prevent spilling of breadcrumbs over main content margins
+.contain-to-grid .breadcrumbs {
+ margin: 0 auto;
+ margin-bottom: 0;
+ @include max-cont-width;
+}
+
+// max-width to prevent from going full width on scroll-down
+.breadcrumbs.columns { float: none; }
+
+.breadcrumbs {
+ background-color: inherit;
+ border: none;
+ border-radius: 0;
+ /*border-top: 1px solid $steel; */
+ clear: both;
+ color: $white;
+ > * {
+ color: $white;
+
+ a {
+ color: $gainsboro;
+ }
+ }
+ @media (min-width: 62rem) {
+ clear: both;
+ @include max-cont-width;
+ }
+}
+
+// Sticky header, TopBar, search box, breadcrumbs - END
+
+// Searchbox
+.twitter-typeahead {
+ background: $white;
+ border: none;
+ /*height: 32px;*/
+ margin-top: 0;
+ padding-top: 0;
+ vertical-align: top;
+ width: 100%;
+
+ @media only screen and (max-width: 767px) {
+ width: 100%
+ }
+}
+// second searchbox on home page
+#searchFormForm .twitter-typeahead {
+ height: 32px;
+}
+
+.top-bar {
+ .twitter-typeahead {
+ line-height: 1.5;
+ top: .4rem;
+
+ input {
+ top: 0;
+ }
+ }
+}
+
+.tt-hint {
+ color: $iron;
+}
+
+// check widths for block below - Fixme CK
+.tt-dropdown-menu {
+ background-color: $white;
+ border: 1px solid $iron;
+ margin-top: 2px;
+ width: 464px;
+}
+
+.tt-suggestion {
+ border-bottom: 1px solid $iron;
+ line-height: 24px;
+ padding: 6px 20px 4px;
+
+ &:last-child {
+ border: 0;
+ }
+
+ &.tt-cursor {
+ background-color: $primary-color;
+ color: $white;
+ cursor: pointer;
+ }
+
+ p {
+ font-size: 85% !important;
+ margin: 0;
+ }
+}
+
+// Search form
+#searchForm,
+#searchFormTopBar {
+ .columns {
+ @media only screen and (min-width: 20em) {
+ padding: 0;
+
+ .button, button {
+ padding: 0;
+ }
+ }
+ @media only screen and (min-width: 45rem) {
+ @include pad-l-r;
+ }
+ }
+
+ input[type="text"] {
+ margin-bottom: 0;
+ }
+ select {
+ margin-bottom: .5em;
+ }
+
+ // Placement of Search and Advanced buttons
+ .button-group.even-2 {
+ li {
+ width: 48.25%;
+
+ &:nth-of-type(2) {
+ float: right;
+ }
+ }
+ }
+ // Placement of Search and Advanced buttons - END
+ // Keep filter checkbox
+ .checkbox label {
+ color: $white;
+ /*font-size: .75rem;*/
+ line-height: 0.2;
+ margin-left: .75rem;
+ }
+
+ // Keep filter checkbox - END
+ // Shard selector checkboxes for developer machines - see also below
+ input[type="checkbox"] {
+ margin-left: 1rem;
+ top: .8rem;
+ }
+}
+
+.searchHomeContent .panel {
+ padding-bottom: 0;
+ /*padding-left: 0;
+ padding-right: 0; */
+}
+
+// Dark BG for search box when located directly under header
+.nav.searchbox.large-12.hide-for-large-up {
+ background-color: #333;
+}
+
+// Shard selector checkboxes for developer machines in top-bar and search form
+.top-bar #searchFormTopBar input[type="checkbox"] {
+ margin-left: 0;
+}
+
+#shard-selector,
+#shard-selector-topbar {
+ @media only screen and (min-width: 20em) {
+ clear: both;
+ color: $iron;
+ }
+ @media only screen and (min-width: 45rem) {
+ float: left;
+ font-size: .7rem;
+ line-height: 1;
+ padding: 0;
+ }
+ @media (min-width: 62rem) {
+ left: 1rem;
+ top: 2.5rem;
+ }
+ @media (min-width: 80rem) {
+ left: 0;
+ }
+}
+
+// Shard selector checkboxes for developer machines - END
+// Searchbox - END
+
+.grid {
+ @media only screen and (max-width: 767px) {
+ min-height: 250px; // e.g. search/list-grid.phtml
+ }
+}
+
+// Advanced Search: search term insert
+// top-bar search box section placement
+#top-srchbx {
+ .tabs-content {
+ border: none;
+ }
+
+ @media only screen and (min-width: 48rem) {
+ float: left;
+
+ .has-form {
+ padding-left: 0; padding-right: 0
+ }
+ }
+}
+
+p.adv_search_terms {
+ background-color: #f1f1f1;
+ border: 1px solid $iron;
+ font-size: 0.8rem;
+ margin-bottom: .25rem;
+ margin-top: .25rem;
+ padding: .35rem .5rem;
+ width: 100%;
+}
+
+ul.adv_search_links {
+ list-style: none; // shorten this? - Fixme - CK
+
+ li {
+ border: 1px solid $iron;
+ }
+}
+
+.top-bar-section .adv_search_links {
+ float: left;
+ margin-bottom: 1rem;
+
+ > a {
+ font-size: .80rem;
+ }
+}
+
+// Advanced Search: search term insert - END
+
+// HEADER - END
+
+// NAVIGATION BAR
+ul[role=navigation] {
+ list-style: none;
+}
+
+// NAVIGATION BAR - END
+
+// MAIN content area
+// for Search Box see header, above, for Advanced Search fields see below
+
+// padding for main content including sidebar
+#content.panel {
+ padding: 1rem;
+
+ p.lead {margin-bottom: .875rem}
+}
+
+// Advanced Search: criterion remove button and other settings
+#advSearchForm {
+ .close,
+ .group-close {
+ float: right;
+ font-weight: bold;
+ }
+
+ .group-close {
+ font-size: 120%;
+ margin-right: -1rem;
+ margin-top: -1.5rem;
+ }
+
+ .panel {
+ margin-bottom: 1rem;
+ }
+ // top-align the fields at the bottom of advanced search page
+ #limit {
+ margin-top: 1.25rem;
+ }
+
+ #groupPlaceHolder {
+ display: block;
+ margin-bottom: 1rem;
+ }
+}
+
+// Advanced Search: criterion remove button and other settings - END
+
+// LIST VIEW
+// Rows
+.row.result {
+ padding-bottom: 1rem;
+ padding-top: 1rem;
+ /*@include fs-smaller;*/
+
+ &:first-of-type {
+ padding-top: 0;
+ }
+
+ &:nth-of-type(even) {
+ background-color: $silver;
+}
+}
+
+// Rows - END
+
+// Search-controls row
+.search-controls {
+ /*@include fs-smaller;*/
+}
+// Search-controls row - END
+
+// Limit, sort and select-boxes
+.sort,
+.limit {
+ select {
+ width: 100%;
+ margin-bottom: 0 !important;
+ }
+}
+
+// Limit, sort and view selector dropdowns - END
+
+// Bulk action buttons, e.g. favourites list
+.bulk-action-buttons {
+ clear: both;
+}
+
+// Images column in results list
+// images in details view below
+form .row.result .row {
+ margin-left: -1rem;
+
+ .columns,
+ .column {
+ padding-left: 0 !important;
+ }
+}
+
+img.recordcover {
+ height: 100%;
+ margin-top: -.15rem;
+}
+
+// Images column - end
+
+// Favourites, Edit and Delete links
+.delete.tool,
+.edit.tool,
+.save-record,
+.qrcodeLink,
+.hierarchyTreeLinkText {
+ /*@include fs-smaller;*/
+}
+
+// Favourites and Delete links - END
+
+// Saved in Favourites List ...
+.savedLists {
+ ul {
+ @extend .list-unstyled;
+ margin-bottom: 0;
+ }
+}
+// Saved in Favourites List - END
+
+// Pagination
+.pagination {margin-top: 1rem}
+// Pagination - END
+
+// Search tools
+
+// Search tools - END
+.searchtools {
+ /*@include fs-smaller;*/
+}
+// LIST VIEW - END
+
+// Select all checkboxes in bookbag, search results, account bulk actions ...
+.checkbox.select-all {
+ clear: both;
+ margin-top: 0;
+ label {
+ @include button-size;
+ @include fs-smaller; // otherwise too small/big
+ padding-left: 1.25rem;
+ }
+ }
+
+// Select all checkboxes in bookbag and search results - END
+
+
+// DETAILS VIEW
+// Page browser
+.pager {
+ list-style: outside none none;
+ margin: 0 0 1rem 0;
+ padding: 0;
+ text-align: center;
+
+ li {
+ display: inline;
+
+ &.disabled {
+ > a,
+ > a:hover,
+ > a:focus,
+ > a span {
+ color: $silver;
+ background-color: #FFF;
+ cursor: not-allowed;
+ }
+ }
+
+ &:first-of-type {
+ float: left;
+ }
+
+ &:last-of-type {
+ float: right;
+ }
+ > a,
+ > span {
+ display: inline-block;
+ padding: .25rem 1rem;
+ }
+
+ > a {
+ &:first-of-type {
+ padding-left: .75rem;
+ }
+ &:last-of-type {
+ padding-right: .75rem;
+ }
+ }
+ }
+ .button {
+ &:first-of-type {
+ margin-left: 0;
+ }
+ &:last-of-type {
+ margin-right: 0;
+ }
+ }
+}
+
+// Page browser - end
+
+// Sub-nav with modal links
+.sub-nav {
+ width: 100%;
+
+ dd {
+ margin-left: 0;
+ }
+ dd,
+ dt {
+ a {
+ padding: 0.1875rem 1rem 0.1875rem 0;
+ }
+ }
+
+ dd:first-of-type a {
+ padding-left: 0;
+ }
+
+ .f-dropdown li a {
+ padding: .35rem .75rem;
+ }
+}
+
+// Sub-nav with modal links - END
+
+// Entire record block
+#record {
+ margin-top: .6rem;
+}
+// Entire record block - END
+// Book covers column
+.bookimgs {
+ padding-top: .4rem;
+
+ img {
+ width: 100%;
+ }
+
+ // Clearing lightboxes for book images
+ // are these used ? - fixme ck
+ .clearing-blackout {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
+ //height: 80%; width:80%;margin: 2em 10%;
+
+ .carousel {
+ display: none;
+ }
+ }
+ // This is the container for the thumbnails - only useful for multiple images
+ .clearing-container .visible-img {
+ border: 2px solid $white;
+ margin: 2em auto;
+ max-height: 70%;
+ max-width: 90%;
+ }
+
+ // this following stacking necessary ? can we use standard FNDTN values?- fixme CK
+ .clearing-assembled .clearing-container .visible-img {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+ }
+
+ .visible-img img {
+ height: 100%;
+ width: auto;
+ }
+
+ .clearing-main-prev,
+ .clearing-main-next {
+ display: none;
+ }
+
+ // This is the container for the thumbnails - only useful for multiple images
+ p.clearing-caption {
+ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+ color: $iron;
+ }
+
+ // Clearing lightboxes - end
+}
+
+// Book cover column - END
+
+// where does the following go best - or leave standard values? - fixme ck
+#content {
+ h2 {
+ font-size: 1.6875rem !important;
+ }
+ h3 {
+ font-size: 1.375rem !important;
+ }
+ h4 {
+ font-size: 1.125rem !important;
+ }
+}
+// Tabs
+.tabs {
+ border: 1px solid $gainsboro;
+ border-bottom: none;
+
+ .tab-title {
+ @include fs-smaller
+ }
+
+ dd > a,
+ .tab-title > a {
+ font-size: 1rem;
+ padding: .5rem 1rem;
+ }
+}
+
+.tabs-content {
+ border: 1px solid $gainsboro;
+ border-top: none;
+
+ h3 {font-size: inherit !important;}
+
+ > .content {
+ @include pad-l-r;
+
+ .active {
+ background: $white;
+ }
+ }
+}
+
+// Hierarchy tab
+#hierarchyTreeHolder {
+ /*border-right: 1px solid #eee; */
+ overflow-x: hidden;
+
+ ul {
+ list-style: none;
+ margin-left: 0;
+
+ li {
+ .jstree-icon {
+ padding-right: .25rem;
+ }
+
+ ul {
+ margin-left: .5rem;
+ }
+ }
+ }
+}
+
+
+
+// Hierarchy tab - END
+
+// Similar items tab with carousel (with Slick carousel)
+#similar-items-carousel {
+ .hover-overlay {
+ display: block;
+ margin: auto;
+ min-height: 12rem;
+ min-width: 30%;
+ position: relative;
+ text-align: center;
+
+ .content {
+ background: rgba(0, 0, 0, 0.5);
+ color: $white;
+ display: none;
+ height: 100%;
+ left: 0;
+ padding: .5em .5em 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+ &:hover .content {
+ display: block
+ }
+ }
+}
+
+.slick-slide {
+ /*@include fs-smaller;*/
+ margin: 0 .5rem .5rem .5rem;
+
+ img {
+ margin-bottom: .5rem;
+ margin-left: auto;
+ margin-right: auto;
+ max-height: 12rem;
+ }
+}
+
+.slick-prev, .slick-next {
+ background-color: rgba(0, 0, 0, 0.1);
+ color: white;
+ height: 3rem;
+ line-height: 4rem;
+ margin-top: -2.5rem;
+ padding: 0;
+ position: absolute;
+ text-indent: -9999px !important;
+ top: 50%;
+ width: 2rem;
+ z-index: 10;
+
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+ }
+
+ > span {
+ border: 10px inset;
+ display: block;
+ height: 0;
+ margin-top: -10px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ }
+}
+
+.slick-prev {
+ left: -1rem;
+}
+
+.slick-next {
+ right: -1rem;
+}
+
+.slick-prev > span {
+ border-color: transparent $white transparent transparent;
+ border-right-style: solid;
+}
+
+.slick-next > span {
+ border-color: transparent transparent transparent $white;
+ border-left-style: solid;
+ left: 50%;
+ margin-left: -4px;
+}
+
+.slick-prev:hover > span {
+ border-right-color: $white;
+}
+
+.slick-next:hover > span {
+ border-left-color: $white;
+}
+
+@media only screen and (max-width: 35.5556em) {
+ .slick-next, .slick-prev {
+ display: none;
+ }
+
+}
+
+/* Similar items tab carousel - END */
+// Tabs - END
+// DETAILS VIEW - END
+
+// FOOTER
+footer {
+ /*@include fs-smaller;*/
+ .panel {
+ padding: 1rem;
+ }
+ ul {
+ font-size: inherit;
+ p {
+ margin-bottom: 0;
+ font-size: inherit;
+ }
+ }
+}
+// FOOTER - END
+
+// Inputs, checkboxes and radios
+// Indent the labels to position radios/checkboxes as hanging controls.
+// https://github.com/twbs/bootstrap/blob/b6e6a05b951aac3fad30da441c765dbb86518644/less/forms.less
+
+// Input fields as in maintenance - home.phmtl + auto-width for select fields
+input,
+select {
+ &.auto {
+ width: auto;
+ // advanced search facet limiters
+ &[id^=limit_] {
+ max-width: 19rem;
+ }
+ }
+ &.left {
+ margin-right: .25rem;
+ }
+}
+.radio,
+.checkbox {
+ display: block;
+ margin-bottom: .7rem;
+ margin-top: .7rem;
+ position: relative;
+
+ label {
+ min-height: .8rem;
+ // Ensure the input doesn't jump when there is no text
+ padding-left: 1.25rem;
+ margin-bottom: 0;
+ font-weight: normal;
+ line-height: .8rem;
+ cursor: pointer;
+
+ // set all checkbox-select-item labels to same font-size as select-all
+ &.checkbox-select-items {
+ font-size: .8125rem;
+ margin-top: -.45rem;
+ }
+ }
+}
+
+
+// try to shorten the following
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ margin-left: -1.25rem;
+ /* margin-top: 4px;*/
+ position: absolute;
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
+ // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// visibility classes - leave at end of file to overrule other display settings
+.hide {
+ display: none
+}
+// display inline on small devices vudl - navigation
+.visible-small-inline {
+ @media (max-width: 767px) {
+ display: inline !important;
+ }
+}
+
+// Offcanvas - move later fixme - CK
+.offcanvas-overlay,
+.offcanvas-toggle {display: none;}
+
+// Print styles
+@media print {
+ .columns {
+ width: auto
+ }
+ // for similar layout as on screen
+ // Print links
+ // Show verbose links for certain elements
+ // It should be easier to list the elements where the link should be SHOWN and generally switch this feature off
+ // Turn off verbose links
+ a[href]:after {
+ content: "";
+ }
+ a,
+ a:visited {
+ text-decoration: none;
+ }
+ // Show links for
+ a.fulltext[href]:after {
+ content: " (" attr(href) ")";
+ text-decoration: underline
+ }
+}
\ No newline at end of file
diff --git a/themes/foundation5/scss/vendor/foundation.scss b/themes/foundation5/scss/vendor/foundation.scss
new file mode 100644
index 00000000000..d1ef253cb3d
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation.scss
@@ -0,0 +1,44 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// Behold, here are all the Foundation components.
+// @import "foundation/components/global";
+@import "foundation/settings";
+@import 'foundation/components/grid';
+@import 'foundation/components/accordion';
+@import 'foundation/components/alert-boxes';
+@import 'foundation/components/block-grid';
+@import 'foundation/components/breadcrumbs';
+@import 'foundation/components/button-groups';
+@import 'foundation/components/buttons';
+@import 'foundation/components/clearing';
+@import 'foundation/components/dropdown';
+@import 'foundation/components/dropdown-buttons';
+@import 'foundation/components/flex-video';
+@import 'foundation/components/forms';
+@import 'foundation/components/icon-bar';
+@import 'foundation/components/inline-lists';
+@import 'foundation/components/joyride';
+@import 'foundation/components/keystrokes';
+@import 'foundation/components/labels';
+@import 'foundation/components/magellan';
+@import 'foundation/components/orbit';
+@import 'foundation/components/pagination';
+@import 'foundation/components/panels';
+@import 'foundation/components/pricing-tables';
+@import 'foundation/components/progress-bars';
+@import 'foundation/components/range-slider';
+@import 'foundation/components/reveal';
+@import 'foundation/components/side-nav';
+@import 'foundation/components/split-buttons';
+@import 'foundation/components/sub-nav';
+@import 'foundation/components/switches';
+@import 'foundation/components/tables';
+@import 'foundation/components/tabs';
+@import 'foundation/components/thumbs';
+@import 'foundation/components/tooltips';
+@import 'foundation/components/top-bar';
+@import 'foundation/components/type';
+@import 'foundation/components/offcanvas';
+@import 'foundation/components/visibility';
diff --git a/themes/foundation5/scss/vendor/foundation/_functions.scss b/themes/foundation5/scss/vendor/foundation/_functions.scss
new file mode 100644
index 00000000000..a63b920dde7
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/_functions.scss
@@ -0,0 +1,156 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// This is the default html and body font-size for the base rem value.
+$rem-base: 16px !default;
+
+// IMPORT ONCE
+// We use this to prevent styles from being loaded multiple times for components that rely on other components.
+$modules: () !default;
+
+@mixin exports($name) {
+ // Import from global scope
+ $modules: $modules !global;
+ // Check if a module is already on the list
+ $module_index: index($modules, $name);
+ @if (($module_index == null) or ($module_index == false)) {
+ $modules: append($modules, $name) !global;
+ @content;
+ }
+}
+
+//
+// @functions
+//
+
+
+// RANGES
+// We use these functions to define ranges for various things, like media queries.
+@function lower-bound($range) {
+ @if length($range) <= 0 {
+ @return 0;
+ }
+ @return nth($range, 1);
+}
+
+@function upper-bound($range) {
+ @if length($range) < 2 {
+ @return 999999999999;
+ }
+ @return nth($range, 2);
+}
+
+// STRIP UNIT
+// It strips the unit of measure and returns it
+@function strip-unit($num) {
+ @return $num / ($num * 0 + 1);
+}
+
+// TEXT INPUT TYPES
+
+@function text-inputs( $types: all, $selector: input ) {
+
+ $return: ();
+
+ $all-text-input-types:
+ text
+ password
+ date
+ datetime
+ datetime-local
+ month
+ week
+ email
+ number
+ search
+ tel
+ time
+ url
+ color
+ textarea;
+
+ @if $types == all { $types: $all-text-input-types; }
+
+ @each $type in $types {
+ @if $type == textarea {
+ @if $selector == input {
+ $return: append($return, unquote('#{$type}'), comma)
+ } @else {
+ $return: append($return, unquote('#{$type}#{$selector}'), comma)
+ }
+ } @else {
+ $return: append($return, unquote('#{$selector}[type="#{$type}"]'), comma)
+ }
+ }
+
+ @return $return;
+
+}
+
+// CONVERT TO REM
+@function convert-to-rem($value, $base-value: $rem-base) {
+ $value: strip-unit($value) / strip-unit($base-value) * 1rem;
+ @if ($value == 0rem) { $value: 0; } // Turn 0rem into 0
+ @return $value;
+}
+
+@function data($attr) {
+ @if $namespace {
+ @return '[data-' + $namespace + '-' + $attr + ']';
+ }
+
+ @return '[data-' + $attr + ']';
+}
+
+// REM CALC
+
+// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's.
+// Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported:
+//
+// rem-calc(10 20 30px 40);
+//
+// Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets
+//
+// rem-calc((10, 20, 30, 40px));
+//
+// Optionally call with a different base (eg: 8px) to calculate rem.
+//
+// rem-calc(16px 32px 48px, 8px);
+//
+// If you require to comma separate your list
+//
+// rem-calc((16px, 32px, 48), 8px);
+
+@function rem-calc($values, $base-value: $rem-base) {
+ $max: length($values);
+
+ @if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); }
+
+ $remValues: ();
+ @for $i from 1 through $max {
+ $remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value));
+ }
+ @return $remValues;
+}
+
+
+@function em-calc($values) {
+ $remValues: rem-calc($values);
+
+ $max: length($remValues);
+
+ @if $max == 1 { @return strip-unit(nth($remValues, 1)) * 1em; }
+
+ $emValues: ();
+ @for $i from 1 through $max {
+ $emValues: append($emValues, strip-unit(nth($remValues, $i)) * 1em);
+ }
+ @return $emValues;
+}
+
+
+// Deprecated: OLD EM CALC
+@function emCalc($values) {
+ @return em-calc($values);
+}
diff --git a/themes/foundation5/scss/vendor/foundation/_settings.scss b/themes/foundation5/scss/vendor/foundation/_settings.scss
new file mode 100644
index 00000000000..463631933dc
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/_settings.scss
@@ -0,0 +1,1493 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// Customisations marked with Customisation next two lines - CK or similar
+//
+
+// Table of Contents
+// Foundation Settings
+//
+// a. Base
+// b. Grid
+// c. Global
+// d. Media Query Ranges
+// e. Typography
+// 01. Accordion
+// 02. Alert Boxes
+// 03. Block Grid
+// 04. Breadcrumbs
+// 05. Buttons
+// 06. Button Groups
+// 07. Clearing
+// 08. Dropdown
+// 09. Dropdown Buttons
+// 10. Flex Video
+// 11. Forms
+// 12. Icon Bar
+// 13. Inline Lists
+// 14. Joyride
+// 15. Keystrokes
+// 16. Labels
+// 17. Magellan
+// 18. Off-canvas
+// 19. Orbit
+// 20. Pagination
+// 21. Panels
+// 22. Pricing Tables
+// 23. Progress Bar
+// 24. Range Slider
+// 25. Reveal
+// 26. Side Nav
+// 27. Split Buttons
+// 28. Sub Nav
+// 29. Switch
+// 30. Tables
+// 31. Tabs
+// 32. Thumbnails
+// 33. Tooltips
+// 34. Top Bar
+// 36. Visibility Classes
+
+// a. Base
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// This is the default html and body font-size for the base rem value.
+// $rem-base: 16px;
+
+// Allows the use of rem-calc() or lower-bound() in your settings
+@import 'functions';
+
+// The default font-size is set to 100% of the browser style sheet (usually 16px)
+// for compatibility with browser-based text zoom or user-set defaults.
+
+// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
+// If you want your base font-size to be different and not have it affect the grid breakpoints,
+// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
+// $base-font-size: 100%;
+// For customisation of base font to 14 instead of 16px - activate next two lines - CK
+$base-font-size: 14px;
+$rem-base: $base-font-size;
+
+// The $base-font-size is 100% while $base-line-height is 150%
+// $base-line-height: 150%;
+
+// We use this to control whether or not CSS classes come through in the gem files.
+$include-html-classes: true;
+// $include-print-styles: true;
+$include-html-global-classes: $include-html-classes;
+
+// b. Grid
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-grid-classes: $include-html-classes;
+// $include-xl-html-grid-classes: false;
+
+// Setting the basic width to 75rem = 1152px
+//$row-width: rem-calc(1000);
+// Customisation next line - CK
+$row-width: rem-calc(1152);
+//$total-columns: 12;
+//$column-gutter: rem-calc(30);
+
+// c. Global
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// We use these to define default font stacks
+// $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+// $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
+// $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
+
+// We use these to define default font weights
+// $font-weight-normal: normal;
+// $font-weight-bold: bold;
+
+// $white : #FFFFFF;
+// $ghost : #FAFAFA;
+// $snow : #F9F9F9;
+// $vapor : #F6F6F6;
+// $white-smoke : #F5F5F5;
+// $silver : #EFEFEF;
+// $smoke : #EEEEEE;
+// $gainsboro : #DDDDDD;
+// $iron : #CCCCCC;
+// $base : #AAAAAA;
+// $aluminum : #999999;
+// $jumbo : #888888;
+// $monsoon : #777777;
+// $steel : #666666;
+// $charcoal : #555555;
+// $tuatara : #444444;
+// $oil : #333333;
+// $jet : #222222;
+// $black : #000000;
+
+// We use these as default colors throughout
+// $primary-color: #008CBA;
+// $secondary-color: #e7e7e7;
+// $alert-color: #f04124;
+// $success-color: #43AC6A;
+// $warning-color: #f08a24;
+// $info-color: #a0d3e8;
+
+// We use these to control various global styles
+// $body-bg: $white;
+// $body-font-color: $jet;
+// $body-font-family: $font-family-sans-serif;
+// $body-font-weight: $font-weight-normal;
+// $body-font-style: normal;
+
+// We use this to control font-smoothing
+// $font-smoothing: antialiased;
+
+// We use these to control text direction settings
+// $text-direction: ltr;
+// $opposite-direction: right;
+// $default-float: left;
+// $last-child-float: $opposite-direction;
+
+// We use these to make sure border radius matches unless we want it different.
+// $global-radius: 3px;
+// $global-rounded: 1000px;
+
+// We use these to control inset shadow shiny edges and depressions.
+// $shiny-edge-size: 0 1px 0;
+// $shiny-edge-color: rgba($white, .5);
+// $shiny-edge-active-color: rgba($black, .2);
+
+// d. Media Query Ranges
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $small-breakpoint: em-calc(640);
+// $medium-breakpoint: em-calc(1024);
+// $large-breakpoint: em-calc(1440);
+// $xlarge-breakpoint: em-calc(1920);
+
+// $small-range: (0, $small-breakpoint);
+// $medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint);
+// $large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint);
+// $xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint);
+// $xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999));
+
+// $screen: "only screen";
+
+// $landscape: "#{$screen} and (orientation: landscape)";
+// $portrait: "#{$screen} and (orientation: portrait)";
+
+// $small-up: $screen;
+// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
+
+// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
+// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
+
+// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
+// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
+
+// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
+// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
+
+// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
+// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
+
+// $retina: (
+// "#{$screen} and (-webkit-min-device-pixel-ratio: 2)",
+// "#{$screen} and (min--moz-device-pixel-ratio: 2)",
+// "#{$screen} and (-o-min-device-pixel-ratio: 2/1)",
+// "#{$screen} and (min-device-pixel-ratio: 2)",
+// "#{$screen} and (min-resolution: 192dpi)",
+// "#{$screen} and (min-resolution: 2dppx)"
+// );
+
+// Legacy
+// $small: $medium-up;
+// $medium: $medium-up;
+// $large: $large-up;
+
+// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
+// $cursor-crosshair-value: crosshair;
+// $cursor-default-value: default;
+// $cursor-disabled-value: not-allowed;
+// $cursor-pointer-value: pointer;
+// $cursor-help-value: help;
+// $cursor-text-value: text;
+
+// e. Typography
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-type-classes: $include-html-classes;
+
+// We use these to control header font styles
+// $header-font-family: $body-font-family;
+// $header-font-weight: $font-weight-normal;
+// $header-font-style: normal;
+// $header-font-color: $jet;
+// $header-line-height: 1.4;
+// $header-top-margin: .2rem;
+// $header-bottom-margin: .5rem;
+// $header-text-rendering: optimizeLegibility;
+
+// We use these to control header font sizes
+// $h1-font-size: rem-calc(44);
+// $h2-font-size: rem-calc(37);
+// $h3-font-size: rem-calc(27);
+// $h4-font-size: rem-calc(23);
+// $h5-font-size: rem-calc(18);
+// $h6-font-size: 1rem;
+
+// We use these to control header size reduction on small screens
+// $h1-font-reduction: rem-calc(10);
+// $h2-font-reduction: rem-calc(10);
+// $h3-font-reduction: rem-calc(5);
+// $h4-font-reduction: rem-calc(5);
+// $h5-font-reduction: 0;
+// $h6-font-reduction: 0;
+
+// These control how subheaders are styled.
+// $subheader-line-height: 1.4;
+// $subheader-font-color: scale-color($header-font-color, $lightness: 35%);
+// $subheader-font-weight: $font-weight-normal;
+// $subheader-top-margin: .2rem;
+// $subheader-bottom-margin: .5rem;
+
+// A general <small> styling
+// $small-font-size: 60%;
+// $small-font-color: scale-color($header-font-color, $lightness: 35%);
+
+// We use these to style paragraphs
+// $paragraph-font-family: inherit;
+// $paragraph-font-weight: $font-weight-normal;
+// $paragraph-font-size: 1rem;
+// $paragraph-line-height: 1.6;
+// $paragraph-margin-bottom: rem-calc(20);
+// $paragraph-aside-font-size: rem-calc(14);
+// $paragraph-aside-line-height: 1.35;
+// $paragraph-aside-font-style: italic;
+// $paragraph-text-rendering: optimizeLegibility;
+
+// We use these to style <code> tags
+// $code-color: $oil;
+// $code-font-family: $font-family-monospace;
+// $code-font-weight: $font-weight-normal;
+// $code-background-color: scale-color($secondary-color, $lightness: 70%);
+// $code-border-size: 1px;
+// $code-border-style: solid;
+// $code-border-color: scale-color($code-background-color, $lightness: -10%);
+// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
+
+// We use these to style anchors
+// $anchor-text-decoration: none;
+// $anchor-text-decoration-hover: none;
+// $anchor-font-color: $primary-color;
+// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%);
+
+// We use these to style the <hr> element
+// $hr-border-width: 1px;
+// $hr-border-style: solid;
+// $hr-border-color: $gainsboro;
+// $hr-margin: rem-calc(20);
+
+// We use these to style lists
+// $list-font-family: $paragraph-font-family;
+// $list-font-size: $paragraph-font-size;
+// $list-line-height: $paragraph-line-height;
+// $list-margin-bottom: $paragraph-margin-bottom;
+// $list-style-position: outside;
+// $list-side-margin: 1.1rem;
+// $list-ordered-side-margin: 1.4rem;
+// $list-side-margin-no-bullet: 0;
+// $list-nested-margin: rem-calc(20);
+// $definition-list-header-weight: $font-weight-bold;
+// $definition-list-header-margin-bottom: .3rem;
+// $definition-list-margin-bottom: rem-calc(12);
+
+// We use these to style blockquotes
+// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
+// $blockquote-padding: rem-calc(9 20 0 19);
+// $blockquote-border: 1px solid $gainsboro;
+// $blockquote-cite-font-size: rem-calc(13);
+// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
+// $blockquote-cite-link-color: $blockquote-cite-font-color;
+
+// Acronym styles
+// $acronym-underline: 1px dotted $gainsboro;
+
+// We use these to control padding and margin
+// $microformat-padding: rem-calc(10 12);
+// $microformat-margin: rem-calc(0 0 20 0);
+
+// We use these to control the border styles
+// $microformat-border-width: 1px;
+// $microformat-border-style: solid;
+// $microformat-border-color: $gainsboro;
+
+// We use these to control full name font styles
+// $microformat-fullname-font-weight: $font-weight-bold;
+// $microformat-fullname-font-size: rem-calc(15);
+
+// We use this to control the summary font styles
+// $microformat-summary-font-weight: $font-weight-bold;
+
+// We use this to control abbr padding
+// $microformat-abbr-padding: rem-calc(0 1);
+
+// We use this to control abbr font styles
+// $microformat-abbr-font-weight: $font-weight-bold;
+// $microformat-abbr-font-decoration: none;
+
+// 01. Accordion
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-accordion-classes: $include-html-classes;
+
+// $accordion-navigation-padding: rem-calc(16);
+// $accordion-navigation-bg-color: $silver;
+// $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%);
+// $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%);
+// $accordion-navigation-font-color: $jet;
+// $accordion-navigation-font-size: rem-calc(16);
+// $accordion-navigation-font-family: $body-font-family;
+
+// $accordion-content-padding: ($column-gutter/2);
+// $accordion-content-active-bg-color: $white;
+
+// 02. Alert Boxes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-alert-classes: $include-html-classes;
+
+// We use this to control alert padding.
+// $alert-padding-top: rem-calc(14);
+// $alert-padding-default-float: $alert-padding-top;
+// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
+// $alert-padding-bottom: $alert-padding-top;
+
+// We use these to control text style.
+// $alert-font-weight: $font-weight-normal;
+// $alert-font-size: rem-calc(13);
+// $alert-font-color: $white;
+// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);
+
+// We use this for close hover effect.
+// $alert-function-factor: -14%;
+
+// We use these to control border styles.
+// $alert-border-style: solid;
+// $alert-border-width: 1px;
+// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);
+// $alert-bottom-margin: rem-calc(20);
+
+// We use these to style the close buttons
+// $alert-close-color: $oil;
+// $alert-close-top: 50%;
+// $alert-close-position: rem-calc(4);
+// $alert-close-font-size: rem-calc(22);
+// $alert-close-opacity: .3;
+// $alert-close-opacity-hover: .5;
+// $alert-close-padding: 9px 6px 4px;
+// $alert-close-background: inherit;
+
+// We use this to control border radius
+// $alert-radius: $global-radius;
+
+// $alert-transition-speed: 300ms;
+// $alert-transition-ease: ease-out;
+
+// 03. Block Grid
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-block-grid-classes: $include-html-classes;
+// $include-xl-html-block-grid-classes: false;
+
+// We use this to control the maximum number of block grid elements per row
+// $block-grid-elements: 12;
+// $block-grid-default-spacing: rem-calc(20);
+
+// $align-block-grid-to-grid: false;
+// @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;}
+
+// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
+// $block-grid-media-queries: true;
+
+// 04. Breadcrumbs
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use this to set the background color for the breadcrumb container.
+// $crumb-bg: scale-color($secondary-color, $lightness: 55%);
+
+// We use these to set the padding around the breadcrumbs.
+// $crumb-padding: rem-calc(9 14 9);
+// $crumb-side-padding: rem-calc(12);
+
+// We use these to control border styles.
+// $crumb-function-factor: -10%;
+// $crumb-border-size: 1px;
+// $crumb-border-style: solid;
+// $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor);
+// $crumb-radius: $global-radius;
+
+// We use these to set various text styles for breadcrumbs.
+// $crumb-font-size: rem-calc(11);
+// $crumb-font-color: $primary-color;
+// $crumb-font-color-current: $oil;
+// $crumb-font-color-unavailable: $aluminum;
+// $crumb-font-transform: uppercase;
+// $crumb-link-decor: underline;
+
+// We use these to control the slash between breadcrumbs
+// $crumb-slash-color: $base;
+// $crumb-slash: "/";
+
+// 05. Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to build padding for buttons.
+// $button-tny: rem-calc(10);
+// $button-sml: rem-calc(14);
+// $button-med: rem-calc(16);
+// $button-lrg: rem-calc(18);
+
+// We use this to control the display property.
+// $button-display: inline-block;
+// $button-margin-bottom: rem-calc(20);
+
+// We use these to control button text styles.
+// $button-font-family: $body-font-family;
+// $button-font-color: $white;
+// $button-font-color-alt: $oil;
+// $button-font-tny: rem-calc(11);
+// $button-font-sml: rem-calc(13);
+// $button-font-med: rem-calc(16);
+// $button-font-lrg: rem-calc(20);
+// $button-font-weight: $font-weight-normal;
+// $button-font-align: center;
+
+// We use these to control various hover effects.
+// $button-function-factor: -20%;
+
+// We use these to control button border styles.
+// $button-border-width: 0;
+// $button-border-style: solid;
+// $button-bg-color: $primary-color;
+// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);
+// $button-border-color: $button-bg-hover;
+// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);
+// $secondary-button-border-color: $secondary-button-bg-hover;
+// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);
+// $success-button-border-color: $success-button-bg-hover;
+// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);
+// $alert-button-border-color: $alert-button-bg-hover;
+// $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor);
+// $warning-button-border-color: $warning-button-bg-hover;
+// $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor);
+// $info-button-border-color: $info-button-bg-hover;
+
+// We use this to set the default radius used throughout the core.
+// $button-radius: $global-radius;
+// $button-round: $global-rounded;
+
+// We use this to set default opacity and cursor for disabled buttons.
+// $button-disabled-opacity: .7;
+// $button-disabled-cursor: $cursor-default-value;
+
+// 06. Button Groups
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
+// $button-bar-margin-opposite: rem-calc(10);
+// $button-group-border-width: 1px;
+
+// 07. Clearing
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-clearing-classes: $include-html-classes;
+
+// We use these to set the background colors for parts of Clearing.
+// $clearing-bg: $oil;
+// $clearing-caption-bg: $clearing-bg;
+// $clearing-carousel-bg: rgba(51,51,51,0.8);
+// $clearing-img-bg: $clearing-bg;
+
+// We use these to style the close button
+// $clearing-close-color: $iron;
+// $clearing-close-size: 30px;
+
+// We use these to style the arrows
+// $clearing-arrow-size: 12px;
+// $clearing-arrow-color: $clearing-close-color;
+
+// We use these to style captions
+// $clearing-caption-font-color: $iron;
+// $clearing-caption-font-size: .875em;
+// $clearing-caption-padding: 10px 30px 20px;
+
+// We use these to make the image and carousel height and style
+// $clearing-active-img-height: 85%;
+// $clearing-carousel-height: 120px;
+// $clearing-carousel-thumb-width: 120px;
+// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
+
+// 08. Dropdown
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-dropdown-classes: $include-html-classes;
+
+// We use these to controls height and width styles.
+// $f-dropdown-max-width: 200px;
+// $f-dropdown-height: auto;
+// $f-dropdown-max-height: none;
+
+// Used for bottom position
+// $f-dropdown-margin-top: 2px;
+
+// Used for right position
+// $f-dropdown-margin-left: $f-dropdown-margin-top;
+
+// Used for left position
+// $f-dropdown-margin-right: $f-dropdown-margin-top;
+
+// Used for top position
+// $f-dropdown-margin-bottom: $f-dropdown-margin-top;
+
+// We use this to control the background color
+// $f-dropdown-bg: $white;
+
+// We use this to set the border styles for dropdowns.
+// $f-dropdown-border-style: solid;
+// $f-dropdown-border-width: 1px;
+// $f-dropdown-border-color: scale-color($white, $lightness: -20%);
+
+// We use these to style the triangle pip.
+// $f-dropdown-triangle-size: 6px;
+// $f-dropdown-triangle-color: $white;
+// $f-dropdown-triangle-side-offset: 10px;
+
+// We use these to control styles for the list elements.
+// $f-dropdown-list-style: none;
+// $f-dropdown-font-color: $charcoal;
+// $f-dropdown-font-size: rem-calc(14);
+// $f-dropdown-list-padding: rem-calc(5, 10);
+// $f-dropdown-line-height: rem-calc(18);
+// $f-dropdown-list-hover-bg: $smoke;
+// $dropdown-mobile-default-float: 0;
+
+// We use this to control the styles for when the dropdown has custom content.
+// $f-dropdown-content-padding: rem-calc(20);
+
+// Default radius for dropdown.
+// $f-dropdown-radius: $global-radius;
+
+
+// 09. Dropdown Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to set the color of the pip in dropdown buttons
+// $dropdown-button-pip-color: $white;
+// $dropdown-button-pip-color-alt: $oil;
+
+// We use these to set the size of the pip in dropdown buttons
+// $button-pip-tny: rem-calc(6);
+// $button-pip-sml: rem-calc(7);
+// $button-pip-med: rem-calc(9);
+// $button-pip-lrg: rem-calc(11);
+
+// We use these to style tiny dropdown buttons
+// $dropdown-button-padding-tny: $button-pip-tny * 7;
+// $dropdown-button-pip-size-tny: $button-pip-tny;
+// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;
+// $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1);
+
+// We use these to style small dropdown buttons
+// $dropdown-button-padding-sml: $button-pip-sml * 7;
+// $dropdown-button-pip-size-sml: $button-pip-sml;
+// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;
+// $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1);
+
+// We use these to style medium dropdown buttons
+// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);
+// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);
+// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;
+// $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2);
+
+// We use these to style large dropdown buttons
+// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);
+// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
+// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;
+// $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3);
+
+// 10. Flex Video
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use these to control video container padding and margins
+// $flex-video-padding-top: rem-calc(25);
+// $flex-video-padding-bottom: 67.5%;
+// $flex-video-margin-bottom: rem-calc(16);
+
+// We use this to control widescreen bottom padding
+// $flex-video-widescreen-padding-bottom: 56.34%;
+
+// 11. Forms
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-form-classes: $include-html-classes;
+
+// We use this to set the base for lots of form spacing and positioning styles
+// $form-spacing: rem-calc(16);
+
+// We use these to style the labels in different ways
+// $form-label-pointer: pointer;
+// $form-label-font-size: rem-calc(14);
+// $form-label-font-weight: $font-weight-normal;
+// $form-label-line-height: 1.5;
+// $form-label-font-color: scale-color($black, $lightness: 30%);
+// $form-label-small-transform: capitalize;
+// $form-label-bottom-margin: 0;
+// $input-font-family: inherit;
+// $input-font-color: rgba(0,0,0,0.75);
+// $input-font-size: rem-calc(14);
+// $input-bg-color: $white;
+// $input-focus-bg-color: scale-color($white, $lightness: -2%);
+// $input-border-color: scale-color($white, $lightness: -20%);
+// $input-focus-border-color: scale-color($white, $lightness: -40%);
+// $input-border-style: solid;
+// $input-border-width: 1px;
+// $input-border-radius: $global-radius;
+// $input-disabled-bg: $gainsboro;
+// $input-disabled-cursor: $cursor-default-value;
+// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+// $input-include-glowing-effect: false;
+
+// We use these to style the fieldset border and spacing.
+// $fieldset-border-style: solid;
+// $fieldset-border-width: 1px;
+// $fieldset-border-color: $gainsboro;
+// $fieldset-padding: rem-calc(20);
+// $fieldset-margin: rem-calc(18 0);
+
+// We use these to style the legends when you use them
+// $legend-bg: $white;
+// $legend-font-weight: $font-weight-bold;
+// $legend-padding: rem-calc(0 3);
+
+// We use these to style the prefix and postfix input elements
+// $input-prefix-bg: scale-color($white, $lightness: -5%);
+// $input-prefix-border-color: scale-color($white, $lightness: -20%);
+// $input-prefix-border-size: 1px;
+// $input-prefix-border-type: solid;
+// $input-prefix-overflow: hidden;
+// $input-prefix-font-color: $oil;
+// $input-prefix-font-color-alt: $white;
+
+// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
+// $input-number-spinners: true;
+
+// We use these to style the error states for inputs and labels
+// $input-error-message-padding: rem-calc(6 9 9);
+// $input-error-message-top: -1px;
+// $input-error-message-font-size: rem-calc(12);
+// $input-error-message-font-weight: $font-weight-normal;
+// $input-error-message-font-style: italic;
+// $input-error-message-font-color: $white;
+// $input-error-message-bg-color: $alert-color;
+// $input-error-message-font-color-alt: $oil;
+
+// We use this to style the glowing effect of inputs when focused
+// $glowing-effect-fade-time: .45s;
+// $glowing-effect-color: $input-focus-border-color;
+
+// We use this to style the transition when inputs are focused and when the glowing effect is disabled.
+// $input-transition-fade-time: 0.15s;
+// $input-transition-fade-timing-function: linear;
+
+// Select variables
+// $select-bg-color: $ghost;
+// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
+
+
+// 12. Icon Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// We use these to style the icon-bar and items
+// $icon-bar-bg: $oil;
+// $icon-bar-font-color: $white;
+// $icon-bar-font-color-hover: $icon-bar-font-color;
+// $icon-bar-font-size: 1rem;
+// $icon-bar-hover-color: $primary-color;
+// $icon-bar-icon-color: $white;
+// $icon-bar-icon-color-hover: $icon-bar-icon-color;
+// $icon-bar-icon-size: 1.875rem;
+// $icon-bar-image-width: 1.875rem;
+// $icon-bar-image-height: 1.875rem;
+// $icon-bar-active-color: $primary-color;
+// $icon-bar-item-padding: 1.25rem;
+
+// We use this to set default opacity and cursor for disabled icons.
+// $icon-bar-disabled-opacity: .7;
+
+// 13. Inline Lists
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-inline-list-classes: $include-html-classes;
+
+// We use this to control the margins and padding of the inline list.
+// $inline-list-top-margin: 0;
+// $inline-list-opposite-margin: 0;
+// $inline-list-bottom-margin: rem-calc(17);
+// $inline-list-default-float-margin: rem-calc(-22);
+// $inline-list-default-float-list-margin: rem-calc(22);
+
+// $inline-list-padding: 0;
+
+// We use this to control the overflow of the inline list.
+// $inline-list-overflow: hidden;
+
+// We use this to control the list items
+// $inline-list-display: block;
+
+// We use this to control any elements within list items
+// $inline-list-children-display: block;
+
+// 14. Joyride
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-joyride-classes: $include-html-classes;
+
+// Controlling default Joyride styles
+// $joyride-tip-bg: $oil;
+// $joyride-tip-default-width: 300px;
+// $joyride-tip-padding: rem-calc(18 20 24);
+// $joyride-tip-border: solid 1px $charcoal;
+// $joyride-tip-radius: 4px;
+// $joyride-tip-position-offset: 22px;
+
+// Here, we're setting the tip font styles
+// $joyride-tip-font-color: $white;
+// $joyride-tip-font-size: rem-calc(14);
+// $joyride-tip-header-weight: $font-weight-bold;
+
+// This changes the nub size
+// $joyride-tip-nub-size: 10px;
+
+// This adjusts the styles for the timer when its enabled
+// $joyride-tip-timer-width: 50px;
+// $joyride-tip-timer-height: 3px;
+// $joyride-tip-timer-color: $steel;
+
+// This changes up the styles for the close button
+// $joyride-tip-close-color: $monsoon;
+// $joyride-tip-close-size: 24px;
+// $joyride-tip-close-weight: $font-weight-normal;
+
+// When Joyride is filling the screen, we use this style for the bg
+// $joyride-screenfill: rgba(0,0,0,0.5);
+
+// 15. Keystrokes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-keystroke-classes: $include-html-classes;
+
+// We use these to control text styles.
+// $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
+// $keystroke-font-size: inherit;
+// $keystroke-font-color: $jet;
+// $keystroke-font-color-alt: $white;
+// $keystroke-function-factor: -7%;
+
+// We use this to control keystroke padding.
+// $keystroke-padding: rem-calc(2 4 0);
+
+// We use these to control background and border styles.
+// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);
+// $keystroke-border-style: solid;
+// $keystroke-border-width: 1px;
+// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
+// $keystroke-radius: $global-radius;
+
+// 16. Labels
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-label-classes: $include-html-classes;
+
+// We use these to style the labels
+// $label-padding: rem-calc(4 8 4);
+// $label-radius: $global-radius;
+
+// We use these to style the label text
+// $label-font-sizing: rem-calc(11);
+// $label-font-weight: $font-weight-normal;
+// $label-font-color: $oil;
+// $label-font-color-alt: $white;
+// $label-font-family: $body-font-family;
+
+// 17. Magellan
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-magellan-classes: $include-html-classes;
+
+// $magellan-bg: $white;
+// $magellan-padding: 10px;
+
+// 18. Off-canvas
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// Off Canvas Tab Bar Variables
+// $include-html-off-canvas-classes: $include-html-classes;
+
+// $tabbar-bg: $oil;
+// $tabbar-height: rem-calc(45);
+// $tabbar-icon-width: $tabbar-height;
+// $tabbar-line-height: $tabbar-height;
+// $tabbar-color: $white;
+// $tabbar-middle-padding: 0 rem-calc(10);
+
+// Off Canvas Divider Styles
+// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);
+// $tabbar-right-section-border: $tabbar-left-section-border;
+
+
+// Off Canvas Tab Bar Headers
+// $tabbar-header-color: $white;
+// $tabbar-header-weight: $font-weight-bold;
+// $tabbar-header-line-height: $tabbar-height;
+// $tabbar-header-margin: 0;
+
+// Off Canvas Menu Variables
+// $off-canvas-width: rem-calc(250);
+// $off-canvas-bg: $oil;
+// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);
+// $off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%);
+
+// Off Canvas Menu List Variables
+// $off-canvas-label-padding: .3rem rem-calc(15);
+// $off-canvas-label-color: $aluminum;
+// $off-canvas-label-text-transform: uppercase;
+// $off-canvas-label-font-size: rem-calc(12);
+// $off-canvas-label-font-weight: $font-weight-bold;
+// $off-canvas-label-bg: $tuatara;
+// $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
+// $off-canvas-label-border-bottom: none;
+// $off-canvas-label-margin:0;
+// $off-canvas-link-padding: rem-calc(10, 15);
+// $off-canvas-link-color: rgba($white, .7);
+// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);
+// $off-canvas-back-bg: #444;
+// $off-canvas-back-border-top: $off-canvas-label-border-top;
+// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;
+// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);
+// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
+// $off-canvas-back-hover-border-bottom: none;
+
+// Off Canvas Menu Icon Variables
+// $tabbar-menu-icon-color: $white;
+// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);
+
+// $tabbar-menu-icon-text-indent: rem-calc(35);
+// $tabbar-menu-icon-width: $tabbar-icon-width;
+// $tabbar-menu-icon-height: $tabbar-height;
+// $tabbar-menu-icon-padding: 0;
+
+// $tabbar-hamburger-icon-width: rem-calc(16);
+// $tabbar-hamburger-icon-left: false;
+// $tabbar-hamburger-icon-top: false;
+// $tabbar-hamburger-icon-thickness: 1px;
+// $tabbar-hamburger-icon-gap: 6px;
+
+// Off Canvas Back-Link Overlay
+// $off-canvas-overlay-transition: background 300ms ease;
+// $off-canvas-overlay-cursor: pointer;
+// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5);
+// $off-canvas-overlay-background: rgba($white, .2);
+// $off-canvas-overlay-background-hover: rgba($white, .05);
+
+// Transition Variables
+// $menu-slide: "transform 500ms ease";
+
+// 19. Orbit
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-orbit-classes: $include-html-classes;
+
+// We use these to control the caption styles
+// $orbit-container-bg: none;
+// $orbit-caption-bg: rgba(51,51,51, .8);
+// $orbit-caption-font-color: $white;
+// $orbit-caption-font-size: rem-calc(14);
+// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
+// $orbit-caption-padding: rem-calc(10 14);
+// $orbit-caption-height: auto;
+
+// We use these to control the left/right nav styles
+// $orbit-nav-bg: transparent;
+// $orbit-nav-bg-hover: rgba(0,0,0,0.3);
+// $orbit-nav-arrow-color: $white;
+// $orbit-nav-arrow-color-hover: $white;
+
+// We use these to control the timer styles
+// $orbit-timer-bg: rgba(255,255,255,0.3);
+// $orbit-timer-show-progress-bar: true;
+
+// We use these to control the bullet nav styles
+// $orbit-bullet-nav-color: $iron;
+// $orbit-bullet-nav-color-active: $aluminum;
+// $orbit-bullet-radius: rem-calc(9);
+
+// We use these to controls the style of slide numbers
+// $orbit-slide-number-bg: rgba(0,0,0,0);
+// $orbit-slide-number-font-color: $white;
+// $orbit-slide-number-padding: rem-calc(5);
+
+// Graceful Loading Wrapper and preloader
+// $wrapper-class: "slideshow-wrapper";
+// $preloader-class: "preloader";
+
+// Hide controls on small
+// $orbit-nav-hide-for-small: true;
+// $orbit-bullet-hide-for-small: true;
+// $orbit-timer-hide-for-small: true;
+
+// 20. Pagination
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-pagination-classes: $include-html-classes;
+
+// We use these to control the pagination container
+// $pagination-height: rem-calc(24);
+// $pagination-margin: rem-calc(-5);
+
+// We use these to set the list-item properties
+// $pagination-li-float: $default-float;
+// $pagination-li-height: rem-calc(24);
+// $pagination-li-font-color: $jet;
+// $pagination-li-font-size: rem-calc(14);
+// $pagination-li-margin: rem-calc(5);
+
+// We use these for the pagination anchor links
+// $pagination-link-pad: rem-calc(1 10 1);
+// $pagination-link-font-color: $aluminum;
+// $pagination-link-active-bg: scale-color($white, $lightness: -10%);
+
+// We use these for disabled anchor links
+// $pagination-link-unavailable-cursor: default;
+// $pagination-link-unavailable-font-color: $aluminum;
+// $pagination-link-unavailable-bg-active: transparent;
+
+// We use these for currently selected anchor links
+// $pagination-link-current-background: $primary-color;
+// $pagination-link-current-font-color: $white;
+// $pagination-link-current-font-weight: $font-weight-bold;
+// $pagination-link-current-cursor: default;
+// $pagination-link-current-active-bg: $primary-color;
+
+// 21. Panels
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-panel-classes: $include-html-classes;
+
+// We use these to control the background and border styles
+// $panel-bg: scale-color($white, $lightness: -5%);
+// $panel-border-style: solid;
+// $panel-border-size: 1px;
+// $callout-panel-bg: scale-color($primary-color, $lightness: 94%);
+
+// We use this % to control how much we darken things on hover
+// $panel-border-color: scale-color($panel-bg, $lightness: -11%);
+
+// We use these to set default inner padding and bottom margin
+// $panel-margin-bottom: rem-calc(20);
+// $panel-padding: rem-calc(20);
+
+// We use these to set default font colors
+// $panel-font-color: $oil;
+// $panel-font-color-alt: $white;
+
+// $panel-header-adjust: true;
+// $callout-panel-link-color: $primary-color;
+// $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%);
+
+// 22. Pricing Tables
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-pricing-classes: $include-html-classes;
+
+// We use this to control the border color
+// $price-table-border: solid 1px $gainsboro;
+
+// We use this to control the bottom margin of the pricing table
+// $price-table-margin-bottom: rem-calc(20);
+
+// We use these to control the title styles
+// $price-title-bg: $oil;
+// $price-title-padding: rem-calc(15 20);
+// $price-title-align: center;
+// $price-title-color: $smoke;
+// $price-title-weight: $font-weight-normal;
+// $price-title-size: rem-calc(16);
+// $price-title-font-family: $body-font-family;
+
+// We use these to control the price styles
+// $price-money-bg: $vapor;
+// $price-money-padding: rem-calc(15 20);
+// $price-money-align: center;
+// $price-money-color: $oil;
+// $price-money-weight: $font-weight-normal;
+// $price-money-size: rem-calc(32);
+// $price-money-font-family: $body-font-family;
+
+
+// We use these to control the description styles
+// $price-bg: $white;
+// $price-desc-color: $monsoon;
+// $price-desc-padding: rem-calc(15);
+// $price-desc-align: center;
+// $price-desc-font-size: rem-calc(12);
+// $price-desc-weight: $font-weight-normal;
+// $price-desc-line-height: 1.4;
+// $price-desc-bottom-border: dotted 1px $gainsboro;
+
+// We use these to control the list item styles
+// $price-item-color: $oil;
+// $price-item-padding: rem-calc(15);
+// $price-item-align: center;
+// $price-item-font-size: rem-calc(14);
+// $price-item-weight: $font-weight-normal;
+// $price-item-bottom-border: dotted 1px $gainsboro;
+
+// We use these to control the CTA area styles
+// $price-cta-bg: $white;
+// $price-cta-align: center;
+// $price-cta-padding: rem-calc(20 20 0);
+
+// 23. Progress Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use this to set the progress bar height
+// $progress-bar-height: rem-calc(25);
+// $progress-bar-color: $vapor;
+
+// We use these to control the border styles
+// $progress-bar-border-color: scale-color($white, $lightness: 20%);
+// $progress-bar-border-size: 1px;
+// $progress-bar-border-style: solid;
+// $progress-bar-border-radius: $global-radius;
+
+// We use these to control the margin & padding
+// $progress-bar-margin-bottom: rem-calc(10);
+
+// We use these to set the meter colors
+// $progress-meter-color: $primary-color;
+// $progress-meter-secondary-color: $secondary-color;
+// $progress-meter-success-color: $success-color;
+// $progress-meter-alert-color: $alert-color;
+
+// 24. Range Slider
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-range-slider-classes: $include-html-classes;
+
+// These variables define the slider bar styles
+// $range-slider-bar-width: 100%;
+// $range-slider-bar-height: rem-calc(16);
+
+// $range-slider-bar-border-width: 1px;
+// $range-slider-bar-border-style: solid;
+// $range-slider-bar-border-color: $gainsboro;
+// $range-slider-radius: $global-radius;
+// $range-slider-round: $global-rounded;
+// $range-slider-bar-bg-color: $ghost;
+// $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%);
+
+// Vertical bar styles
+// $range-slider-vertical-bar-width: rem-calc(16);
+// $range-slider-vertical-bar-height: rem-calc(200);
+
+// These variables define the slider handle styles
+// $range-slider-handle-width: rem-calc(32);
+// $range-slider-handle-height: rem-calc(22);
+// $range-slider-handle-position-top: rem-calc(-5);
+// $range-slider-handle-bg-color: $primary-color;
+// $range-slider-handle-border-width: 1px;
+// $range-slider-handle-border-style: solid;
+// $range-slider-handle-border-color: none;
+// $range-slider-handle-radius: $global-radius;
+// $range-slider-handle-round: $global-rounded;
+// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
+// $range-slider-handle-cursor: pointer;
+
+// $range-slider-disabled-opacity: .7;
+// $range-slider-disabled-cursor: $cursor-disabled-value;
+
+// 25. Reveal
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-reveal-classes: $include-html-classes;
+
+// We use these to control the style of the reveal overlay.
+// $reveal-overlay-bg: rgba($black, .45);
+// $reveal-overlay-bg-old: $black;
+
+// We use these to control the style of the modal itself.
+// $reveal-modal-bg: $white;
+// $reveal-position-top: rem-calc(100);
+// $reveal-default-width: 80%;
+// $reveal-max-width: $row-width;
+// $reveal-modal-padding: rem-calc(20);
+// $reveal-box-shadow: 0 0 10px rgba($black,.4);
+
+// We use these to style the reveal close button
+// $reveal-close-font-size: rem-calc(40);
+// $reveal-close-top: rem-calc(10);
+// $reveal-close-side: rem-calc(22);
+// $reveal-close-color: $base;
+// $reveal-close-weight: $font-weight-bold;
+
+// We use this to set the default radius used throughout the core.
+// $reveal-radius: $global-radius;
+// $reveal-round: $global-rounded;
+
+// We use these to control the modal border
+// $reveal-border-style: solid;
+// $reveal-border-width: 1px;
+// $reveal-border-color: $steel;
+
+// $reveal-modal-class: "reveal-modal";
+// $close-reveal-modal-class: "close-reveal-modal";
+
+// 26. Side Nav
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use this to control padding.
+// $side-nav-padding: rem-calc(14 0);
+
+// We use these to control list styles.
+// $side-nav-list-type: none;
+// $side-nav-list-position: outside;
+// $side-nav-list-margin: rem-calc(0 0 7 0);
+
+// We use these to control link styles.
+// $side-nav-link-color: $primary-color;
+// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-bg-hover: hsla(0, 0, 0, .025);
+// $side-nav-link-margin: 0;
+// $side-nav-link-padding: rem-calc(7 14);
+// $side-nav-font-size: rem-calc(14);
+// $side-nav-font-weight: $font-weight-normal;
+// $side-nav-font-weight-active: $side-nav-font-weight;
+// $side-nav-font-family: $body-font-family;
+// $side-nav-font-family-active: $side-nav-font-family;
+
+// We use these to control heading styles.
+// $side-nav-heading-color: $side-nav-link-color;
+// $side-nav-heading-font-size: $side-nav-font-size;
+// $side-nav-heading-font-weight: bold;
+// $side-nav-heading-text-transform: uppercase;
+
+// We use these to control border styles
+// $side-nav-divider-size: 1px;
+// $side-nav-divider-style: solid;
+// $side-nav-divider-color: scale-color($white, $lightness: 10%);
+
+// 27. Split Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to control different shared styles for Split Buttons
+// $split-button-function-factor: 10%;
+// $split-button-pip-color: $white;
+// $split-button-span-border-color: rgba(255,255,255,0.5);
+// $split-button-pip-color-alt: $oil;
+// $split-button-active-bg-tint: rgba(0,0,0,0.1);
+
+// We use these to control tiny split buttons
+// $split-button-padding-tny: $button-pip-tny * 10;
+// $split-button-span-width-tny: $button-pip-tny * 6;
+// $split-button-pip-size-tny: $button-pip-tny;
+// $split-button-pip-top-tny: $button-pip-tny * 2;
+// $split-button-pip-default-float-tny: rem-calc(-6);
+
+// We use these to control small split buttons
+// $split-button-padding-sml: $button-pip-sml * 10;
+// $split-button-span-width-sml: $button-pip-sml * 6;
+// $split-button-pip-size-sml: $button-pip-sml;
+// $split-button-pip-top-sml: $button-pip-sml * 1.5;
+// $split-button-pip-default-float-sml: rem-calc(-6);
+
+// We use these to control medium split buttons
+// $split-button-padding-med: $button-pip-med * 9;
+// $split-button-span-width-med: $button-pip-med * 5.5;
+// $split-button-pip-size-med: $button-pip-med - rem-calc(3);
+// $split-button-pip-top-med: $button-pip-med * 1.5;
+// $split-button-pip-default-float-med: rem-calc(-6);
+
+// We use these to control large split buttons
+// $split-button-padding-lrg: $button-pip-lrg * 8;
+// $split-button-span-width-lrg: $button-pip-lrg * 5;
+// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
+// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
+// $split-button-pip-default-float-lrg: rem-calc(-6);
+
+// 28. Sub Nav
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use these to control margin and padding
+// $sub-nav-list-margin: rem-calc(-4 0 18);
+// $sub-nav-list-padding-top: rem-calc(4);
+
+// We use this to control the definition
+// $sub-nav-font-family: $body-font-family;
+// $sub-nav-font-size: rem-calc(14);
+// $sub-nav-font-color: $aluminum;
+// $sub-nav-font-weight: $font-weight-normal;
+// $sub-nav-text-decoration: none;
+// $sub-nav-padding: rem-calc(3 16);
+// $sub-nav-border-radius: 3px;
+// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
+
+
+// We use these to control the active item styles
+
+// $sub-nav-active-font-weight: $font-weight-normal;
+// $sub-nav-active-bg: $primary-color;
+// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
+// $sub-nav-active-color: $white;
+// $sub-nav-active-padding: $sub-nav-padding;
+// $sub-nav-active-cursor: default;
+
+// $sub-nav-item-divider: "";
+// $sub-nav-item-divider-margin: rem-calc(12);
+
+// 29. Switch
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-form-classes: $include-html-classes;
+
+// Controlling background color for the switch container
+// $switch-bg: $gainsboro;
+
+// We use these to control the switch heights for our default classes
+// $switch-height-tny: 1.5rem;
+// $switch-height-sml: 1.75rem;
+// $switch-height-med: 2rem;
+// $switch-height-lrg: 2.5rem;
+// $switch-bottom-margin: 1.5rem;
+
+// We use these to style the switch-paddle
+// $switch-paddle-bg: $white;
+// $switch-paddle-transition-speed: .15s;
+// $switch-paddle-transition-ease: ease-out;
+// $switch-active-color: $primary-color;
+
+// 30. Tables
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-table-classes: $include-html-classes;
+
+// These control the background color for the table and even rows
+// $table-bg: $white;
+// $table-even-row-bg: $snow;
+
+// These control the table cell border style
+// $table-border-style: solid;
+// $table-border-size: 1px;
+// $table-border-color: $gainsboro;
+
+// These control the table head styles
+// $table-head-bg: $white-smoke;
+// $table-head-font-size: rem-calc(14);
+// $table-head-font-color: $jet;
+// $table-head-font-weight: $font-weight-bold;
+// $table-head-padding: rem-calc(8 10 10);
+
+// These control the table foot styles
+// $table-foot-bg: $table-head-bg;
+// $table-foot-font-size: $table-head-font-size;
+// $table-foot-font-color: $table-head-font-color;
+// $table-foot-font-weight: $table-head-font-weight;
+// $table-foot-padding: $table-head-padding;
+
+// These control the caption
+// $table-caption-bg: transparent;
+// $table-caption-font-color: $table-head-font-color;
+// $table-caption-font-size: rem-calc(16);
+// $table-caption-font-weight: bold;
+
+// These control the row padding and font styles
+// $table-row-padding: rem-calc(9 10);
+// $table-row-font-size: rem-calc(14);
+// $table-row-font-color: $jet;
+// $table-line-height: rem-calc(18);
+
+// These are for controlling the layout, display and margin of tables
+// $table-layout: auto;
+// $table-display: table-cell;
+// $table-margin-bottom: rem-calc(20);
+
+
+// 31. Tabs
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-tabs-classes: $include-html-classes;
+
+// $tabs-navigation-padding: rem-calc(16);
+// $tabs-navigation-bg-color: $silver;
+// $tabs-navigation-active-bg-color: $white;
+// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);
+// $tabs-navigation-font-color: $jet;
+// $tabs-navigation-active-font-color: $tabs-navigation-font-color;
+// $tabs-navigation-font-size: rem-calc(16);
+// $tabs-navigation-font-family: $body-font-family;
+
+// $tabs-content-margin-bottom: rem-calc(24);
+// $tabs-content-padding: ($column-gutter/2);
+
+// $tabs-vertical-navigation-margin-bottom: 1.25rem;
+
+// 32. Thumbnails
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use these to control border styles
+// $thumb-border-style: solid;
+// $thumb-border-width: 4px;
+// $thumb-border-color: $white;
+// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);
+// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
+
+// Radius and transition speed for thumbs
+// $thumb-radius: $global-radius;
+// $thumb-transition-speed: 200ms;
+
+// 33. Tooltips
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-tooltip-classes: $include-html-classes;
+
+// $has-tip-border-bottom: dotted 1px $iron;
+// $has-tip-font-weight: $font-weight-bold;
+// $has-tip-font-color: $oil;
+// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
+// $has-tip-font-color-hover: $primary-color;
+// $has-tip-cursor-type: help;
+
+// $tooltip-padding: rem-calc(12);
+// $tooltip-bg: $oil;
+// $tooltip-font-size: rem-calc(14);
+// $tooltip-font-weight: $font-weight-normal;
+// $tooltip-font-color: $white;
+// $tooltip-line-height: 1.3;
+// $tooltip-close-font-size: rem-calc(10);
+// $tooltip-close-font-weight: $font-weight-normal;
+// $tooltip-close-font-color: $monsoon;
+// $tooltip-font-size-sml: rem-calc(14);
+// $tooltip-radius: $global-radius;
+// $tooltip-rounded: $global-rounded;
+// $tooltip-pip-size: 5px;
+// $tooltip-max-width: 300px;
+
+// 34. Top Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-top-bar-classes: $include-html-classes;
+
+// Background color for the top bar
+// $topbar-bg-color: $oil;
+// $topbar-bg: $topbar-bg-color;
+
+// Height and margin
+// $topbar-height: rem-calc(45);
+// $topbar-margin-bottom: 0;
+
+// Controlling the styles for the title in the top bar
+// $topbar-title-weight: $font-weight-normal;
+// $topbar-title-font-size: rem-calc(17);
+
+// Set the link colors and styles for top-level nav
+// $topbar-link-color: $white;
+// $topbar-link-color-hover: $white;
+// $topbar-link-color-active: $white;
+// $topbar-link-color-active-hover: $white;
+// $topbar-link-weight: $font-weight-normal;
+// $topbar-link-font-size: rem-calc(13);
+// $topbar-link-hover-lightness: -10%; // Darken by 10%
+// $topbar-link-bg: $topbar-bg;
+// $topbar-link-bg-hover: $jet;
+// $topbar-link-bg-color-hover: $charcoal;
+// $topbar-link-bg-active: $primary-color;
+// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
+// $topbar-link-font-family: $body-font-family;
+// $topbar-link-text-transform: none;
+// $topbar-link-padding: ($topbar-height / 3);
+// $topbar-back-link-size: rem-calc(18);
+// $topbar-link-dropdown-padding: rem-calc(20);
+// $topbar-button-font-size: .75rem;
+// $topbar-button-top: 7px;
+
+// Style the top bar dropdown elements
+// $topbar-dropdown-bg: $oil;
+// $topbar-dropdown-link-color: $white;
+// $topbar-dropdown-link-color-hover: $topbar-link-color-hover;
+// $topbar-dropdown-link-bg: $oil;
+// $topbar-dropdown-link-bg-hover: $jet;
+// $topbar-dropdown-link-weight: $font-weight-normal;
+// $topbar-dropdown-toggle-size: 5px;
+// $topbar-dropdown-toggle-color: $white;
+// $topbar-dropdown-toggle-alpha: .4;
+
+// $topbar-dropdown-label-color: $monsoon;
+// $topbar-dropdown-label-text-transform: uppercase;
+// $topbar-dropdown-label-font-weight: $font-weight-bold;
+// $topbar-dropdown-label-font-size: rem-calc(10);
+// $topbar-dropdown-label-bg: $oil;
+
+// Top menu icon styles
+// $topbar-menu-link-transform: uppercase;
+// $topbar-menu-link-font-size: rem-calc(13);
+// $topbar-menu-link-weight: $font-weight-bold;
+// $topbar-menu-link-color: $white;
+// $topbar-menu-icon-color: $white;
+// $topbar-menu-link-color-toggled: $jumbo;
+// $topbar-menu-icon-color-toggled: $jumbo;
+// $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon
+
+// Transitions and breakpoint styles
+// $topbar-transition-speed: 300ms;
+// Using rem-calc for the below breakpoint causes issues with top bar
+// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
+// $topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})";
+
+// Top-bar input styles
+// $topbar-input-height: rem-calc(28);
+
+// Divider Styles
+// $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
+// $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
+
+// Sticky Class
+// $topbar-sticky-class: ".sticky";
+// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
+// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li//
+
+// 36. Visibility Classes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-visibility-classes: $include-html-classes;
+// $include-accessibility-classes: true;
+// $include-table-visibility-classes: true;
+// $include-legacy-visibility-classes: true;
diff --git a/themes/foundation5/scss/vendor/foundation/components/_accordion.scss b/themes/foundation5/scss/vendor/foundation/components/_accordion.scss
new file mode 100644
index 00000000000..de4a5ea518a
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_accordion.scss
@@ -0,0 +1,157 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+
+$include-html-accordion-classes: $include-html-classes !default;
+
+$accordion-navigation-padding: rem-calc(16) !default;
+$accordion-navigation-bg-color: $silver !default;
+$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default;
+$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default;
+$accordion-navigation-font-color: $jet !default;
+$accordion-navigation-font-size: rem-calc(16) !default;
+$accordion-navigation-font-family: $body-font-family !default;
+
+$accordion-content-padding: ($column-gutter/2) !default;
+$accordion-content-active-bg-color: $white !default;
+
+
+// Mixin: accordion-container()
+// Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix
+// Explicit Dependencies: a clearfix mixin *is* defined.
+// Implicit Dependencies: None
+
+@mixin accordion-container() {
+ @include clearfix;
+ margin-bottom: 0;
+}
+
+// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family) {
+// @params $bg-color: [ color or string ]: Specify the background color for the navigation element
+// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered
+// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.
+// @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible
+// @params $font-color [ color or string ]: Color of the font for accordion
+// @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element
+// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion
+
+@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ) {
+ display: block;
+ margin-bottom: 0 !important;
+ @if type-of($active_class) != "string" {
+ @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component."
+ }
+ @else {
+ &.#{ $active_class } > a {
+ background: $active-bg;
+ }
+ }
+ > a {
+ background: $bg;
+ color: $font-color;
+ @if type-of($padding) != number {
+ @warn "`#{$padding}` was read as #{type-of($padding)}";
+ @if $accordion-navigation-padding != null {
+ @warn "#{$padding} was read as a #{type-of($padding)}";
+ @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)";
+ padding: $accordion-navigation-padding;
+ }
+ @else {
+ @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding";
+ padding: null;
+ }
+ }
+ @else {
+ padding: $padding;
+ }
+ display: block;
+ font-family: $font-family;
+ @if type-of($font-size) != number {
+ @warn "`#{$font-size}` was read as a #{type-of($font-size)}";
+ @if $accordion-navigation-font-size != null {
+ @warn "`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size}).";
+ font-size: $accordion-navigation-font-size;
+ }
+ @else{
+ @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.";
+ font-size: null;
+
+ }
+ }
+ @else {
+ font-size: $font-size;
+ }
+ &:hover {
+ background: $hover-bg;
+ }
+ }
+}
+
+// Mixin: accordion-content($bg, $padding, $active-class)
+// @params $padding [ number ]: Padding for the content of the container
+// @params $bg [ color ]: Background color for the content when it's visible
+// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.
+
+@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active') {
+ display: none;
+ @if type-of($padding) != "number" {
+ @warn "#{$padding} was read as a #{type-of($padding)}";
+ @if $accordion-content-padding != null {
+ @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead";
+ padding: $accordion-content-padding;
+ } @else {
+ @warn "`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.";
+ padding: null;
+ }
+ } @else {
+ padding: $padding;
+ }
+
+ @if type-of($active_class) != "string" {
+ @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. "
+ }
+ @else {
+ &.#{$active_class} {
+ background: $bg;
+ display: block;
+ }
+ }
+}
+
+@include exports("accordion") {
+ @if $include-html-accordion-classes {
+ .accordion {
+ @include clearfix;
+ margin-bottom: 0;
+ .accordion-navigation, dd {
+ display: block;
+ margin-bottom: 0 !important;
+ &.active > a { background: $accordion-navigation-active-bg-color; }
+ > a {
+ background: $accordion-navigation-bg-color;
+ color: $accordion-navigation-font-color;
+ display: block;
+ font-family: $accordion-navigation-font-family;
+ font-size: $accordion-navigation-font-size;
+ padding: $accordion-navigation-padding;
+ &:hover { background: $accordion-navigation-hover-bg-color; }
+ }
+
+ > .content {
+ display: none;
+ padding: $accordion-content-padding;
+ &.active {
+ background: $accordion-content-active-bg-color;
+ display: block;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_alert-boxes.scss b/themes/foundation5/scss/vendor/foundation/components/_alert-boxes.scss
new file mode 100644
index 00000000000..c1d56d80293
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_alert-boxes.scss
@@ -0,0 +1,128 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// Alert Box Variables
+//
+$include-html-alert-classes: $include-html-classes !default;
+
+// We use this to control alert padding.
+$alert-padding-top: rem-calc(14) !default;
+$alert-padding-default-float: $alert-padding-top !default;
+$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default;
+$alert-padding-bottom: $alert-padding-top !default;
+
+// We use these to control text style.
+$alert-font-weight: $font-weight-normal !default;
+$alert-font-size: rem-calc(13) !default;
+$alert-font-color: $white !default;
+$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default;
+
+// We use this for close hover effect.
+$alert-function-factor: -14% !default;
+
+// We use these to control border styles.
+$alert-border-style: solid !default;
+$alert-border-width: 1px !default;
+$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default;
+$alert-bottom-margin: rem-calc(20) !default;
+
+// We use these to style the close buttons
+$alert-close-color: $oil !default;
+$alert-close-top: 50% !default;
+$alert-close-position: rem-calc(4) !default;
+$alert-close-font-size: rem-calc(22) !default;
+$alert-close-opacity: .3 !default;
+$alert-close-opacity-hover: .5 !default;
+$alert-close-padding: 0 6px 4px !default;
+$alert-close-background: inherit !default;
+
+// We use this to control border radius
+$alert-radius: $global-radius !default;
+
+$alert-transition-speed: 300ms !default;
+$alert-transition-ease: ease-out !default;
+
+//
+// Alert Mixins
+//
+
+// We use this mixin to create a default alert base.
+@mixin alert-base {
+ border-style: $alert-border-style;
+ border-width: $alert-border-width;
+ display: block;
+ font-size: $alert-font-size;
+ font-weight: $alert-font-weight;
+ margin-bottom: $alert-bottom-margin;
+ padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;
+ position: relative;
+ @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)
+}
+
+// We use this mixin to add alert styles
+//
+// $bg - The background of the alert. Default: $primary-color.
+@mixin alert-style($bg:$primary-color) {
+
+ // This finds the lightness percentage of the background color.
+ $bg-lightness: lightness($bg);
+
+ // We control which background color and border come through.
+ background-color: $bg;
+ border-color: scale-color($bg, $lightness: $alert-function-factor);
+
+ // We control the text color for you based on the background color.
+ @if $bg-lightness > 70% { color: $alert-font-color-alt; }
+ @else { color: $alert-font-color; }
+
+}
+
+// We use this to create the close button.
+@mixin alert-close {
+ #{$opposite-direction}: $alert-close-position;
+ background: $alert-close-background;
+ color: $alert-close-color;
+ font-size: $alert-close-font-size;
+ line-height: .9;
+ margin-top: -($alert-close-font-size / 2);
+ opacity: $alert-close-opacity;
+ padding: $alert-close-padding;
+ position: absolute;
+ top: $alert-close-top;
+ &:hover,
+ &:focus { opacity: $alert-close-opacity-hover; }
+}
+
+// We use this to quickly create alerts with a single mixin.
+//
+// $bg - Background of alert. Default: $primary-color.
+// $radius - Radius of alert box. Default: false.
+@mixin alert($bg:$primary-color, $radius:false) {
+ @include alert-base;
+ @include alert-style($bg);
+ @include radius($radius);
+}
+
+@include exports("alert-box") {
+ @if $include-html-alert-classes {
+ .alert-box {
+ @include alert;
+
+ .close { @include alert-close; }
+
+ &.radius { @include radius($alert-radius); }
+ &.round { @include radius($global-rounded); }
+
+ &.success { @include alert-style($success-color); }
+ &.alert { @include alert-style($alert-color); }
+ &.secondary { @include alert-style($secondary-color); }
+ &.warning { @include alert-style($warning-color); }
+ &.info { @include alert-style($info-color); }
+ &.alert-close { opacity: 0}
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_block-grid.scss b/themes/foundation5/scss/vendor/foundation/components/_block-grid.scss
new file mode 100644
index 00000000000..a923e764b70
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_block-grid.scss
@@ -0,0 +1,133 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// Block Grid Variables
+//
+$include-html-block-grid-classes: $include-html-classes !default;
+$include-xl-html-block-grid-classes: false !default;
+
+// We use this to control the maximum number of block grid elements per row
+$block-grid-elements: 12 !default;
+$block-grid-default-spacing: rem-calc(20) !default;
+
+$align-block-grid-to-grid: false !default;
+@if $align-block-grid-to-grid {
+ $block-grid-default-spacing: $column-gutter;
+}
+
+// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
+$block-grid-media-queries: true !default;
+
+//
+// Block Grid Mixins
+//
+
+// Create a custom block grid
+//
+// $per-row - # of items to display per row. Default: false.
+// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).
+// $include-spacing - Adds padding to our list item. Default: true.
+// $base-style - Apply a base style to block grid. Default: true.
+@mixin block-grid(
+ $per-row:false,
+ $spacing:$block-grid-default-spacing,
+ $include-spacing:true,
+ $base-style:true) {
+
+ @if $base-style {
+ display: block;
+ padding: 0;
+ @if $align-block-grid-to-grid {
+ margin: 0;
+ } @else {
+ margin: 0 (-$spacing/2);
+ }
+ @include clearfix;
+
+ > li {
+ display: block;
+ float: $default-float;
+ height: auto;
+ @if $include-spacing {
+ padding: 0 ($spacing/2) $spacing;
+ }
+ }
+ }
+
+ @if $per-row {
+ > li {
+ list-style: none;
+ @if $include-spacing {
+ padding: 0 ($spacing/2) $spacing;
+ }
+ width: 100%/$per-row;
+
+ &:nth-of-type(1n) { clear: none; }
+ &:nth-of-type(#{$per-row}n+1) { clear: both; }
+ @if $align-block-grid-to-grid {
+ @include block-grid-aligned($per-row, $spacing);
+ }
+ }
+ }
+}
+
+@mixin block-grid-aligned($per-row, $spacing) {
+ @for $i from 1 through $block-grid-elements {
+ @if $per-row >= $i {
+ $grid-column: '+' + $i;
+ @if $per-row == $i {
+ $grid-column: '';
+ }
+ &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {
+ padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));
+ padding-right: ($spacing - (($spacing / $per-row) * $i));
+ }
+ }
+ }
+}
+
+// Generate presentational markup for block grid.
+//
+// $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc.
+@mixin block-grid-html-classes($size, $include-spacing) {
+ @for $i from 1 through $block-grid-elements {
+ .#{$size}-block-grid-#{($i)} {
+ @include block-grid($i, $block-grid-default-spacing, $include-spacing, false);
+ }
+ }
+}
+
+@include exports("block-grid") {
+ @if $include-html-block-grid-classes {
+
+ [class*="block-grid-"] { @include block-grid; }
+
+ @if $block-grid-media-queries {
+ @media #{$small-up} {
+ @include block-grid-html-classes($size:small, $include-spacing:false);
+ }
+
+ @media #{$medium-up} {
+ @include block-grid-html-classes($size:medium, $include-spacing:false);
+ }
+
+ @media #{$large-up} {
+ @include block-grid-html-classes($size:large, $include-spacing:false);
+ }
+
+ @if $include-xl-html-block-grid-classes {
+ @media #{$xlarge-up} {
+ @include block-grid-html-classes($size:xlarge, $include-spacing:false);
+ }
+
+ @media #{$xxlarge-up} {
+ @include block-grid-html-classes($size:xxlarge, $include-spacing:false);
+ }
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_breadcrumbs.scss b/themes/foundation5/scss/vendor/foundation/components/_breadcrumbs.scss
new file mode 100644
index 00000000000..5f55a4eb8ec
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_breadcrumbs.scss
@@ -0,0 +1,131 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// Breadcrumb Variables
+//
+$include-html-nav-classes: $include-html-classes !default;
+
+// We use this to set the background color for the breadcrumb container.
+$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default;
+
+// We use these to set the padding around the breadcrumbs.
+$crumb-padding: rem-calc(9 14 9) !default;
+$crumb-side-padding: rem-calc(12) !default;
+
+// We use these to control border styles.
+$crumb-function-factor: -10% !default;
+$crumb-border-size: 1px !default;
+$crumb-border-style: solid !default;
+$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default;
+$crumb-radius: $global-radius !default;
+
+// We use these to set various text styles for breadcrumbs.
+$crumb-font-size: rem-calc(11) !default;
+$crumb-font-color: $primary-color !default;
+$crumb-font-color-current: $oil !default;
+$crumb-font-color-unavailable: $aluminum !default;
+$crumb-font-transform: uppercase !default;
+$crumb-link-decor: underline !default;
+
+// We use these to control the slash between breadcrumbs
+$crumb-slash-color: $base !default;
+$crumb-slash: "/" !default;
+
+//
+// Breadcrumb Mixins
+//
+
+// We use this mixin to create a container around our breadcrumbs
+@mixin crumb-container {
+ border-style: $crumb-border-style;
+ border-width: $crumb-border-size;
+ display: block;
+ list-style: none;
+ margin-#{$default-float}: 0;
+ overflow: hidden;
+ padding: $crumb-padding;
+
+ // We control which background color and border come through.
+ background-color: $crumb-bg;
+ border-color: $crumb-border-color;
+}
+
+// We use this mixin to create breadcrumb styles from list items.
+@mixin crumbs {
+
+ // A normal state will make the links look and act like clickable breadcrumbs.
+ color: $crumb-font-color;
+ float: $default-float;
+ font-size: $crumb-font-size;
+ line-height: $crumb-font-size;
+ margin: 0;
+ text-transform: $crumb-font-transform;
+
+ &:hover a, &:focus a { text-decoration: $crumb-link-decor; }
+
+ a {
+ color: $crumb-font-color;
+ }
+
+ // Current is for the link of the current page
+ &.current {
+ color: $crumb-font-color-current;
+ cursor: $cursor-default-value;
+ a {
+ color: $crumb-font-color-current;
+ cursor: $cursor-default-value;
+ }
+
+ &:hover, &:hover a,
+ &:focus, &:focus a { text-decoration: none; }
+ }
+
+ // Unavailable removed color and link styles so it looks inactive.
+ &.unavailable {
+ color: $crumb-font-color-unavailable;
+ a { color: $crumb-font-color-unavailable; }
+
+ &:hover,
+ &:hover a,
+ &:focus,
+ a:focus {
+ color: $crumb-font-color-unavailable;
+ cursor: $cursor-disabled-value;
+ text-decoration: none;
+ }
+ }
+
+ &:before {
+ color: $crumb-slash-color;
+ content: "#{$crumb-slash}";
+ margin: 0 $crumb-side-padding;
+ position: relative;
+ top: 1px;
+ }
+
+ &:first-child:before {
+ content: " ";
+ margin: 0;
+ }
+}
+
+@include exports("breadcrumbs") {
+ @if $include-html-nav-classes {
+ .breadcrumbs {
+ @include crumb-container;
+ @include radius($crumb-radius);
+
+ > * {
+ @include crumbs;
+ }
+ }
+ /* Accessibility - hides the forward slash */
+ [aria-label="breadcrumbs"] [aria-hidden="true"]:after {
+ content: "/";
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_button-groups.scss b/themes/foundation5/scss/vendor/foundation/components/_button-groups.scss
new file mode 100644
index 00000000000..fd39fdaec1e
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_button-groups.scss
@@ -0,0 +1,207 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'buttons';
+
+//
+// Button Group Variables
+//
+$include-html-button-classes: $include-html-classes !default;
+
+// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
+$button-bar-margin-opposite: rem-calc(10) !default;
+$button-group-border-width: 1px !default;
+
+//
+// Button Group Mixins
+//
+
+// We use this to add styles for a button group container
+@mixin button-group-container($styles:true, $float:false) {
+ @if $styles {
+ list-style: none;
+ margin: 0;
+ #{$default-float}: 0;
+ @include clearfix();
+ }
+ @if $float {
+ float: #{$default-float};
+ margin-#{$opposite-direction}: $button-bar-margin-opposite;
+ & div { overflow: hidden; }
+ }
+}
+
+// We use this to control styles for button groups
+@mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) {
+
+ > button, .button {
+ border-#{$default-float}: $button-group-border-width solid;
+ border-color: rgba(255, 255, 255, .5);
+ }
+
+ &:first-child {
+ button, .button {
+ border-#{$default-float}: 0;
+ }
+ }
+
+ $button-group-display: list-item;
+ $button-group-margin: 0;
+
+ // We use this to control the flow, or remove those styles completely.
+ @if $float {
+ $button-group-display: list-item;
+ $button-group-margin: 0;
+ float: $float;
+ // Make sure the first child doesn't get the negative margin.
+ &:first-child { margin-#{$default-float}: 0; }
+ }
+ @else {
+ $button-group-display: inline-block;
+ $button-group-margin: 0 -2px;
+ }
+
+ @if $orientation == vertical {
+ $button-group-display: block;
+ $button-group-margin: 0;
+ > button, .button {
+ border-color: rgba(255, 255, 255, .5);
+ border-left-width: 0;
+ border-top: $button-group-border-width solid;
+ display: block;
+ margin:0;
+ }
+ > button {
+ width: 100%;
+ }
+
+ &:first-child {
+ button, .button {
+ border-top: 0;
+ }
+ }
+ }
+
+ display: $button-group-display;
+ margin: $button-group-margin;
+
+
+ // We use these to control left and right radius on first/last buttons in the group.
+ @if $radius == true {
+ &,
+ > a,
+ > button,
+ > .button { @include radius(0); }
+ &:first-child,
+ &:first-child > a,
+ &:first-child > button,
+ &:first-child > .button {
+ @if $orientation == vertical {
+ @include side-radius(top, $button-radius);
+ }
+ @else {
+ @include side-radius($default-float, $button-radius);
+ }
+ }
+ &:last-child,
+ &:last-child > a,
+ &:last-child > button,
+ &:last-child > .button {
+ @if $orientation == vertical {
+ @include side-radius(bottom, $button-radius);
+ }
+ @else {
+ @include side-radius($opposite-direction, $button-radius);
+ }
+ }
+ }
+ @else if $radius {
+ &,
+ > a,
+ > button,
+ > .button { @include radius(0); }
+ &:first-child,
+ &:first-child > a,
+ &:first-child > button,
+ &:first-child > .button {
+ @if $orientation == vertical {
+ @include side-radius(top, $radius);
+ }
+ @else {
+ @include side-radius($default-float, $radius);
+ }
+ }
+ &:last-child,
+ &:last-child > a,
+ &:last-child > button,
+ &:last-child > .button {
+ @if $orientation == vertical {
+ @include side-radius(bottom, $radius);
+ }
+ @else {
+ @include side-radius($opposite-direction, $radius);
+ }
+ }
+ }
+
+ // We use this to make the buttons even width across their container
+ @if $even {
+ width: percentage((100/$even) / 100);
+ button, .button { width: 100%; }
+ }
+}
+
+@include exports("button-group") {
+ @if $include-html-button-classes {
+ .button-group { @include button-group-container;
+
+ @for $i from 2 through 8 {
+ &.even-#{$i} li { @include button-group-style($even:$i, $float:null); }
+ }
+
+ > li { @include button-group-style(); }
+
+ &.stack {
+ > li { @include button-group-style($orientation:vertical); float: none; }
+ }
+
+ &.stack-for-small {
+ > li {
+ @include button-group-style($orientation:horizontal);
+ @media #{$small-only} {
+ @include button-group-style($orientation:vertical);
+ }
+ }
+ }
+
+ &.radius > * { @include button-group-style($radius:$button-radius, $float:null); }
+ &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); }
+ &.radius.stack-for-small > * {
+ @media #{$medium-up} {
+ @include button-group-style($radius:$button-radius, $orientation:horizontal);
+ }
+ @media #{$small-only} {
+ @include button-group-style($radius:$button-radius, $orientation:vertical);
+ }
+ }
+
+ &.round > * { @include button-group-style($radius:$button-round, $float:null); }
+ &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); }
+ &.round.stack-for-small > * {
+ @media #{$medium-up} {
+ @include button-group-style($radius:$button-round, $orientation:horizontal);
+ }
+ @media #{$small-only} {
+ @include button-group-style($radius:$button-med, $orientation:vertical);
+ }
+ }
+ }
+
+ .button-bar {
+ @include clearfix;
+ .button-group { @include button-group-container($styles:false, $float:true); }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_buttons.scss b/themes/foundation5/scss/vendor/foundation/components/_buttons.scss
new file mode 100644
index 00000000000..4069b2397f8
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_buttons.scss
@@ -0,0 +1,256 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-button-classes: $include-html-classes !default;
+
+// We use these to build padding for buttons.
+$button-tny: rem-calc(10) !default;
+$button-sml: rem-calc(14) !default;
+$button-med: rem-calc(16) !default;
+$button-lrg: rem-calc(18) !default;
+
+// We use this to control the display property.
+$button-display: inline-block !default;
+$button-margin-bottom: rem-calc(20) !default;
+
+// We use these to control button text styles.
+$button-font-family: $body-font-family !default;
+$button-font-color: $white !default;
+$button-font-color-alt: $oil !default;
+$button-font-tny: rem-calc(11) !default;
+$button-font-sml: rem-calc(13) !default;
+$button-font-med: rem-calc(16) !default;
+$button-font-lrg: rem-calc(20) !default;
+$button-font-weight: $font-weight-normal !default;
+$button-font-align: center !default;
+
+// We use these to control various hover effects.
+$button-function-factor: -20% !default;
+
+// We use these to control button border styles.
+$button-border-width: 0 !default;
+$button-border-style: solid !default;
+$button-bg-color: $primary-color !default;
+$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;
+$button-border-color: $button-bg-hover !default;
+$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default;
+$secondary-button-border-color: $secondary-button-bg-hover !default;
+$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default;
+$success-button-border-color: $success-button-bg-hover !default;
+$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;
+$alert-button-border-color: $alert-button-bg-hover !default;
+$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default;
+$warning-button-border-color: $warning-button-bg-hover !default;
+$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default;
+$info-button-border-color: $info-button-bg-hover !default;
+
+// We use this to set the default radius used throughout the core.
+$button-radius: $global-radius !default;
+$button-round: $global-rounded !default;
+
+// We use this to set default opacity and cursor for disabled buttons.
+$button-disabled-opacity: .7 !default;
+$button-disabled-cursor: $cursor-default-value !default;
+
+
+//
+// @MIXIN
+//
+// We use this mixin to create a default button base.
+//
+// $style - Sets base styles. Can be set to false. Default: true.
+// $display - Used to control display property. Default: $button-display || inline-block
+
+@mixin button-base($style:true, $display:$button-display) {
+ @if $style {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius:0;
+ border-style: $button-border-style;
+ border-width: $button-border-width;
+ cursor: $cursor-pointer-value;
+ font-family: $button-font-family;
+ font-weight: $button-font-weight;
+ line-height: normal;
+ margin: 0 0 $button-margin-bottom;
+ position: relative;
+ text-align: $button-font-align;
+ text-decoration: none;
+ }
+ @if $display { display: $display; }
+}
+
+// @MIXIN
+//
+// We use this mixin to add button size styles
+//
+// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)
+// $full-width - We can set $full-width:true to remove side padding extend width - Default: false
+
+@mixin button-size($padding:$button-med, $full-width:false) {
+
+ // We control which padding styles come through,
+ // these can be turned off by setting $padding:false
+ @if $padding {
+ padding: $padding ($padding * 2) ($padding + rem-calc(1)) ($padding * 2);
+ // We control the font-size based on mixin input.
+ @if $padding == $button-med { font-size: $button-font-med; }
+ @else if $padding == $button-tny { font-size: $button-font-tny; }
+ @else if $padding == $button-sml { font-size: $button-font-sml; }
+ @else if $padding == $button-lrg { font-size: $button-font-lrg; }
+ }
+
+ // We can set $full-width:true to remove side padding extend width.
+ @if $full-width {
+ // We still need to check if $padding is set.
+ @if $padding {
+ padding-bottom: $padding + rem-calc(1);
+ padding-top: $padding;
+ } @else if $padding == false {
+ padding-bottom:0;
+ padding-top:0;
+ }
+ padding-left: 0;
+ padding-right: 0;
+ width: 100%;
+ }
+}
+
+// @MIXIN
+//
+// we use this mixin to create the button hover and border colors
+
+// @MIXIN
+//
+// We use this mixin to add button color styles
+//
+// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.
+// $radius - If true, set to button radius which is $button-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false
+// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false
+// $bg-hover - Button Hover Background Color. Default: $button-bg-hover
+// $border-color - Button Border Color. Default: $button-border-color
+@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) {
+
+ // We control which background styles are used,
+ // these can be removed by setting $bg:false
+ @if $bg {
+
+ @if $bg-hover == null {
+ $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor));
+ }
+
+ @if $border-color == null {
+ $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor));
+ }
+
+ // This find the lightness percentage of the background color.
+ $bg-lightness: lightness($bg);
+ $bg-hover-lightness: lightness($bg-hover);
+
+ background-color: $bg;
+ border-color: $border-color;
+ &:hover,
+ &:focus { background-color: $bg-hover; }
+
+ // We control the text color for you based on the background color.
+ color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color);
+
+ &:hover,
+ &:focus {
+ color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color);
+ }
+ }
+
+ // We can set $disabled:true to create a disabled transparent button.
+ @if $disabled {
+ box-shadow: none;
+ cursor: $button-disabled-cursor;
+ opacity: $button-disabled-opacity;
+ &:hover,
+ &:focus { background-color: $bg; }
+ }
+
+ // We can control how much button radius is used.
+ @if $radius == true { @include radius($button-radius); }
+ @else if $radius { @include radius($radius); }
+
+}
+
+// @MIXIN
+//
+// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, "the kitchen sink mixin"
+//
+// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)
+// $bg - Primary color set in settings file. Default: $button-bg.
+// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false.
+// $full-width - We can set $full-width:true to remove side padding extend width. Default:false.
+// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false.
+// $is-prefix - Not used? Default:false.
+// $bg-hover - Button Hover Color - Default null - see button-style mixin
+// $border-color - Button Border Color - Default null - see button-style mixin
+// $transition - We can control whether or not to include the background-color transition property - Default:true.
+@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) {
+ @include button-base;
+ @include button-size($padding, $full-width);
+ @include button-style($bg, $radius, $disabled, $bg-hover, $border-color);
+
+ @if $transition {
+ @include single-transition(background-color);
+ }
+}
+
+
+@include exports("button") {
+ @if $include-html-button-classes {
+
+ // Default styles applied outside of media query
+ button, .button {
+ @include button-base;
+ @include button-size;
+ @include button-style;
+
+ @include single-transition(background-color);
+
+ &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }
+ &.success { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }
+ &.alert { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }
+ &.warning { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }
+ &.info { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }
+
+ &.large { @include button-size($padding:$button-lrg); }
+ &.small { @include button-size($padding:$button-sml); }
+ &.tiny { @include button-size($padding:$button-tny); }
+ &.expand { @include button-size($padding:null, $full-width:true); }
+
+ &.left-align { text-align: left; text-indent: rem-calc(12); }
+ &.right-align { text-align: right; padding-right: rem-calc(12); }
+
+ &.radius { @include button-style($bg:false, $radius:true); }
+ &.round { @include button-style($bg:false, $radius:$button-round); }
+
+ &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color);
+ &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }
+ &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }
+ &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }
+ &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }
+ &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }
+ }
+ }
+
+ //firefox 2px fix
+ button::-moz-focus-inner {border:0; padding:0;}
+
+ @media #{$medium-up} {
+ button, .button {
+ @include button-base($style:false, $display:inline-block);
+ @include button-size($padding:false, $full-width:false);
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_clearing.scss b/themes/foundation5/scss/vendor/foundation/components/_clearing.scss
new file mode 100644
index 00000000000..e58966a4156
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_clearing.scss
@@ -0,0 +1,260 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-clearing-classes: $include-html-classes !default;
+
+// We use these to set the background colors for parts of Clearing.
+$clearing-bg: $oil !default;
+$clearing-caption-bg: $clearing-bg !default;
+$clearing-carousel-bg: rgba(51,51,51,0.8) !default;
+$clearing-img-bg: $clearing-bg !default;
+
+// We use these to style the close button
+$clearing-close-color: $iron !default;
+$clearing-close-size: 30px !default;
+
+// We use these to style the arrows
+$clearing-arrow-size: 12px !default;
+$clearing-arrow-color: $clearing-close-color !default;
+
+// We use these to style captions
+$clearing-caption-font-color: $iron !default;
+$clearing-caption-font-size: .875em !default;
+$clearing-caption-padding: 10px 30px 20px !default;
+
+// We use these to make the image and carousel height and style
+$clearing-active-img-height: 85% !default;
+$clearing-carousel-height: 120px !default;
+$clearing-carousel-thumb-width: 120px !default;
+$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
+
+@include exports("clearing") {
+ @if $include-html-clearing-classes {
+ // We decided to not create a mixin for Clearing because it relies
+ // on predefined classes and structure to work properly.
+ // The variables above should give enough control.
+
+ /* Clearing Styles */
+ .clearing-thumbs, #{data('clearing')} {
+ @include clearfix;
+ list-style: none;
+ margin-#{$default-float}: 0;
+ margin-bottom: 0;
+
+ li {
+ float: $default-float;
+ margin-#{$opposite-direction}: 10px;
+ }
+
+ &[class*="block-grid-"] li {
+ margin-#{$opposite-direction}: 0;
+ }
+ }
+
+ .clearing-blackout {
+ background: $clearing-bg;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 998;
+ #{$default-float}: 0;
+
+ .clearing-close { display: block; }
+ }
+
+ .clearing-container {
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
+ z-index: 998;
+ }
+
+ .clearing-touch-label {
+ color: $base;
+ font-size: .6em;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ }
+
+ .visible-img {
+ height: 95%;
+ position: relative;
+
+ img {
+ position: absolute;
+ #{$default-float}: 50%;
+ top: 50%;
+ @if $default-float == left {
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ -moz-transform: translateY(-50%) translateX(-50%);
+ -ms-transform: translateY(-50%) translateX(-50%);
+ -o-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+ }
+ @else {
+ -webkit-transform: translateY(-50%) translateX(50%);
+ -moz-transform: translateY(-50%) translateX(50%);
+ -ms-transform: translateY(-50%) translateX(50%);
+ -o-transform: translateY(-50%) translateX(50%);
+ transform: translateY(-50%) translateX(50%);
+ };
+ max-height: 100%;
+ max-width: 100%;
+ }
+ }
+
+ .clearing-caption {
+ background: $clearing-caption-bg;
+ bottom: 0;
+ color: $clearing-caption-font-color;
+ font-size: $clearing-caption-font-size;
+ line-height: 1.3;
+ margin-bottom: 0;
+ padding: $clearing-caption-padding;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ #{$default-float}: 0;
+ }
+
+ .clearing-close {
+ color: $clearing-close-color;
+ display: none;
+ font-size: $clearing-close-size;
+ line-height: 1;
+ padding-#{$default-float}: 20px;
+ padding-top: 10px;
+ z-index: 999;
+
+ &:hover,
+ &:focus { color: $iron; }
+ }
+
+ .clearing-assembled .clearing-container { height: 100%;
+ .carousel > ul { display: none; }
+ }
+
+ // If you want to show a lightbox, but only have a single image come through as the thumbnail
+ .clearing-feature li {
+ display: none;
+ &.clearing-featured-img {
+ display: block;
+ }
+ }
+
+ // Large screen overrides
+ @media #{$medium-up} {
+ .clearing-main-prev,
+ .clearing-main-next {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 40px;
+ > span {
+ border: solid $clearing-arrow-size;
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ &:hover { opacity: .8; }
+ }
+ }
+ .clearing-main-prev {
+ #{$default-float}: 0;
+ > span {
+ #{$default-float}: 5px;
+ border-color: transparent;
+ border-#{$opposite-direction}-color: $clearing-arrow-color;
+ }
+ }
+ .clearing-main-next {
+ #{$opposite-direction}: 0;
+ > span {
+ border-color: transparent;
+ border-#{$default-float}-color: $clearing-arrow-color;
+ }
+ }
+
+ .clearing-main-prev.disabled,
+ .clearing-main-next.disabled { opacity: .3; }
+
+ .clearing-assembled .clearing-container {
+
+ .carousel {
+ background: $clearing-carousel-bg;
+ height: $clearing-carousel-height;
+ margin-top: 10px;
+ text-align: center;
+
+ > ul {
+ display: inline-block;
+ z-index: 999;
+ height: 100%;
+ position: relative;
+ float: none;
+
+ li {
+ clear: none;
+ cursor: $cursor-pointer-value;
+ display: block;
+ float: $default-float;
+ margin-#{$opposite-direction}: 0;
+ min-height: inherit;
+ opacity: .4;
+ overflow: hidden;
+ padding: 0;
+ position: relative;
+ width: $clearing-carousel-thumb-width;
+
+ &.fix-height {
+ img {
+ height: 100%;
+ max-width: none;
+ }
+ }
+
+ a.th {
+ border: none;
+ box-shadow: none;
+ display: block;
+ }
+
+ img {
+ cursor: $cursor-pointer-value !important;
+ width: 100% !important;
+ }
+
+ &.visible { opacity: 1; }
+ &:hover { opacity: .8; }
+ }
+ }
+ }
+
+ .visible-img {
+ background: $clearing-img-bg;
+ height: $clearing-active-img-height;
+ overflow: hidden;
+ }
+ }
+
+ .clearing-close {
+ padding-#{$default-float}: 0;
+ padding-top: 0;
+ position: absolute;
+ top: 10px;
+ #{$opposite-direction}: 20px;
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_dropdown-buttons.scss b/themes/foundation5/scss/vendor/foundation/components/_dropdown-buttons.scss
new file mode 100644
index 00000000000..1dc92d1eb1c
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_dropdown-buttons.scss
@@ -0,0 +1,130 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-button-classes: $include-html-classes !default;
+
+// We use these to set the color of the pip in dropdown buttons
+$dropdown-button-pip-color: $white !default;
+$dropdown-button-pip-color-alt: $oil !default;
+
+// We use these to set the size of the pip in dropdown buttons
+$button-pip-tny: rem-calc(6) !default;
+$button-pip-sml: rem-calc(7) !default;
+$button-pip-med: rem-calc(9) !default;
+$button-pip-lrg: rem-calc(11) !default;
+
+// We use these to style tiny dropdown buttons
+$dropdown-button-padding-tny: $button-pip-tny * 7 !default;
+$dropdown-button-pip-size-tny: $button-pip-tny !default;
+$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;
+$dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default;
+
+// We use these to style small dropdown buttons
+$dropdown-button-padding-sml: $button-pip-sml * 7 !default;
+$dropdown-button-pip-size-sml: $button-pip-sml !default;
+$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;
+$dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default;
+
+// We use these to style medium dropdown buttons
+$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;
+$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;
+$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;
+$dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default;
+
+// We use these to style large dropdown buttons
+$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;
+$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;
+$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;
+$dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;
+
+// @mixins
+//
+// Dropdown Button Mixin
+//
+// We use this mixin to build off of the button mixin and add dropdown button styles
+//
+// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]
+// $pip-color - Color of the little triangle that points to the dropdown. Default: $white.
+// $base-style - Add in base-styles. This can be set to false. Default:true
+
+@mixin dropdown-button($padding:medium, $pip-color:$dropdown-button-pip-color, $base-style:true) {
+
+ // We add in base styles, but they can be negated by setting to 'false'.
+ @if $base-style {
+ position: relative;
+
+ // This creates the base styles for the triangle pip
+ &::after {
+ border-color: $dropdown-button-pip-color transparent transparent transparent;
+ border-style: solid;
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ }
+ }
+
+ // If we're dealing with tiny buttons, use these styles
+ @if $padding == tiny {
+ padding-#{$opposite-direction}: $dropdown-button-padding-tny;
+ &:after {
+ border-width: $dropdown-button-pip-size-tny;
+ #{$opposite-direction}: $dropdown-button-pip-opposite-tny;
+ margin-top: $dropdown-button-pip-top-tny;
+ }
+ }
+
+ // If we're dealing with small buttons, use these styles
+ @if $padding == small {
+ padding-#{$opposite-direction}: $dropdown-button-padding-sml;
+ &::after {
+ border-width: $dropdown-button-pip-size-sml;
+ #{$opposite-direction}: $dropdown-button-pip-opposite-sml;
+ margin-top: $dropdown-button-pip-top-sml;
+ }
+ }
+
+ // If we're dealing with default (medium) buttons, use these styles
+ @if $padding == medium {
+ padding-#{$opposite-direction}: $dropdown-button-padding-med;
+ &::after {
+ border-width: $dropdown-button-pip-size-med;
+ #{$opposite-direction}: $dropdown-button-pip-opposite-med;
+ margin-top: $dropdown-button-pip-top-med;
+ }
+ }
+
+ // If we're dealing with large buttons, use these styles
+ @if $padding == large {
+ padding-#{$opposite-direction}: $dropdown-button-padding-lrg;
+ &::after {
+ border-width: $dropdown-button-pip-size-lrg;
+ #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;
+ margin-top: $dropdown-button-pip-top-lrg;
+ }
+ }
+
+ // We can control the pip color. We didn't use logic in this case, just set it and forget it.
+ @if $pip-color {
+ &::after { border-color: $pip-color transparent transparent transparent; }
+ }
+}
+
+@include exports("dropdown-button") {
+ @if $include-html-button-classes {
+ .dropdown.button, button.dropdown { @include dropdown-button;
+ &.tiny { @include dropdown-button(tiny, $base-style:false); }
+ &.small { @include dropdown-button(small, $base-style:false); }
+ &.large { @include dropdown-button(large, $base-style:false); }
+ &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_dropdown.scss b/themes/foundation5/scss/vendor/foundation/components/_dropdown.scss
new file mode 100644
index 00000000000..ff1a6ec0ccf
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_dropdown.scss
@@ -0,0 +1,268 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-dropdown-classes: $include-html-classes !default;
+
+// We use these to controls height and width styles.
+$f-dropdown-max-width: 200px !default;
+$f-dropdown-height: auto !default;
+$f-dropdown-max-height: none !default;
+
+// Used for bottom position
+$f-dropdown-margin-top: 2px !default;
+
+// Used for right position
+$f-dropdown-margin-left: $f-dropdown-margin-top !default;
+
+// Used for left position
+$f-dropdown-margin-right: $f-dropdown-margin-top !default;
+
+// Used for top position
+$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;
+
+// We use this to control the background color
+$f-dropdown-bg: $white !default;
+
+// We use this to set the border styles for dropdowns.
+$f-dropdown-border-style: solid !default;
+$f-dropdown-border-width: 1px !default;
+$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;
+
+// We use these to style the triangle pip.
+$f-dropdown-triangle-size: 6px !default;
+$f-dropdown-triangle-color: $white !default;
+$f-dropdown-triangle-side-offset: 10px !default;
+
+// We use these to control styles for the list elements.
+$f-dropdown-list-style: none !default;
+$f-dropdown-font-color: $charcoal !default;
+$f-dropdown-font-size: rem-calc(14) !default;
+$f-dropdown-list-padding: rem-calc(5, 10) !default;
+$f-dropdown-line-height: rem-calc(18) !default;
+$f-dropdown-list-hover-bg: $smoke !default;
+$dropdown-mobile-default-float: 0 !default;
+
+// We use this to control the styles for when the dropdown has custom content.
+$f-dropdown-content-padding: rem-calc(20) !default;
+
+// Default radius for dropdown.
+$f-dropdown-radius: $global-radius !default;
+
+//
+// @mixins
+//
+//
+// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;
+// We use this to style the dropdown container element.
+// $content-list - Sets list-style. Default: list. Options: [list, content]
+// $triangle - Sets if dropdown has triangle. Default:true.
+// $max-width - Default: $f-dropdown-max-width || 200px.
+@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {
+ display: none;
+ left: -9999px;
+ list-style: $f-dropdown-list-style;
+ margin-#{$default-float}: 0;
+ position: absolute;
+
+ &.open {
+ display: block;
+ }
+
+ > *:first-child { margin-top: 0; }
+ > *:last-child { margin-bottom: 0; }
+
+ @if $content == list {
+ background: $f-dropdown-bg;
+ border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
+ font-size: $f-dropdown-font-size;
+ height: $f-dropdown-height;
+ max-height: $f-dropdown-max-height;
+ width: 100%;
+ z-index: 89;
+ }
+ @else if $content == content {
+ background: $f-dropdown-bg;
+ border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
+ font-size: $f-dropdown-font-size;
+ height: $f-dropdown-height;
+ max-height: $f-dropdown-max-height;
+ padding: $f-dropdown-content-padding;
+ width: 100%;
+ z-index: 89;
+ }
+
+ @if $triangle == bottom {
+ margin-top: $f-dropdown-margin-top;
+
+ @if $f-dropdown-triangle-size != 0px {
+
+ &:before {
+ @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
+ position: absolute;
+ top: -($f-dropdown-triangle-size * 2);
+ #{$default-float}: $f-dropdown-triangle-side-offset;
+ z-index: 89;
+ }
+ &:after {
+ @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);
+ position: absolute;
+ top: -(($f-dropdown-triangle-size + 1) * 2);
+ #{$default-float}: $f-dropdown-triangle-side-offset - 1;
+ z-index: 88;
+ }
+
+ &.right:before {
+ #{$default-float}: auto;
+ #{$opposite-direction}: $f-dropdown-triangle-side-offset;
+ }
+ &.right:after {
+ #{$default-float}: auto;
+ #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;
+ }
+ }
+ }
+
+ @if $triangle == $default-float {
+ margin-top: 0;
+ margin-#{$default-float}: $f-dropdown-margin-right;
+
+ &:before {
+ @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});
+ position: absolute;
+ top: $f-dropdown-triangle-side-offset;
+ #{$default-float}: -($f-dropdown-triangle-size * 2);
+ z-index: 89;
+ }
+ &:after {
+ @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});
+ position: absolute;
+ top: $f-dropdown-triangle-side-offset - 1;
+ #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;
+ z-index: 88;
+ }
+
+ }
+
+ @if $triangle == $opposite-direction {
+ margin-top: 0;
+ margin-#{$default-float}: -$f-dropdown-margin-right;
+
+ &:before {
+ @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});
+ position: absolute;
+ top: $f-dropdown-triangle-side-offset;
+ #{$opposite-direction}: -($f-dropdown-triangle-size * 2);
+ #{$default-float}: auto;
+ z-index: 89;
+ }
+ &:after {
+ @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});
+ position: absolute;
+ top: $f-dropdown-triangle-side-offset - 1;
+ #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;
+ #{$default-float}: auto;
+ z-index: 88;
+ }
+
+ }
+
+ @if $triangle == top {
+ margin-left: 0;
+ margin-top: -$f-dropdown-margin-bottom;
+
+ &:before {
+ @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);
+ bottom: -($f-dropdown-triangle-size * 2);
+ position: absolute;
+ top: auto;
+ #{$default-float}: $f-dropdown-triangle-side-offset;
+ #{$opposite-direction}: auto;
+ z-index: 89;
+ }
+ &:after {
+ @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);
+ bottom: -($f-dropdown-triangle-size * 2) - 2;
+ position: absolute;
+ top: auto;
+ #{$default-float}: $f-dropdown-triangle-side-offset - 1;
+ #{$opposite-direction}: auto;
+ z-index: 88;
+ }
+
+ }
+
+ @if $max-width { max-width: $max-width; }
+ @else { max-width: $f-dropdown-max-width; }
+
+}
+
+// @MIXIN
+//
+// We use this to style the list elements or content inside the dropdown.
+
+@mixin dropdown-style {
+ cursor: $cursor-pointer-value;
+ font-size: $f-dropdown-font-size;
+ line-height: $f-dropdown-line-height;
+ margin: 0;
+
+ &:hover,
+ &:focus { background: $f-dropdown-list-hover-bg; }
+
+ &.radius { @include radius($f-dropdown-radius); }
+
+ a {
+ display: block;
+ padding: $f-dropdown-list-padding;
+ color: $f-dropdown-font-color;
+ }
+}
+
+@include exports("dropdown") {
+ @if $include-html-dropdown-classes {
+
+ /* Foundation Dropdowns */
+ .f-dropdown {
+ @include dropdown-container(list, bottom);
+
+ &.drop-#{$opposite-direction} {
+ @include dropdown-container(list, #{$default-float});
+ }
+
+ &.drop-#{$default-float} {
+ @include dropdown-container(list, #{$opposite-direction});
+ }
+
+ &.drop-top {
+ @include dropdown-container(list, top);
+ }
+ // max-width: none;
+
+ li { @include dropdown-style; }
+
+ // You can also put custom content in these dropdowns
+ &.content { @include dropdown-container(content, $triangle:false); }
+
+ // Sizes
+ &.tiny { max-width: 200px; }
+ &.small { max-width: 300px; }
+ &.medium { max-width: 500px; }
+ &.large { max-width: 800px; }
+ &.mega {
+ width:100%!important;
+ max-width:100%!important;
+
+ &.open{
+ left:0!important;
+ }
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_flex-video.scss b/themes/foundation5/scss/vendor/foundation/components/_flex-video.scss
new file mode 100644
index 00000000000..4df77e5f742
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_flex-video.scss
@@ -0,0 +1,51 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-media-classes: $include-html-classes !default;
+
+// We use these to control video container padding and margins
+$flex-video-padding-top: rem-calc(25) !default;
+$flex-video-padding-bottom: 67.5% !default;
+$flex-video-margin-bottom: rem-calc(16) !default;
+
+// We use this to control widescreen bottom padding
+$flex-video-widescreen-padding-bottom: 56.34% !default;
+
+//
+// @mixins
+//
+
+@mixin flex-video-container {
+ height: 0;
+ margin-bottom: $flex-video-margin-bottom;
+ overflow: hidden;
+ padding-bottom: $flex-video-padding-bottom;
+ padding-top: $flex-video-padding-top;
+ position: relative;
+
+ &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }
+ &.vimeo { padding-top: 0; }
+
+ iframe,
+ object,
+ embed,
+ video {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ #{$default-float}: 0;
+ }
+}
+
+@include exports("flex-video") {
+ @if $include-html-media-classes {
+ .flex-video { @include flex-video-container; }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_forms.scss b/themes/foundation5/scss/vendor/foundation/components/_forms.scss
new file mode 100644
index 00000000000..f0497499785
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_forms.scss
@@ -0,0 +1,609 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'buttons';
+
+//
+// @variables
+//
+$include-html-form-classes: $include-html-classes !default;
+
+// We use this to set the base for lots of form spacing and positioning styles
+$form-spacing: rem-calc(16) !default;
+
+// We use these to style the labels in different ways
+$form-label-pointer: pointer !default;
+$form-label-font-size: rem-calc(14) !default;
+$form-label-font-weight: $font-weight-normal !default;
+$form-label-line-height: 1.5 !default;
+$form-label-font-color: scale-color($black, $lightness: 30%) !default;
+$form-label-small-transform: capitalize !default;
+$form-label-bottom-margin: 0 !default;
+$input-font-family: inherit !default;
+$input-font-color: rgba(0,0,0,0.75) !default;
+$input-placeholder-font-color: $steel !default;
+$input-font-size: rem-calc(14) !default;
+$input-bg-color: $white !default;
+$input-focus-bg-color: scale-color($white, $lightness: -2%) !default;
+$input-border-color: scale-color($white, $lightness: -20%) !default;
+$input-focus-border-color: scale-color($white, $lightness: -40%) !default;
+$input-border-style: solid !default;
+$input-border-width: 1px !default;
+$input-border-radius: $global-radius !default;
+$input-disabled-bg: $gainsboro !default;
+$input-disabled-cursor: $cursor-default-value !default;
+$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;
+$input-include-glowing-effect: false !default;
+
+// We use these to style the fieldset border and spacing.
+$fieldset-border-style: solid !default;
+$fieldset-border-width: 1px !default;
+$fieldset-border-color: $gainsboro !default;
+$fieldset-padding: rem-calc(20) !default;
+$fieldset-margin: rem-calc(18 0) !default;
+
+// We use these to style the legends when you use them
+$legend-bg: $white !default;
+$legend-font-weight: $font-weight-bold !default;
+$legend-padding: rem-calc(0 3) !default;
+
+// We use these to style the prefix and postfix input elements
+$input-prefix-bg: scale-color($white, $lightness: -5%) !default;
+$input-prefix-border-color: scale-color($white, $lightness: -20%) !default;
+$input-prefix-border-size: 1px !default;
+$input-prefix-border-type: solid !default;
+$input-prefix-overflow: visible !default;
+$input-prefix-font-color: $oil !default;
+$input-prefix-font-color-alt: $white !default;
+
+// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
+$input-number-spinners: true !default;
+
+// We use these to style the error states for inputs and labels
+$input-error-message-padding: rem-calc(6 9 9) !default;
+$input-error-message-top: -1px !default;
+$input-error-message-font-size: rem-calc(12) !default;
+$input-error-message-font-weight: $font-weight-normal !default;
+$input-error-message-font-style: italic !default;
+$input-error-message-font-color: $white !default;
+$input-error-message-bg-color: $alert-color !default;
+$input-error-message-font-color-alt: $oil !default;
+
+// We use this to style the glowing effect of inputs when focused
+$glowing-effect-fade-time: .45s !default;
+$glowing-effect-color: $input-focus-border-color !default;
+
+// We use this to style the transition when inputs are focused and when the glowing effect is disabled.
+$input-transition-fade-time: 0.15s !default;
+$input-transition-fade-timing-function: linear !default;
+
+// Select variables
+$select-bg-color: $ghost !default;
+$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
+
+//
+// @MIXINS
+//
+
+// We use this mixin to give us form styles for rows inside of forms
+@mixin form-row-base {
+ .row { margin: 0 ((-$form-spacing) / 2);
+
+ .column,
+ .columns { padding: 0 ($form-spacing / 2); }
+
+ // Use this to collapse the margins of a form row
+ &.collapse { margin: 0;
+
+ .column,
+ .columns { padding: 0; }
+ input {
+ @include side-radius($opposite-direction, 0);
+ }
+
+ }
+ }
+ input.column,
+ input.columns,
+ textarea.column,
+ textarea.columns { padding-#{$default-float}: ($form-spacing / 2); }
+}
+
+// @MIXIN
+//
+// We use this mixin to give all basic form elements their style
+@mixin form-element {
+ background-color: $input-bg-color;
+ border: {
+ style: $input-border-style;
+ width: $input-border-width;
+ color: $input-border-color;
+ }
+ box-shadow: $input-box-shadow;
+ color: $input-font-color;
+ display: block;
+ font-family: $input-font-family;
+ font-size: $input-font-size;
+ height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+ margin: 0 0 $form-spacing 0;
+ padding: $form-spacing / 2;
+ width: 100%;
+ @include box-sizing(border-box);
+ @if $input-include-glowing-effect {
+ @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color);
+ }
+ // Basic focus styles
+ &:focus {
+ background: $input-focus-bg-color;
+ border-color: $input-focus-border-color;
+ outline: none;
+ }
+ // Disabled Styles
+ &:disabled {
+ background-color: $input-disabled-bg;
+ cursor: $input-disabled-cursor;
+ }
+
+ // Disabled background input background color
+ &[disabled],
+ &[readonly],
+ fieldset[disabled] & {
+ background-color: $input-disabled-bg;
+ cursor: $input-disabled-cursor;
+ }
+}
+
+// @MIXIN
+//
+// We use this mixin to create form labels
+//
+// $alignment - Alignment options. Default: false. Options: [right, inline, false]
+// $base-style - Control whether or not the base styles come through. Default: true.
+@mixin form-label($alignment:false, $base-style:true) {
+
+ // Control whether or not the base styles come through.
+ @if $base-style {
+ color: $form-label-font-color;
+ cursor: $form-label-pointer;
+ display: block;
+ font-size: $form-label-font-size;
+ font-weight: $form-label-font-weight;
+ line-height: $form-label-line-height;
+ margin-bottom: $form-label-bottom-margin;
+ }
+
+ // Alignment options
+ @if $alignment == right {
+ float: none !important;
+ text-align: right;
+ }
+ @else if $alignment == inline {
+ margin: 0 0 $form-spacing 0;
+ padding: $form-spacing / 2 + rem-calc($input-border-width) 0;
+ }
+}
+
+// We use this mixin to create postfix/prefix form Labels
+@mixin prefix-postfix-base {
+ border-style: $input-prefix-border-type;
+ border-width: $input-prefix-border-size;
+ display: block;
+ font-size: $form-label-font-size;
+ height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+ line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+ overflow: $input-prefix-overflow;
+ padding-bottom: 0;
+ padding-top: 0;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ z-index: 2;
+}
+
+// @MIXIN
+//
+// We use this mixin to create prefix label styles
+// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;
+// $is-button - Toggle position settings if prefix is a button. Default:false
+//
+@mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) {
+
+ @if $bg {
+ $bg-lightness: lightness($bg);
+ background: $bg;
+ border-#{$opposite-direction}: none;
+
+ // Control the font color based on background brightness
+ @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }
+ @else { color: $input-prefix-font-color-alt; }
+ }
+
+ @if $border {
+ border-color: $border;
+ }
+
+ @if $is-button {
+ border: none;
+ padding-#{$default-float}: 0;
+ padding-#{$opposite-direction}: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+ }
+
+}
+
+// @MIXIN
+//
+// We use this mixin to create postfix label styles
+// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;
+// $is-button - Toggle position settings if prefix is a button. Default: false
+@mixin postfix($bg:$input-prefix-bg, $border-left-hidden:false, $border:$input-prefix-border-color, $is-button:false) {
+
+ @if $bg {
+ $bg-lightness: lightness($bg);
+ background: $bg;
+ @if $border-left-hidden {
+ border-#{$default-float}: none;
+ }
+
+ // Control the font color based on background brightness
+ @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }
+ @else { color: $input-prefix-font-color-alt; }
+ }
+
+ @if $border {
+ border-color: $border;
+ }
+
+ @if $is-button {
+ border: none;
+ padding-#{$default-float}: 0;
+ padding-#{$opposite-direction}: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ text-align: center;
+ }
+
+}
+
+// We use this mixin to style fieldsets
+@mixin fieldset {
+ border: $fieldset-border-width $fieldset-border-style $fieldset-border-color;
+ margin: $fieldset-margin;
+ padding: $fieldset-padding;
+
+ // and legend styles
+ legend {
+ background: $legend-bg;
+ font-weight: $legend-font-weight;
+ margin-#{$default-float}: rem-calc(-3);
+ margin: 0;
+ padding: $legend-padding;
+ }
+}
+
+// @MIXIN
+//
+// We use this mixin to control border and background color of error inputs
+// $color - Default: $alert-color (found in settings file)
+@mixin form-error-color($color:$alert-color) {
+ background-color: rgba($color, .1);
+ border-color: $color;
+
+ // Go back to normal on focus
+ &:focus {
+ background: $input-focus-bg-color;
+ border-color: $input-focus-border-color;
+ }
+}
+
+// @MIXIN
+//
+// We use this simple mixin to style labels for error inputs
+// $color - Default:$alert-color. Found in settings file
+@mixin form-label-error-color($color:$alert-color) { color: $color; }
+
+// @MIXIN
+//
+// We use this mixin to create error message styles
+// $bg - Default: $alert-color (Found in settings file)
+@mixin form-error-message($bg:$input-error-message-bg-color) {
+ display: block;
+ font-size: $input-error-message-font-size;
+ font-style: $input-error-message-font-style;
+ font-weight: $input-error-message-font-weight;
+ margin-bottom: $form-spacing;
+ margin-top: $input-error-message-top;
+ padding: $input-error-message-padding;
+
+ // We can control the text color based on the brightness of the background.
+ $bg-lightness: lightness($bg);
+ background: $bg;
+ @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; }
+ @else { color: $input-error-message-font-color-alt; }
+}
+
+// We use this mixin to style select elements
+@mixin form-select {
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ background-color: $select-bg-color;
+ border-radius: 0;
+
+ // Hide the dropdown arrow shown in newer IE versions
+ &::-ms-expand {
+ display: none;
+ }
+
+ // The custom arrow has some fake horizontal padding so we can align it
+ // from the right side of the element without relying on CSS3
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
+
+ // We can safely use leftmost and rightmost now
+ background-position: if($text-direction == 'rtl', 0%, 100%) center;
+
+ background-repeat: no-repeat;
+ border: {
+ style: $input-border-style;
+ width: $input-border-width;
+ color: $input-border-color;
+ }
+ color: $input-font-color;
+ font-family: $input-font-family;
+ font-size: $input-font-size;
+ line-height: normal;
+ padding: ($form-spacing / 2);
+ @include radius(0);
+ &.radius { @include radius($global-radius); }
+ &:hover {
+ background-color: $select-hover-bg-color;
+ border-color: $input-focus-border-color;
+ }
+ // Disabled Styles
+ &:disabled {
+ background-color: $input-disabled-bg;
+ cursor: $input-disabled-cursor;
+ }
+}
+
+// We use this mixin to turn on/off HTML5 number spinners
+@mixin html5number($browser, $on:true) {
+ @if $on==false {
+ @if $browser==webkit {
+ -webkit-appearance: none;
+ margin: 0;
+ } @else if $browser==moz {
+ -moz-appearance: textfield;
+ }
+ }
+}
+
+@include exports("form") {
+ @if $include-html-form-classes {
+ /* Standard Forms */
+ form { margin: 0 0 $form-spacing; }
+
+ /* Using forms within rows, we need to set some defaults */
+ form .row { @include form-row-base; }
+
+ /* Label Styles */
+ label { @include form-label;
+ &.right { @include form-label(right, false); }
+ &.inline { @include form-label(inline, false); }
+ /* Styles for required inputs */
+ small {
+ text-transform: $form-label-small-transform;
+ color: scale-color($form-label-font-color, $lightness: 15%);
+ }
+ }
+
+ /* Attach elements to the beginning or end of an input */
+ .prefix,
+ .postfix { @include prefix-postfix-base; }
+
+ /* Adjust padding, alignment and radius if pre/post element is a button */
+ .postfix.button { @include button-size(false, false); @include postfix(false, false, false, true); }
+ .prefix.button { @include button-size(false, false); @include prefix(false, false, true); }
+
+ .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }
+ .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }
+ .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); }
+ .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); }
+
+ /* Separate prefix and postfix styles when on span or label so buttons keep their own */
+ span.prefix, label.prefix { @include prefix(); }
+ span.postfix, label.postfix { @include postfix(); }
+
+ /* We use this to get basic styling on all basic form elements */
+ #{text-inputs(all, 'input')} {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ @include form-element;
+ @if $input-include-glowing-effect == false {
+ -webkit-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;
+ -moz-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;
+ -ms-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;
+ -o-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;
+ transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;
+ }
+ &.radius {
+ @include radius($input-border-radius);
+ }
+ }
+
+ form {
+ .row {
+ .prefix-radius.row.collapse {
+ input,
+ textarea,
+ select,
+ button { @include radius(0); @include side-radius($opposite-direction, $button-radius); }
+ .prefix { @include radius(0); @include side-radius($default-float, $button-radius); }
+ }
+ .postfix-radius.row.collapse {
+ input,
+ textarea,
+ select,
+ button { @include radius(0); @include side-radius($default-float, $button-radius); }
+ .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); }
+ }
+ .prefix-round.row.collapse {
+ input,
+ textarea,
+ select,
+ button { @include radius(0); @include side-radius($opposite-direction, $button-round); }
+ .prefix { @include radius(0); @include side-radius($default-float, $button-round); }
+ }
+ .postfix-round.row.collapse {
+ input,
+ textarea,
+ select,
+ button { @include radius(0); @include side-radius($default-float, $button-round); }
+ .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); }
+ }
+ }
+ }
+
+ input[type="submit"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-radius: 0;
+ }
+
+ /* Respect enforced amount of rows for textarea */
+ textarea[rows] {
+ height: auto;
+ }
+
+ /* Not allow resize out of parent */
+ textarea {
+ max-width: 100%;
+ }
+
+ // style placeholder text cross browser
+ ::-webkit-input-placeholder {
+ color: $input-placeholder-font-color;
+ }
+
+ :-moz-placeholder { /* Firefox 18- */
+ color: $input-placeholder-font-color;
+ }
+
+ ::-moz-placeholder { /* Firefox 19+ */
+ color: $input-placeholder-font-color;
+ }
+
+ :-ms-input-placeholder {
+ color: $input-placeholder-font-color;
+ }
+
+
+ /* Add height value for select elements to match text input height */
+ select {
+ @include form-select;
+ height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+ &[multiple] {
+ height: auto;
+ }
+ }
+
+ /* Adjust margin for form elements below */
+ input[type="file"],
+ input[type="checkbox"],
+ input[type="radio"],
+ select {
+ margin: 0 0 $form-spacing 0;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ display: inline-block;
+ margin-#{$default-float}: $form-spacing * .5;
+ margin-#{$opposite-direction}: $form-spacing;
+ margin-bottom: 0;
+ vertical-align: baseline;
+ }
+
+ /* Normalize file input width */
+ input[type="file"] {
+ width:100%;
+ }
+
+ /* HTML5 Number spinners settings */
+ input[type=number] {
+ @include html5number(moz, $input-number-spinners)
+ }
+ input[type="number"]::-webkit-inner-spin-button,
+ input[type="number"]::-webkit-outer-spin-button {
+ @include html5number(webkit, $input-number-spinners);
+ }
+
+ /* We add basic fieldset styling */
+ fieldset {
+ @include fieldset;
+ }
+
+ /* Error Handling */
+
+ #{data('abide')} {
+ .error small.error, .error span.error, span.error, small.error {
+ @include form-error-message;
+ }
+ span.error, small.error { display: none; }
+ }
+
+ span.error, small.error {
+ @include form-error-message;
+ }
+
+ .error {
+ input,
+ textarea,
+ select {
+ margin-bottom: 0;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ margin-bottom: $form-spacing
+ }
+
+ label,
+ label.error {
+ @include form-label-error-color;
+ }
+
+ small.error {
+ @include form-error-message;
+ }
+
+ > label {
+ > small {
+ background: transparent;
+ color: scale-color($form-label-font-color, $lightness: 15%);
+ display: inline;
+ font-size: 60%;
+ font-style: normal;
+ margin: 0;
+ padding: 0;
+ text-transform: $form-label-small-transform;
+ }
+ }
+
+ span.error-message {
+ display: block;
+ }
+ }
+
+ input.error,
+ textarea.error,
+ select.error {
+ margin-bottom: 0;
+ }
+ label.error { @include form-label-error-color; }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_global.scss b/themes/foundation5/scss/vendor/foundation/components/_global.scss
new file mode 100644
index 00000000000..1fda12acdb5
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_global.scss
@@ -0,0 +1,499 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import '../functions';
+//
+// Foundation Variables
+//
+
+// Data attribute namespace
+// styles get applied to [data-mysite-plugin], etc
+$namespace: false !default;
+
+// The default font-size is set to 100% of the browser style sheet (usually 16px)
+// for compatibility with browser-based text zoom or user-set defaults.
+
+// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
+// If you want your base font-size to be different and not have it affect the grid breakpoints,
+// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
+$base-font-size: 100% !default;
+
+// $base-line-height is 24px while $base-font-size is 16px
+$base-line-height: 1.5 !default;
+
+//
+// Global Foundation Mixins
+//
+
+// @mixins
+//
+// We use this to control border radius.
+// $radius - Default: $global-radius || 4px
+@mixin radius($radius:$global-radius) {
+ @if $radius {
+ border-radius: $radius;
+ }
+}
+
+// @mixins
+//
+// We use this to create equal side border radius on elements.
+// $side - Options: left, right, top, bottom
+@mixin side-radius($side, $radius:$global-radius) {
+ @if ($side == left or $side == right) {
+ -webkit-border-bottom-#{$side}-radius: $radius;
+ -webkit-border-top-#{$side}-radius: $radius;
+ border-bottom-#{$side}-radius: $radius;
+ border-top-#{$side}-radius: $radius;
+ } @else {
+ -webkit-#{$side}-left-radius: $radius;
+ -webkit-#{$side}-right-radius: $radius;
+ border-#{$side}-left-radius: $radius;
+ border-#{$side}-right-radius: $radius;
+ }
+}
+
+// @mixins
+//
+// We can control whether or not we have inset shadows edges.
+// $active - Default: true, Options: false
+@mixin inset-shadow($active:true) {
+ box-shadow: $shiny-edge-size $shiny-edge-color inset;
+
+ @if $active { &:active {
+ box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
+}
+
+// @mixins
+//
+// We use this to add transitions to elements
+// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
+// $speed - Default: 300ms
+// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
+@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
+ transition: $property $speed $ease;
+}
+
+// @mixins
+//
+// We use this to add box-sizing across browser prefixes
+@mixin box-sizing($type:border-box) {
+ -webkit-box-sizing: $type; // Android < 2.3, iOS < 4
+ -moz-box-sizing: $type; // Firefox < 29
+ box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
+}
+
+// @mixins
+//
+// We use this to create isosceles triangles
+// $triangle-size - Used to set border-size. No default, set a px or em size.
+// $triangle-color - Used to set border-color which makes up triangle. No default
+// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right
+@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
+ border: inset $triangle-size;
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ @if ($triangle-direction == top) {
+ border-color: $triangle-color transparent transparent transparent;
+ border-top-style: solid;
+ }
+ @if ($triangle-direction == bottom) {
+ border-color: transparent transparent $triangle-color transparent;
+ border-bottom-style: solid;
+ }
+ @if ($triangle-direction == left) {
+ border-color: transparent transparent transparent $triangle-color;
+ border-left-style: solid;
+ }
+ @if ($triangle-direction == right) {
+ border-color: transparent $triangle-color transparent transparent;
+ border-right-style: solid;
+ }
+}
+
+// @mixins
+//
+// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon
+// $width - Width of hamburger icon in rem
+// $left - If false, icon will be centered horizontally || explicitly set value in rem
+// $top - If false, icon will be centered vertically || explicitly set value in rem
+// $thickness - thickness of lines in hamburger icon, set value in px
+// $gap - spacing between the lines in hamburger icon, set value in px
+// $color - icon color
+// $hover-color - icon color during hover
+// $offcanvas - Set to true of @include in offcanvas
+@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {
+ span::after {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+
+ @if $offcanvas {
+ @if $top {
+ top: $top;
+ }
+ @else {
+ top: 50%;
+ margin-top: (-$width/2);
+ }
+ @if $left {
+ left: $left;
+ }
+ @else {
+ left: ($tabbar-menu-icon-width - $width)/2;
+ }
+ }
+ @else {
+ margin-top: -($width/2);
+ top: 50%;
+ #{$opposite-direction}: $topbar-link-padding;
+ }
+
+ box-shadow:
+ 0 0 0 $thickness $color,
+ 0 $gap + $thickness 0 $thickness $color,
+ 0 (2 * $gap + 2*$thickness) 0 $thickness $color;
+ width: $width;
+ }
+ span:hover:after {
+ box-shadow:
+ 0 0 0 $thickness $hover-color,
+ 0 $gap + $thickness 0 $thickness $hover-color,
+ 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;
+ }
+}
+
+// We use this to do clear floats
+@mixin clearfix {
+ &:before, &:after { content: " "; display: table; }
+ &:after { clear: both; }
+}
+
+// @mixins
+//
+// We use this to add a glowing effect to block elements
+// $selector - Used for selector state. Default: focus, Options: hover, active, visited
+// $fade-time - Default: 300ms
+// $glowing-effect-color - Default: fade-out($primary-color, .25)
+@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {
+ transition: box-shadow $fade-time, border-color $fade-time ease-in-out;
+
+ &:#{$selector} {
+ border-color: $glowing-effect-color;
+ box-shadow: 0 0 5px $glowing-effect-color;
+ }
+}
+
+// @mixins
+//
+// We use this to translate elements in 2D
+// $horizontal: Default: 0
+// $vertical: Default: 0
+@mixin translate2d($horizontal:0, $vertical:0) {
+ transform: translate($horizontal, $vertical)
+}
+
+// @mixins
+//
+// Makes an element visually hidden, but accessible.
+// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+@mixin element-invisible {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+// @mixins
+//
+// Turns off the element-invisible effect.
+@mixin element-invisible-off {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto;
+}
+
+$white : #FFFFFF !default;
+$ghost : #FAFAFA !default;
+$snow : #F9F9F9 !default;
+$vapor : #F6F6F6 !default;
+$white-smoke : #F5F5F5 !default;
+$silver : #EFEFEF !default;
+$smoke : #EEEEEE !default;
+$gainsboro : #DDDDDD !default;
+$iron : #CCCCCC !default;
+$base : #AAAAAA !default;
+$aluminum : #999999 !default;
+$jumbo : #888888 !default;
+$monsoon : #777777 !default;
+$steel : #666666 !default;
+$charcoal : #555555 !default;
+$tuatara : #444444 !default;
+$oil : #333333 !default;
+$jet : #222222 !default;
+$black : #000000 !default;
+
+// We use these as default colors throughout
+$primary-color: #008CBA !default; // bondi-blue
+$secondary-color: #e7e7e7 !default; // white-lilac
+$alert-color: #f04124 !default; // cinnabar
+$success-color: #43AC6A !default; // sea-green
+$warning-color: #f08a24 !default; // carrot
+$info-color: #a0d3e8 !default; // cornflower
+
+// We use these to define default font stacks
+$font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default;
+$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
+$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default;
+
+// We use these to define default font weights
+$font-weight-normal: normal !default;
+$font-weight-bold: bold !default;
+
+// We use these to control various global styles
+$body-bg: #fff !default;
+$body-font-color: #222 !default;
+$body-font-family: $font-family-sans-serif !default;
+$body-font-weight: $font-weight-normal !default;
+$body-font-style: normal !default;
+
+// We use this to control font-smoothing
+$font-smoothing: antialiased !default;
+
+// We use these to control text direction settings
+$text-direction: ltr !default;
+$default-float: left !default;
+$opposite-direction: right !default;
+@if $text-direction == ltr {
+ $default-float: left;
+ $opposite-direction: right;
+} @else {
+ $default-float: right;
+ $opposite-direction: left;
+}
+
+// We use these to make sure border radius matches unless we want it different.
+$global-radius: 3px !default;
+$global-rounded: 1000px !default;
+
+// We use these to control inset shadow shiny edges and depressions.
+$shiny-edge-size: 0 1px 0 !default;
+$shiny-edge-color: rgba(#fff, .5) !default;
+$shiny-edge-active-color: rgba(#000, .2) !default;
+
+// We use this to control whether or not CSS classes come through in the gem files.
+$include-html-classes: true !default;
+$include-print-styles: true !default;
+$include-js-meta-styles: true !default; // Warning! Meta styles are a dependancy of the Javascript.
+$include-html-global-classes: $include-html-classes !default;
+
+$column-gutter: rem-calc(30) !default;
+
+// Media Query Ranges
+$small-breakpoint: em-calc(640) !default;
+$medium-breakpoint: em-calc(1024) !default;
+$large-breakpoint: em-calc(1440) !default;
+$xlarge-breakpoint: em-calc(1920) !default;
+
+$small-range: (0, $small-breakpoint) !default;
+$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint) !default;
+$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint) !default;
+$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint) !default;
+$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default;
+
+$screen: "only screen" !default;
+
+$landscape: "#{$screen} and (orientation: landscape)" !default;
+$portrait: "#{$screen} and (orientation: portrait)" !default;
+
+$small-up: $screen !default;
+$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
+
+$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
+$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;
+
+$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
+$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;
+
+$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
+$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;
+
+$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
+$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;
+
+$retina: (
+ "#{$screen} and (-webkit-min-device-pixel-ratio: 2)",
+ "#{$screen} and (min--moz-device-pixel-ratio: 2)",
+ "#{$screen} and (-o-min-device-pixel-ratio: 2/1)",
+ "#{$screen} and (min-device-pixel-ratio: 2)",
+ "#{$screen} and (min-resolution: 192dpi)",
+ "#{$screen} and (min-resolution: 2dppx)"
+);
+
+// Legacy
+$small: $medium-up;
+$medium: $medium-up;
+$large: $large-up;
+
+
+//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
+$cursor-auto-value: auto !default;
+$cursor-crosshair-value: crosshair !default;
+$cursor-default-value: default !default;
+$cursor-disabled-value: not-allowed !default;
+$cursor-pointer-value: pointer !default;
+$cursor-help-value: help !default;
+$cursor-text-value: text !default;
+
+
+@include exports("global") {
+
+ // Meta styles are a dependancy of the Javascript.
+ // Used to provide media query values for javascript components.
+ // Forward slash placed around everything to convince PhantomJS to read the value.
+
+ @if $include-js-meta-styles {
+
+ meta.foundation-version {
+ font-family: "/{{VERSION}}/";
+ }
+
+ meta.foundation-mq-small {
+ font-family: "/" + unquote($small-up) + "/";
+ width: lower-bound($small-range);
+ }
+
+ meta.foundation-mq-small-only {
+ font-family: "/" + unquote($small-only) + "/";
+ width: lower-bound($small-range);
+ }
+
+ meta.foundation-mq-medium {
+ font-family: "/" + unquote($medium-up) + "/";
+ width: lower-bound($medium-range);
+ }
+
+ meta.foundation-mq-medium-only {
+ font-family: "/" + unquote($medium-only) + "/";
+ width: lower-bound($medium-range);
+ }
+
+ meta.foundation-mq-large {
+ font-family: "/" + unquote($large-up) + "/";
+ width: lower-bound($large-range);
+ }
+
+ meta.foundation-mq-large-only {
+ font-family: "/" + unquote($large-only) + "/";
+ width: lower-bound($large-range);
+ }
+
+ meta.foundation-mq-xlarge {
+ font-family: "/" + unquote($xlarge-up) + "/";
+ width: lower-bound($xlarge-range);
+ }
+
+ meta.foundation-mq-xlarge-only {
+ font-family: "/" + unquote($xlarge-only) + "/";
+ width: lower-bound($xlarge-range);
+ }
+
+ meta.foundation-mq-xxlarge {
+ font-family: "/" + unquote($xxlarge-up) + "/";
+ width: lower-bound($xxlarge-range);
+ }
+
+ meta.foundation-data-attribute-namespace {
+ font-family: #{$namespace};
+ }
+
+ }
+
+ @if $include-html-global-classes {
+
+ // Must be 100% for off canvas to work
+ html, body { height: 100%; }
+
+ // Set box-sizing globally to handle padding and border widths
+ *,
+ *:before,
+ *:after {
+ @include box-sizing(border-box);
+ }
+
+ html,
+ body { font-size: $base-font-size; }
+
+ // Default body styles
+ body {
+ background: $body-bg;
+ color: $body-font-color;
+ cursor: $cursor-auto-value;
+ font-family: $body-font-family;
+ font-style: $body-font-style;
+ font-weight: $body-font-weight;
+ line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%
+ margin: 0;
+ padding: 0;
+ position: relative;
+ }
+
+ a:hover { cursor: $cursor-pointer-value; }
+
+ // Grid Defaults to get images and embeds to work properly
+ img { max-width: 100%; height: auto; }
+
+ img { -ms-interpolation-mode: bicubic; }
+
+ #map_canvas,
+ .map_canvas,
+ .mqa-display {
+ img,
+ embed,
+ object { max-width: none !important;
+ }
+ }
+
+ // Miscellaneous useful HTML classes
+ .left { float: left !important; }
+ .right { float: right !important; }
+ .clearfix { @include clearfix; }
+
+ // Hide visually and from screen readers
+ .hide {
+ display: none;
+ }
+
+ // Hide visually and from screen readers, but maintain layout
+ .invisible { visibility: hidden; }
+
+ // Font smoothing
+ // Antialiased font smoothing works best for light text on a dark background.
+ // Apply to single elements instead of globally to body.
+ // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
+ .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
+
+ // Get rid of gap under images by making them display: inline-block; by default
+ img {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ //
+ // Global resets for forms
+ //
+
+ // Make sure textarea takes on height automatically
+ textarea { height: auto; min-height: 50px; }
+
+ // Make select elements 100% width by default
+ select { width: 100%; }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_grid.scss b/themes/foundation5/scss/vendor/foundation/components/_grid.scss
new file mode 100644
index 00000000000..a449af49893
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_grid.scss
@@ -0,0 +1,292 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-grid-classes: $include-html-classes !default;
+$include-xl-html-grid-classes: false !default;
+
+$row-width: rem-calc(1000) !default;
+$total-columns: 12 !default;
+
+$last-child-float: $opposite-direction !default;
+
+//
+// Grid Functions
+//
+
+// Deprecated: We'll drop support for this in 5.1, use grid-calc()
+@function gridCalc($colNumber, $totalColumns) {
+ @warn "gridCalc() is deprecated, use grid-calc()";
+ @return grid-calc($colNumber, $totalColumns);
+}
+
+// @FUNCTION
+// $colNumber - Found in settings file
+// $totalColumns - Found in settings file
+@function grid-calc($colNumber, $totalColumns) {
+ $result: percentage(($colNumber / $totalColumns));
+ @if $result == 0% { $result: 0; }
+ @return $result;
+}
+
+//
+// @mixins
+//
+
+// For creating container, nested, and collapsed rows.
+//
+//
+// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.
+@mixin grid-row($behavior: false) {
+
+ // use @include grid-row(nest); to include a nested row
+ @if $behavior == nest {
+ margin: 0 (-($column-gutter/2));
+ max-width: none;
+ width: auto;
+ }
+
+ // use @include grid-row(collapse); to collapsed a container row margins
+ @else if $behavior == collapse {
+ margin: 0;
+ max-width: $row-width;
+ width: 100%;
+ }
+
+ // use @include grid-row(nest-collapse); to collapse outer margins on a nested row
+ @else if $behavior == nest-collapse {
+ margin: 0;
+ max-width: none;
+ width: auto;
+ }
+
+ // use @include grid-row; to use a container row
+ @else {
+ margin: 0 auto;
+ max-width: $row-width;
+ width: 100%;
+ }
+
+ // Clearfix for all rows
+ @include clearfix();
+}
+
+// Creates a column, should be used inside of a media query to control layouts
+//
+// $columns - The number of columns this should be
+// $last-column - Is this the last column? Default: false.
+// $center - Center these columns? Default: false.
+// $offset - # of columns to offset. Default: false.
+// $push - # of columns to push. Default: false.
+// $pull - # of columns to pull. Default: false.
+// $collapse - Get rid of gutter padding on column? Default: false.
+// $float - Should this float? Default: true. Options: true, false, left, right.
+@mixin grid-column(
+ $columns:false,
+ $last-column:false,
+ $center:false,
+ $offset:false,
+ $push:false,
+ $pull:false,
+ $collapse:false,
+ $float:true,
+ $position:false) {
+
+ // If positioned for default .column, include relative position
+ // push and pull require position set
+ @if $position or $push or $pull {
+ position: relative;
+ }
+
+ // If collapsed, get rid of gutter padding
+ @if $collapse {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ // Gutter padding whenever a column isn't set to collapse
+ // (use $collapse:null to do nothing)
+ @else if $collapse == false {
+ padding-left: ($column-gutter / 2);
+ padding-right: ($column-gutter / 2);
+ }
+
+ // If a column number is given, calculate width
+ @if $columns {
+ width: grid-calc($columns, $total-columns);
+
+ // If last column, float naturally instead of to the right
+ @if $last-column { float: $opposite-direction; }
+ }
+
+ // Source Ordering, adds left/right depending on which you use.
+ @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; }
+ @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; }
+
+ @if $float and $last-column == false {
+ @if $float == left or $float == true { float: $default-float; }
+ @else if $float == right { float: $opposite-direction; }
+ @else { float: none; }
+ }
+
+ // If centered, get rid of float and add appropriate margins
+ @if $center {
+ margin-#{$default-float}: auto;
+ margin-#{$opposite-direction}: auto;
+ float: none;
+ }
+
+ // If offset, calculate appropriate margins
+ @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; }
+
+}
+
+// Create presentational classes for grid
+//
+// $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc.
+@mixin grid-html-classes($size) {
+
+ @for $i from 0 through $total-columns - 1 {
+ .#{$size}-push-#{$i} {
+ @include grid-column($push:$i, $collapse:null, $float:false);
+ }
+ .#{$size}-pull-#{$i} {
+ @include grid-column($pull:$i, $collapse:null, $float:false);
+ }
+ }
+
+ .column,
+ .columns { @include grid-column($columns:false, $position:true); }
+
+
+ @for $i from 1 through $total-columns {
+ .#{$size}-#{$i} { @include grid-column($columns:$i, $collapse:null, $float:false); }
+ }
+
+ @for $i from 0 through $total-columns - 1 {
+ .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null, $float:false); }
+ }
+
+ .#{$size}-reset-order {
+ float: $default-float;
+ left: auto;
+ margin-#{$default-float}: 0;
+ margin-#{$opposite-direction}: 0;
+ right: auto;
+ }
+
+ .column.#{$size}-centered,
+ .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); }
+
+ .column.#{$size}-uncentered,
+ .columns.#{$size}-uncentered {
+ float: $default-float;
+ margin-#{$default-float}: 0;
+ margin-#{$opposite-direction}: 0;
+ }
+
+ // Fighting [class*="column"] + [class*="column"]:last-child
+ .column.#{$size}-centered:last-child,
+ .columns.#{$size}-centered:last-child{
+ float: none;
+ }
+
+ // Fighting .column.<previous-size>-centered:last-child
+ .column.#{$size}-uncentered:last-child,
+ .columns.#{$size}-uncentered:last-child {
+ float: $default-float;
+ }
+
+ .column.#{$size}-uncentered.opposite,
+ .columns.#{$size}-uncentered.opposite {
+ float: $opposite-direction;
+ }
+
+ .row {
+ &.#{$size}-collapse {
+ > .column,
+ > .columns { @include grid-column($collapse:true, $float:false); }
+
+ .row {margin-left:0; margin-right:0;}
+ }
+ &.#{$size}-uncollapse {
+ > .column,
+ > .columns {
+ @include grid-column;
+ }
+ }
+ }
+}
+
+@include exports("grid") {
+ @if $include-html-grid-classes {
+ .row {
+ @include grid-row;
+
+ &.collapse {
+ > .column,
+ > .columns { @include grid-column($collapse:true, $float:false); }
+
+ .row {margin-left:0; margin-right:0;}
+ }
+
+ .row { @include grid-row($behavior:nest);
+ &.collapse { @include grid-row($behavior:nest-collapse); }
+ }
+ }
+
+ .column,
+ .columns { @include grid-column($columns:$total-columns); }
+
+ .column,
+ .columns {
+ & + &:last-child {
+ float: $last-child-float;
+ }
+ & + &.end {
+ float: $default-float;
+ }
+ }
+
+ @media #{$small-up} {
+ @include grid-html-classes($size:small);
+ }
+
+ @media #{$medium-up} {
+ @include grid-html-classes($size:medium);
+ // Old push and pull classes
+ @for $i from 0 through $total-columns - 1 {
+ .push-#{$i} {
+ @include grid-column($push:$i, $collapse:null, $float:false);
+ }
+ .pull-#{$i} {
+ @include grid-column($pull:$i, $collapse:null, $float:false);
+ }
+ }
+ }
+ @media #{$large-up} {
+ @include grid-html-classes($size:large);
+ @for $i from 0 through $total-columns - 1 {
+ .push-#{$i} {
+ @include grid-column($push:$i, $collapse:null, $float:false);
+ }
+ .pull-#{$i} {
+ @include grid-column($pull:$i, $collapse:null, $float:false);
+ }
+ }
+ }
+ }
+ @if $include-xl-html-grid-classes {
+ @media #{$xlarge-up} {
+ @include grid-html-classes($size:xlarge);
+ }
+ @media #{$xxlarge-up} {
+ @include grid-html-classes($size:xxlarge);
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_icon-bar.scss b/themes/foundation5/scss/vendor/foundation/components/_icon-bar.scss
new file mode 100644
index 00000000000..6ca01dabaf4
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_icon-bar.scss
@@ -0,0 +1,460 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+
+// @name
+// @dependencies _global.scss
+
+$include-html-icon-bar-classes: $include-html-classes !default;
+
+// @variables
+
+// We use these to style the icon-bar and items
+$icon-bar-bg: $oil !default;
+$icon-bar-font-color: $white !default;
+$icon-bar-font-color-hover: $icon-bar-font-color !default;
+$icon-bar-font-size: 1rem !default;
+$icon-bar-hover-color: $primary-color !default;
+$icon-bar-icon-color: $white !default;
+$icon-bar-icon-color-hover: $icon-bar-icon-color !default;
+$icon-bar-icon-size: 1.875rem !default;
+$icon-bar-image-width: 1.875rem !default;
+$icon-bar-image-height: 1.875rem !default;
+$icon-bar-active-color: $primary-color !default;
+$icon-bar-item-padding: 1.25rem !default;
+
+// We use this to set default opacity and cursor for disabled icons.
+$icon-bar-disabled-opacity: .7 !default;
+$icon-bar-disabled-cursor: $cursor-disabled-value !default;
+
+
+//
+// @mixins
+//
+
+// We use this mixin to create the base styles for our Icon bar element.
+//
+@mixin icon-bar-base() {
+ display: inline-block;
+ font-size: 0;
+ width: 100%;
+
+ > * {
+ display: block;
+ float: left;
+ font-size: $icon-bar-font-size;
+ margin: 0 auto;
+ padding: $icon-bar-item-padding;
+ text-align: center;
+ width: 25%;
+
+ i, img {
+ display: block;
+ margin: 0 auto;
+
+ & + label {
+ margin-top: .0625rem;
+ }
+ }
+
+ i {
+ font-size: $icon-bar-icon-size;
+ vertical-align: middle;
+ }
+
+ img {
+ height: $icon-bar-image-height;
+ width: $icon-bar-image-width;
+ }
+ }
+
+ &.label-right > * {
+
+ i, img {
+ display: inline-block;
+ margin: 0 .0625rem 0 0;
+
+ & + label {
+ margin-top: 0;
+ }
+ }
+
+ label { display: inline-block; }
+ }
+
+ &.vertical.label-right > * {
+ text-align: left;
+ }
+
+ &.vertical, &.small-vertical{
+ height: 100%;
+ width: auto;
+
+ .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+ }
+
+ &.medium-vertical {
+ @media #{$medium-up} {
+ height: 100%;
+ width: auto;
+
+ .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+ }
+ }
+ &.large-vertical {
+ @media #{$large-up} {
+ height: 100%;
+ width: auto;
+
+ .item {
+ float: none;
+ margin: auto;
+ width: auto;
+ }
+ }
+ }
+}
+
+// We use this mixin to create the size styles for icon bars.
+@mixin icon-bar-size(
+ $padding: $icon-bar-item-padding,
+ $font-size: $icon-bar-font-size,
+ $icon-size: $icon-bar-icon-size,
+ $image-width: $icon-bar-image-width,
+ $image-height: $icon-bar-image-height) {
+
+ > * {
+ font-size: $font-size;
+ padding: $padding;
+
+ i, img {
+
+ & + label {
+ margin-top: .0625rem;
+ font-size: $font-size;
+ }
+ }
+
+ i {
+ font-size: $icon-size;
+ }
+
+ img {
+ height: $image-height;
+ width: $image-width;
+ }
+ }
+
+}
+
+@mixin icon-bar-style(
+ $bar-bg:$icon-bar-bg,
+ $bar-font-color:$icon-bar-font-color,
+ $bar-font-color-hover:$icon-bar-font-color-hover,
+ $bar-hover-color:$icon-bar-hover-color,
+ $bar-icon-color:$icon-bar-icon-color,
+ $bar-icon-color-hover:$icon-bar-icon-color-hover,
+ $bar-active-color:$icon-bar-active-color,
+ $base-style:true,
+ $disabled:false) {
+
+ @if $base-style {
+
+ background: $bar-bg;
+
+ > * {
+ label { color: $bar-font-color; }
+
+ i { color: $bar-icon-color; }
+ }
+
+ > a:hover {
+
+ background: $bar-hover-color;
+
+ label { color: $bar-font-color-hover; }
+
+ i { color: $bar-icon-color-hover; }
+ }
+
+ > a.active {
+
+ background: $bar-active-color;
+
+ label { color: $bar-font-color-hover; }
+
+ i { color: $bar-icon-color-hover; }
+ }
+ }
+ @if $disabled {
+ .item.disabled {
+ cursor: $icon-bar-disabled-cursor;
+ opacity: $icon-bar-disabled-opacity;
+ pointer-events: none;
+ >* {
+ opacity: $icon-bar-disabled-opacity;
+ cursor: $icon-bar-disabled-cursor;
+ }
+ }
+ }
+
+}
+
+// We use this to quickly create icon bars with a single mixin
+// $height - The overall calculated height of the icon bar (horizontal)
+// $bar-bg - the background color of the bar
+// $bar-font-color - the font color
+// $bar-hover-color - okay these are pretty obvious variables
+// $bar-icon-color - maybe we could skip explaining them all? Okay this one does change icon color if you use an icon font
+// $bar-active-color - the color of an active / hover state
+// $base-style - Apply base styles? Default: true.
+// $disabled - Allow disabled icons? Default: false.
+
+@mixin icon-bar(
+ $bar-bg:$icon-bar-bg,
+ $bar-font-color:$icon-bar-font-color,
+ $bar-font-color-hover:$icon-bar-font-color-hover,
+ $bar-hover-color:$icon-bar-hover-color,
+ $bar-icon-color:$icon-bar-icon-color,
+ $bar-icon-color-hover:$icon-bar-icon-color-hover,
+ $bar-active-color:$icon-bar-active-color,
+ $padding: $icon-bar-item-padding,
+ $font-size: $icon-bar-font-size,
+ $icon-size: $icon-bar-icon-size,
+ $image-width: $icon-bar-image-width,
+ $image-height: $icon-bar-image-height,
+ $base-style:true,
+ $disabled:true) {
+ @include icon-bar-base();
+ @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height);
+ @include icon-bar-style($bar-bg, $bar-font-color, $bar-font-color-hover, $bar-hover-color, $bar-icon-color, $bar-icon-color-hover, $bar-active-color, $base-style, $disabled);
+
+ // Counts
+
+ &.two-up {
+ .item { width: 50%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.three-up {
+ .item { width: 33.3333%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.four-up {
+ .item { width: 25%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.five-up {
+ .item { width: 20%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.six-up {
+ .item { width: 16.66667%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.seven-up {
+ .item { width: 14.28571%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.eight-up {
+ .item { width: 12.5%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+}
+
+@include exports("icon-bar") {
+ @if $include-html-icon-bar-classes {
+ .icon-bar {
+ @include icon-bar;
+ }
+ }
+}
+
+@if $include-html-icon-bar-classes {
+
+ // toolbar styles
+
+ .icon-bar {
+
+ // Counts
+
+ &.two-up {
+ .item { width: 50%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.three-up {
+ .item { width: 33.3333%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.four-up {
+ .item { width: 25%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.five-up {
+ .item { width: 20%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.six-up {
+ .item { width: 16.66667%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.seven-up {
+ .item { width: 14.28571%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ &.eight-up {
+ .item { width: 12.5%; }
+ &.vertical .item, &.small-vertical .item { width: auto; }
+ &.medium-vertical .item {
+ @media #{$medium-up} {
+ width: auto;
+ }
+ }
+ &.large-vertical .item {
+ @media #{$large-up} {
+ width: auto;
+ }
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_inline-lists.scss b/themes/foundation5/scss/vendor/foundation/components/_inline-lists.scss
new file mode 100644
index 00000000000..a75c5d83094
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_inline-lists.scss
@@ -0,0 +1,57 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-inline-list-classes: $include-html-classes !default;
+
+// We use this to control the margins and padding of the inline list.
+$inline-list-top-margin: 0 !default;
+$inline-list-opposite-margin: 0 !default;
+$inline-list-bottom-margin: rem-calc(17) !default;
+$inline-list-default-float-margin: rem-calc(-22) !default;
+$inline-list-default-float-list-margin: rem-calc(22) !default;
+
+$inline-list-padding: 0 !default;
+
+// We use this to control the overflow of the inline list.
+$inline-list-overflow: hidden !default;
+
+// We use this to control the list items
+$inline-list-display: block !default;
+
+// We use this to control any elements within list items
+$inline-list-children-display: block !default;
+
+//
+// @mixins
+//
+// We use this mixin to create inline lists
+@mixin inline-list {
+ list-style: none;
+ margin-#{$default-float}: $inline-list-default-float-margin;
+ margin-#{$opposite-direction}: $inline-list-opposite-margin;
+ margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;
+ overflow: $inline-list-overflow;
+ padding: $inline-list-padding;
+
+ > li {
+ display: $inline-list-display;
+ float: $default-float;
+ list-style: none;
+ margin-#{$default-float}: $inline-list-default-float-list-margin;
+ > * { display: $inline-list-children-display; }
+ }
+}
+
+@include exports("inline-list") {
+ @if $include-html-inline-list-classes {
+ .inline-list {
+ @include inline-list();
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_joyride.scss b/themes/foundation5/scss/vendor/foundation/components/_joyride.scss
new file mode 100644
index 00000000000..cea07d3ba9e
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_joyride.scss
@@ -0,0 +1,220 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-joyride-classes: $include-html-classes !default;
+
+// Controlling default Joyride styles
+$joyride-tip-bg: $oil !default;
+$joyride-tip-default-width: 300px !default;
+$joyride-tip-padding: rem-calc(18 20 24) !default;
+$joyride-tip-border: solid 1px $charcoal !default;
+$joyride-tip-radius: 4px !default;
+$joyride-tip-position-offset: 22px !default;
+
+// Here, we're setting the tip font styles
+$joyride-tip-font-color: $white !default;
+$joyride-tip-font-size: rem-calc(14) !default;
+$joyride-tip-header-weight: $font-weight-bold !default;
+
+// This changes the nub size
+$joyride-tip-nub-size: 10px !default;
+
+// This adjusts the styles for the timer when its enabled
+$joyride-tip-timer-width: 50px !default;
+$joyride-tip-timer-height: 3px !default;
+$joyride-tip-timer-color: $steel !default;
+
+// This changes up the styles for the close button
+$joyride-tip-close-color: $monsoon !default;
+$joyride-tip-close-size: 24px !default;
+$joyride-tip-close-weight: $font-weight-normal !default;
+
+// When Joyride is filling the screen, we use this style for the bg
+$joyride-screenfill: rgba(0,0,0,0.5) !default;
+
+
+// We decided not to make a mixin for this because it relies on
+// predefined classes to work properly.
+@include exports("joyride") {
+ @if $include-html-joyride-classes {
+
+ /* Foundation Joyride */
+ .joyride-list { display: none; }
+
+ /* Default styles for the container */
+ .joyride-tip-guide {
+ background: $joyride-tip-bg;
+ color: $joyride-tip-font-color;
+ display: none;
+ font-family: inherit;
+ font-weight: $font-weight-normal;
+ position: absolute;
+ top: 0;
+ width: 95%;
+ z-index: 101;
+ #{$default-float}: 2.5%;
+ }
+
+ .lt-ie9 .joyride-tip-guide {
+ margin-#{$default-float}: -400px;
+ max-width: 800px;
+ #{$default-float}: 50%;
+ }
+
+ .joyride-content-wrapper {
+ padding: $joyride-tip-padding;
+ width: 100%;
+
+ .button { margin-bottom: 0 !important; }
+
+ .joyride-prev-tip { margin-right: 10px; }
+ }
+
+ /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
+ .joyride-tip-guide {
+ .joyride-nub {
+ border: $joyride-tip-nub-size solid $joyride-tip-bg;
+ display: block;
+ height: 0;
+ position: absolute;
+ width: 0;
+ #{$default-float}: $joyride-tip-position-offset;
+
+ &.top {
+ border-color: $joyride-tip-bg;
+ border-top-color: transparent !important;
+ border-top-style: solid;
+ border-#{$default-float}-color: transparent !important;
+ border-#{$opposite-direction}-color: transparent !important;
+ top: -($joyride-tip-nub-size*2);
+ }
+ &.bottom {
+ border-color: $joyride-tip-bg !important;
+ border-bottom-color: transparent !important;
+ border-bottom-style: solid;
+ border-#{$default-float}-color: transparent !important;
+ border-#{$opposite-direction}-color: transparent !important;
+ bottom: -($joyride-tip-nub-size*2);
+ }
+
+ &.right { right: -($joyride-tip-nub-size*2); }
+ &.left { left: -($joyride-tip-nub-size*2); }
+ }
+ }
+
+ /* Typography */
+ .joyride-tip-guide h1,
+ .joyride-tip-guide h2,
+ .joyride-tip-guide h3,
+ .joyride-tip-guide h4,
+ .joyride-tip-guide h5,
+ .joyride-tip-guide h6 {
+ color: $joyride-tip-font-color;
+ font-weight: $joyride-tip-header-weight;
+ line-height: 1.25;
+ margin: 0;
+ }
+ .joyride-tip-guide p {
+ font-size: $joyride-tip-font-size;
+ line-height: 1.3;
+ margin: rem-calc(0 0 18 0);
+ }
+
+ .joyride-timer-indicator-wrap {
+ border: $joyride-tip-border;
+ bottom: rem-calc(16);
+ height: $joyride-tip-timer-height;
+ position: absolute;
+ width: $joyride-tip-timer-width;
+ #{$opposite-direction}: rem-calc(17);
+ }
+ .joyride-timer-indicator {
+ background: $joyride-tip-timer-color;
+ display: block;
+ height: inherit;
+ width: 0;
+ }
+
+ .joyride-close-tip {
+ color: $joyride-tip-close-color !important;
+ font-size: $joyride-tip-close-size;
+ font-weight: $joyride-tip-close-weight;
+ line-height: .5 !important;
+ position: absolute;
+ text-decoration: none;
+ top: 10px;
+ #{$opposite-direction}: 12px;
+
+ &:hover,
+ &:focus { color: $smoke !important; }
+ }
+
+ .joyride-modal-bg {
+ background: $joyride-screenfill;
+ cursor: $cursor-pointer-value;
+ display: none;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ #{$default-float}: 0;
+ }
+
+ .joyride-expose-wrapper {
+ background-color: $white;
+ border-radius: 3px;
+ box-shadow: 0 0 15px $white;
+ position: absolute;
+ z-index: 102;
+ }
+
+ .joyride-expose-cover {
+ background: transparent;
+ border-radius: 3px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: 9999;
+ }
+
+
+ /* Styles for screens that are at least 768px; */
+ @media #{$small} {
+ .joyride-tip-guide { width: $joyride-tip-default-width; #{$default-float}: inherit;
+ .joyride-nub {
+ &.bottom {
+ border-color: $joyride-tip-bg !important;
+ border-bottom-color: transparent !important;
+ border-#{$default-float}-color: transparent !important;
+ border-#{$opposite-direction}-color: transparent !important;
+ bottom: -($joyride-tip-nub-size*2);
+ }
+ &.right {
+ border-color: $joyride-tip-bg !important;
+ border-right-color: transparent !important; border-bottom-color: transparent !important;
+ border-top-color: transparent !important;
+ left: auto;
+ right: -($joyride-tip-nub-size*2);
+ top: $joyride-tip-position-offset;
+ }
+ &.left {
+ border-color: $joyride-tip-bg !important;
+ border-bottom-color: transparent !important;
+ border-left-color: transparent !important;
+ border-top-color: transparent !important;
+ left: -($joyride-tip-nub-size*2);
+ right: auto;
+ top: $joyride-tip-position-offset;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_keystrokes.scss b/themes/foundation5/scss/vendor/foundation/components/_keystrokes.scss
new file mode 100644
index 00000000000..28076df170e
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_keystrokes.scss
@@ -0,0 +1,60 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-keystroke-classes: $include-html-classes !default;
+
+// We use these to control text styles.
+$keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
+$keystroke-font-size: inherit !default;
+$keystroke-font-color: $jet !default;
+$keystroke-font-color-alt: $white !default;
+$keystroke-function-factor: -7% !default;
+
+// We use this to control keystroke padding.
+$keystroke-padding: rem-calc(2 4 0) !default;
+
+// We use these to control background and border styles.
+$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;
+$keystroke-border-style: solid !default;
+$keystroke-border-width: 1px !default;
+$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;
+$keystroke-radius: $global-radius !default;
+
+//
+// @mixins
+//
+// We use this mixin to create keystroke styles.
+// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;
+@mixin keystroke($bg:$keystroke-bg) {
+ // This find the lightness percentage of the background color.
+ $bg-lightness: lightness($bg);
+ background-color: $bg;
+ border-color: scale-color($bg, $lightness: $keystroke-function-factor);
+
+ // We adjust the font color based on the brightness of the background.
+ @if $bg-lightness > 70% { color: $keystroke-font-color; }
+ @else { color: $keystroke-font-color-alt; }
+
+ border-style: $keystroke-border-style;
+ border-width: $keystroke-border-width;
+ font-family: $keystroke-font;
+ font-size: $keystroke-font-size;
+ margin: 0;
+ padding: $keystroke-padding;
+}
+
+@include exports("keystroke") {
+ @if $include-html-keystroke-classes {
+ .keystroke,
+ kbd {
+ @include keystroke;
+ @include radius($keystroke-radius);
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_labels.scss b/themes/foundation5/scss/vendor/foundation/components/_labels.scss
new file mode 100644
index 00000000000..770d82fa6f1
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_labels.scss
@@ -0,0 +1,106 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-label-classes: $include-html-classes !default;
+
+// We use these to style the labels
+$label-padding: rem-calc(4 8 4) !default;
+$label-radius: $global-radius !default;
+
+// We use these to style the label text
+$label-font-sizing: rem-calc(11) !default;
+$label-font-weight: $font-weight-normal !default;
+$label-font-color: $oil !default;
+$label-font-color-alt: $white !default;
+$label-font-family: $body-font-family !default;
+
+//
+// @mixins
+//
+// We use this mixin to create a default label base.
+@mixin label-base {
+ display: inline-block;
+ font-family: $label-font-family;
+ font-weight: $label-font-weight;
+ line-height: 1;
+ margin-bottom: auto;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+// @mixins
+//
+// We use this mixin to add label size styles.
+// $padding - Used to determine label padding. Default: $label-padding || rem-calc(4 8 4) !default
+// $text-size - Used to determine label text-size. Default: $text-size found in settings
+@mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) {
+ @if $padding { padding: $padding; }
+ @if $text-size { font-size: $text-size; }
+}
+
+// @mixins
+//
+// We use this mixin to add label styles.
+// $bg - Default: $primary-color (found in settings file)
+// $radius - Default: false, Options: true, sets radius to $global-radius (found in settings file)
+@mixin label-style($bg:$primary-color, $radius:false) {
+
+ // We control which background color comes through
+ @if $bg {
+
+ // This find the lightness percentage of the background color.
+ $bg-lightness: lightness($bg);
+
+ background-color: $bg;
+
+ // We control the text color for you based on the background color.
+ @if $bg-lightness < 70% { color: $label-font-color-alt; }
+ @else { color: $label-font-color; }
+ }
+
+ // We use this to control the radius on labels.
+ @if $radius == true { @include radius($label-radius); }
+ @else if $radius { @include radius($radius); }
+
+}
+
+// @mixins
+//
+// We use this to add close buttons to alerts
+// $padding - Default: $label-padding,
+// $text-size - Default: $label-font-sizing,
+// $bg - Default: $primary-color(found in settings file)
+// $radius - Default: false, Options: true which sets radius to $global-radius (found in settings file)
+@mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) {
+
+ @include label-base;
+ @include label-size($padding, $text-size);
+ @include label-style($bg, $radius);
+}
+
+@include exports("label") {
+ @if $include-html-label-classes {
+ .label {
+ @include label-base;
+ @include label-size;
+ @include label-style;
+
+ &.radius { @include label-style(false, true); }
+ &.round { @include label-style(false, $radius:1000px); }
+
+ &.alert { @include label-style($alert-color); }
+ &.warning { @include label-style($warning-color); }
+ &.success { @include label-style($success-color); }
+ &.secondary { @include label-style($secondary-color); }
+ &.info { @include label-style($info-color); }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_magellan.scss b/themes/foundation5/scss/vendor/foundation/components/_magellan.scss
new file mode 100644
index 00000000000..b06a18b9cbb
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_magellan.scss
@@ -0,0 +1,34 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-magellan-classes: $include-html-classes !default;
+
+$magellan-bg: $white !default;
+$magellan-padding: 10px !default;
+
+@include exports("magellan") {
+ @if $include-html-magellan-classes {
+
+ #{data('magellan-expedition')}, #{data('magellan-expedition-clone')} {
+ background: $magellan-bg;
+ min-width: 100%;
+ padding: $magellan-padding;
+ z-index: 50;
+
+ .sub-nav {
+ margin-bottom: 0;
+ dd { margin-bottom: 0; }
+ a {
+ line-height: 1.8em;
+ }
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_offcanvas.scss b/themes/foundation5/scss/vendor/foundation/components/_offcanvas.scss
new file mode 100644
index 00000000000..f23da55c004
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_offcanvas.scss
@@ -0,0 +1,518 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'type';
+
+// Off Canvas Tab Bar Variables
+$include-html-off-canvas-classes: $include-html-classes !default;
+
+$tabbar-bg: $oil !default;
+$tabbar-height: rem-calc(45) !default;
+$tabbar-icon-width: $tabbar-height !default;
+$tabbar-line-height: $tabbar-height !default;
+$tabbar-color: $white !default;
+$tabbar-middle-padding: 0 rem-calc(10) !default;
+
+// Off Canvas Divider Styles
+$tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default;
+$tabbar-right-section-border: $tabbar-left-section-border;
+
+
+// Off Canvas Tab Bar Headers
+$tabbar-header-color: $white !default;
+$tabbar-header-weight: $font-weight-bold !default;
+$tabbar-header-line-height: $tabbar-height !default;
+$tabbar-header-margin: 0 !default;
+
+// Off Canvas Menu Variables
+$off-canvas-width: rem-calc(250) !default;
+$off-canvas-bg: $oil !default;
+$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default;
+$off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%) !default;
+
+// Off Canvas Menu List Variables
+$off-canvas-label-padding: .3rem rem-calc(15) !default;
+$off-canvas-label-color: $aluminum !default;
+$off-canvas-label-text-transform: uppercase !default;
+$off-canvas-label-font-size: rem-calc(12) !default;
+$off-canvas-label-font-weight: $font-weight-bold !default;
+$off-canvas-label-bg: $tuatara !default;
+$off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
+$off-canvas-label-border-bottom: none !default;
+$off-canvas-label-margin:0 !default;
+$off-canvas-link-padding: rem-calc(10, 15) !default;
+$off-canvas-link-color: rgba($white, .7) !default;
+$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
+$off-canvas-back-bg: #444 !default;
+$off-canvas-back-border-top: $off-canvas-label-border-top !default;
+$off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default;
+$off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default;
+$off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
+$off-canvas-back-hover-border-bottom: none !default;
+
+// Off Canvas Menu Icon Variables
+$tabbar-menu-icon-color: $white !default;
+$tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default;
+
+$tabbar-menu-icon-text-indent: rem-calc(35) !default;
+$tabbar-menu-icon-width: $tabbar-icon-width !default;
+$tabbar-menu-icon-height: $tabbar-height !default;
+$tabbar-menu-icon-padding: 0 !default;
+
+$tabbar-hamburger-icon-width: rem-calc(16) !default;
+$tabbar-hamburger-icon-left: false !default;
+$tabbar-hamburger-icon-top: false !default;
+$tabbar-hamburger-icon-thickness: 1px !default;
+$tabbar-hamburger-icon-gap: 6px !default;
+
+// Off Canvas Back-Link Overlay
+$off-canvas-overlay-transition: background 300ms ease !default;
+$off-canvas-overlay-cursor: pointer !default;
+$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5) !default;
+$off-canvas-overlay-background: rgba($white, .2) !default;
+$off-canvas-overlay-background-hover: rgba($white, .05) !default;
+
+// Transition Variables
+$menu-slide: "transform 500ms ease" !default;
+
+
+// MIXINS
+// Remove transition flicker on phones
+@mixin kill-flicker {
+ // -webkit-transform: translateZ(0x);
+ -webkit-backface-visibility: hidden;
+}
+
+// Basic properties for the content wraps
+@mixin wrap-base {
+ position: relative;
+ width: 100%;
+}
+
+@mixin translate3d($tx, $ty, $tz) {
+ -webkit-transform: translate3d($tx, $ty, $tz);
+ -moz-transform: translate3d($tx, $ty, $tz);
+ -ms-transform: translate($tx, $ty);
+ -ms-transform: translate3d($tx, $ty, $tz);
+ -o-transform: translate3d($tx, $ty, $tz);
+ transform: translate3d($tx, $ty, $tz)
+}
+
+// basic styles for off-canvas menu container
+@mixin off-canvas-menu($position) {
+ @include kill-flicker;
+ * { @include kill-flicker; }
+ background: $off-canvas-bg;
+ bottom: 0;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ transition: transform 500ms ease 0s;
+ width: $off-canvas-width;
+ z-index: 1001;
+
+ @if $position == left {
+ @include translate3d(-100%,0,0);
+ left: 0;
+ }
+ @if $position == right {
+ @include translate3d(100%,0,0);
+ right: 0;
+ }
+}
+
+// OFF CANVAS WRAP
+// Wrap visible content and prevent scroll bars
+@mixin off-canvas-wrap {
+ @include kill-flicker;
+ @include wrap-base;
+ overflow: hidden;
+ &.move-right,
+ &.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; }
+}
+
+// INNER WRAP
+// Main content area that moves to reveal the off-canvas nav
+@mixin inner-wrap {
+ // @include kill-flicker;
+ // removed for now till chrome fixes backface issue
+ @include wrap-base;
+ @include clearfix;
+ -webkit-transition: -webkit-#{$menu-slide};
+ -moz-transition: -moz-#{$menu-slide};
+ -ms-transition: -ms-#{$menu-slide};
+ -o-transition: -o-#{$menu-slide};
+ transition: #{$menu-slide};
+}
+
+// TAB BAR
+// This is the tab bar base
+@mixin tab-bar-base {
+ @include kill-flicker;
+
+ // base styles
+ background: $tabbar-bg;
+ color: $tabbar-color;
+ height: $tabbar-height;
+ line-height: $tabbar-line-height;
+
+ // make sure it's below the .exit-off-canvas link
+ position: relative;
+ // z-index: 999;
+
+ // Typography
+ h1, h2, h3, h4, h5, h6 {
+ color: $tabbar-header-color;
+ font-weight: $tabbar-header-weight;
+ line-height: $tabbar-header-line-height;
+ margin: $tabbar-header-margin;
+ }
+ h1, h2, h3, h4 { font-size: $h5-font-size; }
+}
+
+// SMALL SECTIONS
+// These are small sections on the left and right that contain the off-canvas toggle buttons;
+@mixin tabbar-small-section($position) {
+ height: $tabbar-height;
+ position: absolute;
+ top: 0;
+ width: $tabbar-icon-width;
+ @if $position == left {
+ border-right: $tabbar-left-section-border;
+ // box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%);
+ left: 0;
+ }
+ @if $position == right {
+ border-left: $tabbar-right-section-border;
+ // box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%);
+ right:0;
+ }
+}
+
+@mixin tab-bar-section {
+ height: $tabbar-height;
+ padding: $tabbar-middle-padding;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ &.left { text-align: left; }
+ &.right { text-align: right; }
+
+
+ // still need to make these non-presentational
+ &.left {
+ left: 0;
+ right: $tabbar-icon-width;
+ }
+ &.right {
+ left: $tabbar-icon-width;
+ right: 0;
+ }
+ &.middle {
+ left: $tabbar-icon-width;
+ right: $tabbar-icon-width;
+ }
+}
+
+// OFF CANVAS LIST
+// This is the list of links in the off-canvas menu
+@mixin off-canvas-list {
+ list-style-type: none;
+ margin:0;
+ padding:0;
+
+ li {
+ label {
+ background: $off-canvas-label-bg;
+ border-bottom: $off-canvas-label-border-bottom;
+ border-top: $off-canvas-label-border-top;
+ color: $off-canvas-label-color;
+ display: block;
+ font-size: $off-canvas-label-font-size;
+ font-weight: $off-canvas-label-font-weight;
+ margin: $off-canvas-label-margin;
+ padding: $off-canvas-label-padding;
+ text-transform: $off-canvas-label-text-transform;
+ }
+ a {
+ border-bottom: $off-canvas-link-border-bottom;
+ color: $off-canvas-link-color;
+ display: block;
+ padding: $off-canvas-link-padding;
+ transition: background 300ms ease;
+ &:hover {
+ background: $off-canvas-bg-hover;
+ }
+ &:active {
+ background: $off-canvas-bg-active;
+ }
+ }
+ }
+
+}
+
+// BACK LINK
+// This is an overlay that, when clicked, will toggle off the off canvas menu
+@mixin back-link {
+ @include kill-flicker;
+
+ box-shadow: $off-canvas-overlay-box-shadow;
+ cursor: $off-canvas-overlay-cursor;
+ transition: $off-canvas-overlay-transition;
+
+ // fill the screen
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ background: $off-canvas-overlay-background;
+ bottom: 0;
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 1002;
+
+ @media #{$medium-up} {
+ &:hover {
+ background: $off-canvas-overlay-background-hover;
+ }
+ }
+}
+
+//
+// Off-Canvas Submenu Classes
+//
+@mixin off-canvas-submenu($position) {
+ @include kill-flicker;
+ * { @include kill-flicker; }
+ -webkit-overflow-scrolling: touch;
+ background: $off-canvas-bg;
+ bottom: 0;
+ box-sizing: content-box;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: absolute;
+ top: 0;
+ width: $off-canvas-width;
+ z-index: 1002;
+ @if $position == left {
+ @include translate3d(-100%,0,0);
+ left: 0;
+ }
+ @if $position == right {
+ @include translate3d(100%,0,0);
+ right: 0;
+ }
+ -webkit-transition: -webkit-#{$menu-slide};
+ -moz-transition: -moz-#{$menu-slide};
+ -ms-transition: -ms-#{$menu-slide};
+ -o-transition: -o-#{$menu-slide};
+ transition: #{$menu-slide};
+
+ //back button style like label
+ .back > a {
+ background: $off-canvas-back-bg;
+ border-bottom: $off-canvas-back-border-bottom;
+ border-top: $off-canvas-back-border-top;
+ color: $off-canvas-label-color;
+ font-weight: $off-canvas-label-font-weight;
+ padding: $off-canvas-label-padding;
+ text-transform: $off-canvas-label-text-transform;
+
+ &:hover {
+ background: $off-canvas-back-hover-bg;
+ border-bottom: $off-canvas-back-hover-border-bottom;
+ border-top: $off-canvas-back-hover-border-top;
+ }
+
+ margin: $off-canvas-label-margin;
+ @if $position == right {
+ @if $text-direction == rtl {
+ &:before {
+ @include icon-double-arrows($position: left);
+ }
+ } @else {
+ &:after {
+ @include icon-double-arrows($position: right);
+ }
+ }
+ }
+ @if $position == left {
+ @if $text-direction == rtl {
+ &:after {
+ @include icon-double-arrows($position: right);
+ }
+ } @else {
+ &:before {
+ @include icon-double-arrows($position: left);
+ }
+ }
+ }
+ }
+}
+//Left double angle quote or Right double angle quote chars
+@mixin icon-double-arrows ($position) {
+ @if $position == left {
+ content: "\AB";
+ @if $text-direction == rtl {
+ margin-left: .5rem;
+ } @else {
+ margin-right: .5rem;
+ }
+ }
+ @if $position == right {
+ content: "\BB";
+ @if $text-direction == rtl {
+ margin-right: .5rem;
+ } @else {
+ margin-left: .5rem;
+ }
+ }
+ display: inline;
+}
+
+//
+// DEFAULT CLASSES
+//
+@include exports("offcanvas") {
+ @if $include-html-off-canvas-classes {
+
+ .off-canvas-wrap { @include off-canvas-wrap; }
+ .inner-wrap { @include inner-wrap; }
+
+ .tab-bar { @include tab-bar-base; }
+
+ .left-small { @include tabbar-small-section($position: left); }
+ .right-small { @include tabbar-small-section($position: right); }
+
+ .tab-bar-section { @include tab-bar-section; }
+
+ // MENU BUTTON
+ // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future.
+ .tab-bar .menu-icon {
+ color: $tabbar-menu-icon-color;
+ display: block;
+ height: $tabbar-menu-icon-height;
+ padding: $tabbar-menu-icon-padding;
+ position: relative;
+ text-indent: $tabbar-menu-icon-text-indent;
+ transform: translate3d(0,0,0);
+ width: $tabbar-menu-icon-width;
+
+ // @include for the hamburger menu-icon
+ //
+ // Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color)
+ // $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width.
+ // $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False
+ // $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False
+ // $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px
+ // $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px
+ // $color - icon color Default: $tabbar-menu-icon-color
+ // $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover
+ // $offcanvas - Set to true
+ @include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true)
+ }
+
+ .left-off-canvas-menu { @include off-canvas-menu($position: left); }
+ .right-off-canvas-menu { @include off-canvas-menu($position: right); }
+
+ ul.off-canvas-list { @include off-canvas-list; }
+
+
+ // ANIMATION CLASSES
+ // These classes are added with JS and trigger the actual animation.
+ .move-right {
+ > .inner-wrap {
+ @include translate3d($off-canvas-width,0,0);
+ }
+ .exit-off-canvas { @include back-link;}
+ }
+
+ .move-left {
+ > .inner-wrap {
+ @include translate3d(-($off-canvas-width),0,0);
+
+ }
+ .exit-off-canvas { @include back-link; }
+ }
+ .offcanvas-overlap {
+ .left-off-canvas-menu, .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+ }
+ .exit-off-canvas { @include back-link; }
+ }
+ .offcanvas-overlap-left {
+ .right-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+ }
+ .exit-off-canvas { @include back-link; }
+ }
+ .offcanvas-overlap-right {
+ .left-off-canvas-menu {
+ -ms-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ transform: none;
+ z-index: 1003;
+ }
+ .exit-off-canvas { @include back-link; }
+ }
+
+ // Older browsers
+ .no-csstransforms {
+ .left-off-canvas-menu { left: -($off-canvas-width); }
+ .right-off-canvas-menu { right: -($off-canvas-width); }
+
+ .move-left > .inner-wrap { right: $off-canvas-width; }
+ .move-right > .inner-wrap { left: $off-canvas-width; }
+ }
+
+ .left-submenu {
+ @include off-canvas-submenu($position: left);
+ &.move-right, &.offcanvas-overlap-right, &.offcanvas-overlap {
+ @include translate3d(0%,0,0);
+ }
+ }
+
+ .right-submenu {
+ @include off-canvas-submenu($position: right);
+ &.move-left, &.offcanvas-overlap-left, &.offcanvas-overlap {
+ @include translate3d(0%,0,0);
+ }
+ }
+
+ @if $text-direction == rtl {
+ .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
+ @include icon-double-arrows($position: left);
+ }
+ .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
+ @include icon-double-arrows($position: right);
+ }
+ } @else {
+ .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
+ @include icon-double-arrows($position: right);
+ }
+ .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
+ @include icon-double-arrows($position: left);
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_orbit.scss b/themes/foundation5/scss/vendor/foundation/components/_orbit.scss
new file mode 100644
index 00000000000..dfd02d02fff
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_orbit.scss
@@ -0,0 +1,388 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+// @variables
+//
+$include-html-orbit-classes: $include-html-classes !default;
+
+// We use these to control the caption styles
+$orbit-container-bg: none !default;
+$orbit-caption-bg: rgba(51,51,51, .8) !default;
+$orbit-caption-font-color: $white !default;
+$orbit-caption-font-size: rem-calc(14) !default;
+$orbit-caption-position: "bottom" !default; // Supported values: "bottom", "under"
+$orbit-caption-padding: rem-calc(10 14) !default;
+$orbit-caption-height: auto !default;
+
+// We use these to control the left/right nav styles
+$orbit-nav-bg: transparent !default;
+$orbit-nav-bg-hover: rgba(0,0,0,0.3) !default;
+$orbit-nav-arrow-color: $white !default;
+$orbit-nav-arrow-color-hover: $white !default;
+
+// We use these to control the timer styles
+$orbit-timer-bg: rgba(255,255,255,0.3) !default;
+$orbit-timer-show-progress-bar: true !default;
+
+// We use these to control the bullet nav styles
+$orbit-bullet-nav-color: $iron !default;
+$orbit-bullet-nav-color-active: $aluminum !default;
+$orbit-bullet-radius: rem-calc(9) !default;
+
+// We use these to controls the style of slide numbers
+$orbit-slide-number-bg: rgba(0,0,0,0) !default;
+$orbit-slide-number-font-color: $white !default;
+$orbit-slide-number-padding: rem-calc(5) !default;
+
+// Graceful Loading Wrapper and preloader
+$wrapper-class: "slideshow-wrapper" !default;
+$preloader-class: "preloader" !default;
+
+// Hide controls on small
+$orbit-nav-hide-for-small: true !default;
+$orbit-bullet-hide-for-small: true !default;
+$orbit-timer-hide-for-small: true !default;
+
+
+@include exports("orbit") {
+ @if $include-html-orbit-classes {
+
+ @-webkit-keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+
+ @keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ /* Orbit Graceful Loading */
+ .#{$wrapper-class} {
+ position: relative;
+
+ ul {
+ // Prevent bullets showing before .orbit-container is loaded
+ list-style-type: none;
+ margin: 0;
+
+ // Hide all list items
+ li,
+ li .orbit-caption { display: none; }
+
+ // ...except for the first one
+ li:first-child { display: block; }
+ }
+
+ .orbit-container { background-color: transparent;
+
+ // Show images when .orbit-container is loaded
+ li { display: block;
+
+ .orbit-caption { display: block; }
+ }
+ .orbit-bullets li {
+ display: inline-block;
+ }
+ }
+
+ // Orbit preloader
+ .#{$preloader-class} {
+ @include radius(1000px);
+ animation-duration: 1.5s;
+ animation-iteration-count: infinite;
+ animation-name: rotate;
+ animation-timing-function: linear;
+ border-color: $charcoal $white;
+ border: solid 3px;
+ display: block;
+ height: 40px;
+ left: 50%;
+ margin-left: -20px;
+ margin-top: -20px;
+ position: absolute;
+ top: 50%;
+ width: 40px;
+ }
+ }
+
+
+ .orbit-container {
+ background: $orbit-container-bg;
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+
+ .orbit-slides-container {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+
+ // Prevents images (and captions) from disappearing after first rotation on Chrome for Android
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ transform: translateZ(0);
+
+ img { display: block; max-width: 100%; }
+
+ > * {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ @if $text-direction == rtl {
+ margin-right: 100%;
+ }
+ @else {
+ margin-left: 100%;
+ }
+
+ &:first-child {
+ @if $text-direction == rtl {
+ margin-right: 0;
+ }
+ @else {
+ margin-left: 0;
+ }
+ }
+
+ .orbit-caption {
+ @if $orbit-caption-position == "bottom" {
+ bottom: 0;
+ position: absolute;
+ } @else if $orbit-caption-position == "under" {
+ position: relative;
+ }
+
+ background-color: $orbit-caption-bg;
+ color: $orbit-caption-font-color;
+ font-size: $orbit-caption-font-size;
+ padding: $orbit-caption-padding;
+ width: 100%;
+ }
+ }
+ }
+
+ .orbit-slide-number {
+ #{$default-float}: 10px;
+ background: $orbit-slide-number-bg;
+ color: $orbit-slide-number-font-color;
+ font-size: 12px;
+ position: absolute;
+ span { font-weight: 700; padding: $orbit-slide-number-padding;}
+ top: 10px;
+ z-index: 10;
+ }
+
+ .orbit-timer {
+
+ position: absolute;
+ top: 12px;
+ #{$opposite-direction}: 10px;
+ height: 6px;
+ width: 100px;
+ z-index: 10;
+
+
+ .orbit-progress {
+ @if $orbit-timer-show-progress-bar {
+ height: 3px;
+ background-color: $orbit-timer-bg;
+ display: block;
+ width: 0;
+ position: relative;
+ right: 20px;
+ top: 5px;
+
+ }
+ }
+
+ // Play button
+ & > span {
+ border: solid 4px $white;
+ border-bottom: none;
+ border-top: none;
+ display: none;
+ height: 14px;
+ position: absolute;
+ top: 0;
+ width: 11px;
+ #{$opposite-direction}: 0;
+ }
+
+ // Pause button
+ &.paused {
+ & > span {
+ top: 0;
+ width: 11px;
+ height: 14px;
+ border: inset 8px;
+ border-left-style: solid;
+ border-color: transparent;
+ border-left-color: $white;
+ #{$opposite-direction}: -4px;
+
+ &.dark {
+ border-left-color: $oil;
+ }
+ }
+ }
+ }
+
+
+
+ &:hover .orbit-timer > span { display: block; }
+
+ // Let's get those controls to be right in the center on each side
+ .orbit-prev,
+ .orbit-next {
+ background-color: $orbit-nav-bg;
+ color: white;
+ height: 60px;
+ line-height: 50px;
+ margin-top: -25px;
+ position: absolute;
+ text-indent: -9999px !important;
+ top: 45%;
+ width: 36px;
+ z-index: 10;
+
+ &:hover {
+ background-color: $orbit-nav-bg-hover;
+ }
+
+ & > span {
+ border: inset 10px;
+ display: block;
+ height: 0;
+ margin-top: -10px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+ }
+ }
+ .orbit-prev { #{$default-float}: 0;
+ & > span {
+ border-#{$opposite-direction}-style: solid;
+ border-color: transparent;
+ border-#{$opposite-direction}-color: $orbit-nav-arrow-color;
+ }
+ &:hover > span {
+ border-#{$opposite-direction}-color: $orbit-nav-arrow-color-hover;
+ }
+ }
+ .orbit-next { #{$opposite-direction}: 0;
+ & > span {
+ border-color: transparent;
+ border-#{$default-float}-style: solid;
+ border-#{$default-float}-color: $orbit-nav-arrow-color;
+ #{$default-float}: 50%;
+ margin-#{$default-float}: -4px;
+ }
+ &:hover > span {
+ border-#{$default-float}-color: $orbit-nav-arrow-color-hover;
+ }
+ }
+ }
+
+ .orbit-bullets-container { text-align: center; }
+ .orbit-bullets {
+ display: block;
+ float: none;
+ margin: 0 auto 30px auto;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ top: 10px;
+
+ li {
+ background: $orbit-bullet-nav-color;
+ cursor: pointer;
+ display: inline-block;
+ // float: $default-float;
+ float: none;
+ height: $orbit-bullet-radius;
+ margin-#{$opposite-direction}: 6px;
+ width: $orbit-bullet-radius;
+
+ @include radius(1000px);
+
+ &.active {
+ background: $orbit-bullet-nav-color-active;
+ }
+
+ &:last-child { margin-#{$opposite-direction}: 0; }
+ }
+ }
+
+ .touch {
+ .orbit-container {
+ .orbit-prev,
+ .orbit-next { display: none; }
+ }
+
+ .orbit-bullets { display: none; }
+ }
+
+
+ @media #{$medium-up} {
+
+ .touch {
+ .orbit-container {
+ .orbit-prev,
+ .orbit-next { display: inherit; }
+ }
+
+ .orbit-bullets { display: block; }
+ }
+
+ }
+
+ @media #{$small-only} {
+ .orbit-stack-on-small {
+ .orbit-slides-container {height: auto !important;}
+ .orbit-slides-container > * {
+ margin:0 !important;
+ opacity: 1 !important;
+ position: relative;
+ }
+
+ .orbit-slide-number {
+ display: none;
+ }
+ }
+
+ @if $orbit-timer-hide-for-small {
+ .orbit-timer{display: none;}
+ }
+ @if $orbit-nav-hide-for-small {
+ .orbit-next,.orbit-prev{display: none;}
+ }
+ @if $orbit-bullet-hide-for-small {
+ .orbit-bullets{display: none;}
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_pagination.scss b/themes/foundation5/scss/vendor/foundation/components/_pagination.scss
new file mode 100644
index 00000000000..6e75da1fb69
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_pagination.scss
@@ -0,0 +1,162 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-pagination-classes: $include-html-classes !default;
+
+// We use these to control the pagination container
+$pagination-height: rem-calc(24) !default;
+$pagination-margin: rem-calc(-5) !default;
+
+// We use these to set the list-item properties
+$pagination-li-float: $default-float !default;
+$pagination-li-height: rem-calc(24) !default;
+$pagination-li-font-color: $jet !default;
+$pagination-li-font-size: rem-calc(14) !default;
+$pagination-li-margin: rem-calc(5) !default;
+
+// We use these for the pagination anchor links
+$pagination-link-pad: rem-calc(1 10 1) !default;
+$pagination-link-font-color: $aluminum !default;
+$pagination-link-active-bg: scale-color($white, $lightness: -10%) !default;
+
+// We use these for disabled anchor links
+$pagination-link-unavailable-cursor: default !default;
+$pagination-link-unavailable-font-color: $aluminum !default;
+$pagination-link-unavailable-bg-active: transparent !default;
+
+// We use these for currently selected anchor links
+$pagination-link-current-background: $primary-color !default;
+$pagination-link-current-font-color: $white !default;
+$pagination-link-current-font-weight: $font-weight-bold !default;
+$pagination-link-current-cursor: default !default;
+$pagination-link-current-active-bg: $primary-color !default;
+
+// @mixins
+//
+// Style the pagination container. Currently only used when centering elements.
+// $center - Default: false, Options: true
+@mixin pagination-container($center:false) {
+ @if $center { text-align: center; }
+}
+
+// @mixins
+// Style unavailable list items
+@mixin pagination-unavailable-item {
+ a, button {
+ cursor: $pagination-link-unavailable-cursor;
+ color: $pagination-link-unavailable-font-color;
+ }
+ &:hover a,
+ & a:focus,
+
+ &:hover button,
+ & button:focus
+ { background: $pagination-link-unavailable-bg-active; }
+}
+// @mixins
+// Style the current list item. Do not assume that the current item has
+// an anchor <a> element.
+// $has-anchor - Default: true, Options: false
+@mixin pagination-current-item($has-anchor: true) {
+ @if $has-anchor {
+ a, button {
+ background: $pagination-link-current-background;
+ color: $pagination-link-current-font-color;
+ cursor: $pagination-link-current-cursor;
+ font-weight: $pagination-link-current-font-weight;
+
+ &:hover,
+ &:focus { background: $pagination-link-current-active-bg; }
+ }
+ } @else {
+ background: $pagination-link-current-background;
+ color: $pagination-link-current-font-color;
+ cursor: $pagination-link-current-cursor;
+ font-weight: $pagination-link-current-font-weight;
+ height: auto;
+ padding: $pagination-link-pad;
+ @include radius;
+
+ &:hover,
+ &:focus { background: $pagination-link-current-active-bg; }
+ }
+}
+
+// @mixins
+//
+// We use this mixin to set the properties for the creating Foundation pagination
+// $center - Left or center align the li elements. Default: false
+// $base-style - Sets base styles for pagination. Default: true, Options: false
+// $use-default-classes - Makes unavailable & current classes available for use. Default: true
+@mixin pagination($center:false, $base-style:true, $use-default-classes:true) {
+
+ @if $base-style {
+ display: block;
+ margin-#{$default-float}: $pagination-margin;
+ min-height: $pagination-height;
+
+ li {
+ color: $pagination-li-font-color;
+ font-size: $pagination-li-font-size;
+ height: $pagination-li-height;
+ margin-#{$default-float}: $pagination-li-margin;
+
+ a, button {
+ @include radius;
+ @include single-transition(background-color);
+ background: none;
+ color: $pagination-link-font-color;
+ display: block;
+ font-size: 1em;
+ font-weight: normal;
+ line-height: inherit;
+ padding: $pagination-link-pad;
+ }
+
+ &:hover a,
+ a:focus,
+ &:hover button,
+ button:focus
+ { background: $pagination-link-active-bg; }
+
+ @if $use-default-classes {
+ &.unavailable { @include pagination-unavailable-item(); }
+ &.current { @include pagination-current-item(); }
+ }
+ }
+ }
+
+ // Left or center align the li elements
+ li {
+ @if $center {
+ display: inline-block;
+ float: none;
+ } @else {
+ display: block;
+ float: $pagination-li-float;
+ }
+ }
+}
+
+@include exports("pagination") {
+ @if $include-pagination-classes {
+ ul.pagination {
+ @include pagination;
+ }
+
+ /* Pagination centred wrapper */
+ .pagination-centered {
+ @include pagination-container(true);
+
+ ul.pagination {
+ @include pagination(true, false);
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_panels.scss b/themes/foundation5/scss/vendor/foundation/components/_panels.scss
new file mode 100644
index 00000000000..123ad9c52cb
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_panels.scss
@@ -0,0 +1,107 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-panel-classes: $include-html-classes !default;
+
+// We use these to control the background and border styles
+$panel-bg: scale-color($white, $lightness: -5%) !default;
+$panel-border-style: solid !default;
+$panel-border-size: 1px !default;
+$callout-panel-bg: scale-color($primary-color, $lightness: 94%) !default;
+
+// We use this % to control how much we darken things on hover
+$panel-border-color: scale-color($panel-bg, $lightness: -11%) !default;
+
+// We use these to set default inner padding and bottom margin
+$panel-margin-bottom: rem-calc(20) !default;
+$panel-padding: rem-calc(20) !default;
+
+// We use these to set default font colors
+$panel-font-color: $oil !default;
+$panel-font-color-alt: $white !default;
+
+$panel-header-adjust: true !default;
+$callout-panel-link-color: $primary-color !default;
+$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default;
+//
+// @mixins
+//
+// We use this mixin to create panels.
+// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default
+// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)
+// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true
+@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust, $border:true) {
+
+ @if $bg {
+ $bg-lightness: lightness($bg);
+
+ @if $border {
+ border-style: $panel-border-style;
+ border-width: $panel-border-size;
+ border-color: $panel-border-color;
+ } @else {
+ border-style: none;
+ border-width: 0;
+ }
+
+ margin-bottom: $panel-margin-bottom;
+ padding: $padding;
+
+ background: $bg;
+ @if $bg-lightness >= 50% { color: $panel-font-color; }
+ @else { color: $panel-font-color-alt; }
+
+ // Respect the padding, fool.
+ > :first-child { margin-top: 0; }
+ > :last-child { margin-bottom: 0; }
+
+ @if $adjust {
+ // We set the font color based on the darkness of the bg.
+ @if $bg-lightness >= 50% {
+ h1, h2, h3, h4, h5, h6, p, li, dl { color: $panel-font-color; }
+ }
+ @else {
+ h1, h2, h3, h4, h5, h6, p, li, dl { color: $panel-font-color-alt; }
+ }
+
+ // reset header line-heights for panels
+ h1, h2, h3, h4, h5, h6 {
+ line-height: 1; margin-bottom: rem-calc(20) / 2;
+ &.subheader { line-height: 1.4; }
+ }
+ }
+ }
+}
+
+@include exports("panel") {
+ @if $include-html-panel-classes {
+
+ /* Panels */
+ .panel { @include panel;
+
+ &.callout {
+ @include panel($callout-panel-bg);
+ a:not(.button) {
+ color: $callout-panel-link-color;
+
+ &:hover,
+ &:focus {
+ color: $callout-panel-link-color-hover;
+ }
+ }
+ }
+
+ &.radius {
+ @include radius;
+ }
+
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_pricing-tables.scss b/themes/foundation5/scss/vendor/foundation/components/_pricing-tables.scss
new file mode 100644
index 00000000000..71b7b9c7ec2
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_pricing-tables.scss
@@ -0,0 +1,150 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-pricing-classes: $include-html-classes !default;
+
+// We use this to control the border color
+$price-table-border: solid 1px $gainsboro !default;
+
+// We use this to control the bottom margin of the pricing table
+$price-table-margin-bottom: rem-calc(20) !default;
+
+// We use these to control the title styles
+$price-title-bg: $oil !default;
+$price-title-padding: rem-calc(15 20) !default;
+$price-title-align: center !default;
+$price-title-color: $smoke !default;
+$price-title-weight: $font-weight-normal !default;
+$price-title-size: rem-calc(16) !default;
+$price-title-font-family: $body-font-family !default;
+
+// We use these to control the price styles
+$price-money-bg: $vapor !default;
+$price-money-padding: rem-calc(15 20) !default;
+$price-money-align: center !default;
+$price-money-color: $oil !default;
+$price-money-weight: $font-weight-normal !default;
+$price-money-size: rem-calc(32) !default;
+$price-money-font-family: $body-font-family !default;
+
+
+// We use these to control the description styles
+$price-bg: $white !default;
+$price-desc-color: $monsoon !default;
+$price-desc-padding: rem-calc(15) !default;
+$price-desc-align: center !default;
+$price-desc-font-size: rem-calc(12) !default;
+$price-desc-weight: $font-weight-normal !default;
+$price-desc-line-height: 1.4 !default;
+$price-desc-bottom-border: dotted 1px $gainsboro !default;
+
+// We use these to control the list item styles
+$price-item-color: $oil !default;
+$price-item-padding: rem-calc(15) !default;
+$price-item-align: center !default;
+$price-item-font-size: rem-calc(14) !default;
+$price-item-weight: $font-weight-normal !default;
+$price-item-bottom-border: dotted 1px $gainsboro !default;
+
+// We use these to control the CTA area styles
+$price-cta-bg: $white !default;
+$price-cta-align: center !default;
+$price-cta-padding: rem-calc(20 20 0) !default;
+
+// @mixins
+//
+// We use this to create the container element for the pricing tables
+@mixin pricing-table-container {
+ border: $price-table-border;
+ margin-#{$default-float}: 0;
+ margin-bottom: $price-table-margin-bottom;
+
+ & * {
+ list-style: none;
+ line-height: 1;
+ }
+}
+// @mixins
+//
+// We use this mixin to create the pricing table title styles
+@mixin pricing-table-title {
+ background-color: $price-title-bg;
+ color: $price-title-color;
+ font-family: $price-title-font-family;
+ font-size: $price-title-size;
+ font-weight: $price-title-weight;
+ padding: $price-title-padding;
+ text-align: $price-title-align;
+}
+
+// @mixins
+//
+// We use this mixin to control the pricing table price styles
+@mixin pricing-table-price {
+ background-color: $price-money-bg;
+ color: $price-money-color;
+ font-family: $price-money-font-family;
+ font-size: $price-money-size;
+ font-weight: $price-money-weight;
+ padding: $price-money-padding;
+ text-align: $price-money-align;
+}
+
+// @mixins
+//
+// We use this mixin to create the description styles for the pricing table
+@mixin pricing-table-description {
+ background-color: $price-bg;
+ border-bottom: $price-desc-bottom-border;
+ color: $price-desc-color;
+ font-size: $price-desc-font-size;
+ font-weight: $price-desc-weight;
+ line-height: $price-desc-line-height;
+ padding: $price-desc-padding;
+ text-align: $price-desc-align;
+}
+
+// @mixins
+//
+// We use this mixin to style the bullet items in the pricing table
+@mixin pricing-table-bullet {
+ background-color: $price-bg;
+ border-bottom: $price-item-bottom-border;
+ color: $price-item-color;
+ font-size: $price-item-font-size;
+ font-weight: $price-item-weight;
+ padding: $price-item-padding;
+ text-align: $price-item-align;
+}
+
+// @mixins
+//
+// We use this mixin to style the CTA area of the pricing tables
+@mixin pricing-table-cta {
+ background-color: $price-cta-bg;
+ padding: $price-cta-padding;
+ text-align: $price-cta-align;
+}
+
+@include exports("pricing-table") {
+ @if $include-html-pricing-classes {
+
+ /* Pricing Tables */
+ .pricing-table {
+ @include pricing-table-container;
+
+ .title { @include pricing-table-title; }
+ .price { @include pricing-table-price; }
+ .description { @include pricing-table-description; }
+ .bullet-item { @include pricing-table-bullet; }
+ .cta-button { @include pricing-table-cta; }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_progress-bars.scss b/themes/foundation5/scss/vendor/foundation/components/_progress-bars.scss
new file mode 100644
index 00000000000..87f88ed8322
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_progress-bars.scss
@@ -0,0 +1,79 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+$include-html-media-classes: $include-html-classes !default;
+
+// We use this to set the progress bar height
+$progress-bar-height: rem-calc(25) !default;
+$progress-bar-color: $vapor !default;
+
+// We use these to control the border styles
+$progress-bar-border-color: scale-color($white, $lightness: 20%) !default;
+$progress-bar-border-size: 1px !default;
+$progress-bar-border-style: solid !default;
+$progress-bar-border-radius: $global-radius !default;
+
+// We use these to control the margin & padding
+$progress-bar-pad: rem-calc(2) !default;
+$progress-bar-margin-bottom: rem-calc(10) !default;
+
+// We use these to set the meter colors
+$progress-meter-color: $primary-color !default;
+$progress-meter-secondary-color: $secondary-color !default;
+$progress-meter-success-color: $success-color !default;
+$progress-meter-alert-color: $alert-color !default;
+
+// @mixins
+//
+// We use this to set up the progress bar container
+@mixin progress-container {
+ background-color: $progress-bar-color;
+ border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color;
+ height: $progress-bar-height;
+ margin-bottom: $progress-bar-margin-bottom;
+ padding: $progress-bar-pad;
+}
+
+// @mixins
+//
+// $bg - Default: $progress-meter-color || $primary-color
+@mixin progress-meter($bg:$progress-meter-color) {
+ background: $bg;
+ display: block;
+ height: 100%;
+}
+
+
+@include exports("progress-bar") {
+ @if $include-html-media-classes {
+
+ /* Progress Bar */
+ .progress {
+ @include progress-container;
+
+ // Meter
+ .meter {
+ @include progress-meter;
+ }
+ &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); }
+ &.success .meter { @include progress-meter($bg:$progress-meter-success-color); }
+ &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); }
+
+ &.radius { @include radius($progress-bar-border-radius);
+ .meter { @include radius($progress-bar-border-radius - 1); }
+ }
+
+ &.round { @include radius(1000px);
+ .meter { @include radius(999px); }
+ }
+
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_range-slider.scss b/themes/foundation5/scss/vendor/foundation/components/_range-slider.scss
new file mode 100644
index 00000000000..1a35218477b
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_range-slider.scss
@@ -0,0 +1,177 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @name _range-slider.scss
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-range-slider-classes: $include-html-classes !default;
+
+// These variables define the slider bar styles
+$range-slider-bar-width: 100% !default;
+$range-slider-bar-height: rem-calc(16) !default;
+
+$range-slider-bar-border-width: 1px !default;
+$range-slider-bar-border-style: solid !default;
+$range-slider-bar-border-color: $gainsboro !default;
+$range-slider-radius: $global-radius !default;
+$range-slider-round: $global-rounded !default;
+$range-slider-bar-bg-color: $ghost !default;
+$range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default;
+
+// Vertical bar styles
+$range-slider-vertical-bar-width: rem-calc(16) !default;
+$range-slider-vertical-bar-height: rem-calc(200) !default;
+
+// These variables define the slider handle styles
+$range-slider-handle-width: rem-calc(32) !default;
+$range-slider-handle-height: rem-calc(22) !default;
+$range-slider-handle-position-top: rem-calc(-5) !default;
+$range-slider-handle-bg-color: $primary-color !default;
+$range-slider-handle-border-width: 1px !default;
+$range-slider-handle-border-style: solid !default;
+$range-slider-handle-border-color: none !default;
+$range-slider-handle-radius: $global-radius !default;
+$range-slider-handle-round: $global-rounded !default;
+$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default;
+$range-slider-handle-cursor: pointer !default;
+
+$range-slider-disabled-opacity: .7 !default;
+$range-slider-disabled-cursor: $cursor-disabled-value !default;
+
+//
+// @mixins
+//
+
+@mixin range-slider-bar-base($vertical: false) {
+ border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color;
+ margin: rem-calc(20 0);
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ @if $vertical == true {
+ display: inline-block;
+ height: $range-slider-vertical-bar-height;
+ width: $range-slider-vertical-bar-width;
+ } @else {
+ display: block;
+ height: $range-slider-bar-height;
+ width: $range-slider-bar-width;
+ }
+}
+@mixin range-slider-bar-style(
+ $bg: true,
+ $radius: false,
+ $round: false,
+ $disabled: false) {
+ @if $bg == true { background: $range-slider-bar-bg-color; }
+ @if $radius == true { @include radius($range-slider-radius); }
+ @if $round == true { @include radius($range-slider-round); }
+ @if $disabled == true {
+ cursor: $range-slider-disabled-cursor;
+ opacity: $range-slider-disabled-opacity;
+ }
+}
+
+@mixin range-slider-bar(
+ $bg: $range-slider-bar-bg-color,
+ $radius:false) {
+ @include range-slider-bar-base;
+ @include range-slider-bar-style;
+}
+
+@mixin range-slider-handle-base() {
+ border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color;
+ cursor: $range-slider-handle-cursor;
+ display: inline-block;
+ height: $range-slider-handle-height;
+ position: absolute;
+ top: $range-slider-handle-position-top;
+ width: $range-slider-handle-width;
+ z-index: 1;
+
+ // This removes the 300ms touch delay on Windows 8
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+}
+
+@mixin range-slider-handle-style(
+ $bg: true,
+ $radius: false,
+ $round: false,
+ $disabled: false) {
+ @if $bg == true { background: $range-slider-handle-bg-color; }
+ @if $radius == true { @include radius($range-slider-radius); }
+ @if $round == true { @include radius($range-slider-round); }
+ @if $disabled == true {
+ cursor: $cursor-default-value;
+ opacity: $range-slider-disabled-opacity;
+ }
+ &:hover {
+ background: $range-slider-handle-bg-hover-color;
+ }
+}
+
+@mixin range-slider-handle() {
+ @include range-slider-handle-base;
+ @include range-slider-handle-style;
+}
+
+// CSS Generation
+@include exports("range-slider-bar") {
+ @if $include-html-range-slider-classes {
+ .range-slider {
+ @include range-slider-bar-base;
+ @include range-slider-bar-style($bg:true, $radius:false);
+ &.vertical-range {
+ @include range-slider-bar-base($vertical: true);
+ .range-slider-handle {
+ bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width);
+ margin-#{$default-float}: -($range-slider-handle-width / 4);
+ margin-top: 0;
+ position: absolute;
+ }
+ .range-slider-active-segment {
+ border-bottom-left-radius: inherit;
+ border-bottom-right-radius: inherit;
+ border-top-left-radius: initial;
+ bottom: 0;
+ height: auto;
+ width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
+ }
+ }
+ &.radius {
+ @include range-slider-bar-style($radius:true);
+ .range-slider-handle { @include range-slider-handle-style($radius: true); }
+ }
+ &.round {
+ @include range-slider-bar-style($round:true);
+ .range-slider-handle { @include range-slider-handle-style($round: true); }
+ }
+ &.disabled, &[disabled] {
+ @include range-slider-bar-style($disabled:true);
+ .range-slider-handle { @include range-slider-handle-style($disabled: true); }
+ }
+ }
+ .range-slider-active-segment {
+ background: $range-slider-active-segment-bg-color;
+ border-bottom-left-radius: inherit;
+ border-top-left-radius: inherit;
+ display: inline-block;
+ height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
+ position: absolute;
+ }
+ .range-slider-handle {
+ @include range-slider-handle-base;
+ @include range-slider-handle-style($bg:true, $radius: false);
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_reveal.scss b/themes/foundation5/scss/vendor/foundation/components/_reveal.scss
new file mode 100644
index 00000000000..19c493d1841
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_reveal.scss
@@ -0,0 +1,209 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'grid';
+
+//
+// @name _reveal.scss
+// @dependencies _global.scss
+//
+
+$include-html-reveal-classes: $include-html-classes !default;
+
+// We use these to control the style of the reveal overlay.
+$reveal-overlay-bg: rgba($black, .45) !default;
+$reveal-overlay-bg-old: $black !default;
+
+// We use these to control the style of the modal itself.
+$reveal-modal-bg: $white !default;
+$reveal-position-top: rem-calc(100) !default;
+$reveal-default-width: 80% !default;
+$reveal-max-width: $row-width !default;
+$reveal-modal-padding: rem-calc(30) !default;
+$reveal-box-shadow: 0 0 10px rgba($black,.4) !default;
+
+// We use these to style the reveal close button
+$reveal-close-font-size: rem-calc(40) !default;
+$reveal-close-top: rem-calc(10) !default;
+$reveal-close-side: rem-calc(22) !default;
+$reveal-close-color: $base !default;
+$reveal-close-weight: $font-weight-bold !default;
+
+// We use this to set the default radius used throughout the core.
+$reveal-radius: $global-radius !default;
+$reveal-round: $global-rounded !default;
+
+// We use these to control the modal border
+$reveal-border-style: solid !default;
+$reveal-border-width: 1px !default;
+$reveal-border-color: $steel !default;
+
+$reveal-modal-class: "reveal-modal" !default;
+$close-reveal-modal-class: "close-reveal-modal" !default;
+
+// Set base z-index
+$z-index-base: 1005;
+
+//
+// @mixins
+//
+
+// We use this to create the reveal background overlay styles
+@mixin reveal-bg( $include-z-index-value: true ) {
+ // position: absolute; // allows modal background to extend beyond window position
+ background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.
+ background: $reveal-overlay-bg;
+ bottom: 0;
+ display: none;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: if( $include-z-index-value, $z-index-base - 1, auto );
+ #{$default-float}: 0;
+}
+
+// We use this mixin to create the structure of a reveal modal
+//
+// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false
+// $width - Sets reveal width Default: $reveal-default-width || 80%
+//
+@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {
+ @if $base-style {
+ border-radius: $border-radius;
+ display: none;
+ position: absolute;
+ top:0;
+ visibility: hidden;
+ width: 100%;
+ z-index: $z-index-base;
+ #{$default-float}: 0;
+
+ @media #{$small-only} {
+ min-height:100vh;
+ }
+
+ // Make sure rows don't have a min-width on them
+ .column, .columns { min-width: 0; }
+
+ // Get rid of margin from first and last element inside modal
+ > :first-child { margin-top: 0; }
+
+ > :last-child { margin-bottom: 0; }
+ }
+
+ @if $width {
+ @media #{$medium-up} {
+ left: 0;
+ margin: 0 auto;
+ max-width: $max-width;
+ right: 0;
+ width: $width;
+ }
+ }
+}
+
+// We use this to style the reveal modal defaults
+//
+// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white
+// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding.
+// $border - Choose whether reveal uses a border. Default: true, Options: false
+// $border-style - Set reveal border style. Default: $reveal-border-style || solid
+// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width.
+// $border-color - Color of border. Default: $reveal-border-color.
+// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false
+// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false
+// $top-offset - Default: $reveal-position-top || 50px
+@mixin reveal-modal-style(
+ $bg:false,
+ $padding:false,
+ $border:false,
+ $border-style:$reveal-border-style,
+ $border-width:$reveal-border-width,
+ $border-color:$reveal-border-color,
+ $box-shadow:false,
+ $radius:false,
+ $top-offset:false) {
+
+ @if $bg { background-color: $bg; }
+ @if $padding != false { padding: $padding; }
+
+ @if $border { border: $border-style $border-width $border-color; }
+
+ // We can choose whether or not to include the default box-shadow.
+ @if $box-shadow {
+ box-shadow: $reveal-box-shadow;
+ }
+
+ // We can control how much radius is used on the modal
+ @if $radius == true { @include radius($reveal-radius); }
+ @else if $radius { @include radius($radius); }
+
+ @if $top-offset {
+ @media #{$medium-up} {
+ top: $top-offset;
+ }
+ }
+}
+
+// We use this to create a close button for the reveal modal
+//
+// $color - Default: $reveal-close-color || $base
+@mixin reveal-close($color:$reveal-close-color) {
+ color: $color;
+ cursor: $cursor-pointer-value;
+ font-size: $reveal-close-font-size;
+ font-weight: $reveal-close-weight;
+ line-height: 1;
+ position: absolute;
+ top: $reveal-close-top;
+ #{$opposite-direction}: $reveal-close-side;
+}
+
+@include exports("reveal") {
+ @if $include-html-reveal-classes {
+
+ // Reveal Modals
+ .reveal-modal-bg { @include reveal-bg; }
+
+ .#{$reveal-modal-class} {
+ @include reveal-modal-base;
+ @include reveal-modal-style(
+ $bg:$reveal-modal-bg,
+ $padding:$reveal-modal-padding,
+ $border:true,
+ $box-shadow:true,
+ $radius:false,
+ $top-offset:$reveal-position-top
+ );
+
+ &.radius { @include reveal-modal-style($radius:true); }
+ &.round { @include reveal-modal-style($radius:$reveal-round); }
+ &.collapse { @include reveal-modal-style($padding:0); }
+ &.tiny { @include reveal-modal-base(false, 30%); }
+ &.small { @include reveal-modal-base(false, 40%); }
+ &.medium { @include reveal-modal-base(false, 60%); }
+ &.large { @include reveal-modal-base(false, 70%); }
+ &.xlarge { @include reveal-modal-base(false, 95%); }
+ &.full {
+ @include reveal-modal-base(false, 100%);
+ height: 100vh;
+ height:100%;
+ left:0;
+ margin-left: 0 !important;
+ max-width: none !important;
+ min-height:100vh;
+ top:0;
+ }
+
+ // Modals pushed to back
+ &.toback {
+ z-index: $z-index-base - 2;
+ }
+
+ .#{$close-reveal-modal-class} { @include reveal-close; }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_side-nav.scss b/themes/foundation5/scss/vendor/foundation/components/_side-nav.scss
new file mode 100644
index 00000000000..ba74a53a97f
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_side-nav.scss
@@ -0,0 +1,120 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @variables
+//
+
+$include-html-nav-classes: $include-html-classes !default;
+
+// We use this to control padding.
+$side-nav-padding: rem-calc(14 0) !default;
+
+// We use these to control list styles.
+$side-nav-list-type: none !default;
+$side-nav-list-position: outside !default;
+$side-nav-list-margin: rem-calc(0 0 7 0) !default;
+
+// We use these to control link styles.
+$side-nav-link-color: $primary-color !default;
+$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;
+$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;
+$side-nav-link-bg-hover: hsla(0, 0, 0, .025) !default;
+$side-nav-link-margin: 0 !default;
+$side-nav-link-padding: rem-calc(7 14) !default;
+$side-nav-font-size: rem-calc(14) !default;
+$side-nav-font-weight: $font-weight-normal !default;
+$side-nav-font-weight-active: $side-nav-font-weight !default;
+$side-nav-font-family: $body-font-family !default;
+$side-nav-font-family-active: $side-nav-font-family !default;
+
+// We use these to control heading styles.
+$side-nav-heading-color: $side-nav-link-color !default;
+$side-nav-heading-font-size: $side-nav-font-size !default;
+$side-nav-heading-font-weight: bold !default;
+$side-nav-heading-text-transform: uppercase !default;
+
+// We use these to control border styles
+$side-nav-divider-size: 1px !default;
+$side-nav-divider-style: solid !default;
+$side-nav-divider-color: scale-color($white, $lightness: -10%) !default;
+
+
+//
+// @mixins
+//
+
+
+// We use this to style the side-nav
+//
+// $divider-color - Border color of divider. Default: $side-nav-divider-color.
+// $font-size - Font size of nav items. Default: $side-nav-font-size.
+// $link-color - Color of navigation links. Default: $side-nav-link-color.
+// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover.
+@mixin side-nav(
+ $divider-color:$side-nav-divider-color,
+ $font-size:$side-nav-font-size,
+ $link-color:$side-nav-link-color,
+ $link-color-active:$side-nav-link-color-active,
+ $link-color-hover:$side-nav-link-color-hover,
+ $link-bg-hover:$side-nav-link-bg-hover) {
+ display: block;
+ font-family: $side-nav-font-family;
+ list-style-position: $side-nav-list-position;
+ list-style-type: $side-nav-list-type;
+ margin: 0;
+ padding: $side-nav-padding;
+
+ li {
+ font-size: $font-size;
+ font-weight: $side-nav-font-weight;
+ margin: $side-nav-list-margin;
+
+ a:not(.button) {
+ color: $link-color;
+ display: block;
+ margin: $side-nav-link-margin;
+ padding: $side-nav-link-padding;
+ &:hover,
+ &:focus {
+ background: $link-bg-hover;
+ color: $link-color-hover;
+ }
+ &:active {
+ color: $link-color-active;
+ }
+ }
+
+ &.active > a:first-child:not(.button) {
+ color: $side-nav-link-color-active;
+ font-family: $side-nav-font-family-active;
+ font-weight: $side-nav-font-weight-active;
+ }
+
+ &.divider {
+ border-top: $side-nav-divider-size $side-nav-divider-style;
+ height: 0;
+ list-style: none;
+ padding: 0;
+ border-top-color: $divider-color;
+ }
+
+ &.heading {
+ color: $side-nav-heading-color;
+ font: {
+ size: $side-nav-heading-font-size;
+ weight: $side-nav-heading-font-weight;
+ }
+ text-transform: $side-nav-heading-text-transform;
+ }
+ }
+}
+
+@include exports("side-nav") {
+ @if $include-html-nav-classes {
+ .side-nav {@include side-nav;}
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_split-buttons.scss b/themes/foundation5/scss/vendor/foundation/components/_split-buttons.scss
new file mode 100644
index 00000000000..7e8a4e30c94
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_split-buttons.scss
@@ -0,0 +1,203 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'buttons';
+@import 'dropdown-buttons';
+
+//
+// @name _split-buttons.scss
+// @dependencies _buttons.scss, _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-button-classes: $include-html-classes !default;
+
+// We use these to control different shared styles for Split Buttons
+$split-button-function-factor: 10% !default;
+$split-button-pip-color: $white !default;
+$split-button-pip-color-alt: $oil !default;
+$split-button-active-bg-tint: rgba(0,0,0,0.1) !default;
+$split-button-span-border-color: rgba(255,255,255,0.5) !default;
+
+// We use these to control tiny split buttons
+$split-button-padding-tny: $button-pip-tny * 10 !default;
+$split-button-span-width-tny: $button-pip-tny * 6 !default;
+$split-button-pip-size-tny: $button-pip-tny !default;
+$split-button-pip-top-tny: $button-pip-tny * 2 !default;
+$split-button-pip-default-float-tny: rem-calc(-6) !default;
+
+// We use these to control small split buttons
+$split-button-padding-sml: $button-pip-sml * 10 !default;
+$split-button-span-width-sml: $button-pip-sml * 6 !default;
+$split-button-pip-size-sml: $button-pip-sml !default;
+$split-button-pip-top-sml: $button-pip-sml * 1.5 !default;
+$split-button-pip-default-float-sml: rem-calc(-6) !default;
+
+// We use these to control medium split buttons
+$split-button-padding-med: $button-pip-med * 9 !default;
+$split-button-span-width-med: $button-pip-med * 5.5 !default;
+$split-button-pip-size-med: $button-pip-med - rem-calc(3) !default;
+$split-button-pip-top-med: $button-pip-med * 1.5 !default;
+$split-button-pip-default-float-med: rem-calc(-6) !default;
+
+// We use these to control large split buttons
+$split-button-padding-lrg: $button-pip-lrg * 8 !default;
+$split-button-span-width-lrg: $button-pip-lrg * 5 !default;
+$split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;
+$split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5) !default;
+$split-button-pip-default-float-lrg: rem-calc(-6) !default;
+
+
+//
+// @mixins
+//
+
+// We use this mixin to create split buttons that build upon the button mixins
+//
+// $padding - Type of padding to apply. Default: medium. Options: tiny, small, medium, large.
+// $pip-color - Color of the triangle. Default: $split-button-pip-color.
+// $span-border - Border color of button divider. Default: $split-button-span-border-color.
+// $base-style - Apply base style to split button. Default: true.
+@mixin split-button(
+ $padding:medium,
+ $pip-color:$split-button-pip-color,
+ $span-border:$split-button-span-border-color,
+ $base-style:true) {
+
+ // With this, we can control whether or not the base styles come through.
+ @if $base-style {
+ position: relative;
+
+ // Styling for the split arrow clickable area
+ span {
+ display: block;
+ height: 100%;
+ position: absolute;
+ #{$opposite-direction}: 0;
+ top: 0;
+ border-#{$default-float}: solid 1px;
+
+ // Building the triangle pip indicator
+ &:after {
+ position: absolute;
+ content: "";
+ width: 0;
+ height: 0;
+ display: block;
+ border-style: inset;
+ top: 50%;
+ #{$default-float}: 50%;
+ }
+
+ &:active { background-color: $split-button-active-bg-tint; }
+ }
+ }
+
+ // Control the border color for the span area of the split button
+ @if $span-border {
+ span {
+ border-#{$default-float}-color: $span-border;
+ }
+ }
+
+ // Style of the button and clickable area for tiny sizes
+ @if $padding == tiny {
+ padding-#{$opposite-direction}: $split-button-padding-tny;
+
+ span { width: $split-button-span-width-tny;
+ &:after {
+ border-top-style: solid;
+ border-width: $split-button-pip-size-tny;
+ margin-#{$default-float}: $split-button-pip-default-float-tny;
+ top: 48%;
+ }
+ }
+ }
+
+ // Style of the button and clickable area for small sizes
+ @else if $padding == small {
+ padding-#{$opposite-direction}: $split-button-padding-sml;
+
+ span { width: $split-button-span-width-sml;
+ &:after {
+ border-top-style: solid;
+ border-width: $split-button-pip-size-sml;
+ margin-#{$default-float}: $split-button-pip-default-float-sml;
+ top: 48%;
+ }
+ }
+ }
+
+ // Style of the button and clickable area for default (medium) sizes
+ @else if $padding == medium {
+ padding-#{$opposite-direction}: $split-button-padding-med;
+
+ span { width: $split-button-span-width-med;
+ &:after {
+ border-top-style: solid;
+ border-width: $split-button-pip-size-med;
+ margin-#{$default-float}: $split-button-pip-default-float-med;
+ top: 48%;
+ }
+ }
+ }
+
+ // Style of the button and clickable area for large sizes
+ @else if $padding == large {
+ padding-#{$opposite-direction}: $split-button-padding-lrg;
+
+ span { width: $split-button-span-width-lrg;
+ &:after {
+ border-top-style: solid;
+ border-width: $split-button-pip-size-lrg;
+ margin-#{$default-float}: $split-button-pip-default-float-lrg;
+ top: 48%;
+ }
+ }
+ }
+
+ // Control the color of the triangle pip
+ @if $pip-color {
+ span:after { border-color: $pip-color transparent transparent transparent; }
+ }
+}
+
+@include exports("split-button") {
+ @if $include-html-button-classes {
+
+ .split.button { @include split-button;
+
+ &.secondary { @include split-button(false, $split-button-pip-color, $split-button-span-border-color, false); }
+ &.alert { @include split-button(false, false, $split-button-span-border-color, false); }
+ &.success { @include split-button(false, false, $split-button-span-border-color, false); }
+
+ &.tiny { @include split-button(tiny, false, false, false); }
+ &.small { @include split-button(small, false, false, false); }
+ &.large { @include split-button(large, false, false, false); }
+ &.expand { padding-left: 2rem; }
+
+ &.secondary { @include split-button(false, $split-button-pip-color-alt, false, false); }
+
+ &.radius span { @include side-radius($opposite-direction, $global-radius); }
+ &.round span { @include side-radius($opposite-direction, 1000px); }
+ &.no-pip{
+ span:before{ border-style:none; }
+ span:after{ border-style:none; }
+ span>i{
+ display: block;
+ left: 50%;
+ margin-left: -0.28889em;
+ margin-top: -0.48889em;
+ position: absolute;
+ top: 50%;
+ }
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_sub-nav.scss b/themes/foundation5/scss/vendor/foundation/components/_sub-nav.scss
new file mode 100644
index 00000000000..279b6356f04
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_sub-nav.scss
@@ -0,0 +1,125 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @name _sub-nav.scss
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-nav-classes: $include-html-classes !default;
+
+// We use these to control margin and padding
+$sub-nav-list-margin: rem-calc(-4 0 18) !default;
+$sub-nav-list-padding-top: rem-calc(4) !default;
+
+// We use this to control the definition
+$sub-nav-font-family: $body-font-family !default;
+$sub-nav-font-size: rem-calc(14) !default;
+$sub-nav-font-color: $aluminum !default;
+$sub-nav-font-weight: $font-weight-normal !default;
+$sub-nav-text-decoration: none !default;
+$sub-nav-padding: rem-calc(3 16) !default;
+$sub-nav-border-radius: 3px !default;
+$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;
+
+
+// We use these to control the active item styles
+
+$sub-nav-active-font-weight: $font-weight-normal !default;
+$sub-nav-active-bg: $primary-color !default;
+$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;
+$sub-nav-active-color: $white !default;
+$sub-nav-active-padding: $sub-nav-padding !default;
+$sub-nav-active-cursor: default !default;
+
+$sub-nav-item-divider: "" !default;
+$sub-nav-item-divider-margin: rem-calc(12) !default;
+
+//
+// @mixins
+//
+
+
+// Create a sub-nav item
+//
+// $font-color - Font color. Default: $sub-nav-font-color.
+// $font-size - Font size. Default: $sub-nav-font-size.
+// $active-bg - Background of active nav item. Default: $sub-nav-active-bg.
+// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover.
+@mixin sub-nav(
+ $font-color: $sub-nav-font-color,
+ $font-size: $sub-nav-font-size,
+ $active-bg: $sub-nav-active-bg,
+ $active-bg-hover: $sub-nav-active-bg-hover) {
+ display: block;
+ margin: $sub-nav-list-margin;
+ overflow: hidden;
+ padding-top: $sub-nav-list-padding-top;
+ width: auto;
+
+ dt {
+ text-transform: uppercase;
+ }
+
+ dt,
+ dd,
+ li {
+ color: $font-color;
+ float: $default-float;
+ font-family: $sub-nav-font-family;
+ font-size: $font-size;
+ font-weight: $sub-nav-font-weight;
+ margin-#{$default-float}: rem-calc(16);
+ margin-bottom: 0;
+
+ a {
+ color: $sub-nav-font-color;
+ padding: $sub-nav-padding;
+ text-decoration: $sub-nav-text-decoration;
+
+ &:hover {
+ color: $sub-nav-font-color-hover;
+ }
+ }
+
+ &.active a {
+ @include radius($sub-nav-border-radius);
+ background: $active-bg;
+ color: $sub-nav-active-color;
+ cursor: $sub-nav-active-cursor;
+ font-weight: $sub-nav-active-font-weight;
+ padding: $sub-nav-active-padding;
+
+ &:hover {
+ background: $active-bg-hover;
+ }
+ }
+
+ @if $sub-nav-item-divider != "" {
+ margin-#{$default-float}: 0;
+
+ &:before {
+ content: "#{$sub-nav-item-divider}";
+ margin: 0 $sub-nav-item-divider-margin;
+ }
+
+ &:first-child:before {
+ content: "";
+ margin: 0;
+ }
+ }
+ }
+}
+
+@include exports("sub-nav") {
+ @if $include-html-nav-classes {
+ .sub-nav { @include sub-nav; }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_switches.scss b/themes/foundation5/scss/vendor/foundation/components/_switches.scss
new file mode 100644
index 00000000000..883d9ad719d
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_switches.scss
@@ -0,0 +1,241 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @name
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-form-classes: $include-html-classes !default;
+
+// Controlling background color for the switch container
+$switch-bg: $gainsboro !default;
+
+// We use these to control the switch heights for our default classes
+$switch-height-tny: 1.5rem !default;
+$switch-height-sml: 1.75rem !default;
+$switch-height-med: 2rem !default;
+$switch-height-lrg: 2.5rem !default;
+$switch-bottom-margin: 1.5rem !default;
+
+// We use these to style the switch-paddle
+$switch-paddle-bg: $white !default;
+$switch-paddle-transition-speed: .15s !default;
+$switch-paddle-transition-ease: ease-out !default;
+$switch-active-color: $primary-color !default;
+
+
+//
+// @mixins
+//
+
+// We use this mixin to create the base styles for our switch element.
+//
+// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed.
+// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease.
+@mixin switch-base(
+ $transition-speed:$switch-paddle-transition-speed,
+ $transition-ease:$switch-paddle-transition-ease) {
+
+ border: none;
+ margin-bottom: $switch-bottom-margin;
+ outline: 0;
+ padding: 0;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ // Default label styles for type and transition
+ label {
+ background: $switch-bg;
+ color: transparent;
+ cursor: pointer;
+ display: block;
+ margin-bottom: ($switch-height-med / 2);
+ position: relative;
+ text-indent: 100%;
+ width: $switch-height-med * 2; height: $switch-height-med;
+
+ // Transition for the switch label to follow paddle
+ @include single-transition(left, $transition-speed, $transition-ease);
+ }
+
+ // So that we don't need to recreate the form with any JS, we use the
+ // existing checkbox or radio button, but we cleverly position and hide it.
+ input {
+ left: 10px;
+ opacity: 0;
+ padding:0;
+ position: absolute;
+ top: 9px;
+
+ & + label { margin-left: 0; margin-right: 0; }
+ }
+
+ // The paddle for the switch is created from an after psuedoclass
+ // content element. This is sized and positioned, and reacts to
+ // the state of the input.
+
+ label:after {
+ background: $switch-paddle-bg;
+ content: "";
+ display: block;
+ height: $switch-height-med - .5rem;
+ left: .25rem;
+ position: absolute;
+ top: .25rem;
+ width: $switch-height-med - .5rem;
+
+ -webkit-transition: left $transition-speed $transition-ease;
+ -moz-transition: left $transition-speed $transition-ease;
+ -o-transition: translate3d(0,0,0);
+ transition: left $transition-speed $transition-ease;
+
+ -webkit-transform: translate3d(0,0,0);
+ -moz-transform: translate3d(0,0,0);
+ -ms-transform: translate3d(0,0,0);
+ -o-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ }
+
+ input:checked + label {
+ background: $switch-active-color;
+ }
+
+ input:checked + label:after {
+ left: $switch-height-med + .25rem;
+ }
+}
+
+// We use this mixin to create the size styles for switches.
+//
+// $height - Height (in px) of the switch. Default: $switch-height-med.
+// $font-size - Font size of text in switch. Default: $switch-font-size-med.
+// $line-height - Line height of switch. Default: 2.3rem.
+@mixin switch-size($height: $switch-height-med) {
+
+ label {
+ height: $height;
+ width: $height * 2;
+ }
+
+ label:after {
+ height: $height - .5rem;
+ width: $height - .5rem;
+ }
+
+ input:checked + label:after {
+ left: $height + .25rem;
+ }
+
+}
+
+// We use this mixin to add color and other fanciness to the switches.
+//
+// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg.
+// $active-color - Background color of positive side of switch. Default: $switch-positive-color.
+// $negative-color - Background color of negative side of switch. Default: $switch-negative-color.
+// $radius - Radius to apply to switch. Default: false.
+// $base-style - Apply base styles? Default: true.
+@mixin switch-style(
+ $paddle-bg:$switch-paddle-bg,
+ $active-color:$switch-active-color,
+ $radius:false,
+ $base-style:true) {
+
+ @if $base-style {
+
+ label {
+ color: transparent;
+ background: $switch-bg;
+ }
+
+ label:after {
+ background: $paddle-bg;
+ }
+
+ input:checked + label {
+ background: $active-color;
+ }
+ }
+
+ // Setting up the radius for switches
+ @if $radius == true {
+ label {
+ border-radius: 2rem;
+ }
+ label:after {
+ border-radius: 2rem;
+ }
+ }
+ @else if $radius {
+ label {
+ border-radius: $radius;
+ }
+ label:after {
+ border-radius: $radius;
+ }
+ }
+
+}
+
+// We use this to quickly create switches with a single mixin
+//
+// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed.
+// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease.
+// $height - Height (in px) of the switch. Default: $switch-height-med.
+// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg.
+// $active-color - Background color of an active switch. Default: $switch-active-color.
+// $radius - Radius to apply to switch. Default: false.
+// $base-style - Apply base styles? Default: true.
+@mixin switch(
+ $transition-speed: $switch-paddle-transition-speed,
+ $transition-ease: $switch-paddle-transition-ease,
+ $height: $switch-height-med,
+ $paddle-bg: $switch-paddle-bg,
+ $active-color: $switch-active-color,
+ $radius:false,
+ $base-style:true) {
+ @include switch-base($transition-speed, $transition-ease);
+ @include switch-size($height);
+ @include switch-style($paddle-bg, $active-color, $radius, $base-style);
+}
+
+@include exports("switch") {
+ @if $include-html-form-classes {
+ .switch {
+ @include switch;
+
+ // Large radio switches
+ &.large { @include switch-size($switch-height-lrg); }
+
+ // Small radio switches
+ &.small { @include switch-size($switch-height-sml); }
+
+ // Tiny radio switches
+ &.tiny { @include switch-size($switch-height-tny); }
+
+ // Add a radius to the switch
+ &.radius {
+ label { @include radius(4px); }
+ label:after { @include radius(3px); }
+ }
+
+ // Make the switch completely round, like a pill
+ &.round { @include radius(1000px);
+ label { @include radius(2rem); }
+ label:after { @include radius(2rem); }
+ }
+
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_tables.scss b/themes/foundation5/scss/vendor/foundation/components/_tables.scss
new file mode 100644
index 00000000000..53e2c7a9f34
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_tables.scss
@@ -0,0 +1,135 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @name _tables.scss
+// @dependencies _global.scss
+//
+
+//
+// @variables
+//
+
+$include-html-table-classes: $include-html-classes !default;
+
+// These control the background color for the table and even rows
+$table-bg: $white !default;
+$table-even-row-bg: $snow !default;
+
+// These control the table cell border style
+$table-border-style: solid !default;
+$table-border-size: 1px !default;
+$table-border-color: $gainsboro !default;
+
+// These control the table head styles
+$table-head-bg: $white-smoke !default;
+$table-head-font-size: rem-calc(14) !default;
+$table-head-font-color: $jet !default;
+$table-head-font-weight: $font-weight-bold !default;
+$table-head-padding: rem-calc(8 10 10) !default;
+
+// These control the table foot styles
+$table-foot-bg: $table-head-bg !default;
+$table-foot-font-size: $table-head-font-size !default;
+$table-foot-font-color: $table-head-font-color !default;
+$table-foot-font-weight: $table-head-font-weight !default;
+$table-foot-padding: $table-head-padding !default;
+
+// These control the caption
+$table-caption-bg: transparent !default;
+$table-caption-font-color: $table-head-font-color !default;
+$table-caption-font-size: rem-calc(16) !default;
+$table-caption-font-weight: bold !default;
+
+// These control the row padding and font styles
+$table-row-padding: rem-calc(9 10) !default;
+$table-row-font-size: rem-calc(14) !default;
+$table-row-font-color: $jet !default;
+$table-line-height: rem-calc(18) !default;
+
+// These are for controlling the layout, display and margin of tables
+$table-layout: auto !default;
+$table-display: table-cell !default;
+$table-margin-bottom: rem-calc(20) !default;
+
+
+//
+// @mixins
+//
+
+@mixin table {
+ background: $table-bg;
+ border: $table-border-style $table-border-size $table-border-color;
+ margin-bottom: $table-margin-bottom;
+ table-layout: $table-layout;
+
+ caption {
+ background: $table-caption-bg;
+ color: $table-caption-font-color;
+ font: {
+ size: $table-caption-font-size;
+ weight: $table-caption-font-weight;
+ }
+ }
+
+ thead {
+ background: $table-head-bg;
+
+ tr {
+ th,
+ td {
+ color: $table-head-font-color;
+ font-size: $table-head-font-size;
+ font-weight: $table-head-font-weight;
+ padding: $table-head-padding;
+ }
+ }
+ }
+
+ tfoot {
+ background: $table-foot-bg;
+
+ tr {
+ th,
+ td {
+ color: $table-foot-font-color;
+ font-size: $table-foot-font-size;
+ font-weight: $table-foot-font-weight;
+ padding: $table-foot-padding;
+ }
+ }
+ }
+
+ tr {
+ th,
+ td {
+ color: $table-row-font-color;
+ font-size: $table-row-font-size;
+ padding: $table-row-padding;
+ text-align: $default-float;
+ }
+
+ &.even,
+ &.alt,
+ &:nth-of-type(even) { background: $table-even-row-bg; }
+ }
+
+ thead tr th,
+ tfoot tr th,
+ tfoot tr td,
+ tbody tr th,
+ tbody tr td,
+ tr td { display: $table-display; line-height: $table-line-height; }
+}
+
+
+@include exports("table") {
+ @if $include-html-table-classes {
+ table {
+ @include table;
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_tabs.scss b/themes/foundation5/scss/vendor/foundation/components/_tabs.scss
new file mode 100644
index 00000000000..03fcc0f0a35
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_tabs.scss
@@ -0,0 +1,142 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'grid';
+
+//
+// @variables
+//
+
+$include-html-tabs-classes: $include-html-classes !default;
+
+$tabs-navigation-padding: rem-calc(16) !default;
+$tabs-navigation-bg-color: $silver !default;
+$tabs-navigation-active-bg-color: $white !default;
+$tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default;
+$tabs-navigation-font-color: $jet !default;
+$tabs-navigation-active-font-color: $tabs-navigation-font-color !default;
+$tabs-navigation-font-size: rem-calc(16) !default;
+$tabs-navigation-font-family: $body-font-family !default;
+
+$tabs-content-margin-bottom: rem-calc(24) !default;
+$tabs-content-padding: ($column-gutter/2) !default;
+
+$tabs-vertical-navigation-margin-bottom: 1.25rem !default;
+
+@include exports("tab") {
+ @if $include-html-tabs-classes {
+ .tabs {
+ @include clearfix;
+ margin-bottom: 0 !important;
+ margin-left: 0;
+
+ dd,
+ .tab-title {
+ float: $default-float;
+ list-style: none;
+ margin-bottom: 0 !important;
+ position: relative;
+
+ > a {
+ display: block;
+ background-color: $tabs-navigation-bg-color;
+ color: $tabs-navigation-font-color;
+ font-family: $tabs-navigation-font-family;
+ font-size: $tabs-navigation-font-size;
+ padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
+
+ &:hover {
+ background-color: $tabs-navigation-hover-bg-color;
+ }
+ }
+
+ &.active a {
+ background-color: $tabs-navigation-active-bg-color;
+ color: $tabs-navigation-active-font-color;
+ }
+ }
+
+ &.radius {
+ dd:first-child,
+ .tab:first-child {
+ a { @include side-radius($default-float, $global-radius); }
+ }
+
+ dd:last-child,
+ .tab:last-child {
+ a { @include side-radius($opposite-direction, $global-radius); }
+ }
+ }
+
+ &.vertical {
+ dd,
+ .tab-title {
+ position: inherit;
+ float: none;
+ display: block;
+ top: auto;
+ }
+ }
+ }
+
+ .tabs-content {
+ @include clearfix;
+ margin-bottom: $tabs-content-margin-bottom;
+ width: 100%;
+
+ > .content {
+ display: none;
+ float: $default-float;
+ padding: $tabs-content-padding 0;
+ width: 100%;
+
+ &.active {
+ display: block;
+ float: none;
+ }
+ &.contained {
+ padding: $tabs-content-padding;
+ }
+ }
+
+ &.vertical {
+ display: block;
+
+ > .content {
+ padding: 0 $tabs-content-padding;
+ }
+ }
+ }
+
+ @media #{$medium-up} {
+ .tabs {
+ &.vertical {
+ float: $default-float;
+ margin: 0;
+ margin-bottom: $tabs-vertical-navigation-margin-bottom !important;
+ max-width: 20%;
+ width: 20%;
+ }
+ }
+
+ .tabs-content {
+ &.vertical {
+ float: $default-float;
+ margin-#{$default-float}: -1px;
+ max-width: 80%;
+ padding-#{$default-float}: 1rem;
+ width: 80%;
+ }
+ }
+ }
+
+ .no-js {
+ .tabs-content > .content {
+ display: block;
+ float: none;
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_thumbs.scss b/themes/foundation5/scss/vendor/foundation/components/_thumbs.scss
new file mode 100644
index 00000000000..e40a501c5ea
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_thumbs.scss
@@ -0,0 +1,66 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// @name _thumbs.scss
+// @dependencies _globals.scss
+//
+
+//
+// @variables
+//
+
+$include-html-media-classes: $include-html-classes !default;
+
+// We use these to control border styles
+$thumb-border-style: solid !default;
+$thumb-border-width: 4px !default;
+$thumb-border-color: $white !default;
+$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;
+$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;
+
+// Radius and transition speed for thumbs
+$thumb-radius: $global-radius !default;
+$thumb-transition-speed: 200ms !default;
+
+//
+// @mixins
+//
+
+// We use this to create image thumbnail styles.
+//
+// $border-width - Width of border around thumbnail. Default: $thumb-border-width.
+// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.
+// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.
+@mixin thumb(
+ $border-width:$thumb-border-width,
+ $box-shadow:$thumb-box-shadow,
+ $box-shadow-hover:$thumb-box-shadow-hover) {
+ border: $thumb-border-style $border-width $thumb-border-color;
+ box-shadow: $box-shadow;
+ display: inline-block;
+ line-height: 0;
+ max-width: 100%;
+
+ &:hover,
+ &:focus {
+ box-shadow: $box-shadow-hover;
+ }
+}
+
+
+@include exports("thumb") {
+ @if $include-html-media-classes {
+
+ /* Image Thumbnails */
+ .th {
+ @include thumb;
+ @include single-transition(all, $thumb-transition-speed, ease-out);
+
+ &.radius { @include radius($thumb-radius); }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_tooltips.scss b/themes/foundation5/scss/vendor/foundation/components/_tooltips.scss
new file mode 100644
index 00000000000..c328dd172ee
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_tooltips.scss
@@ -0,0 +1,142 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// Tooltip Variables
+//
+$include-html-tooltip-classes: $include-html-classes !default;
+
+$has-tip-border-bottom: dotted 1px $iron !default;
+$has-tip-font-weight: $font-weight-bold !default;
+$has-tip-font-color: $oil !default;
+$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default;
+$has-tip-font-color-hover: $primary-color !default;
+$has-tip-cursor-type: help !default;
+
+$tooltip-padding: rem-calc(12) !default;
+$tooltip-bg: $oil !default;
+$tooltip-font-size: rem-calc(14) !default;
+$tooltip-font-weight: $font-weight-normal !default;
+$tooltip-font-color: $white !default;
+$tooltip-line-height: 1.3 !default;
+$tooltip-close-font-size: rem-calc(10) !default;
+$tooltip-close-font-weight: $font-weight-normal !default;
+$tooltip-close-font-color: $monsoon !default;
+$tooltip-font-size-sml: rem-calc(14) !default;
+$tooltip-radius: $global-radius !default;
+$tooltip-rounded: $global-rounded !default;
+$tooltip-pip-size: 5px !default;
+$tooltip-max-width: 300px !default;
+
+@include exports("tooltip") {
+ @if $include-html-tooltip-classes {
+
+ /* Tooltips */
+ .has-tip {
+ border-bottom: $has-tip-border-bottom;
+ color: $has-tip-font-color;
+ cursor: $has-tip-cursor-type;
+ font-weight: $has-tip-font-weight;
+
+ &:hover,
+ &:focus {
+ border-bottom: $has-tip-border-bottom-hover;
+ color: $has-tip-font-color-hover;
+ }
+
+ &.tip-left,
+ &.tip-right { float: none !important; }
+ }
+
+ .tooltip {
+ background: $tooltip-bg;
+ color: $tooltip-font-color;
+ display: none;
+ font-size: $tooltip-font-size;
+ font-weight: $tooltip-font-weight;
+ line-height: $tooltip-line-height;
+ max-width: $tooltip-max-width;
+ padding: $tooltip-padding;
+ position: absolute;
+ width: 100%;
+ z-index: 1006;
+ #{$default-float}: 50%;
+
+ > .nub {
+ border-color: transparent transparent $tooltip-bg transparent;
+ border: solid $tooltip-pip-size;
+ display: block;
+ height: 0;
+ pointer-events: none;
+ position: absolute;
+ top: -($tooltip-pip-size * 2);
+ width: 0;
+ #{$default-float}: $tooltip-pip-size;
+
+ &.rtl {
+ left: auto;
+ #{$opposite-direction}: $tooltip-pip-size;
+ }
+ }
+
+ &.radius {
+ @include radius($tooltip-radius);
+ }
+ &.round {
+ @include radius($tooltip-rounded);
+ > .nub {
+ left: 2rem;
+ }
+ }
+
+ &.opened {
+ border-bottom: $has-tip-border-bottom-hover !important;
+ color: $has-tip-font-color-hover !important;
+ }
+ }
+
+ .tap-to-close {
+ color: $tooltip-close-font-color;
+ display: block;
+ font-size: $tooltip-close-font-size;
+ font-weight: $tooltip-close-font-weight;
+ }
+
+ @media #{$small} {
+ .tooltip {
+ > .nub {
+ border-color: transparent transparent $tooltip-bg transparent;
+ top: -($tooltip-pip-size * 2);
+ }
+ &.tip-top>.nub {
+ border-color: $tooltip-bg transparent transparent transparent;
+ bottom: -($tooltip-pip-size * 2);
+ top: auto;
+ }
+
+ &.tip-left,
+ &.tip-right { float: none !important; }
+
+ &.tip-left>.nub {
+ border-color: transparent transparent transparent $tooltip-bg;
+ left: auto;
+ margin-top: -$tooltip-pip-size;
+ right: -($tooltip-pip-size * 2);
+ top: 50%;
+ }
+ &.tip-right>.nub {
+ border-color: transparent $tooltip-bg transparent transparent;
+ left: -($tooltip-pip-size * 2);
+ margin-top: -$tooltip-pip-size;
+ right: auto;
+ top: 50%;
+ }
+
+ }
+ }
+
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_top-bar.scss b/themes/foundation5/scss/vendor/foundation/components/_top-bar.scss
new file mode 100644
index 00000000000..f8e99c63130
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_top-bar.scss
@@ -0,0 +1,743 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+@import 'grid';
+@import 'buttons';
+@import 'forms';
+
+//
+// Top Bar Variables
+//
+$include-html-top-bar-classes: $include-html-classes !default;
+
+// Background color for the top bar
+$topbar-bg-color: $oil !default;
+$topbar-bg: $topbar-bg-color !default;
+
+// Height and margin
+$topbar-height: rem-calc(45) !default;
+$topbar-margin-bottom: 0 !default;
+
+// Controlling the styles for the title in the top bar
+$topbar-title-weight: $font-weight-normal !default;
+$topbar-title-font-size: rem-calc(17) !default;
+
+// Set the link colors and styles for top-level nav
+$topbar-link-color: $white !default;
+$topbar-link-color-hover: $white !default;
+$topbar-link-color-active: $white !default;
+$topbar-link-color-active-hover: $white !default;
+$topbar-link-weight: $font-weight-normal !default;
+$topbar-link-font-size: rem-calc(13) !default;
+$topbar-link-hover-lightness: -10% !default; // Darken by 10%
+$topbar-link-bg: $topbar-bg !default;
+$topbar-link-bg-hover: $jet !default;
+$topbar-link-bg-color-hover: $charcoal !default;
+$topbar-link-bg-active: $primary-color !default;
+$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;
+$topbar-link-font-family: $body-font-family !default;
+$topbar-link-text-transform: none !default;
+$topbar-link-padding: ($topbar-height / 3) !default;
+$topbar-back-link-size: rem-calc(18) !default;
+$topbar-link-dropdown-padding: rem-calc(20) !default;
+$topbar-button-font-size: .75rem !default;
+$topbar-button-top: 7px !default;
+
+// Style the top bar dropdown elements
+$topbar-dropdown-bg: $oil !default;
+$topbar-dropdown-link-color: $white !default;
+$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;
+$topbar-dropdown-link-bg: $oil !default;
+$topbar-dropdown-link-bg-hover: $jet !default;
+$topbar-dropdown-link-weight: $font-weight-normal !default;
+$topbar-dropdown-toggle-size: 5px !default;
+$topbar-dropdown-toggle-color: $white !default;
+$topbar-dropdown-toggle-alpha: .4 !default;
+
+$topbar-dropdown-label-color: $monsoon !default;
+$topbar-dropdown-label-text-transform: uppercase !default;
+$topbar-dropdown-label-font-weight: $font-weight-bold !default;
+$topbar-dropdown-label-font-size: rem-calc(10) !default;
+$topbar-dropdown-label-bg: $oil !default;
+
+// Top menu icon styles
+$topbar-menu-link-transform: uppercase !default;
+$topbar-menu-link-font-size: rem-calc(13) !default;
+$topbar-menu-link-weight: $font-weight-bold !default;
+$topbar-menu-link-color: $white !default;
+$topbar-menu-icon-color: $white !default;
+$topbar-menu-link-color-toggled: $jumbo !default;
+$topbar-menu-icon-color-toggled: $jumbo !default;
+$topbar-menu-icon-position: $opposite-direction !default; // Change to $default-float for a left menu icon
+
+// Transitions and breakpoint styles
+$topbar-transition-speed: 300ms !default;
+// Using rem-calc for the below breakpoint causes issues with top bar
+$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout
+$topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})" !default;
+
+// Top-bar input styles
+$topbar-input-height: rem-calc(28) !default;
+
+// Divider Styles
+$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default;
+$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;
+
+// Sticky Class
+$topbar-sticky-class: ".sticky" !default;
+$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item
+$topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text from dropdown subnavigation li
+
+// Accessibility mixins for hiding and showing the menu dropdown items
+@mixin topbar-hide-dropdown {
+ // Makes an element visually hidden by default, but visible when focused.
+ @include element-invisible();
+ display: block;
+}
+
+@mixin topbar-show-dropdown {
+ @include element-invisible-off();
+ display: block;
+ position: absolute !important; // Reset the position from static to absolute
+}
+
+@include exports("top-bar") {
+
+ @if $include-html-top-bar-classes {
+
+ // Used to provide media query values for javascript components.
+ // This class is generated despite the value of $include-html-top-bar-classes
+ // to ensure width calculations work correctly.
+ meta.foundation-mq-topbar {
+ font-family: "/" + unquote($topbar-media-query) + "/";
+ width: $topbar-breakpoint;
+ }
+
+ /* Wrapped around .top-bar to contain to grid width */
+ .contain-to-grid {
+ width: 100%;
+ background: $topbar-bg;
+
+ .top-bar {
+ margin-bottom: $topbar-margin-bottom;
+ }
+ }
+
+ // Wrapped around .top-bar to make it stick to the top
+ .fixed {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 99;
+ #{$default-float}: 0;
+
+ &.expanded:not(.top-bar) {
+ height: auto;
+ max-height: 100%;
+ overflow-y: auto;
+ width: 100%;
+
+ .title-area {
+ position: fixed;
+ width: 100%;
+ z-index: 99;
+ }
+
+ // Ensure you can scroll the menu on small screens
+ .top-bar-section {
+ margin-top: $topbar-height;
+ z-index: 98;
+ }
+ }
+ }
+
+ .top-bar {
+ background: $topbar-bg;
+ height: $topbar-height;
+ line-height: $topbar-height;
+ margin-bottom: $topbar-margin-bottom;
+ overflow: hidden;
+ position: relative;
+
+ // Topbar Global list Styles
+ ul {
+ list-style: none;
+ margin-bottom: 0;
+ }
+
+ .row {
+ max-width: none;
+ }
+
+ form,
+ input,
+ select {
+ margin-bottom: 0;
+ }
+
+ input,
+ select {
+ font-size: $topbar-button-font-size;
+ height: $topbar-input-height;
+ padding-bottom: .35rem;
+ padding-top: .35rem;
+ }
+
+ .button, button {
+ font-size: $topbar-button-font-size;
+ margin-bottom: 0;
+ padding-bottom: .35rem + rem-calc(1);
+ padding-top: .35rem + rem-calc(1);
+ // position: relative;
+ // top: -1px;
+
+ // Corrects a slight misalignment when put next to an input field
+ @media #{$small-only} {
+ position: relative;
+ top: -1px;
+ }
+ }
+
+ // Title Area
+ .title-area {
+ margin: 0;
+ position: relative;
+ }
+
+ .name {
+ font-size: $rem-base;
+ height: $topbar-height;
+ margin: 0;
+
+ h1, h2, h3, h4, p, span {
+ font-size: $topbar-title-font-size;
+ line-height: $topbar-height;
+ margin: 0;
+
+ a {
+ color: $topbar-link-color;
+ display: block;
+ font-weight: $topbar-title-weight;
+ padding: 0 $topbar-link-padding;
+ width: 75%;
+ }
+ }
+ }
+
+ // Menu toggle button on small devices
+ .toggle-topbar {
+ position: absolute;
+ #{$topbar-menu-icon-position}: 0;
+ top: 0;
+
+ a {
+ color: $topbar-link-color;
+ display: block;
+ font-size: $topbar-menu-link-font-size;
+ font-weight: $topbar-menu-link-weight;
+ height: $topbar-height;
+ line-height: $topbar-height;
+ padding: 0 $topbar-link-padding;
+ position: relative;
+ text-transform: $topbar-menu-link-transform;
+ }
+
+ // Adding the class "menu-icon" will add the 3-line icon people love and adore.
+ &.menu-icon {
+ margin-top: -16px;
+ top: 50%;
+
+ a {
+ @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, "", false);
+
+ @if $text-direction == rtl {
+ text-indent: -58px;
+ }
+ color: $topbar-menu-link-color;
+ height: 34px;
+ line-height: 33px;
+ padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;
+ position: relative;
+ }
+ }
+ }
+
+ // Change things up when the top-bar is expanded
+ &.expanded {
+ background: transparent;
+ height: auto;
+
+ .title-area {
+ background: $topbar-bg;
+ }
+
+ .toggle-topbar {
+ a {
+ color: $topbar-menu-link-color-toggled;
+
+ span::after {
+ // Shh, don't tell, but box-shadows create the menu icon :)
+ // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above
+ box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,
+ 0 7px 0 1px $topbar-menu-icon-color-toggled,
+ 0 14px 0 1px $topbar-menu-icon-color-toggled;
+ }
+ }
+ }
+
+ // Fixes an issue with Desktop and Mobile Safari where deeply-nested menus don't appear
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
+ .top-bar-section {
+ .has-dropdown.moved > .dropdown,
+ .dropdown {
+ clip: initial;
+ }
+
+ // This was needed as parent ul's had padding, and the clip: was allowing content to peak through
+ .has-dropdown:not(.moved) > ul {
+ padding: 0;
+ }
+ }
+ }
+ }
+ }
+
+ // Right and Left Navigation that stacked by default
+ .top-bar-section {
+ #{$default-float}: 0;
+ position: relative;
+ width: auto;
+ @include single-transition($default-float, $topbar-transition-speed);
+
+ ul {
+ display: block;
+ font-size: $rem-base;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ }
+
+ .divider,
+ [role="separator"] {
+ border-top: $topbar-divider-border-top;
+ clear: both;
+ height: 1px;
+ width: 100%;
+ }
+
+ ul li {
+ background: $topbar-dropdown-bg;
+
+ > a {
+ color: $topbar-link-color;
+ display: block;
+ font-family: $topbar-link-font-family;
+ font-size: $topbar-link-font-size;
+ font-weight: $topbar-link-weight;
+ padding-#{$default-float}: $topbar-link-padding;
+ padding: 12px 0 12px $topbar-link-padding;
+ text-transform: $topbar-link-text-transform;
+ width: 100%;
+
+ &.button {
+ font-size: $topbar-link-font-size;
+ padding-#{$default-float}: $topbar-link-padding;
+ padding-#{$opposite-direction}: $topbar-link-padding;
+ @include button-style($bg:$primary-color);
+ }
+
+ &.button.secondary { @include button-style($bg:$secondary-color); }
+ &.button.success { @include button-style($bg:$success-color); }
+ &.button.alert { @include button-style($bg:$alert-color); }
+ &.button.warning { @include button-style($bg:$warning-color); }
+ &.button.info { @include button-style($bg:$info-color); }
+ }
+
+ > button {
+ font-size: $topbar-link-font-size;
+ padding-#{$default-float}: $topbar-link-padding;
+ padding-#{$opposite-direction}: $topbar-link-padding;
+ @include button-style($bg:$primary-color);
+
+ &.secondary { @include button-style($bg:$secondary-color); }
+ &.success { @include button-style($bg:$success-color); }
+ &.alert { @include button-style($bg:$alert-color); }
+ &.warning { @include button-style($bg:$warning-color); }
+ &.info { @include button-style($bg:$info-color); }
+ }
+
+ // Apply the hover link color when it has that class
+ &:hover:not(.has-form) > a {
+ background-color: $topbar-link-bg-color-hover;
+ color: $topbar-link-color-hover;
+
+ @if ($topbar-link-bg-hover) {
+ background: $topbar-link-bg-hover;
+ }
+ }
+
+ // Apply the active link color when it has that class
+ &.active > a {
+ background: $topbar-link-bg-active;
+ color: $topbar-link-color-active;
+
+ &:hover {
+ background: $topbar-link-bg-active-hover;
+ color: $topbar-link-color-active-hover;
+ }
+ }
+ }
+
+ // Add some extra padding for list items contains buttons
+ .has-form {
+ padding: $topbar-link-padding;
+ }
+
+ // Styling for list items that have a dropdown within them.
+ .has-dropdown {
+ position: relative;
+
+ > a {
+ &:after {
+ @if ($topbar-arrows) {
+ @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);
+ }
+
+ margin-#{$opposite-direction}: $topbar-link-padding;
+ margin-top: -($topbar-dropdown-toggle-size / 2) - 2;
+ position: absolute;
+ top: 50%;
+ #{$opposite-direction}: 0;
+ }
+ }
+
+ &.moved {
+ position: static;
+
+ > .dropdown {
+ @include topbar-show-dropdown();
+ width: 100%;
+ }
+
+ > a:after {
+ display: none;
+ }
+ }
+ }
+
+ // Styling elements inside of dropdowns
+ .dropdown {
+ @include topbar-hide-dropdown();
+ padding: 0;
+ position: absolute;
+ top: 0;
+ z-index: 99;
+ #{$default-float}: 100%;
+
+ li {
+ height: auto;
+ width: 100%;
+
+ a {
+ font-weight: $topbar-dropdown-link-weight;
+ padding: 8px $topbar-link-padding;
+ &.parent-link {
+ font-weight: $topbar-link-weight;
+ }
+ }
+
+ &.title h5,
+ &.parent-link {
+ // Back Button
+ margin-bottom: 0;
+ margin-top: 0;
+ font-size: $topbar-back-link-size;
+ a {
+ color: $topbar-link-color;
+ // line-height: ($topbar-height / 2);
+ display: block;
+ &:hover { background:none; }
+ }
+ }
+
+ &.has-form {
+ padding: 8px $topbar-link-padding;
+ }
+
+ .button,
+ button {
+ top: auto;
+ }
+ }
+
+ label {
+ color: $topbar-dropdown-label-color;
+ font-size: $topbar-dropdown-label-font-size;
+ font-weight: $topbar-dropdown-label-font-weight;
+ margin-bottom: 0;
+ padding: 8px $topbar-link-padding 2px;
+ text-transform: $topbar-dropdown-label-text-transform;
+ }
+ }
+ }
+
+ .js-generated { display: block; }
+
+
+ // Top Bar styles intended for screen sizes above the breakpoint.
+ @media #{$topbar-media-query} {
+ .top-bar {
+ @include clearfix;
+ background: $topbar-bg;
+ overflow: visible;
+
+ .toggle-topbar { display: none; }
+
+ .title-area { float: $default-float; }
+ .name h1 a,
+ .name h2 a,
+ .name h3 a,
+ .name h4 a,
+ .name h5 a,
+ .name h6 a { width: auto; }
+
+ input,
+ select,
+ .button,
+ button {
+ font-size: rem-calc(14);
+ height: $topbar-input-height;
+ position: relative;
+ top: (($topbar-height - $topbar-input-height) / 2);
+ }
+
+ .has-form > .button,
+ .has-form > button {
+ padding-top: rem-calc(5);
+ top: (($topbar-height - $topbar-input-height + rem-calc(-3)) / 2);
+ }
+
+ &.expanded {
+ background: $topbar-bg;
+ }
+ }
+
+ .contain-to-grid .top-bar {
+ margin: 0 auto;
+ margin-bottom: $topbar-margin-bottom;
+ max-width: $row-width;
+ }
+
+ .top-bar-section {
+ @include single-transition(none,0,0);
+ #{$default-float}: 0 !important;
+
+ ul {
+ display: inline;
+ height: auto !important;
+ width: auto;
+
+ li {
+ float: $default-float;
+ .js-generated { display: none; }
+ }
+ }
+
+ li {
+ &.hover {
+ > a:not(.button) {
+ background-color: $topbar-link-bg-color-hover;
+ @if ($topbar-link-bg-hover) {
+ background: $topbar-link-bg-hover;
+ }
+ color: $topbar-link-color-hover;
+ }
+ }
+
+ &:not(.has-form) {
+ a:not(.button) {
+ background: $topbar-link-bg;
+ line-height: $topbar-height;
+ padding: 0 $topbar-link-padding;
+ &:hover {
+ background-color: $topbar-link-bg-color-hover;
+ @if ($topbar-link-bg-hover) {
+ background: $topbar-link-bg-hover;
+ }
+ }
+ }
+ }
+
+ &.active:not(.has-form) {
+ a:not(.button) {
+ background: $topbar-link-bg-active;
+ color: $topbar-link-color-active;
+ line-height: $topbar-height;
+ padding: 0 $topbar-link-padding;
+ &:hover {
+ background: $topbar-link-bg-active-hover;
+ color: $topbar-link-color-active-hover;
+ }
+ }
+ }
+ }
+
+ .has-dropdown {
+ @if $topbar-arrows {
+ > a {
+ padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;
+ &:after {
+ @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);
+ margin-top: -($topbar-dropdown-toggle-size / 2);
+ top: ($topbar-height / 2);
+ }
+ }
+ }
+
+ &.moved { position: relative;
+ > .dropdown {
+ @include topbar-hide-dropdown();
+ }
+ }
+
+ &.hover, &.not-click:hover {
+ > .dropdown {
+ @include topbar-show-dropdown();
+ }
+ }
+
+ > a:focus + .dropdown {
+ @include topbar-show-dropdown();
+ }
+
+ .dropdown li.has-dropdown {
+ > a {
+ @if ($topbar-dropdown-arrows) {
+ &:after {
+ border: none;
+ content: "\00bb";
+ top: rem-calc(3);
+
+ #{$opposite-direction}: 5px;
+ }
+ }
+ }
+ }
+ }
+
+ .dropdown {
+ #{$default-float}: 0;
+ background: transparent;
+ min-width: 100%;
+ top: auto;
+
+ li {
+ a {
+ background: $topbar-dropdown-link-bg;
+ color: $topbar-dropdown-link-color;
+ line-height: $topbar-height;
+ padding: 12px $topbar-link-padding;
+ white-space: nowrap;
+ }
+
+ &:not(.has-form):not(.active) {
+ > a:not(.button) {
+ background: $topbar-dropdown-link-bg;
+ color: $topbar-dropdown-link-color;
+ }
+
+ &:hover > a:not(.button) {
+ background-color: $topbar-link-bg-color-hover;
+ color: $topbar-dropdown-link-color-hover;
+ @if ($topbar-dropdown-link-bg-hover) {
+ background: $topbar-dropdown-link-bg-hover;
+ }
+ }
+ }
+
+ label {
+ background: $topbar-dropdown-label-bg;
+ white-space: nowrap;
+ }
+
+ // Second Level Dropdowns
+ .dropdown {
+ #{$default-float}: 100%;
+ top: 0;
+ }
+ }
+ }
+
+ > ul > .divider,
+ > ul > [role="separator"] {
+ border-#{$opposite-direction}: $topbar-divider-border-bottom;
+ border-bottom: none;
+ border-top: none;
+ clear: none;
+ height: $topbar-height;
+ width: 0;
+ }
+
+ .has-form {
+ background: $topbar-link-bg;
+ height: $topbar-height;
+ padding: 0 $topbar-link-padding;
+ }
+
+ // Position overrides for ul.right and ul.left
+ .#{$opposite-direction} {
+ li .dropdown {
+ #{$default-float}: auto;
+ #{$opposite-direction}: 0;
+
+ li .dropdown { #{$opposite-direction}: 100%; }
+ }
+ }
+ .#{$default-float} {
+ li .dropdown {
+ #{$opposite-direction}: auto;
+ #{$default-float}: 0;
+
+ li .dropdown { #{$default-float}: 100%; }
+ }
+ }
+ }
+
+ // Degrade gracefully when Javascript is disabled. Displays dropdown and changes
+ // background & text color on hover.
+ .no-js .top-bar-section {
+ ul li {
+ // Apply the hover link color when it has that class
+ &:hover > a {
+ background-color: $topbar-link-bg-color-hover;
+ @if ($topbar-link-bg-hover) {
+ background: $topbar-link-bg-hover;
+ }
+ color: $topbar-link-color-hover;
+ }
+
+ // Apply the active link color when it has that class
+ &:active > a {
+ background: $topbar-link-bg-active;
+ color: $topbar-link-color-active;
+ }
+ }
+
+ .has-dropdown {
+ &:hover {
+ > .dropdown {
+ @include topbar-show-dropdown();
+ }
+ }
+
+ > a:focus + .dropdown {
+ @include topbar-show-dropdown();
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_type.scss b/themes/foundation5/scss/vendor/foundation/components/_type.scss
new file mode 100644
index 00000000000..57ad4556cee
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_type.scss
@@ -0,0 +1,464 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+$include-html-type-classes: $include-html-classes !default;
+
+// We use these to control header font styles
+$header-font-family: $body-font-family !default;
+$header-font-weight: $font-weight-normal !default;
+$header-font-style: normal !default;
+$header-font-color: $jet !default;
+$header-line-height: 1.4 !default;
+$header-top-margin: .2rem !default;
+$header-bottom-margin: .5rem !default;
+$header-text-rendering: optimizeLegibility !default;
+
+// We use these to control header font sizes
+$h1-font-size: rem-calc(44) !default;
+$h2-font-size: rem-calc(37) !default;
+$h3-font-size: rem-calc(27) !default;
+$h4-font-size: rem-calc(23) !default;
+$h5-font-size: rem-calc(18) !default;
+$h6-font-size: 1rem !default;
+
+// We use these to control header size reduction on small screens
+$h1-font-reduction: rem-calc(10) !default;
+$h2-font-reduction: rem-calc(10) !default;
+$h3-font-reduction: rem-calc(5) !default;
+$h4-font-reduction: rem-calc(5) !default;
+$h5-font-reduction: 0 !default;
+$h6-font-reduction: 0 !default;
+
+// These control how subheaders are styled.
+$subheader-line-height: 1.4 !default;
+$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;
+$subheader-font-weight: $font-weight-normal !default;
+$subheader-top-margin: .2rem !default;
+$subheader-bottom-margin: .5rem !default;
+
+// A general <small> styling
+$small-font-size: 60% !default;
+$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;
+
+// We use these to style paragraphs
+$paragraph-font-family: inherit !default;
+$paragraph-font-weight: $font-weight-normal !default;
+$paragraph-font-size: 1rem !default;
+$paragraph-line-height: 1.6 !default;
+$paragraph-margin-bottom: rem-calc(20) !default;
+$paragraph-aside-font-size: rem-calc(14) !default;
+$paragraph-aside-line-height: 1.35 !default;
+$paragraph-aside-font-style: italic !default;
+$paragraph-text-rendering: optimizeLegibility !default;
+
+// We use these to style <code> tags
+$code-color: $oil !default;
+$code-font-family: $font-family-monospace !default;
+$code-font-weight: $font-weight-normal !default;
+$code-background-color: scale-color($secondary-color, $lightness: 70%) !default;
+$code-border-size: 1px !default;
+$code-border-style: solid !default;
+$code-border-color: scale-color($code-background-color, $lightness: -10%) !default;
+$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;
+
+// We use these to style anchors
+$anchor-text-decoration: none !default;
+$anchor-text-decoration-hover: none !default;
+$anchor-font-color: $primary-color !default;
+$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;
+
+// We use these to style the <hr> element
+$hr-border-width: 1px !default;
+$hr-border-style: solid !default;
+$hr-border-color: $gainsboro !default;
+$hr-margin: rem-calc(20) !default;
+
+// We use these to style lists
+$list-font-family: $paragraph-font-family !default;
+$list-font-size: $paragraph-font-size !default;
+$list-line-height: $paragraph-line-height !default;
+$list-margin-bottom: $paragraph-margin-bottom !default;
+$list-style-position: outside !default;
+$list-side-margin: 1.1rem !default;
+$list-ordered-side-margin: 1.4rem !default;
+$list-side-margin-no-bullet: 0 !default;
+$list-nested-margin: rem-calc(20) !default;
+$definition-list-header-weight: $font-weight-bold !default;
+$definition-list-header-margin-bottom: .3rem !default;
+$definition-list-margin-bottom: rem-calc(12) !default;
+
+// We use these to style blockquotes
+$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;
+$blockquote-padding: rem-calc(9 20 0 19) !default;
+$blockquote-border: 1px solid $gainsboro !default;
+$blockquote-cite-font-size: rem-calc(13) !default;
+$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;
+$blockquote-cite-link-color: $blockquote-cite-font-color !default;
+
+// Acronym styles
+$acronym-underline: 1px dotted $gainsboro !default;
+
+// We use these to control padding and margin
+$microformat-padding: rem-calc(10 12) !default;
+$microformat-margin: rem-calc(0 0 20 0) !default;
+
+// We use these to control the border styles
+$microformat-border-width: 1px !default;
+$microformat-border-style: solid !default;
+$microformat-border-color: $gainsboro !default;
+
+// We use these to control full name font styles
+$microformat-fullname-font-weight: $font-weight-bold !default;
+$microformat-fullname-font-size: rem-calc(15) !default;
+
+// We use this to control the summary font styles
+$microformat-summary-font-weight: $font-weight-bold !default;
+
+// We use this to control abbr padding
+$microformat-abbr-padding: rem-calc(0 1) !default;
+
+// We use this to control abbr font styles
+$microformat-abbr-font-weight: $font-weight-bold !default;
+$microformat-abbr-font-decoration: none !default;
+
+// Text alignment class names
+$align-class-names:
+ small-only,
+ small,
+ medium-only,
+ medium,
+ large-only,
+ large,
+ xlarge-only,
+ xlarge,
+ xxlarge-only,
+ xxlarge;
+
+// Text alignment breakpoints
+$align-class-breakpoints:
+ $small-only,
+ $small-up,
+ $medium-only,
+ $medium-up,
+ $large-only,
+ $large-up,
+ $xlarge-only,
+ $xlarge-up,
+ $xxlarge-only,
+ $xxlarge-up;
+
+// Generates text align and justify classes
+@mixin align-classes{
+ .text-left { text-align: left !important; }
+ .text-right { text-align: right !important; }
+ .text-center { text-align: center !important; }
+ .text-justify { text-align: justify !important; }
+
+ @for $i from 1 through length($align-class-names) {
+ @media #{(nth($align-class-breakpoints, $i))} {
+ .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }
+ .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; }
+ .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; }
+ .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }
+ }
+ }
+}
+
+//
+// Typography Placeholders
+//
+
+// These will throw a deprecation warning if used within a media query.
+@mixin lead {
+ font-size: $paragraph-font-size + rem-calc(3.5);
+ line-height: 1.6;
+}
+
+@mixin subheader {
+ line-height: $subheader-line-height;
+ color: $subheader-font-color;
+ font-weight: $subheader-font-weight;
+ margin-top: $subheader-top-margin;
+ margin-bottom: $subheader-bottom-margin;
+}
+@include exports("type") {
+ @if $include-html-type-classes {
+ // Responsive Text alignment
+ @include align-classes;
+
+ /* Typography resets */
+ div,
+ dl,
+ dt,
+ dd,
+ ul,
+ ol,
+ li,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ form,
+ p,
+ blockquote,
+ th,
+ td {
+ margin:0;
+ padding:0;
+ }
+
+ /* Default Link Styles */
+ a {
+ color: $anchor-font-color;
+ line-height: inherit;
+ text-decoration: $anchor-text-decoration;
+
+ &:hover,
+ &:focus {
+ color: $anchor-font-color-hover;
+ @if $anchor-text-decoration-hover != $anchor-text-decoration {
+ text-decoration: $anchor-text-decoration-hover;
+ }
+ }
+
+ img { border:none; }
+ }
+
+ /* Default paragraph styles */
+ p {
+ font-family: $paragraph-font-family;
+ font-size: $paragraph-font-size;
+ font-weight: $paragraph-font-weight;
+ line-height: $paragraph-line-height;
+ margin-bottom: $paragraph-margin-bottom;
+ text-rendering: $paragraph-text-rendering;
+
+ &.lead { @include lead; }
+
+ & aside {
+ font-size: $paragraph-aside-font-size;
+ font-style: $paragraph-aside-font-style;
+ line-height: $paragraph-aside-line-height;
+ }
+ }
+
+ /* Default header styles */
+ h1, h2, h3, h4, h5, h6 {
+ color: $header-font-color;
+ font-family: $header-font-family;
+ font-style: $header-font-style;
+ font-weight: $header-font-weight;
+ line-height: $header-line-height;
+ margin-bottom: $header-bottom-margin;
+ margin-top: $header-top-margin;
+ text-rendering: $header-text-rendering;
+
+ small {
+ color: $small-font-color;
+ font-size: $small-font-size;
+ line-height: 0;
+ }
+ }
+
+ h1 { font-size: $h1-font-size - $h1-font-reduction; }
+ h2 { font-size: $h2-font-size - $h2-font-reduction; }
+ h3 { font-size: $h3-font-size - $h3-font-reduction; }
+ h4 { font-size: $h4-font-size - $h4-font-reduction; }
+ h5 { font-size: $h5-font-size - $h5-font-reduction; }
+ h6 { font-size: $h6-font-size - $h6-font-reduction; }
+
+ .subheader { @include subheader; }
+
+ hr {
+ border: $hr-border-style $hr-border-color;
+ border-width: $hr-border-width 0 0;
+ clear: both;
+ height: 0;
+ margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));
+ }
+
+ /* Helpful Typography Defaults */
+ em,
+ i {
+ font-style: italic;
+ line-height: inherit;
+ }
+
+ strong,
+ b {
+ font-weight: $font-weight-bold;
+ line-height: inherit;
+ }
+
+ small {
+ font-size: $small-font-size;
+ line-height: inherit;
+ }
+
+ code {
+ background-color: $code-background-color;
+ border-color: $code-border-color;
+ border-style: $code-border-style;
+ border-width: $code-border-size;
+ color: $code-color;
+ font-family: $code-font-family;
+ font-weight: $code-font-weight;
+ padding: $code-padding;
+ }
+
+ /* Lists */
+ ul,
+ ol,
+ dl {
+ font-family: $list-font-family;
+ font-size: $list-font-size;
+ line-height: $list-line-height;
+ list-style-position: $list-style-position;
+ margin-bottom: $list-margin-bottom;
+ }
+
+ ul {
+ margin-#{$default-float}: $list-side-margin;
+ &.no-bullet {
+ margin-#{$default-float}: $list-side-margin-no-bullet;
+ li {
+ ul,
+ ol {
+ margin-#{$default-float}: $list-nested-margin;
+ margin-bottom: 0;
+ list-style: none;
+ }
+ }
+ }
+ }
+
+ /* Unordered Lists */
+ ul {
+ li {
+ ul,
+ ol {
+ margin-#{$default-float}: $list-nested-margin;
+ margin-bottom: 0;
+ }
+ }
+ &.square,
+ &.circle,
+ &.disc {
+ li ul { list-style: inherit; }
+ }
+
+ &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}
+ &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}
+ &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}
+ &.no-bullet { list-style: none; }
+ }
+
+ /* Ordered Lists */
+ ol {
+ margin-#{$default-float}: $list-ordered-side-margin;
+ li {
+ ul,
+ ol {
+ margin-#{$default-float}: $list-nested-margin;
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ /* Definition Lists */
+ dl {
+ dt {
+ margin-bottom: $definition-list-header-margin-bottom;
+ font-weight: $definition-list-header-weight;
+ }
+ dd { margin-bottom: $definition-list-margin-bottom; }
+ }
+
+ /* Abbreviations */
+ abbr,
+ acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: $body-font-color;
+ cursor: $cursor-help-value;
+ }
+ abbr {
+ text-transform: none;
+ &[title] {
+ border-bottom: $acronym-underline;
+ }
+ }
+
+ /* Blockquotes */
+ blockquote {
+ margin: 0 0 $paragraph-margin-bottom;
+ padding: $blockquote-padding;
+ border-#{$default-float}: $blockquote-border;
+
+ cite {
+ display: block;
+ font-size: $blockquote-cite-font-size;
+ color: $blockquote-cite-font-color;
+ &:before {
+ content: "\2014 \0020";
+ }
+
+ a,
+ a:visited {
+ color: $blockquote-cite-link-color;
+ }
+ }
+ }
+ blockquote,
+ blockquote p {
+ line-height: $paragraph-line-height;
+ color: $blockquote-font-color;
+ }
+
+ /* Microformats */
+ .vcard {
+ display: inline-block;
+ margin: $microformat-margin;
+ border: $microformat-border-width $microformat-border-style $microformat-border-color;
+ padding: $microformat-padding;
+
+ li {
+ margin: 0;
+ display: block;
+ }
+ .fn {
+ font-weight: $microformat-fullname-font-weight;
+ font-size: $microformat-fullname-font-size;
+ }
+ }
+
+ .vevent {
+ .summary { font-weight: $microformat-summary-font-weight; }
+
+ abbr {
+ cursor: $cursor-default-value;
+ text-decoration: $microformat-abbr-font-decoration;
+ font-weight: $microformat-abbr-font-weight;
+ border: none;
+ padding: $microformat-abbr-padding;
+ }
+ }
+
+
+ @media #{$medium-up} {
+ h1, h2, h3, h4, h5, h6 { line-height: $header-line-height; }
+ h1 { font-size: $h1-font-size; }
+ h2 { font-size: $h2-font-size; }
+ h3 { font-size: $h3-font-size; }
+ h4 { font-size: $h4-font-size; }
+ h5 { font-size: $h5-font-size; }
+ h6 { font-size: $h6-font-size; }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/foundation/components/_visibility.scss b/themes/foundation5/scss/vendor/foundation/components/_visibility.scss
new file mode 100644
index 00000000000..f4bfebc5713
--- /dev/null
+++ b/themes/foundation5/scss/vendor/foundation/components/_visibility.scss
@@ -0,0 +1,492 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import 'global';
+
+//
+// Foundation Visibility Classes
+//
+$include-html-visibility-classes: $include-html-classes !default;
+$include-accessibility-classes: true !default;
+$include-table-visibility-classes: true !default;
+$include-legacy-visibility-classes: true !default;
+
+//
+// Media Class Names
+//
+// Visibility Breakpoints
+$visibility-breakpoint-sizes:
+ small,
+ medium,
+ large,
+ xlarge,
+ xxlarge;
+
+$visibility-breakpoint-queries:
+ unquote($small-up),
+ unquote($medium-up),
+ unquote($large-up),
+ unquote($xlarge-up),
+ unquote($xxlarge-up);
+
+@mixin visibility-loop {
+ @each $current-visibility-breakpoint in $visibility-breakpoint-sizes {
+ $visibility-inherit-list: ();
+ $visibility-none-list: ();
+
+ $visibility-visible-list: ();
+ $visibility-hidden-list: ();
+
+ $visibility-table-list: ();
+ $visibility-table-header-group-list: ();
+ $visibility-table-row-group-list: ();
+ $visibility-table-row-list: ();
+ $visibility-table-cell-list: ();
+
+ @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes {
+ @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {
+ // Smaller than current breakpoint
+
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+
+ // Foundation 4 compatibility:
+ // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes
+ // for small, medium, and large breakpoints only
+ @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ }
+
+ } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {
+ // Larger than current breakpoint
+
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+
+ // Foundation 4 compatibility:
+ // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes
+ // for small, medium, and large breakpoints only
+ @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ }
+
+ } @else {
+ // Current breakpoint
+
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'
+ ), comma);
+
+ // Foundation 4 compatibility:
+ // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes
+ // for small, medium, and large breakpoints only
+ @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {
+ $visibility-inherit-list: append($visibility-inherit-list, unquote(
+ '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-none-list: append($visibility-none-list, unquote(
+ '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-visible-list: append($visibility-visible-list, unquote(
+ '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-hidden-list: append($visibility-hidden-list, unquote(
+ '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-list: append($visibility-table-list, unquote(
+ 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(
+ 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(
+ 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-row-list: append($visibility-table-row-list, unquote(
+ 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ $visibility-table-cell-list: append($visibility-table-cell-list, unquote(
+ 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'
+ ), comma);
+ }
+ }
+ }
+
+ /* #{$current-visibility-breakpoint} displays */
+ @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} {
+ #{$visibility-inherit-list} {
+ display: inherit !important;
+ }
+ #{$visibility-none-list} {
+ display: none !important;
+ }
+ @if $include-accessibility-classes != false {
+ #{$visibility-visible-list} {
+ @include element-invisible-off;
+ }
+ #{$visibility-hidden-list} {
+ @include element-invisible;
+ }
+ }
+ @if $include-table-visibility-classes != false {
+ #{$visibility-table-list} {
+ display: table !important;
+ }
+ #{$visibility-table-header-group-list} {
+ display: table-header-group !important;
+ }
+ #{$visibility-table-row-group-list} {
+ display: table-row-group !important;
+ }
+ #{$visibility-table-row-list} {
+ display: table-row;
+ }
+ #{$visibility-table-cell-list} {
+ display: table-cell !important;
+ }
+ }
+ }
+ }
+}
+
+@include exports("visibility"){
+ @if $include-html-visibility-classes != false {
+
+ @include visibility-loop;
+
+ /* Orientation targeting */
+ .show-for-landscape,
+ .hide-for-portrait { display: inherit !important; }
+ .hide-for-landscape,
+ .show-for-portrait { display: none !important; }
+
+ /* Specific visibility for tables */
+ table {
+ &.hide-for-landscape,
+ &.show-for-portrait { display: table !important; }
+ }
+ thead {
+ &.hide-for-landscape,
+ &.show-for-portrait { display: table-header-group !important; }
+ }
+ tbody {
+ &.hide-for-landscape,
+ &.show-for-portrait { display: table-row-group !important; }
+ }
+ tr {
+ &.hide-for-landscape,
+ &.show-for-portrait { display: table-row !important; }
+ }
+ td,
+ th {
+ &.hide-for-landscape,
+ &.show-for-portrait { display: table-cell !important; }
+ }
+
+ @media #{$landscape} {
+ .show-for-landscape,
+ .hide-for-portrait { display: inherit !important; }
+ .hide-for-landscape,
+ .show-for-portrait { display: none !important; }
+
+ /* Specific visibility for tables */
+ table {
+ &.show-for-landscape,
+ &.hide-for-portrait { display: table !important; }
+ }
+ thead {
+ &.show-for-landscape,
+ &.hide-for-portrait { display: table-header-group !important; }
+ }
+ tbody {
+ &.show-for-landscape,
+ &.hide-for-portrait { display: table-row-group !important; }
+ }
+ tr {
+ &.show-for-landscape,
+ &.hide-for-portrait { display: table-row !important; }
+ }
+ td,
+ th {
+ &.show-for-landscape,
+ &.hide-for-portrait { display: table-cell !important; }
+ }
+ }
+
+ @media #{$portrait} {
+ .show-for-portrait,
+ .hide-for-landscape { display: inherit !important; }
+ .hide-for-portrait,
+ .show-for-landscape { display: none !important; }
+
+ /* Specific visibility for tables */
+ table {
+ &.show-for-portrait,
+ &.hide-for-landscape { display: table !important; }
+ }
+ thead {
+ &.show-for-portrait,
+ &.hide-for-landscape { display: table-header-group !important; }
+ }
+ tbody {
+ &.show-for-portrait,
+ &.hide-for-landscape { display: table-row-group !important; }
+ }
+ tr {
+ &.show-for-portrait,
+ &.hide-for-landscape { display: table-row !important; }
+ }
+ td,
+ th {
+ &.show-for-portrait,
+ &.hide-for-landscape { display: table-cell !important; }
+ }
+ }
+
+ /* Touch-enabled device targeting */
+ .show-for-touch { display: none !important; }
+ .hide-for-touch { display: inherit !important; }
+ .touch .show-for-touch { display: inherit !important; }
+ .touch .hide-for-touch { display: none !important; }
+
+ /* Specific visibility for tables */
+ table.hide-for-touch { display: table !important; }
+ .touch table.show-for-touch { display: table !important; }
+ 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; }
+
+ /* Screen reader-specific classes */
+ .show-for-sr {
+ @include element-invisible;
+ }
+ .show-on-focus {
+ @include element-invisible;
+
+ &:focus,
+ &:active {
+ @include element-invisible-off;
+ }
+ }
+
+ // Only include these styles if you want them.
+ @if $include-print-styles {
+ /*
+ * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+ .print-only { display: none !important; }
+ @media print {
+ * {
+ background: transparent !important;
+ box-shadow: none !important;
+ color: $black !important; /* Black prints faster: h5bp.com/s */
+ text-shadow: none !important;
+ }
+ .show-for-print { display: block; }
+ .hide-for-print { display: none; }
+
+ table.show-for-print { display: table !important; }
+ thead.show-for-print { display: table-header-group !important; }
+ tbody.show-for-print { display: table-row-group !important; }
+ tr.show-for-print { display: table-row !important; }
+ td.show-for-print { display: table-cell !important; }
+ th.show-for-print { display: table-cell !important; }
+
+ a,
+ a:visited { text-decoration: underline;}
+ a[href]:after { content: " (" attr(href) ")"; }
+
+ abbr[title]:after { content: " (" attr(title) ")"; }
+
+ // Don't show links for images, or javascript/internal links
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after { content: ""; }
+
+ pre,
+ blockquote {
+ border: 1px solid $aluminum;
+ page-break-inside: avoid;
+ }
+
+ thead { display: table-header-group; /* h5bp.com/t */ }
+
+ tr,
+ img { page-break-inside: avoid; }
+
+ img { max-width: 100% !important; }
+
+ @page { margin: .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; }
+ }
+ }
+
+ /* Print visibility */
+ @media print {
+ .show-for-print { display: block; }
+ .hide-for-print { display: none; }
+
+ table.show-for-print { display: table !important; }
+ thead.show-for-print { display: table-header-group !important; }
+ tbody.show-for-print { display: table-row-group !important; }
+ tr.show-for-print { display: table-row !important; }
+ td.show-for-print { display: table-cell !important; }
+ th.show-for-print { display: table-cell !important; }
+ }
+
+ @media not print{
+ .show-for-print { display: none !important; }
+ }
+ }
+}
diff --git a/themes/foundation5/scss/vendor/normalize.scss b/themes/foundation5/scss/vendor/normalize.scss
new file mode 100644
index 00000000000..5e5e3c89810
--- /dev/null
+++ b/themes/foundation5/scss/vendor/normalize.scss
@@ -0,0 +1,424 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ * without disabling user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ 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;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/themes/foundation5/templates/Auth/AbstractBase/login.phtml b/themes/foundation5/templates/Auth/AbstractBase/login.phtml
index 4ff043e65a8..892861da323 100644
--- a/themes/foundation5/templates/Auth/AbstractBase/login.phtml
+++ b/themes/foundation5/templates/Auth/AbstractBase/login.phtml
@@ -2,18 +2,18 @@
<? $account = $this->auth()->getManager(); ?>
<? $sessionInitiator = $account->getSessionInitiator($this->serverUrl($this->url('myresearch-home'))); ?>
<? if (!$sessionInitiator): // display default login form if no login URL provided ?>
- <form method="post" class="form-horizontal" action="<?=$this->url('myresearch-home')?>" name="loginForm" id="loginForm">
+ <form method="post" action="<?=$this->url('myresearch-home')?>" name="loginForm" id="loginForm">
<?=$this->auth()->getLoginFields()?>
<input type="hidden" name="auth_method" value="<?=$account->getAuthMethod()?>">
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
<? if ($account->supportsCreation()): ?>
- <a class="button link createAccountLink" role="button" href="<?=$this->url('myresearch-account') ?>?auth_method=<?=$account->getAuthMethod()?>"><?=$this->transEsc('Create New Account')?></a>
+ <a class="button small secondary createAccountLink" role="button" href="<?=$this->url('myresearch-account') ?>?auth_method=<?=$account->getAuthMethod()?>"><?=$this->transEsc('Create New Account')?></a>
<? endif; ?>
- <input class="button tiny" role="button" aria-label="submit form" type="submit" name="processLogin" value="<?=$this->transEsc('Login')?>">
+ <input class="button small" role="button" aria-label="submit form" type="submit" name="processLogin" value="<?=$this->transEsc('Login')?>">
<? if ($account->supportsRecovery()): ?>
<br/>
- <a class="button link" role="button" href="<?=$this->url('myresearch-recover') ?>?auth_method=<?=$account->getAuthMethod()?>"><?=$this->transEsc('Forgot Password')?></a>
+ <a class="button small secondary" role="button" href="<?=$this->url('myresearch-recover') ?>?auth_method=<?=$account->getAuthMethod()?>"><?=$this->transEsc('Forgot Password')?></a>
<? endif; ?>
</div>
</div>
diff --git a/themes/foundation5/templates/Auth/AbstractBase/loginfields.phtml b/themes/foundation5/templates/Auth/AbstractBase/loginfields.phtml
index 3366d93c146..b311cc3cf27 100644
--- a/themes/foundation5/templates/Auth/AbstractBase/loginfields.phtml
+++ b/themes/foundation5/templates/Auth/AbstractBase/loginfields.phtml
@@ -1,14 +1,18 @@
<!-- auth - abstractbase - loginfields.phtml -->
-<div class="form-group">
- <label class="medium-3 columns control-label" for="login_username"><?=$this->transEsc('Username')?>:</label>
+<div class="row">
+ <div class="medium-3 columns">
+ <label for="right-label" class="right inline" for="login_username"><?=$this->transEsc('Username')?>:</label>
+ </div>
<div class="medium-9 columns">
- <input type="text" name="username" id="login_username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="form-control"/>
+ <input type="text" name="username" id="login_username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="login_password"><?=$this->transEsc('Password')?>:</label>
+<div class="row">
+ <div class="medium-3 columns">
+ <label for="right-label" class="right inline" for="login_password"><?=$this->transEsc('Password')?>:</label>
+ </div>
<div class="medium-9 columns">
- <input type="password" name="password" id="login_password" class="form-control"/>
+ <input type="password" name="password" id="login_password" class="auto"/>
</div>
</div>
<!-- auth - abstractbase - loginfields.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Auth/Database/create.phtml b/themes/foundation5/templates/Auth/Database/create.phtml
index f7b89b06c4d..fde9a407833 100644
--- a/themes/foundation5/templates/Auth/Database/create.phtml
+++ b/themes/foundation5/templates/Auth/Database/create.phtml
@@ -1,40 +1,40 @@
<!-- auth - database - create.phtml -->
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_firstname"><?=$this->transEsc('First Name')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_firstname"><?=$this->transEsc('First Name')?>:</label>
<div class="medium-9 columns">
- <input id="account_firstname" type="text" name="firstname" value="<?=$this->escapeHtmlAttr($this->request->get('firstname'))?>" class="form-control"/>
+ <input id="account_firstname" type="text" name="firstname" value="<?=$this->escapeHtmlAttr($this->request->get('firstname'))?>" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_lastname"><?=$this->transEsc('Last Name')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_lastname"><?=$this->transEsc('Last Name')?>:</label>
<div class="medium-9 columns">
- <input id="account_lastname" type="text" name="lastname" value="<?=$this->escapeHtmlAttr($this->request->get('lastname'))?>" class="form-control"/>
+ <input id="account_lastname" type="text" name="lastname" value="<?=$this->escapeHtmlAttr($this->request->get('lastname'))?>" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_email"><?=$this->transEsc('Email Address')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_email"><?=$this->transEsc('Email Address')?>:</label>
<div class="medium-9 columns">
- <input id="account_email" type="email" name="email" value="<?=$this->escapeHtmlAttr($this->request->get('email'))?>" class="form-control"/>
+ <input id="account_email" type="email" name="email" value="<?=$this->escapeHtmlAttr($this->request->get('email'))?>" class="auto"/>
<div class="help-block with-errors"></div>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_username"><?=$this->transEsc('Desired Username')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_username"><?=$this->transEsc('Desired Username')?>:</label>
<div class="medium-9 columns">
- <input id="account_username" type="text" name="username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="form-control"/>
+ <input id="account_username" type="text" name="username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_password"><?=$this->transEsc('Password')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_password"><?=$this->transEsc('Password')?>:</label>
<div class="medium-9 columns">
- <input id="account_password" type="password" name="password" class="form-control" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
+ <input id="account_password" type="password" name="password" class="auto" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
<div class="help-block with-errors"></div>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="account_password2"><?=$this->transEsc('Password Again')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="account_password2"><?=$this->transEsc('Password Again')?>:</label>
<div class="medium-9 columns">
- <input id="account_password2" type="password" name="password2" class="form-control" required aria-required="true" data-match="#account_password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
+ <input id="account_password2" type="password" name="password2" class="auto" required aria-required="true" data-match="#account_password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
<div class="help-block with-errors"></div>
</div>
</div>
diff --git a/themes/foundation5/templates/Auth/Database/newpassword.phtml b/themes/foundation5/templates/Auth/Database/newpassword.phtml
index 1bd2a36645d..9204ae2c637 100644
--- a/themes/foundation5/templates/Auth/Database/newpassword.phtml
+++ b/themes/foundation5/templates/Auth/Database/newpassword.phtml
@@ -1,31 +1,31 @@
<!-- auth - database - newpassword.phtml -->
<? if (isset($this->username)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Username') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Username') ?>:</label>
<div class="medium-9 columns">
- <p class="form-control-static"><?=$this->username ?></p>
+ <p class="auto"><?=$this->username ?></p>
</div>
</div>
<? endif; ?>
<? if (isset($this->verifyold) && $this->verifyold || isset($this->oldpwd)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('old_password') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('old_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="oldpwd" class="form-control"/>
+ <input type="password" name="oldpwd" class="auto"/>
</div>
</div>
<? endif; ?>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" id="password" name="password" class="form-control" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
+ <input type="password" id="password" name="password" class="auto" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
<div class="help-block with-errors"></div>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('confirm_new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('confirm_new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="password2" class="form-control" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
+ <input type="password" name="password2" class="auto" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
<div class="help-block with-errors"></div>
</div>
</div>
diff --git a/themes/foundation5/templates/Auth/Database/recovery.phtml b/themes/foundation5/templates/Auth/Database/recovery.phtml
index c1374d4dae4..cc77c7d3405 100644
--- a/themes/foundation5/templates/Auth/Database/recovery.phtml
+++ b/themes/foundation5/templates/Auth/Database/recovery.phtml
@@ -1,19 +1,23 @@
<!-- auth - database - RECOVERY.phtml -->
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('recovery_by_username') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('recovery_by_username') ?>:</label>
<div class="medium-9 large-5 columns">
- <input type="text" name="username" class="form-control"/>
+ <input type="text" name="username" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('recovery_by_email') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('recovery_by_email') ?>:</label>
<div class="medium-9 large-5 columns">
- <input type="email" name="email" class="form-control"/>
+ <input type="email" name="email" class="auto"/>
</div>
</div>
+<div class="row">
+ <div class="medium-9 columns medium-offset-3">
<?=$this->recaptcha()->html($this->useRecaptcha) ?>
-<div class="form-group">
+ </div>
+ </div>
+<div class="row">
<div class="medium-9 medium-offset-3 columns">
- <input class="button secondary tiny" name="submit" type="submit" role="button" aria-label="submit form" value="<?=$this->transEsc('Recover Account') ?>"/>
+ <input class="button secondary small" name="submit" type="submit" role="button" aria-label="submit form" value="<?=$this->transEsc('Recover Account') ?>"/>
</div>
<!-- auth - database - RECOVERY.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Auth/ILS/newpassword.phtml b/themes/foundation5/templates/Auth/ILS/newpassword.phtml
index b5ecc108987..93008e45c62 100644
--- a/themes/foundation5/templates/Auth/ILS/newpassword.phtml
+++ b/themes/foundation5/templates/Auth/ILS/newpassword.phtml
@@ -1,32 +1,32 @@
<!-- auth - ils - newpassword.phtml -->
<? if (isset($this->username)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Username') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Username') ?>:</label>
<div class="medium-9 columns">
- <p class="form-control-static"><?=$this->username ?></p>
+ <p class="auto"><?=$this->username ?></p>
</div>
</div>
<? endif; ?>
<? if (isset($this->verifyold) && $this->verifyold || isset($this->oldpwd)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('old_password') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('old_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="oldpwd" class="form-control"/>
+ <input type="password" name="oldpwd" class="auto"/>
<div class="help-block with-errors"></div>
</div>
</div>
<? endif; ?>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" id="password" name="password" class="form-control" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
+ <input type="password" id="password" name="password" class="auto" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
<div class="help-block with-errors"></div>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('confirm_new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('confirm_new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="password2" class="form-control" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
+ <input type="password" name="password2" class="auto" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
<div class="help-block with-errors"></div>
</div>
</div>
diff --git a/themes/foundation5/templates/Auth/MultiILS/loginfields.phtml b/themes/foundation5/templates/Auth/MultiILS/loginfields.phtml
index 7e030f4f5ab..354dfba2b84 100644
--- a/themes/foundation5/templates/Auth/MultiILS/loginfields.phtml
+++ b/themes/foundation5/templates/Auth/MultiILS/loginfields.phtml
@@ -1,25 +1,25 @@
<!-- auth - multiils - loginfields.phtml -->
-<div class="form-group">
- <label class="medium-3 columns control-label" for="login_target"><?=$this->transEsc('login_target')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="login_target"><?=$this->transEsc('login_target')?>:</label>
<div class="medium-9 columns">
<?$currentTarget = $this->request->get('target'); if (!$currentTarget) $currentTarget = $this->auth()->getManager()->getDefaultLoginTarget();?>
- <select id="login_target" name="target" class="form-control">
+ <select id="login_target" name="target" class="auto">
<?foreach ($this->auth()->getManager()->getLoginTargets() as $target):?>
<option value="<?=$this->escapeHtmlAttr($target)?>"<?=($target == $currentTarget ? ' selected="selected"' : '')?>><?=$this->transEsc("source_$target", null, $target)?></option>
<? endforeach ?>
</select>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="login_username"><?=$this->transEsc('Username')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="login_username"><?=$this->transEsc('Username')?>:</label>
<div class="medium-9 columns">
- <input id="login_username" type="text" name="username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="form-control"/>
+ <input id="login_username" type="text" name="username" value="<?=$this->escapeHtmlAttr($this->request->get('username'))?>" class="auto"/>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="login_password"><?=$this->transEsc('Password')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="login_password"><?=$this->transEsc('Password')?>:</label>
<div class="medium-9 columns">
- <input id="login_password" type="password" name="password" class="form-control"/>
+ <input id="login_password" type="password" name="password" class="auto"/>
</div>
</div>
<!-- auth - multiils - loginfields.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Auth/MultiILS/newpassword.phtml b/themes/foundation5/templates/Auth/MultiILS/newpassword.phtml
index 724ee81cbff..4073320ee0d 100644
--- a/themes/foundation5/templates/Auth/MultiILS/newpassword.phtml
+++ b/themes/foundation5/templates/Auth/MultiILS/newpassword.phtml
@@ -1,32 +1,32 @@
<!-- auth - multiils - newpassword.phtml -->
<? if (isset($this->username)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Username') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Username') ?>:</label>
<div class="medium-9 columns">
- <p class="form-control-static"><?=$this->username ?></p>
+ <p class="auto"><?=$this->username ?></p>
</div>
</div>
<? endif; ?>
<? if (isset($this->verifyold) && $this->verifyold || isset($this->oldpwd)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('old_password') ?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('old_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="oldpwd" class="form-control"/>
+ <input type="password" name="oldpwd" class="auto"/>
<div class="help-block with-errors"></div>
</div>
</div>
<? endif; ?>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" id="password" name="password" class="form-control" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
+ <input type="password" id="password" name="password" class="auto" required aria-required="true"<?=isset($this->passwordPolicy['minLength']) ? ' data-minlength="' . $this->passwordPolicy['minLength'] . '" data-minlength-error="' . $this->escapeHtmlAttr($this->translate('password_minimum_length', array('%%minlength%%' => $this->passwordPolicy['minLength']))) . '"' : ''?><?=isset($this->passwordPolicy['maxLength']) ? ' maxlength="' . $this->passwordPolicy['maxLength'] . '"' : ''?>/>
<div class="help-block with-errors"></div>
</div>
</div>
-<div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('confirm_new_password') ?>:</label>
+<div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('confirm_new_password') ?>:</label>
<div class="medium-9 columns">
- <input type="password" name="password2" class="form-control" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
+ <input type="password" name="password2" class="auto" required aria-required="true" data-match="#password" data-match-error="<?=$this->escapeHtmlAttr($this->translate('Passwords do not match'))?>"/>
<div class="help-block with-errors"></div>
</div>
</div>
diff --git a/themes/foundation5/templates/Helpers/email-form-fields.phtml b/themes/foundation5/templates/Helpers/email-form-fields.phtml
index 6947457e410..be0d0c4f7a5 100644
--- a/themes/foundation5/templates/Helpers/email-form-fields.phtml
+++ b/themes/foundation5/templates/Helpers/email-form-fields.phtml
@@ -1,8 +1,8 @@
<!-- helpers - email-form-fields.phtml -->
-<div class="form-group">
- <label class="medium-3 columns control-label" for="email_to"><?=$this->transEsc('To')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="email_to"><?=$this->transEsc('To')?>:</label>
<div class="medium-9 columns">
- <input type="<?=$this->maxRecipients != 1 ? 'text' : 'email'?>" id="email_to" class="form-control" oninvalid="$('#modal .fa-spinner').remove()" name="to" value="<?=isset($this->to) ? $this->to : ''?>"/>
+ <input type="<?=$this->maxRecipients != 1 ? 'text' : 'email'?>" id="email_to" class="auto" oninvalid="$('#modal .fa-spinner').remove()" name="to" value="<?=isset($this->to) ? $this->to : ''?>"/>
<? if ($this->maxRecipients != 1): ?>
<br />
<?=$this->transEsc('email_multiple_recipients_note')?>
@@ -13,29 +13,29 @@
</div>
</div>
<? if (!$this->disableFrom): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="email_from"><?=$this->transEsc('From')?>:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="email_from"><?=$this->transEsc('From')?>:</label>
<div class="medium-9 columns">
- <input type="email" id="email_from" oninvalid="$('#modal .fa-spinner').remove()" name="from" value="<?=isset($this->from) ? $this->from : ''?>" size="40" class="form-control"/>
+ <input type="email" id="email_from" oninvalid="$('#modal .fa-spinner').remove()" name="from" value="<?=isset($this->from) ? $this->from : ''?>" size="40" class="auto"/>
</div>
</div>
<? endif; ?>
<? if ($this->editableSubject): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="email_subject"><?=$this->transEsc('email_subject')?>:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="email_subject"><?=$this->transEsc('email_subject')?>:</label>
<div class="medium-9 columns">
- <input type="text" id="email_subject" oninvalid="$('#modal .fa-spinner').remove()" name="subject" value="<?=isset($this->subject) ? $this->subject : ''?>" size="40" class="form-control"/>
+ <input type="text" id="email_subject" oninvalid="$('#modal .fa-spinner').remove()" name="subject" value="<?=isset($this->subject) ? $this->subject : ''?>" size="40" class="auto"/>
</div>
</div>
<? endif; ?>
-<div class="form-group">
- <label class="medium-3 columns control-label" for="email_message"><?=$this->transEsc('Message')?>:</label>
+<div class="row">
+ <label class="medium-3 columns" for="email_message"><?=$this->transEsc('Message')?>:</label>
<div class="medium-9 columns">
- <textarea id="email_message" class="form-control" name="message" rows="4"><?=isset($this->message) ? $this->message : ''?></textarea>
+ <textarea id="email_message" class="auto" name="message" rows="4"><?=isset($this->message) ? $this->message : ''?></textarea>
</div>
</div>
<? if ($this->disableFrom && $this->userEmailInFrom): ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
<div class="checkbox">
<label>
@@ -45,10 +45,14 @@
</div>
</div>
<? endif ?>
-<?=$this->recaptcha()->html($this->useRecaptcha) ?>
-<div class="form-group">
+<div class="row">
<div class="medium-9 columns medium-offset-3">
- <input type="submit" class="button tiny" role="button" name="submit" value="<?=$this->transEsc('Send')?>"/>
+ <?=$this->recaptcha()->html($this->useRecaptcha) ?>
+ </div>
+</div>
+<div class="row">
+ <div class="medium-9 columns medium-offset-3">
+ <input type="submit" class="button small" role="button" name="submit" value="<?=$this->transEsc('Send')?>"/>
</div>
</div>
<!-- helpers - email-form-fields.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Helpers/openurl.phtml b/themes/foundation5/templates/Helpers/openurl.phtml
index e4b1a452fa9..91072c6747d 100644
--- a/themes/foundation5/templates/Helpers/openurl.phtml
+++ b/themes/foundation5/templates/Helpers/openurl.phtml
@@ -27,5 +27,5 @@
<? endif; ?>
</a>
<? if ($this->openUrlEmbed): ?>
- <div id="openUrlEmbed<?=$this->openUrlId?>" class="resolver hidden"><?=$this->transEsc('Loading')?> ...</div>
+ <div id="openUrlEmbed<?=$this->openUrlId?>" class="resolver hide"><?=$this->transEsc('Loading')?> ...</div>
<? endif; ?>
diff --git a/themes/foundation5/templates/Helpers/pagination.phtml b/themes/foundation5/templates/Helpers/pagination.phtml
new file mode 100644
index 00000000000..8a0b8a89784
--- /dev/null
+++ b/themes/foundation5/templates/Helpers/pagination.phtml
@@ -0,0 +1,62 @@
+<!-- librarycards - pagination -->
+<? if ($this->pageCount): ?>
+ <ul class="pagination">
+ <!-- Previous page link -->
+ <li<? if (isset($this->previous)): ?>>
+ <? $newParams = $this->params; $newParams['page'] = $this->previous; ?>
+ <a href="<?= $this->currentPath() . '?' . http_build_query($newParams); ?>">
+ « <?=$this->translate('Previous')?>
+ </a>
+ <? else: ?>
+ class="disabled"> <span>« <?=$this->translate('Previous')?></span>
+ <? endif; ?>
+ </li>
+
+ <!-- First page link -->
+ <li<? if (isset($this->first) && $this->first != $this->current): ?>>
+ <? $newParams = $this->params; $newParams['page'] = $this->first; ?>
+ <a href="<?= $this->currentPath() . '?' . http_build_query($newParams); ?>">
+ <?=$this->translate('First')?>
+ </a>
+ <? else: ?>
+ class="disabled"> <span><?=$this->translate('First')?></span>
+ <? endif; ?>
+ </li>
+
+ <!-- Numbered page links -->
+ <? foreach ($this->pagesInRange as $page): ?>
+ <li<? if ($page != $this->current): ?>>
+ <? $newParams = $this->params; $newParams['page'] = $page; ?>
+ <a href="<?= $this->currentPath() . '?' . http_build_query($newParams); ?>">
+ <? echo $page; ?>
+ </a>
+ <? else: ?>
+ class="active"> <span><? echo $page; ?></span>
+ <? endif; ?>
+ </li>
+ <? endforeach; ?>
+
+ <!-- Last page link -->
+ <li<? if (isset($this->last) && $this->last != $this->current): ?>>
+ <? $newParams = $this->params; $newParams['page'] = $this->last; ?>
+ <a href="<?= $this->currentPath() . '?' . http_build_query($newParams); ?>">
+ <?=$this->translate('Last')?>
+ </a>
+ <? else: ?>
+ class="disabled"> <span><?=$this->translate('Last')?></span>
+ <? endif; ?>
+ </li>
+
+ <!-- Next page link -->
+ <li<? if (isset($this->next)): ?>>
+ <? $newParams = $this->params; $newParams['page'] = $this->next; ?>
+ <a href="<?= $this->currentPath() . '?' . http_build_query($newParams); ?>">
+ <?=$this->translate('Next')?> >
+ </a>
+ <? else: ?>
+ class="disabled"> <span><?=$this->translate('Next')?> »</span>
+ <? endif; ?>
+ </li>
+ </ul>
+<? endif; ?>
+<!-- librarycards - pagination - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/AlphaBrowseLink.phtml b/themes/foundation5/templates/Recommend/AlphaBrowseLink.phtml
new file mode 100644
index 00000000000..74b6ecea21d
--- /dev/null
+++ b/themes/foundation5/templates/Recommend/AlphaBrowseLink.phtml
@@ -0,0 +1,16 @@
+<!-- recommend - alphabrowselink -->
+<?
+ $index = $this->recommend->getIndex();
+ $from = $this->recommend->getQuery();
+ $link = $this->translate(
+ 'alphabrowselink_html',
+ [
+ '%%index%%' => $this->transEsc('browse_' . $index),
+ '%%from%%' => $this->escapeHtml($from),
+ '%%url%%' => $this->url('alphabrowse-home')
+ . '?from=' . urlencode($from) . '&source=' . urlencode($index)
+ ]
+ );
+?>
+<div class="alert-box info"><?=$link?></div>
+<!-- recommend - alphabrowselink -END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/CatalogResults.phtml b/themes/foundation5/templates/Recommend/CatalogResults.phtml
index 3faaec78390..06628c891ef 100644
--- a/themes/foundation5/templates/Recommend/CatalogResults.phtml
+++ b/themes/foundation5/templates/Recommend/CatalogResults.phtml
@@ -1,22 +1,12 @@
<!-- recommend - CATALOGRESULTS.phtml -->
<? $searchObject = $this->recommend->getResults(); $results = $searchObject->getResults(); if (!empty($results)): ?>
<h4><?=$this->transEsc('Catalog Results')?></h4>
- <ul class="list-group">
+ <ul class="side-nav">
<? foreach ($results as $driver): ?>
- <li class="list-group-item catalog-result">
+ <li class="catalog-result">
<? $formats = $driver->getFormats(); $format = isset($formats[0]) ? $formats[0] : ''; ?>
<a href="<?=$this->recordLink()->getUrl($driver)?>" class="title <?=$this->record($driver)->getFormatClass($format)?>">
- <?
- $summHighlightedTitle = $driver->getHighlightedTitle();
- $summTitle = $driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?>
+ <?=$this->record($driver)->getTitleHtml()?>
</a>
<? $summDate = $driver->getPublicationDates(); ?>
<? $summAuthor = $driver->getPrimaryAuthor(); ?>
@@ -41,7 +31,10 @@
<? endif; ?>
</li>
<? endforeach; ?>
- <a class="list-group-item" href="<?=$this->url($searchObject->getOptions()->getSearchAction()) . $searchObject->getUrlQuery()->setLimit($searchObject->getOptions()->getDefaultLimit())?>"><?=$this->transEsc('More catalog results')?>...</a>
+ <li>
+ <a href="<?=$this->url($searchObject->getOptions()->getSearchAction()) .
+ $searchObject->getUrlQuery()->setLimit($searchObject->getOptions()->getDefaultLimit())?>"><?=$this->transEsc('More catalog results')?> ...</a>
+ </li>
</ul>
<? endif ?>
<!-- recommend - CATALOGRESULTS.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml b/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml
index 72456ab77d1..9899b92a932 100644
--- a/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml
+++ b/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml
@@ -21,15 +21,15 @@
<? ob_start() ?>
<div class="panel">
<h4><?=$this->transEsc('Keyword Filter')?></h4>
- <form class="form-inline" role="form" method="get" action="" name="keywordFilterForm" id="keywordFilterForm">
- <input id="keywordFilter_lookfor" type="text" name="lookfor" value="<?=$this->escapeHtmlAttr($keywordFilter)?>" class="form-control"/>
- <? foreach ($this->recommend->getResults()->getParams()->getFilterList(true) as $field => $filters): ?>
- <? foreach ($filters as $filter): ?>
- <input type="hidden" name="filter[]" value="<?=$this->escapeHtmlAttr($filter['field'])?>:"<?=$this->escapeHtmlAttr($filter['value'])?>"" />
- <? endforeach; ?>
- <? endforeach; ?>
- <input class="button secondary tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Set')?>"/>
- </form>
+ <form role="form" method="get" name="keywordFilterForm" id="keywordFilterForm">
+ <input id="keywordFilter_lookfor" type="text" name="lookfor" value="<?=$this->escapeHtmlAttr($keywordFilter)?>" class="auto"/>
+ <? foreach ($this->recommend->getResults()->getParams()->getFilterList(true) as $field => $filters): ?>
+ <? foreach ($filters as $filter): ?>
+ <input type="hidden" name="filter[]" value="<?=$this->escapeHtmlAttr($filter['field'])?>:"<?=$this->escapeHtmlAttr($filter['value'])?>"" />
+ <? endforeach; ?>
+ <? endforeach; ?>
+ <input class="button secondary small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Set')?>"/>
+ </form>
</div>
<? $this->sideFacetExtraControls = ob_get_contents(); ?>
<? ob_end_clean(); ?>
diff --git a/themes/foundation5/templates/Recommend/DPLATerms.phtml b/themes/foundation5/templates/Recommend/DPLATerms.phtml
index 8c5d0150a85..7efc7677134 100644
--- a/themes/foundation5/templates/Recommend/DPLATerms.phtml
+++ b/themes/foundation5/templates/Recommend/DPLATerms.phtml
@@ -1,13 +1,13 @@
<!-- recommend - dplaterms.phtml -->
<? $results = $this->recommend->getResults(); ?>
<? if(!empty($results)): ?>
- <ul class="list-group accordion" id="side-panel-dpla" data-accordion>
- <li class="accordion-navigation list-group-item title<? if($this->recommend->isCollapsed()): ?> collapsed<? endif ?>" href="#side-collapse-dpla">
+ <ul class="accordion" id="side-panel-dpla" data-accordion>
+ <li class="accordion-navigation title<? if($this->recommend->isCollapsed()): ?> collapsed<? endif ?>" href="#side-collapse-dpla">
DPLA
</li>
<div id="side-collapse-dpla" class="content <? if(!$this->recommend->isCollapsed()): ?> active<? endif ?>">
<? foreach($results as $item): ?>
- <li class="list-group-item">
+ <li>
<a href="<?=$item['link'] ?>" target="new"><?=$this->escapeHtml($item['title']) ?></a><br/>
<? if(!empty($item['desc'])): ?>
<span class="desc" title="<?=$item['desc'] ?>"><?=$this->escapeHtml($this->truncate($item['desc'], 50)) ?></span><br/>
diff --git a/themes/foundation5/templates/Recommend/EuropeanaResults.phtml b/themes/foundation5/templates/Recommend/EuropeanaResults.phtml
index 30e6e711a7c..1bb5cbe0eea 100644
--- a/themes/foundation5/templates/Recommend/EuropeanaResults.phtml
+++ b/themes/foundation5/templates/Recommend/EuropeanaResults.phtml
@@ -6,9 +6,9 @@
</a>
</div>
<div>
- <ul class="list-group">
+ <ul class="side-nav">
<? $i = 0; foreach ($data['worksArray'] as $workKey => $work): ?>
- <li class="list-group-item suggestedResult <? (++$i % 2) ? 'alt ' : ''?>record<?=$i?>">
+ <li class="suggestedResult <? (++$i % 2) ? 'alt ' : ''?>record<?=$i?>">
<div class="resultitem clearfix">
<? if (isset($work['enclosure'])): ?>
<span class="europeanaImg"><img src="<?=$this->escapeHtmlAttr($work['enclosure'])?>" id="europeanaImage<?=$this->escapeHtmlAttr($workKey)?>"/></span>
diff --git a/themes/foundation5/templates/Recommend/EuropeanaResultsDeferred.phtml b/themes/foundation5/templates/Recommend/EuropeanaResultsDeferred.phtml
index 9e36fdf0f81..48efcf9a4ef 100644
--- a/themes/foundation5/templates/Recommend/EuropeanaResultsDeferred.phtml
+++ b/themes/foundation5/templates/Recommend/EuropeanaResultsDeferred.phtml
@@ -4,6 +4,6 @@
. "\$('#EuropeanaDeferredRecommend').load(url);";
?>
<div id="EuropeanaDeferredRecommend">
- <p><?=$this->transEsc("Loading")?>... <img src="<?=$this->imageLink('ajax_loading.gif')?>" /></p>
+ <p><?=$this->transEsc("Loading")?> ... <img src="<?=$this->imageLink('ajax_loading.gif')?>" /></p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $loadJs, 'SET')?>
</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/ExpandFacets.phtml b/themes/foundation5/templates/Recommend/ExpandFacets.phtml
index 8e4ab68b92a..25b8cf04918 100644
--- a/themes/foundation5/templates/Recommend/ExpandFacets.phtml
+++ b/themes/foundation5/templates/Recommend/ExpandFacets.phtml
@@ -8,12 +8,14 @@
<div class="sidegroup">
<? foreach ($expandFacetSet as $title=>$cluster): ?>
<h4><?=$this->transEsc($cluster['label']) ?></h4>
- <div class="list-group">
+ <ul class="side-nav">
<? foreach ($cluster['list'] as $thisFacet): ?>
- <a class="list-group-item" href="<?=$this->url('search-results') . $blankResults->getUrlQuery()->addFacet($title, $thisFacet['value'])?>"><?=$this->escapeHtml($thisFacet['displayText'])?></a>
+ <li>
+ <a href="<?=$this->url('search-results') . $blankResults->getUrlQuery()->addFacet($title, $thisFacet['value'])?>"><?=$this->escapeHtml($thisFacet['displayText'])?></a>
+ </li>
<? endforeach; ?>
</div>
<? endforeach; ?>
- </div>
+ </ul>
<? endif; ?>
<!-- recommend - EXPANDFACETS.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/FavoriteFacets.phtml b/themes/foundation5/templates/Recommend/FavoriteFacets.phtml
index a522171db63..3b5bf6f477f 100644
--- a/themes/foundation5/templates/Recommend/FavoriteFacets.phtml
+++ b/themes/foundation5/templates/Recommend/FavoriteFacets.phtml
@@ -4,25 +4,29 @@
<? if (isset($sideFacetSet['tags']) && !empty($sideFacetSet['tags']['list'])): ?>
<h4 class="tag"><?=$this->transEsc($sideFacetSet['tags']['label'])?></h4>
- <ul class="list-group">
+ <ul class="side-nav">
<? $filterList = $results->getParams()->getFilterList(true);
$tagFilterList = isset($filterList[$sideFacetSet['tags']['label']]) ? $filterList[$sideFacetSet['tags']['label']] : null; ?>
<? if (!empty($tagFilterList)): ?>
<? $field = $sideFacetSet['tags']['label']; ?>
<? foreach ($tagFilterList as $filter): ?>
<? $removeLink = $this->currentPath().$results->getUrlQuery()->removeFacet($filter['field'], $filter['value']); ?>
- <a class="list-group-item active" href="<?=$removeLink?>">
+ <li>
+ <a class="active" href="<?=$removeLink?>">
<span class="pull-right"><i class="fa fa-minus-circle"></i></span>
<?=$this->escapeHtml($filter['displayText'])?>
- </a>
+ </a>
+ </li>
<? endforeach; ?>
<? endif; ?>
<? foreach($sideFacetSet['tags']['list'] as $thisFacet): ?>
<? if(!$thisFacet['isApplied']): ?>
- <a class="list-group-item" href="<?=$this->currentPath().$results->getUrlQuery()->addFacet('tags', $thisFacet['value'])?>">
- <span class="badge"><?=$this->escapeHtml($thisFacet['count'])?></span>
+ <li>
+ <a href="<?=$this->currentPath().$results->getUrlQuery()->addFacet('tags', $thisFacet['value'])?>">
+ <span class="label"><?=$this->escapeHtml($thisFacet['count'])?></span>
<?=$this->escapeHtml($thisFacet['displayText'])?>
- </a>
+ </a>
+ </li>
<? endif ?>
<? endforeach; ?>
</ul>
diff --git a/themes/foundation5/templates/Recommend/OpenLibrarySubjects.phtml b/themes/foundation5/templates/Recommend/OpenLibrarySubjects.phtml
index 38d43b97c13..10bcadb1b6e 100644
--- a/themes/foundation5/templates/Recommend/OpenLibrarySubjects.phtml
+++ b/themes/foundation5/templates/Recommend/OpenLibrarySubjects.phtml
@@ -3,7 +3,7 @@
<div class="sidegroup">
<h4>Open Library <? /* Intentionally not translated -- this is a site name, not a phrase */ ?></h4>
<div><?=$this->transEsc('Results for')?> <?=$this->escapeHtmlAttr($data['subject'])?> ...</div>
- <ul class="similar">
+ <ul class="list-unstyled">
<? foreach ($data['worksArray'] as $work): ?>
<li>
<a href="http://openlibrary.org<?=$work['key']?>" title="<?=$this->transEsc('Get full text')?>" target="_blank">
@@ -25,7 +25,7 @@
</ul>
<p class="olSubjectMore">
<a href="http://openlibrary.org/subjects" title="Open Library" target="_blank">
- <?=$this->transEsc('more')?>...
+ <?=$this->transEsc('more')?> ...
</a>
</p>
</div>
diff --git a/themes/foundation5/templates/Recommend/OpenLibrarySubjectsDeferred.phtml b/themes/foundation5/templates/Recommend/OpenLibrarySubjectsDeferred.phtml
index e3c0de443f1..97132a4a9b5 100644
--- a/themes/foundation5/templates/Recommend/OpenLibrarySubjectsDeferred.phtml
+++ b/themes/foundation5/templates/Recommend/OpenLibrarySubjectsDeferred.phtml
@@ -4,6 +4,6 @@
. "\$('#openLibraryDeferredRecommend').load(url);";
?>
<div id="openLibraryDeferredRecommend">
- <p><?=$this->transEsc("Loading")?>... <img src="<?=$this->imageLink('ajax_loading.gif')?>" /></p>
+ <p><?=$this->transEsc("Loading")?> ... <img src="<?=$this->imageLink('ajax_loading.gif')?>" /></p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $loadJs, 'SET')?>
</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/PubDateVisAjax.phtml b/themes/foundation5/templates/Recommend/PubDateVisAjax.phtml
index 1968a59d4e0..96b8546ab5c 100644
--- a/themes/foundation5/templates/Recommend/PubDateVisAjax.phtml
+++ b/themes/foundation5/templates/Recommend/PubDateVisAjax.phtml
@@ -11,7 +11,7 @@
<? foreach ($visFacets as $facetField=>$facetRange): ?>
<div class="authorbox">
- <div id="datevis<?=$this->escapeHtml($facetField)?>xWrapper" class="hidden">
+ <div id="datevis<?=$this->escapeHtml($facetField)?>xWrapper" class="hide">
<strong><?=$this->transEsc($facetRange['label']) ?></strong>
<? /* space the flot visualisation */ ?>
<div id="datevis<?=$facetField ?>x" style="margin:0 10px;width:auto;height:80px;cursor:crosshair;"></div>
@@ -19,6 +19,7 @@
</div>
</div>
<? endforeach; ?>
+ <div id="dateVisColorSettings"><!-- do not delete! used for passing CSS to Javascript --></div>
<?
$js = "loadVis('" . $this->recommend->getFacetFields() . "', '"
. $this->recommend->getSearchParams() . "', path, "
diff --git a/themes/foundation5/templates/Recommend/RandomRecommend.phtml b/themes/foundation5/templates/Recommend/RandomRecommend.phtml
index 978c7453075..2f633e98d49 100644
--- a/themes/foundation5/templates/Recommend/RandomRecommend.phtml
+++ b/themes/foundation5/templates/Recommend/RandomRecommend.phtml
@@ -1,66 +1,57 @@
<!-- recommend - RANDOMRECOMMEND.phtml -->
<? $recommend = $this->recommend->getResults();
if (count($recommend) > 0): ?>
- <ul class="accordion list-group random <?= $this->recommend->getDisplayMode() ?>" data-accordion>
- <li class="accordion-navigation list-group-item title">
- <a href="#side-collapse-randomrecommend"><?= $this->transEsc("random_recommendation_title") ?></a>
+ <ul class="accordion random <?= $this->recommend->getDisplayMode() ?>" data-accordion>
+ <li class="accordion-navigation title">
+ <a href="#side-collapse-randomrecommend"><?= $this->transEsc("random_recommendation_title") ?></a>
- <div id="side-collapse-randomrecommend" class="content <? if (!in_array('RandomRecommend', $collapsedFacets)): ?> active<? endif ?>">
- <? foreach ($recommend as $driver): ?>
- <ul>
- <li class="list-group-item">
- <? if ($this->recommend->getDisplayMode() === "images" || $this->recommend->getDisplayMode() === "mixed"): ?>
- <? /* Display thumbnail if appropriate: */ ?>
- <? $smallThumb = $this->record($driver)->getThumbnail('small');
- $mediumThumb = $this->record($driver)->getThumbnail('medium'); ?>
- <? if ($smallThumb): ?>
- <a href="<?= $this->recordLink()->getUrl($driver) ?>"> <img alt="<?= $this->transEsc('Cover Image') ?>" src="<?= $this->escapeHtmlAttr($smallThumb); ?>"/><br/>
- </a>
- <? elseif ($mediumThumb): ?>
- <a href="<?= $this->recordLink()->getUrl($driver) ?>"> <img alt="<?= $this->transEsc('Cover Image') ?>" src="<?= $this->escapeHtmlAttr($mediumThumb); ?>"/><br/>
- </a>
- <? else: ?>
- <img src="<?= $this->url('cover-unavailable') ?>" alt="<?= $this->transEsc('No Cover Image') ?>"/><br/>
- <? endif; ?>
+ <div id="side-collapse-randomrecommend" class="content <? if (!in_array('RandomRecommend', $collapsedFacets)): ?> active<? endif ?>">
+ <? foreach ($recommend as $driver): ?>
+ <ul>
+ <li>
+ <? if ($this->recommend->getDisplayMode() === "images" || $this->recommend->getDisplayMode() === "mixed"): ?>
- <? endif; ?>
+ <? /* Display thumbnail if appropriate: */ ?>
+ <? $smallThumb = $this->record($driver)->getThumbnail('small');
+ $mediumThumb = $this->record($driver)->getThumbnail('medium'); ?>
+ <? if ($smallThumb): ?>
+ <a href="<?= $this->recordLink()->getUrl($driver) ?>"> <img alt="<?= $this->transEsc('Cover Image') ?>" src="<?= $this->escapeHtmlAttr($smallThumb); ?>"/><br/>
+ </a>
+ <? elseif ($mediumThumb): ?>
+ <a href="<?= $this->recordLink()->getUrl($driver) ?>"> <img alt="<?= $this->transEsc('Cover Image') ?>" src="<?= $this->escapeHtmlAttr($mediumThumb); ?>"/><br/>
+ </a>
+ <? else: ?>
+ <img src="<?= $this->url('cover-unavailable') ?>" alt="<?= $this->transEsc('No Cover Image') ?>"/><br/>
+ <? endif; ?>
- <? $formats = $driver->getFormats();
- $format = isset($formats[0]) ? $formats[0] : ''; ?>
- <a href="<?= $this->recordLink()->getUrl($driver) ?>" class="title <?= $this->record($driver)->getFormatClass($format) ?> clearfix">
- <?
- $summHighlightedTitle = $driver->getHighlightedTitle();
- $summTitle = $driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?>
- <? $summAuthor = $driver->getPrimaryAuthor(); ?>
- <span class="small<? if (!empty($summAuthor)): ?> pull-right<? endif; ?>">
- <? $summDate = $driver->getPublicationDates(); ?>
- <? if (!empty($summDate)): ?>
- <?= $this->transEsc('Published') ?>
- : (
- <?= $this->escapeHtml($summDate[0]) ?>
- )
- <? endif; ?>
- </span>
- </a>
- <? if (!empty($summAuthor)): ?>
- <a class="small text-right" href="<?= $this->record($driver)->getLink('author', $summAuthor) ?>">
- <span><?= $this->transEsc('By') ?></span>
- <?= $this->escapeHtml($summAuthor) ?>
- </a>
- <? endif; ?>
- </li>
- </ul>
- <? endforeach; ?>
- </div>
- <li>
- </ul>
+ <? endif; ?>
+
+ <? $formats = $driver->getFormats();
+ $format = isset($formats[0]) ? $formats[0] : ''; ?>
+ <a href="<?= $this->recordLink()->getUrl($driver) ?>" class="title <?= $this->record($driver)->getFormatClass($format) ?> clearfix">
+ <?=$this->record($driver)->getTitleHtml()?>
+ <? $summAuthor = $driver->getPrimaryAuthor(); ?>
+ <span class="small<? if (!empty($summAuthor)): ?> pull-right<? endif; ?>">
+ <? $summDate = $driver->getPublicationDates(); ?>
+ <? if (!empty($summDate)): ?>
+ <?= $this->transEsc('Published') ?>
+ : (
+ <?= $this->escapeHtml($summDate[0]) ?>
+ )
+ <? endif; ?>
+ </span>
+ </a>
+ <? if (!empty($summAuthor)): ?>
+ <a class="small text-right" href="<?= $this->record($driver)->getLink('author', $summAuthor) ?>">
+ <span><?= $this->transEsc('By') ?></span>
+ <?= $this->escapeHtml($summAuthor) ?>
+ </a>
+ <? endif; ?>
+ </li>
+ </ul>
+ <? endforeach; ?>
+ </div>
+ <li>
+ </ul>
<? endif; ?>
<!-- recommend - RANDOMRECOMMED.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/ResultGoogleMapAjax.phtml b/themes/foundation5/templates/Recommend/ResultGoogleMapAjax.phtml
index 52ad46a4807..4963e5c2845 100644
--- a/themes/foundation5/templates/Recommend/ResultGoogleMapAjax.phtml
+++ b/themes/foundation5/templates/Recommend/ResultGoogleMapAjax.phtml
@@ -45,7 +45,7 @@ ClusterIcon.prototype.onAdd = function () {
this.div_ = document.createElement("div");
this.div_.className = "clusterDiv";
if (this.visible_) {
- this.removeClass('hidden');
+ this.removeClass('hide');
}
this.getPanes().overlayMouseTarget.appendChild(this.div_);
diff --git a/themes/foundation5/templates/Recommend/SideFacets.phtml b/themes/foundation5/templates/Recommend/SideFacets.phtml
index f0d3f4448fe..640566138ea 100644
--- a/themes/foundation5/templates/Recommend/SideFacets.phtml
+++ b/themes/foundation5/templates/Recommend/SideFacets.phtml
@@ -1,104 +1,113 @@
<!-- recommend - SIDEFACETS.phtml -->
<? $results = $this->recommend->getResults(); ?>
<? if ($results->getResultTotal() > 0): ?>
- <h4><?=$this->transEsc(isset($this->overrideSideFacetCaption) ? $this->overrideSideFacetCaption : 'Narrow Search')?></h4>
+ <h4><?= $this->transEsc(isset($this->overrideSideFacetCaption) ? $this->overrideSideFacetCaption : 'Narrow Search') ?></h4>
<? endif; ?>
-<? $checkboxFilters = $results->getParams()->getCheckboxFacets(); if (count($checkboxFilters) > 0): ?>
-<?
+<? $checkboxFilters = $results->getParams()->getCheckboxFacets();
+if (count($checkboxFilters) > 0): ?>
+ <?
$html = '';
$shown = 0;
foreach ($checkboxFilters as $current) {
$html .= '<label class="checkbox';
- if($results->getResultTotal() < 1 && !$current['selected'] && !$current['alwaysVisible']) {
- $html .= ' hidden';
+ if ($results->getResultTotal() < 1 && !$current['selected'] && !$current['alwaysVisible']) {
+ $html .= ' hide';
} else {
- $shown ++;
+ $shown++;
}
- $html .= '"><input type="checkbox" name="filter[]" value="'.$this->escapeHtmlAttr($current['filter']).'"
- '. ($current['selected'] ? 'checked="checked"' : '') .' id="'.$this->escapeHtmlAttr(str_replace(' ', '', $current['desc'])).'"
- onclick="document.location.href=\''.($current['selected'] ? $results->getUrlQuery()->removeFilter($current['filter']) : $results->getUrlQuery()->addFilter($current['filter'])).'\';" />'.$this->transEsc($current['desc']).'</label>';
+ $html .= '"><input type="checkbox" name="filter[]" value="' . $this->escapeHtmlAttr($current['filter']) . '"
+ ' . ($current['selected'] ? 'checked="checked"' : '') . ' id="' . $this->escapeHtmlAttr(str_replace(' ', '', $current['desc'])) . '"
+ onclick="document.location.href=\'' . ($current['selected'] ? $results->getUrlQuery()->removeFilter($current['filter']) : $results->getUrlQuery()->addFilter($current['filter'])) . '\';" />' . $this->transEsc($current['desc']) . '</label>';
}
-?>
- <div class="checkboxFilter<?if($shown == 0):?> hidden<? endif; ?>"><?=$html ?></div>
+ ?>
+ <div class="checkboxFilter<? if ($shown == 0): ?> hide<? endif; ?>"><?= $html ?></div>
<? endif; ?>
<? $extraFilters = isset($this->extraSideFacetFilters) ? $this->extraSideFacetFilters : array(); ?>
<? $collapsedFacets = $this->recommend->getCollapsedFacets() ?>
<? $hierarchicalFacetSortOptions = $this->recommend->getHierarchicalFacetSortOptions() ?>
<? $hierarchicalFacets = $this->recommend->getHierarchicalFacets() ?>
-<? $filterList = array_merge($results->getParams()->getFilterList(true), $extraFilters); if (!empty($filterList)): ?>
- <div class="list-group filters">
- <div class="list-group-item title"><?=$this->transEsc('Remove Filters')?></div>
- <? foreach ($filterList as $field => $filters): ?>
- <? foreach ($filters as $i => $filter): ?>
- <?
+<? $filterList = array_merge($results->getParams()->getFilterList(true), $extraFilters);
+if (!empty($filterList)): ?>
+ <div class="filters">
+ <div class="title"><?= $this->transEsc('Remove Filters') ?></div>
+ <ul class="side-nav" role="navigation">
+ <? foreach ($filterList as $field => $filters): ?>
+ <? foreach ($filters as $i => $filter): ?>
+ <?
$index = isset($filter['field']) ? array_search($filter['field'], $collapsedFacets) : false;
if ($index !== false) {
- unset($collapsedFacets[$index]); // Open if we have a match
+ unset($collapsedFacets[$index]); // Open if we have a match
}
if (isset($filter['specialType']) && $filter['specialType'] == 'keyword') {
- $removeLink = $this->currentPath().$results->getUrlQuery()->replaceTerm($filter['value'], '');
+ $removeLink = $this->currentPath() . $results->getUrlQuery()->replaceTerm($filter['value'], '');
} else {
- $removeLink = $this->currentPath().$results->getUrlQuery()->removeFacet($filter['field'], $filter['value'], true, $filter['operator']);
+ $removeLink = $this->currentPath() . $results->getUrlQuery()->removeFacet($filter['field'], $filter['value'], true, $filter['operator']);
}
if ($filter['displayText'] == '[* TO *]') {
$filter['displayText'] = $this->translate('filter_wildcard');
}
- ?>
- <a class="list-group-item active" href="<?=$removeLink?>">
- <span class="pull-right"><i class="fa fa-times"></i></span>
- <? if ($filter['operator'] == 'NOT') echo $this->transEsc('NOT') . ' '; if ($filter['operator'] == 'OR' && $i > 0) echo $this->transEsc('OR') . ' '; ?><?=$this->transEsc($field)?>: <?=$this->escapeHtml($filter['displayText'])?>
- </a>
+ ?>
+ <li>
+ <a class="active" href="<?= $removeLink ?>">
+ <span class="pull-right"><i class="fa fa-times"></i></span>
+ <? if ($filter['operator'] == 'NOT') echo $this->transEsc('NOT') . ' ';
+ if ($filter['operator'] == 'OR' && $i > 0) echo $this->transEsc('OR') . ' '; ?><?= $this->transEsc($field) ?>: <?= $this->escapeHtml($filter['displayText']) ?>
+ </a>
+ </li>
+ <? endforeach; ?>
<? endforeach; ?>
- <? endforeach; ?>
+ </ul>
</div>
<? endif; ?>
<?= isset($this->sideFacetExtraControls) ? $this->sideFacetExtraControls : '' ?>
-<? $sideFacetSet = $this->recommend->getFacetSet(); $rangeFacets = $this->recommend->getAllRangeFacets(); ?>
+<? $sideFacetSet = $this->recommend->getFacetSet();
+$rangeFacets = $this->recommend->getAllRangeFacets(); ?>
<? if (!empty($sideFacetSet) && $results->getResultTotal() > 0): ?>
<? foreach ($sideFacetSet as $title => $cluster): ?>
<? $allowExclude = $this->recommend->excludeAllowed($title); ?>
- <ul class="list-group accordion" id="side-panel-<?=$this->escapeHtmlAttr($title) ?>" data-accordion>
- <li class="list-group-item title accordion-navigation active"><? /*had this in class: if(in_array($title, $collapsedFacets)): ..... active etc as in line 63 - CK */ ?>
- <a class="facet-hdr" href="#side-collapse-<?=$this->escapeHtmlAttr($title) ?>">
- <?=$this->transEsc($cluster['label'])?></a>
- <div id="side-collapse-<?=$this->escapeHtmlAttr($title) ?>" class="content <? if(!in_array($title, $collapsedFacets)): ?> active<? endif ?>">
- <? if (isset($rangeFacets[$title])): ?>
+ <ul class="accordion" id="side-panel-<?= $this->escapeHtmlAttr($title) ?>" data-accordion>
+ <li class="accordion-navigation <? if (!in_array($title, $collapsedFacets)): ?> active<? endif ?>">
+ <a href="#side-collapse-<?= $this->escapeHtmlAttr($title) ?>" class="title"><?= $this->transEsc($cluster['label']) ?></a>
+
+ <div id="side-collapse-<?= $this->escapeHtmlAttr($title) ?>" class="content <? if (!in_array($title, $collapsedFacets)): ?>active<? endif ?>">
+ <? if (isset($rangeFacets[$title])): ?>
<ul class="date-range-slider">
- <li class="list-group-item">
- <form action="" name="<?=$this->escapeHtmlAttr($title)?>Filter" id="<?=$this->escapeHtmlAttr($title)?>Filter">
- <?=$results->getUrlQuery()->asHiddenFields(array('page' => "/./", 'filter' => "/^{$title}:.*/"))?>
- <input type="hidden" name="<?=$this->escapeHtmlAttr($rangeFacets[$title]['type'])?>range[]" value="<?=$this->escapeHtmlAttr($title)?>"/>
- <div class="row">
- <? $extraInputAttribs = ($rangeFacets[$title]['type'] == 'date') ? 'maxlength="4" ' : ''; ?>
- <div class="medium-6 columns">
- <label for="<?=$this->escapeHtmlAttr($title)?>from">
- <?=$this->transEsc('date_from')?>:
- </label>
- <input type="text" class="form-control" name="<?=$this->escapeHtmlAttr($title)?>from" id="<?=$this->escapeHtmlAttr($title)?>from" value="<?=isset($rangeFacets[$title]['values'][0])?$this->escapeHtmlAttr($rangeFacets[$title]['values'][0]):''?>" <?=$extraInputAttribs?>/>
- </div>
- <div class="medium-6 columns">
- <label for="<?=$this->escapeHtmlAttr($title)?>to">
- <?=$this->transEsc('date_to')?>:
- </label>
- <input type="text" class="form-control" name="<?=$this->escapeHtmlAttr($title)?>to" id="<?=$this->escapeHtmlAttr($title)?>to" value="<?=isset($rangeFacets[$title]['values'][1])?$this->escapeHtmlAttr($rangeFacets[$title]['values'][1]):''?>" <?=$extraInputAttribs?>/>
- </div>
- </div>
- <? if ($rangeFacets[$title]['type'] == 'date'): ?>
- <div class="slider-container"><input type="text" class="hidden" id="<?=$this->escapeHtmlAttr($title)?><?=$this->escapeHtml($rangeFacets[$title]['type'])?>Slider"/></div>
- <? endif; ?>
- <input class="button tiny" type="submit" role="button" value="<?=$this->transEsc('Set')?>"/>
- </form>
- </li>
- </ul>
- <? /* ADAPT RANGE SLIDER JS HERE AND REMOVE BootstrapSlider JS and CSS when FNDTN6 is out - FIXME CK */ ?>
- <? if ($rangeFacets[$title]['type'] == 'date'): ?>
- <? $this->headScript()->appendFile('vendor/bootstrap-slider.js'); ?>
- <? $this->headLink()->appendStylesheet('vendor/bootstrap-slider.css'); ?>
- <?
+ <li>
+ <form name="<?= $this->escapeHtmlAttr($title) ?>Filter" id="<?= $this->escapeHtmlAttr($title) ?>Filter">
+ <?= $results->getUrlQuery()->asHiddenFields(array('page' => "/./", 'filter' => "/^{$title}:.*/")) ?>
+ <input type="hidden" name="<?= $this->escapeHtmlAttr($rangeFacets[$title]['type']) ?>range[]" value="<?= $this->escapeHtmlAttr($title) ?>"/>
+ <div class="row">
+ <? $extraInputAttribs = ($rangeFacets[$title]['type'] == 'date') ? 'maxlength="4" ' : ''; ?>
+ <div class="medium-6 columns">
+ <label for="<?= $this->escapeHtmlAttr($title) ?>from">
+ <?= $this->transEsc('date_from') ?>:
+ </label>
+ <input type="text" name="<?= $this->escapeHtmlAttr($title) ?>from" id="<?= $this->escapeHtmlAttr($title) ?>from"
+ value="<?= isset($rangeFacets[$title]['values'][0]) ? $this->escapeHtmlAttr($rangeFacets[$title]['values'][0]) : '' ?>" <?= $extraInputAttribs ?>/>
+ </div>
+ <div class="medium-6 columns">
+ <label for="<?= $this->escapeHtmlAttr($title) ?>to">
+ <?= $this->transEsc('date_to') ?>:
+ </label>
+ <input type="text" name="<?= $this->escapeHtmlAttr($title) ?>to" id="<?= $this->escapeHtmlAttr($title) ?>to"
+ value="<?= isset($rangeFacets[$title]['values'][1]) ? $this->escapeHtmlAttr($rangeFacets[$title]['values'][1]) : '' ?>" <?= $extraInputAttribs ?>/>
+ </div>
+ </div>
+ <? if ($rangeFacets[$title]['type'] == 'date'): ?>
+ <div class="slider-container"><input type="text" class="hide" id="<?= $this->escapeHtmlAttr($title) ?><?= $this->escapeHtml($rangeFacets[$title]['type']) ?>Slider"/></div>
+ <? endif; ?>
+ <input class="button tiny" type="submit" role="button" value="<?= $this->transEsc('Set') ?>"/>
+ </form>
+ <? /* NO closing UL and LI here! - is closed below */ ?>
+ <? /* ADAPT RANGE SLIDER JS HERE AND REMOVE BootstrapSlider JS and CSS when FNDTN6 is out - FIXME CK */ ?>
+ <? if ($rangeFacets[$title]['type'] == 'date'): ?>
+ <? $this->headScript()->appendFile('vendor/bootstrap-slider.js'); ?>
+ <? $this->headLink()->appendStylesheet('vendor/bootstrap-slider.css'); ?>
+ <?
$min = !empty($rangeFacets[$title]['values'][0]) ? min($rangeFacets[$title]['values'][0], 1400) : 1400;
- $future = date('Y', time()+31536000);
+ $future = date('Y', time() + 31536000);
$max = !empty($rangeFacets[$title]['values'][1]) ? max($future, $rangeFacets[$title]['values'][1]) : $future;
- $low = !empty($rangeFacets[$title]['values'][0]) ? $rangeFacets[$title]['values'][0] : $min;
+ $low = !empty($rangeFacets[$title]['values'][0]) ? $rangeFacets[$title]['values'][0] : $min;
$high = !empty($rangeFacets[$title]['values'][1]) ? $rangeFacets[$title]['values'][1] : $max;
$script = <<<JS
$(document).ready(function() {
@@ -119,98 +128,104 @@ $(document).ready(function() {
.data('slider');
});
JS;
- ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
- <? endif; ?>
- <? else: ?>
- <? if (in_array($title, $hierarchicalFacets)): ?>
- <? $this->headScript()->appendFile('vendor/jsTree/jstree.min.js'); ?>
- <? $this->headScript()->appendFile('facets.js'); ?>
- <? $sort = isset($hierarchicalFacetSortOptions[$title]) ? $hierarchicalFacetSortOptions[$title] : ''; ?>
- <? if (!in_array($title, $collapsedFacets)): ?>
- <?
- $script = <<<JS
+ ?>
+ <?= $this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
+ <? endif; ?>
+ <? else: ?>
+ <? if (in_array($title, $hierarchicalFacets)): ?>
+ <? $this->headScript()->appendFile('vendor/jsTree/jstree.min.js'); ?>
+ <? $this->headScript()->appendFile('facets.js'); ?>
+ <? $sort = isset($hierarchicalFacetSortOptions[$title]) ? $hierarchicalFacetSortOptions[$title] : ''; ?>
+ <? if (!in_array($title, $collapsedFacets)): ?>
+ <?
+ $script = <<<JS
$(document).ready(function() {
initFacetTree($('#facet_{$this->escapeHtml($title)}'), true);
});
+<? /* Verify necessity of the following JS - fixme CK */ ?>
JS;
- ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
- <? else: ?>
- <?
- $script = <<<JS
-$('#side-collapse-{$this->escapeHtmlAttr($title)}').on('show.bs.collapse', function() {
+ ?>
+ <?= $this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
+ <? else: ?>
+ <?
+ $script = <<<JS
+$('#side-collapse-{$this->escapeHtmlAttr($title)}').on('show.fndtn.accordion', function() {
initFacetTree($('#facet_{$this->escapeHtml($title)}'), true);
});
JS;
- ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
- <? endif; ?>
- <li id="facet_<?=$this->escapeHtml($title)?>" class="jstree-facet"
- data-facet="<?=$this->escapeHtmlAttr($title)?>"
- data-path="<?=$this->currentPath()?>"
- data-exclude="<?=$allowExclude?>"
- data-operator="<?=$this->recommend->getFacetOperator($title)?>"
- data-exclude-title="<?=$this->transEsc('exclude_facet')?>"
- data-sort="<?=isset($hierarchicalFacetSortOptions[$title]) ? $hierarchicalFacetSortOptions[$title] : ''?>">
- </li>
- <noscript>
- <? endif; ?>
- <? foreach ($cluster['list'] as $i=>$thisFacet): ?>
- <?
- if(strlen($thisFacet['displayText']) == 0) {
- $thisFacet['displayText'] = "-";
- }
- ?>
- <? $moreClass = 'narrowGroupHidden-'.$this->escapeHtmlAttr($title).' hidden'; ?>
- <? if ($i == 6): ?>
- <a id="more-narrowGroupHidden-<?=$this->escapeHtmlAttr($title)?>" class="list-group-item" href="javascript:moreFacets('narrowGroupHidden-<?=$title ?>')"><?=$this->transEsc('more')?> ...</a>
- <? endif; ?>
- <? if ($thisFacet['isApplied']): ?>
- <a class="list-group-item active<? if ($i>5): ?><?=$moreClass ?><?endif ?><? if ($thisFacet['operator'] == 'OR'): ?> facetOR applied<? endif ?>" href="<?=$this->currentPath().$results->getUrlQuery()->removeFacet($title, $thisFacet['value'], true, $thisFacet['operator']) ?>">
- <? if($thisFacet['operator'] == 'OR'): ?>
- <i class="fa fa-check-square-o"></i>
- <? else: ?>
- <span class="pull-right"><i class="fa fa-check"></i></span>
- <? endif; ?>
- <?=$this->escapeHtml($thisFacet['displayText'])?>
- </a>
- <? else: ?>
- <? $addURL = $this->currentPath().$results->getUrlQuery()->addFacet($title, $thisFacet['value'], $thisFacet['operator']); ?>
- <? if ($allowExclude): ?>
- <li class="list-group-item facet<?=$thisFacet['operator'] ?><? if ($i>5): ?> <?=$moreClass ?><?endif ?>">
- <? else: ?>
- <a href="<?=$addURL ?>" class="list-group-item facet<?=$thisFacet['operator'] ?><? if ($i>5): ?> <?=$moreClass ?><?endif ?>">
+ ?>
+ <?= $this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
+ <? endif; ?>
+ <li id="facet_<?= $this->escapeHtml($title) ?>" class="jstree-facet"
+ data-facet="<?= $this->escapeHtmlAttr($title) ?>"
+ data-path="<?= $this->currentPath() ?>"
+ data-exclude="<?= $allowExclude ?>"
+ data-operator="<?= $this->recommend->getFacetOperator($title) ?>"
+ data-exclude-title="<?= $this->transEsc('exclude_facet') ?>"
+ data-sort="<?= isset($hierarchicalFacetSortOptions[$title]) ? $hierarchicalFacetSortOptions[$title] : '' ?>">
+ </li>
+
+ <noscript>
<? endif; ?>
- <span class="badge">
- <?=$this->localizedNumber($thisFacet['count'])?>
- <? if ($allowExclude): ?>
- <a href="<?=$this->currentPath().$results->getUrlQuery()->addFacet($title, $thisFacet['value'], 'NOT') ?>" title="<?=$this->transEsc('exclude_facet') ?>"><i class="fa fa-times"></i></a>
+ <ul class="side-nav" role="navigation">
+ <? foreach ($cluster['list'] as $i => $thisFacet): ?>
+ <?
+ if (strlen($thisFacet['displayText']) == 0) {
+ $thisFacet['displayText'] = "-";
+ }
+ ?>
+ <? $moreClass = 'narrowGroupHidden-' . $this->escapeHtmlAttr($title) . ' hide'; ?>
+ <? if ($i == 6): ?>
+ <li id="more-narrowGroupHidden-<?= $this->escapeHtmlAttr($title) ?>"><a href="javascript:moreFacets('narrowGroupHidden-<?= $title ?>')"><?= $this->transEsc('more') ?> ...</a>
+ </li>
+ <? endif; ?>
+ <? if ($thisFacet['isApplied']): ?>
+ <li<? if ($i > 5): ?> class="<?= $moreClass ?>"<? endif ?>>
+ <a class="active<? if ($thisFacet['operator'] == 'OR'): ?> facetOR applied<? endif ?>"
+ href="<?= $this->currentPath() . $results->getUrlQuery()->removeFacet($title, $thisFacet['value'], true, $thisFacet['operator']) ?>">
+ <? if ($thisFacet['operator'] == 'OR'): ?>
+ <i class="fa fa-check-square-o"></i>
+ <? else: ?>
+ <span class="pull-right"><i class="fa fa-check"></i></span>
+ <? endif; ?>
+ <?= $this->escapeHtml($thisFacet['displayText']) ?>
+ </a>
+ </li>
+ <? else: ?>
+ <? $addURL = $this->currentPath() . $results->getUrlQuery()->addFacet($title, $thisFacet['value'], $thisFacet['operator']); ?>
+ <? if ($allowExclude): ?>
+ <li class="facet<?= $thisFacet['operator'] ?><? if ($i > 5): ?> <?= $moreClass ?><? endif ?>">
+ <? else: ?>
+ <li<? if ($i > 5): ?> class="<?= $moreClass ?>"<? endif ?>><a href="<?= $addURL ?>" class="facet<?= $thisFacet['operator'] ?>">
+ <? endif; ?>
+ <span class="label pull-right">
+ <?= $this->localizedNumber($thisFacet['count']) ?>
+ <? if ($allowExclude): ?>
+ <a href="<?= $this->currentPath() . $results->getUrlQuery()->addFacet($title, $thisFacet['value'], 'NOT') ?>" title="<?= $this->transEsc('exclude_facet') ?>"><i
+ class="fa fa-times"></i></a>
+ <? endif; ?>
+ </span>
+ <? if ($allowExclude): ?>
+ <a href="<?= $addURL ?>">
+ <? endif; ?>
+ <? if ($thisFacet['operator'] == 'OR'): ?>
+ <i class="fa fa-square-o"></i>
+ <? endif; ?>
+ <?= $this->escapeHtml($thisFacet['displayText']) ?>
+ </a>
+ </li>
+ <? endif; ?>
+ <? endforeach; ?>
+ <? if ($i > 5): ?>
+ <li class="<?= $moreClass ?>"><a href="javascript:lessFacets('narrowGroupHidden-<?= $title ?>')"><?= $this->transEsc('less') ?> ...</a></li><? endif; ?>
<? endif; ?>
- </span>
- <? if ($allowExclude): ?>
- <a href="<?=$addURL ?>">
- <? endif; ?>
- <? if($thisFacet['operator'] == 'OR'): ?>
- <i class="fa fa-square-o"></i>
- <? endif; ?>
- <?=$this->escapeHtml($thisFacet['displayText'])?>
- <? if ($allowExclude): ?>
- </a>
- </li>
- <? else: ?>
- </a>
- <? endif; ?>
- <? endif; ?>
- <? endforeach; ?>
- <? if ($i > 5): ?><a class="list-group-item <?=$moreClass ?>" href="javascript:lessFacets('narrowGroupHidden-<?=$title ?>')"><?=$this->transEsc('less')?> ...</a><? endif; ?>
- <? endif; ?>
- <? if (in_array($title, $hierarchicalFacets)): ?>
+ </ul><? /* /side-nav */ ?>
+ <? if (in_array($title, $hierarchicalFacets)): ?>
</noscript>
<? endif; ?>
- </div>
- </li>
- </ul>
+ </div><? /* / #side-collapse-... */ ?>
+ </li><? /* / .accordion navigation */ ?>
+ </ul><? /* / accordion */ ?>
<? endforeach; ?>
<? endif; ?>
-<!-- recommend - SIDEFACETS.phtml -->
\ No newline at end of file
+<!-- recommend - SIDEFACETS.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/SummonBestBetsDeferred.phtml b/themes/foundation5/templates/Recommend/SummonBestBetsDeferred.phtml
index 4a009cc5403..568b2a57ed3 100644
--- a/themes/foundation5/templates/Recommend/SummonBestBetsDeferred.phtml
+++ b/themes/foundation5/templates/Recommend/SummonBestBetsDeferred.phtml
@@ -4,6 +4,6 @@
. "\$('#SummonDeferredBestBets').load(url);";
?>
<div id="SummonDeferredBestBets">
- <p><?=$this->transEsc("Loading")?>... <i class="fa fa-spinner"></i></p>
+ <p><?=$this->transEsc("Loading")?> ... <i class="fa fa-spinner"></i></p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $loadJs, 'SET')?>
</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/SummonDatabasesDeferred.phtml b/themes/foundation5/templates/Recommend/SummonDatabasesDeferred.phtml
index b174520d181..36ea51b3947 100644
--- a/themes/foundation5/templates/Recommend/SummonDatabasesDeferred.phtml
+++ b/themes/foundation5/templates/Recommend/SummonDatabasesDeferred.phtml
@@ -4,6 +4,6 @@
. "\$('#SummonDeferredDatabases').load(url);";
?>
<div id="SummonDeferredDatabases">
- <p><?=$this->transEsc("Loading")?>... <i class="fa fa-spinner"></i></p>
+ <p><?=$this->transEsc("Loading")?> ... <i class="fa fa-spinner"></i></p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $loadJs, 'SET')?>
</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/SummonResults.phtml b/themes/foundation5/templates/Recommend/SummonResults.phtml
index e5928e13e69..7795c2f4580 100644
--- a/themes/foundation5/templates/Recommend/SummonResults.phtml
+++ b/themes/foundation5/templates/Recommend/SummonResults.phtml
@@ -1,23 +1,13 @@
<!-- recommend - SUMMONRESULTS.phtml -->
<? $searchObject = $this->recommend->getResults(); $results = $searchObject->getResults(); if (!empty($results)): ?>
<h4><?=$this->transEsc('Summon Results')?></h4>
- <ul class="list-group">
+ <ul class="side-nav">
<? foreach ($results as $driver): ?>
- <li class="list-group-item">
+ <li>
<span>
<? $formats = $driver->getFormats(); $format = isset($formats[0]) ? $formats[0] : ''; ?>
<a href="<?=$this->recordLink()->getUrl($driver)?>" class="title <?=$this->record($driver)->getFormatClass($format)?>">
- <?
- $summHighlightedTitle = $driver->getHighlightedTitle();
- $summTitle = $driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?>
+ <?=$this->record($driver)->getTitleHtml()?>
</a>
<? $summAuthor = $driver->getPrimaryAuthor(); if (!empty($summAuthor)): ?>
<span class="small">
@@ -35,7 +25,9 @@
</span>
</li>
<? endforeach; ?>
- <a class="list-group-item" href="<?=$this->url($searchObject->getOptions()->getSearchAction()) . $searchObject->getUrlQuery()->setLimit($searchObject->getOptions()->getDefaultLimit())?>"><?=$this->transEsc('More Summon results')?>...</a>
+ <li>
+ <a href="<?=$this->url($searchObject->getOptions()->getSearchAction()) . $searchObject->getUrlQuery()->setLimit($searchObject->getOptions()->getDefaultLimit())?>"><?=$this->transEsc('More Summon results')?> ...</a>
+ </li>
</ul>
<? endif ?>
<!-- recommend - SUMMONRESULTS.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/SummonResultsDeferred.phtml b/themes/foundation5/templates/Recommend/SummonResultsDeferred.phtml
index bfd83c93146..56166253d40 100644
--- a/themes/foundation5/templates/Recommend/SummonResultsDeferred.phtml
+++ b/themes/foundation5/templates/Recommend/SummonResultsDeferred.phtml
@@ -5,6 +5,6 @@
?>
<div id="SummonDeferredRecommend">
<h3><?=$this->transEsc("Summon Results")?></h3>
- <p><?=$this->transEsc("Loading")?>... <i class="fa fa-spinner"></i></p>
+ <p><?=$this->transEsc("Loading")?> ... <i class="fa fa-spinner"></i></p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $loadJs, 'SET')?>
</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/Recommend/TopFacets.phtml b/themes/foundation5/templates/Recommend/TopFacets.phtml
index 15cd3fc5cec..a1468743705 100644
--- a/themes/foundation5/templates/Recommend/TopFacets.phtml
+++ b/themes/foundation5/templates/Recommend/TopFacets.phtml
@@ -6,7 +6,7 @@
?>
<? if (isset($topFacetSet)): ?>
<? $row=0; foreach($topFacetSet as $title => $cluster): ?>
- <? $moreClass = ' NarrowGroupHidden_'.$this->escapeHtml($title).' hidden'; ?>
+ <? $moreClass = ' NarrowGroupHidden_'.$this->escapeHtml($title).' hide'; ?>
<? $allowExclude = $this->recommend->excludeAllowed($title); ?>
<strong><?=$this->transEsc($cluster['label'])?></strong><?=$this->transEsc("top_facet_suffix") ?>
<div class="row top-row">
@@ -15,7 +15,7 @@
<? /* More link */ ?>
<? if ($iter == $corner+1): ?>
</div><div id="more-NarrowGroupHidden_<?=$this->escapeHtml($title)?>" class="row top-row">
- <span class="medium-12 columns"><a href="#" onclick="moreFacets('NarrowGroupHidden_<?=$this->escapeHtml($title)?>'); return false;"><?=$this->transEsc('more') ?> ...</a></span>
+ <span class="medium-12 columns"><a href="#" onclick="moreFacets('NarrowGroupHidden_<?=$this->escapeHtml($title)?>'); return false;"><?=$this->transEsc('more') ?> ...</a></span>
</div><div class="row top-row <?=$moreClass ?>">
<? endif; ?>
<? /* Columns */ ?>
@@ -30,7 +30,7 @@
<?=$this->escapeHtml($thisFacet['displayText'])?> <i class="fa fa-check"></i>
</a>
<? else: ?>
- <a href="<?=$this->currentPath().$this->recommend->getResults()->getUrlQuery()->addFacet($title, $thisFacet['value'], $thisFacet['operator'])?>"><?=$this->escapeHtml($thisFacet['displayText'])?></a> <span class="badge"><?=$this->localizedNumber($thisFacet['count']) ?>
+ <a href="<?=$this->currentPath().$results->getUrlQuery()->addFacet($title, $thisFacet['value'], $thisFacet['operator'])?>"><?=$this->escapeHtml($thisFacet['displayText'])?></a> <span class="label"><?=$this->localizedNumber($thisFacet['count']) ?>
<? if ($allowExclude): ?>
<a href="<?=$this->currentPath().$results->getUrlQuery()->addFacet($title, $thisFacet['value'], 'NOT')?>" title="<?=$this->transEsc('exclude_facet')?>"><i class="fa fa-times"></i></a>
<? endif; ?>
@@ -41,7 +41,7 @@
<? if ($iter%$topFacetSettings['cols'] == 0 && $iter > 0): ?></div><div class="row top-row<? if(++$row > $topFacetSettings['rows']) echo $moreClass ?>"><? endif; ?>
<? /* Less link */ ?>
<? if (count($cluster['list']) > $corner && $iter == count($cluster['list'])): ?>
- <a class="medium-12 columns" href="#" onclick="lessFacets('NarrowGroupHidden_<?=$title ?>'); return false;"><?=$this->transEsc('less') ?> ...</a>
+ <a class="medium-12 columns" href="#" onclick="lessFacets('NarrowGroupHidden_<?=$title ?>'); return false;"><?=$this->transEsc('less') ?> ...</a>
<? endif; ?>
<? $iter++; ?>
<? endforeach; ?>
diff --git a/themes/foundation5/templates/Recommend/WebResults.phtml b/themes/foundation5/templates/Recommend/WebResults.phtml
index ad755572c13..d5649c33b9a 100644
--- a/themes/foundation5/templates/Recommend/WebResults.phtml
+++ b/themes/foundation5/templates/Recommend/WebResults.phtml
@@ -3,20 +3,12 @@
<div class="sidegroup">
<h4><?=$this->transEsc('Library Web Search')?></h4>
- <ul class="similar">
+ <ul class="side-nav">
<? foreach ($results as $driver): ?>
<li>
- <a href="<?=$this->escapeHtmlAttr($driver->getUrl())?>" class="title"><?
- $summHighlightedTitle = $driver->getHighlightedTitle();
- $summTitle = $driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></a>
+ <a href="<?=$this->escapeHtmlAttr($driver->getUrl())?>" class="title">
+ <?=$this->record($driver)->getTitleHtml()?>
+ </a>
<? $snippet = $driver->getHighlightedSnippet(); ?>
<? $summary = $driver->getSummary(); ?>
<? if (!empty($snippet)): ?>
diff --git a/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml b/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml
index 934d9b7e483..04a30dd2818 100644
--- a/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml
+++ b/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml
@@ -5,7 +5,7 @@
<? $i = 0; foreach ($worldCatIdentities as $author => $subjects): ?>
<? if (++$i == 4): ?>
<dd id="moreWCIdents"><a href="#" onclick="moreFacets('WCIdents'); return false;"><?=$this->transEsc('more')?> ...</a></dd>
- <span class="hidden" id="narrowGroupHidden_WCIdents">
+ <span class="hide" id="narrowGroupHidden_WCIdents">
<? endif; ?>
<dd>
<a href="<?=$this->url('search-results')?>?lookfor=%22<?=urlencode($author)?>%22&type=Author"><?=$this->escapeHtml($author)?></a>
diff --git a/themes/foundation5/templates/Recommend/WorldCatTerms.phtml b/themes/foundation5/templates/Recommend/WorldCatTerms.phtml
index b846893a21f..f71c9de002b 100644
--- a/themes/foundation5/templates/Recommend/WorldCatTerms.phtml
+++ b/themes/foundation5/templates/Recommend/WorldCatTerms.phtml
@@ -3,7 +3,7 @@
<h4><?=$this->transEsc('Subject Recommendations')?></h4>
<div class="row">
<? $i = 0; foreach ($worldCatTerms as $type => $section): ?>
- <? $moreClass = 'WCTerms'.$this->escapeHtml($type).' hidden'; ?>
+ <? $moreClass = 'WCTerms'.$this->escapeHtml($type).' hide'; ?>
<div class="medium-<?=floor(12/count($worldCatTerms)) ?> columns">
<dl>
<dt><?=$this->transEsc('wcterms_' . $type)?></dt>
diff --git a/themes/foundation5/templates/RecordDriver/AbstractBase/previewlink.phtml b/themes/foundation5/templates/RecordDriver/AbstractBase/previewlink.phtml
index cdc2f821901..083577fd2d0 100644
--- a/themes/foundation5/templates/RecordDriver/AbstractBase/previewlink.phtml
+++ b/themes/foundation5/templates/RecordDriver/AbstractBase/previewlink.phtml
@@ -37,7 +37,7 @@
if ($name) {
$title = $this->transEsc('Preview from') . ' ' . $name;
$html .= '<div class="' . $divClass . '">'
- . '<a title="' . $title . '" class="hidden ' . $linkClass . ' ' . $idClasses . '" target="_blank">'
+ . '<a title="' . $title . '" class="hide ' . $linkClass . ' ' . $idClasses . '" target="_blank">'
. '<img src="' . $icon . '" alt="' . $this->transEsc('Preview') . '" />'
. '</a>'
. '</div>';
diff --git a/themes/foundation5/templates/RecordDriver/EDS/core.phtml b/themes/foundation5/templates/RecordDriver/EDS/core.phtml
index 1280c3a2c3c..6381ae62db4 100644
--- a/themes/foundation5/templates/RecordDriver/EDS/core.phtml
+++ b/themes/foundation5/templates/RecordDriver/EDS/core.phtml
@@ -98,7 +98,7 @@
<?=$this->transEsc('Full text is not displayed to guests')?>
</td>
<td>
- <a class="login" href="<?=$this->url('myresearch-home')?>">
+ <a class="login" href="<?=$this->url('myresearch-home')?>" rel="nofollow">
<strong><?=$this->transEsc('Login for full access')?></strong>
</a>
</td>
diff --git a/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml b/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
index fce63f0b439..37c6f7b0c1f 100644
--- a/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
@@ -84,8 +84,8 @@
$this->jsTranslations()->addStrings(array('qrcode_hide' => 'qrcode_hide', 'qrcode_show' => 'qrcode_show'));
?>
<span class="hide-for-small">
- <i class="fa fa-qrcode"></i> <a href="<?=$this->escapeHtmlAttr($QRCode);?>" class="qrcodeLink"><?=$this->transEsc('qrcode_show')?></a>
- <div class="qrcode hidden">
+ <i class="fa fa-fw fa-qrcode"></i> <a href="<?=$this->escapeHtmlAttr($QRCode);?>" class="qrcodeLink"><?=$this->transEsc('qrcode_show')?></a>
+ <div class="qrcode hide">
<script type="text/template" class="qrCodeImgTag">
<img alt="<?=$this->transEsc('QR Code')?>" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</script>
@@ -95,10 +95,10 @@
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
<? /* Add to favorites */ ?>
- <i class="fa fa-star"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
+ <i class="fa fa-fw fa-star"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
<? /* Saved lists */ ?>
- <div class="savedLists alert-box info hidden" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
+ <div class="savedLists hide alert-box info" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
<strong><?=$this->transEsc("Saved in")?>:</strong>
</div>
<? endif; ?>
@@ -108,7 +108,7 @@
<? foreach ($trees as $hierarchyID => $hierarchyTitle): ?>
<div class="hierarchyTreeLink">
<input type="hidden" value="<?=$this->escapeHtmlAttr($hierarchyID)?>" class="hiddenHierarchyId" />
- <i class="fa fa-sitemap"></i>
+ <i class="fa fa-fw fa-sitemap"></i>
<a class="hierarchyTreeLinkText modal-link" href="<?=$this->recordLink()->getTabUrl($this->driver, 'HierarchyTree')?>?hierarchy=<?=urlencode($hierarchyID)?>#tabnav" title="<?=$this->transEsc('hierarchy_tree')?>">
<?=$this->transEsc('hierarchy_view_context')?><? if (count($trees) > 1): ?>: <?=$this->escapeHtml($hierarchyTitle)?><? endif; ?>
</a>
diff --git a/themes/foundation5/templates/RecordDriver/LibGuides/result-list.phtml b/themes/foundation5/templates/RecordDriver/LibGuides/result-list.phtml
index f099f9e651c..5fac5f77e9e 100644
--- a/themes/foundation5/templates/RecordDriver/LibGuides/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/LibGuides/result-list.phtml
@@ -4,14 +4,9 @@
?>
<div class="listentry small-11 columns">
<div class="resultItemLine1">
- <a href="<?=$this->escapeHtmlAttr($url)?>" class="title"><?
- $summTitle = $this->driver->getTitle();
- if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></a>
+ <a href="<?=$this->escapeHtmlAttr($url)?>" class="title">
+ <?=$this->record($this->driver)->getTitleHtml()?>
+ </a>
</div>
</div>
<!-- recordDriver - libguides - RESULT-LIST.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml b/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
index eb813576003..12a0daec2d8 100644
--- a/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
@@ -11,17 +11,9 @@
</div>
<div class="small-9 medium-10 middle">
<div>
- <b><?
- $summHighlightedTitle = $this->driver->getHighlightedTitle();
- $summTitle = $this->driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></b>
+ <b>
+ <?=$this->record($this->driver)->getTitleHtml()?>
+ </b>
</div>
<div>
@@ -58,14 +50,14 @@
</div>
<div>
- <div class="callnumAndLocation ajax-availability hidden">
+ <div class="callnumAndLocation ajax-availability hide">
<? if ($this->driver->supportsAjaxStatus()): ?>
<strong class="hideIfDetailed"><?=$this->transEsc('Call Number')?>:</strong>
- <span class="callnumber ajax-availability hidden">
+ <span class="callnumber ajax-availability hide">
<?=$this->transEsc('Loading')?> ...
</span><br class="hideIfDetailed"/>
<strong><?=$this->transEsc('Located')?>:</strong>
- <span class="location ajax-availability hidden">
+ <span class="location ajax-availability hide">
<?=$this->transEsc('Loading')?> ...
</span>
<div class="locationDetails"></div>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/collection-info.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/collection-info.phtml
index 32397fc15bf..5cbc68f09a2 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/collection-info.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/collection-info.phtml
@@ -32,11 +32,11 @@
<? endif; ?>
<? /* Display the lists that this record is saved to */ ?>
- <div class="savedLists hidden alert-box info" id="savedLists" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
+ <div class="savedLists hide alert-box info" id="savedLists" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
<strong><?=$this->transEsc("Saved in")?>:</strong>
</div>
- <a id="moreInfoToggle" href="#" class="hidden"><?=$this->transEsc('more_info_toggle')?></a>
+ <a id="moreInfoToggle" href="#" class="hide"><?=$this->transEsc('more_info_toggle')?></a>
<?/* Display Main Details */?>
<table id="collectionInfo" class="table" summary="<?=$this->transEsc('Bibliographic Details')?>">
<? $authors = $this->driver->getDeduplicatedAuthors(); ?>
@@ -141,7 +141,7 @@
<? $i = 0; foreach ($field as $subfield): ?>
<?=($i++ == 0) ? '' : ' > '?>
<? $subject = trim($subject . ' ' . $subfield); ?>
- <a title="<?=$this->escapeHtmlAttr($subject)?>" href="<?=$this->record($this->driver)->getLink('subject', $subject)?>" class="subjectHeading"><?=$this->escapeHtml($subfield)?></a>
+ <a title="<?=$this->escapeHtmlAttr($subject)?>" href="<?=$this->record($this->driver)->getLink('subject', $subject)?>" class="subjectHeading" rel="nofollow"><?=$this->escapeHtml($subfield)?></a>
<? endforeach; ?>
</div>
<? endforeach; ?>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
index f999084b884..2e516bcc397 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
@@ -1,8 +1,16 @@
<!-- recordDriver - solrDefault - CORE.phtml -->
+<?
+if($loggedin = $this->auth()->isLoggedIn()) {
+ $user_id = $loggedin->id;
+ $loggedin = true;
+} else {
+ $user_id = false;
+}
+?>
<div class="row" vocab="http://schema.org/" resource="#record" typeof="<?=$this->driver->getSchemaOrgFormats()?> Product">
<div class="medium-3 columns bookimgs">
- <!-- div class="text-center" --> <!-- deactivated, CK - reactivate to centre images -->
- <ul class="clearing-thumbs" data-clearing><!-- added clearing lightbox for images, CK, to remove, also remove data-caption+content in img links -->
+ <? /* div class="text-center" --> <!-- deactivated, CK - reactivate to centre images */ ?>
+ <ul class="clearing-thumbs" data-clearing><? /* added clearing lightbox for images, CK, to remove, also remove data-caption+content in img links */ ?>
<li>
<? /* Display thumbnail if appropriate: */ ?>
<? $mediumThumb = $this->record($this->driver)->getThumbnail('medium'); $largeThumb = $this->record($this->driver)->getThumbnail('large'); ?>
@@ -14,15 +22,17 @@
<img src="<?=$this->url('cover-unavailable')?>" class="recordcover" alt="<?=$this->transEsc('No Cover Image')?>" data-caption="<?=$this->transEsc('No Cover Image')?>"/>
<? endif; ?>
</li>
+ </ul>
+ <ul class="clearing-thumbs" data-clearing>
<li>
<? /* Display qrcode if appropriate: */ ?>
<? $QRCode = $this->record($this->driver)->getQRCode("core"); ?>
<? if($QRCode): ?>
<span class="hide-for-small">
- <br/><img alt="<?=$this->transEsc('QR Code')?>" data-caption="<?=$this->transEsc('QR Code')?>" class="qrcode" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
+ <img alt="<?=$this->transEsc('QR Code')?>" class="qrcode" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</span>
<? endif; ?>
- <!-- /div --> <!-- deactivated, CK - reactivate to centre image -->
+ <? /* /div> <!-- deactivated, CK - reactivate to centre image */ ?>
</li>
</ul>
<? // if you have a preview tab but want to move or remove the preview link
@@ -46,13 +56,13 @@
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
<? /* Display the lists that this record is saved to */ ?>
- <div class="savedLists hidden alert-box info" id="savedLists" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
+ <div class="savedLists hide alert-box info" id="savedLists" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
<strong><?=$this->transEsc("Saved in")?>:</strong>
</div>
<? endif; ?>
<?/* Display Main Details */?>
- <table class="table" summary="<?=$this->transEsc('Bibliographic Details')?>">
+ <table class="table" width="100%" summary="<?=$this->transEsc('Bibliographic Details')?>">
<? $journalTitle = $this->driver->getContainerTitle(); if (!empty($journalTitle)): ?>
<tr>
<th><?=$this->transEsc('Published in')?>:</th>
@@ -190,7 +200,7 @@
<? $i = 0; foreach ($field as $subfield): ?>
<?=($i++ == 0) ? '' : ' > '?>
<? $subject = trim($subject . ' ' . $subfield); ?>
- <a class="backlink" title="<?=$this->escapeHtmlAttr($subject)?>" href="<?=$this->record($this->driver)->getLink('subject', $subject)?>"><?=trim($this->escapeHtml($subfield))?></a>
+ <a class="backlink" title="<?=$this->escapeHtmlAttr($subject)?>" href="<?=$this->record($this->driver)->getLink('subject', $subject)?>" rel="nofollow"><?=trim($this->escapeHtml($subfield))?></a>
<? endforeach; ?>
</div>
<? endforeach; ?>
@@ -247,20 +257,14 @@
<? endif; ?>
<? if ($this->usertags()->getMode() !== 'disabled'): ?>
- <? $tagList = $this->driver->getTags(); ?>
+ <? $tagList = $this->driver->getTags(null, null, 'count', $user_id); ?>
<tr>
<th><?=$this->transEsc('Tags')?>: </th>
<td>
<span class="pull-right hide-for-print">
- <i class="fa fa-plus"></i> <a id="tagRecord" class="modal-link" href="<?=$this->recordLink()->getActionUrl($this->driver, 'AddTag')?>" title="<?=$this->transEsc('Add Tag')?>"><?=$this->transEsc('Add Tag')?></a>
+ <a id="tagRecord" class="modal-link" href="<?=$this->recordLink()->getActionUrl($this->driver, 'AddTag')?>" title="<?=$this->transEsc('Add Tag')?>"><i class="fa fa-plus"></i><?=$this->transEsc('Add Tag')?></a>
</span>
- <div id="tagList">
- <? if (count($tagList) > 0): ?>
- <? $i = 0; foreach ($tagList as $tag): ?><?=($i++ == 0)?'':', '?><a href="<?=$this->url('tag-home')?>?lookfor=<?=urlencode($tag->tag)?>"><?=$this->escapeHtml($tag->tag)?></a> (<?=$this->escapeHtml($tag->cnt)?>)<? endforeach; ?>
- <? else: ?>
- <?=$this->transEsc('No Tags')?>, <?=$this->transEsc('Be the first to tag this record')?>!
- <? endif; ?>
- </div>
+ <?=$this->context($this)->renderInContext('record/taglist', array('tagList'=>$tagList, 'loggedin'=>$loggedin)) ?>
</td>
</tr>
<? endif; ?>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
index 48f63d3a453..b331ea8827c 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
@@ -26,17 +26,8 @@
<div class="small-6 columns middle">
<div class="resultItemLine1">
<a href="<?=$this->recordLink()->getUrl($this->driver)?>">
- <?
- $summHighlightedTitle = $this->driver->getHighlightedTitle();
- $summTitle = $this->driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></a>
+ <?=$this->record($this->driver)->getTitleHtml()?>
+ </a>
</div>
<div class="resultItemLine2">
@@ -83,13 +74,15 @@
} ?>
<? $listTags = ($this->usertags()->getMode() !== 'disabled') ? $this->driver->getTags(
- $list_id, // get tags for all lists if no single list is selected
+ null === $list_id ? true : $list_id, // get tags for all lists if no single list is selected
$user_id, 'tag'
) : array();
?>
<? if (count($listTags) > 0): ?>
<strong><?=$this->transEsc('Your Tags')?>:</strong>
- <? $i = 0; foreach ($listTags as $tag): ?><?=($i++ == 0)?'':', '?><a href="<?=$this->currentPath() . $results->getUrlQuery()->addFacet('tags', $tag->tag)?>"><?=$this->escapeHtml($tag->tag)?></a><? endforeach; ?>
+ <? foreach ($listTags as $tag): ?>
+ <a href="<?=$this->currentPath() . $results->getUrlQuery()->addFacet('tags', $tag->tag)?>"><?=$this->escapeHtml($tag->tag)?></a>
+ <? endforeach; ?>
<br/>
<? endif; ?>
<? $listNotes = $this->driver->getListNotes($list_id, $user_id); ?>
@@ -111,14 +104,14 @@
<div class="callnumAndLocation">
<? if ($this->driver->supportsAjaxStatus()): ?>
<strong class="hideIfDetailed"><?=$this->transEsc('Call Number')?>:</strong>
- <span class="callnumber ajax-availability hidden">
+ <span class="callnumber ajax-availability hide">
<?=$this->transEsc('Loading')?> ...
</span><br class="hideIfDetailed"/>
<strong><?=$this->transEsc('Located')?>:</strong>
- <span class="location ajax-availability hidden">
+ <span class="location ajax-availability hide">
<?=$this->transEsc('Loading')?> ...
</span>
- <div class="locationDetails hidden"></div>
+ <div class="locationDetails hide"></div>
<? else: ?>
<? $summCallNo = $this->driver->getCallNumber(); if (!empty($summCallNo)): ?>
<strong><?=$this->transEsc('Call Number')?>:</strong> <?=$this->escapeHtml($summCallNo)?>
@@ -149,7 +142,8 @@
<? if (!is_array($urls)) { $urls = array(); }
if(!$this->driver->isCollection()):
foreach ($urls as $current): ?>
- <a href="<?=$this->escapeHtmlAttr($this->proxyUrl($current['url']))?>" class="fulltext" target="new"><i class="fa fa-external-link"></i> <?=($current['url'] == $current['desc']) ? $this->transEsc('Get full text') : $this->escapeHtml($current['desc'])?></a><br/>
+ <a href="<?=$this->escapeHtmlAttr($this->proxyUrl($current['url']))?>" class="fulltext" target="new"><i class="fa fa-external-link"></i> <?=($current['url'] == $current['desc']) ? $this->transEsc('Get full text') : $this->escapeHtml($current['desc'])?></a>
+ <br/>
<? endforeach; ?>
<? endif; ?>
<? endif; ?>
@@ -157,7 +151,7 @@
<?=str_replace('class="', 'class="label info ', $this->record($this->driver)->getFormatList())?>
<? if (!$openUrlActive && empty($urls) && $this->driver->supportsAjaxStatus()): ?>
- <span class="status ajax-availability hidden"><?=$this->transEsc('Loading')?> ...</span>
+ <span class="status ajax-availability hide"><?=$this->transEsc('Loading')?> ...</span>
<br/><br/>
<? endif; ?>
<?=$this->record($this->driver)->getPreviews()?>
@@ -165,9 +159,10 @@
</div>
<div class="small-2 columns right hide-for-print">
- <i class="fa fa-edit"></i> <a href="<?=$this->url('myresearch-edit')?>?id=<?=urlencode($id)?>&source=<?=urlencode($source)?><? if (!is_null($list_id)):?>&list_id=<?=urlencode($list_id)?><? endif; ?>" class="edit tool"><?=$this->transEsc('Edit')?></a><br/>
+ <i class="fa fa-fw fa-edit"></i> <a href="<?=$this->url('myresearch-edit')?>?id=<?=urlencode($id)?>&source=<?=urlencode($source)?><? if (!is_null($list_id)):?>&list_id=<?=urlencode($list_id)?><? endif; ?>" class="edit tool"><?=$this->transEsc('Edit')?></a><br/>
+ <? /* How can I turn this into a modal link - fixme - CK */ ?>
<? /* Use a different delete URL if we're removing from a specific list or the overall favorites: */
- $deleteUrl = is_null($list_id)
+ $deleteUrl = null === $list_id
? $this->url('myresearch-favorites')
: $this->url('userList', array('id' => $list_id));
$deleteUrlGet = $deleteUrl . '?delete=' . urlencode($id) . '&source=' . urlencode($source);
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
index ff1010bb0cd..42529aa09ac 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
@@ -28,21 +28,13 @@ $urls = $this->record($this->driver)->getLinkDetails();
</div>
<? if (!$openUrlActive && empty($urls)): ?>
<? if ($this->driver->supportsAjaxStatus()): ?>
- <div class="status ajax-availability hidden text-center"><span class="label secondary"><?=$this->transEsc('Loading')?> ...</span></div>
+ <div class="status ajax-availability hide text-center"><span class="label secondary"><?=$this->transEsc('Loading')?> ...</span></div>
<? endif; ?>
<? endif; ?>
<div>
- <a class="title" href="<?=$this->recordLink()->getUrl($this->driver)?>"><?
- $summHighlightedTitle = $this->driver->getHighlightedTitle();
- $summTitle = $this->driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 80));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></a>
+ <a class="title" href="<?=$this->recordLink()->getUrl($this->driver)?>">
+ <?=$this->record($this->driver)->getTitleHtml(80)?>
+ </a>
<? if ($openUrlActive || !empty($urls)): ?>
<br/><br/>
<? if ($openUrlActive): ?>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
index 3acc8e5ec13..12e31af34a6 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
@@ -1,199 +1,189 @@
<!-- recordDriver - solrDefault - RESULT-LIST.phtml -->
<div class="<?=$this->driver->supportsAjaxStatus()?'ajaxItem ':''?>small-11 columns">
- <div class="row">
- <div class="small-3 medium-2 columns left">
- <input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueID())?>" class="hiddenId" />
- <input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" class="hiddenSource" />
- <a href="<?=$this->recordLink()->getUrl($this->driver)?>" class="cover">
- <? if ($summThumb = $this->record($this->driver)->getThumbnail()): ?>
- <img class="recordcover" src="<?=$this->escapeHtmlAttr($summThumb)?>" alt="<?=$this->transEsc('Cover Image')?>"/>
- <? else: ?>
- <img class="recordcover" src="<?=$this->url('cover-unavailable')?>" alt="<?=$this->transEsc('No Cover Image')?>"/>
- <? endif; ?>
- </a>
- </div>
- <div class="small-6 medium-7 columns middle">
- <div>
- <a href="<?=$this->recordLink()->getUrl($this->driver)?>" class="title">
- <?
- $summHighlightedTitle = $this->driver->getHighlightedTitle();
- $summTitle = $this->driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?>
- </a>
- </div>
- <div>
- <? if($this->driver->isCollection()): ?>
+ <div class="row">
+ <div class="small-3 medium-2 columns left">
+ <input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueID())?>" class="hiddenId" />
+ <input type="hidden" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" class="hiddenSource" />
+ <a href="<?=$this->recordLink()->getUrl($this->driver)?>" class="cover">
+ <? if ($summThumb = $this->record($this->driver)->getThumbnail()): ?>
+ <img class="recordcover" src="<?=$this->escapeHtmlAttr($summThumb)?>" alt="<?=$this->transEsc('Cover Image')?>"/>
+ <? else: ?>
+ <img class="recordcover" src="<?=$this->url('cover-unavailable')?>" alt="<?=$this->transEsc('No Cover Image')?>"/>
+ <? endif; ?>
+ </a>
+ </div>
+ <div class="small-6 medium-7 columns middle">
+ <div>
+ <a href="<?=$this->recordLink()->getUrl($this->driver)?>" class="title">
+ <?=$this->record($this->driver)->getTitleHtml()?>
+ </a>
+ </div>
+ <div>
+ <? if($this->driver->isCollection()): ?>
<?=implode('<br>', array_map(array($this, 'escapeHtml'), $this->driver->getSummary())); ?>
- <? else: ?>
- <? $summAuthor = $this->driver->getPrimaryAuthor(); if (!empty($summAuthor)): ?>
- <?=$this->transEsc('by')?>
- <a href="<?=$this->record($this->driver)->getLink('author', $summAuthor)?>" class="author"><?
- $summHighlightedAuthor = $this->driver->getHighlightedAuthor();
- echo !empty($summHighlightedAuthor)
- ? $this->highlight($summHighlightedAuthor)
- : $this->escapeHtml($summAuthor);
- ?></a>
- <? endif; ?>
+ <? else: ?>
+ <? $summAuthor = $this->driver->getPrimaryAuthor(); if (!empty($summAuthor)): ?>
+ <?=$this->transEsc('by')?>
+ <a href="<?=$this->record($this->driver)->getLink('author', $summAuthor)?>" class="author"><?
+ $summHighlightedAuthor = $this->driver->getHighlightedAuthor();
+ echo !empty($summHighlightedAuthor)
+ ? $this->highlight($summHighlightedAuthor)
+ : $this->escapeHtml($summAuthor);
+ ?></a>
+ <? endif; ?>
- <? $journalTitle = $this->driver->getContainerTitle(); $summDate = $this->driver->getPublicationDates(); ?>
- <? if (!empty($journalTitle)): ?>
- <?=!empty($summAuthor) ? '<br />' : ''?>
+ <? $journalTitle = $this->driver->getContainerTitle(); $summDate = $this->driver->getPublicationDates(); ?>
+ <? if (!empty($journalTitle)): ?>
+ <?=!empty($summAuthor) ? '<br />' : ''?>
<?=$this->transEsc('Published in')?>
<? $containerID = $this->driver->getContainerRecordID(); ?>
<? /* TODO: handle highlighting more elegantly here: */?>
<a href="<?=($containerID ? $this->recordLink()->getUrl("VuFind|$containerID") : $this->record($this->driver)->getLink('journaltitle', str_replace(array('{{{{START_HILITE}}}}', '{{{{END_HILITE}}}}'), '', $journalTitle)))?>"><?=$this->highlight($journalTitle) ?></a>
- <?=!empty($summDate) ? ' (' . $this->escapeHtml($summDate[0]) . ')' : ''?>
- <? elseif (!empty($summDate)): ?>
- <?=!empty($summAuthor) ? '<br />' : ''?>
- <?=$this->transEsc('Published') . ' ' . $this->escapeHtml($summDate[0])?>
- <? endif; ?>
- <? $summInCollection = $this->driver->getContainingCollections(); if (!empty($summInCollection)): ?>
- <? foreach ($summInCollection as $collId => $collText): ?>
- <div>
- <b><?=$this->transEsc("in_collection_label")?></b>
- <a class="collectionLinkText" href="<?=$this->url('collection', array('id' => $collId))?>?recordID=<?=urlencode($this->driver->getUniqueID())?>">
- <?=$this->escapeHtml($collText)?>
- </a>
- </div>
- <? endforeach; ?>
- <? endif; ?>
- <? endif; ?>
- </div>
+ <?=!empty($summDate) ? ' (' . $this->escapeHtml($summDate[0]) . ')' : ''?>
+ <? elseif (!empty($summDate)): ?>
+ <?=!empty($summAuthor) ? '<br />' : ''?>
+ <?=$this->transEsc('Published') . ' ' . $this->escapeHtml($summDate[0])?>
+ <? endif; ?>
+ <? $summInCollection = $this->driver->getContainingCollections(); if (!empty($summInCollection)): ?>
+ <? foreach ($summInCollection as $collId => $collText): ?>
+ <div>
+ <b><?=$this->transEsc("in_collection_label")?></b>
+ <a class="collectionLinkText" href="<?=$this->url('collection', array('id' => $collId))?>?recordID=<?=urlencode($this->driver->getUniqueID())?>">
+ <?=$this->escapeHtml($collText)?>
+ </a>
+ </div>
+ <? endforeach; ?>
+ <? endif; ?>
+ <? endif; ?>
+ </div>
- <? if(!$this->driver->isCollection()): ?>
- <? if ($snippet = $this->driver->getHighlightedSnippet()): ?>
- <? if (!empty($snippet['caption'])): ?>
- <strong><?=$this->transEsc($snippet['caption']) ?>:</strong> ';
- <? endif; ?>
- <? if (!empty($snippet['snippet'])): ?>
- <span class="quotestart">“</span>...<?=$this->highlight($snippet['snippet']) ?>...<span class="quoteend">”</span><br/>
- <? endif; ?>
- <? endif; ?>
- <? endif; ?>
+ <? if(!$this->driver->isCollection()): ?>
+ <? if ($snippet = $this->driver->getHighlightedSnippet()): ?>
+ <? if (!empty($snippet['caption'])): ?>
+ <strong><?=$this->transEsc($snippet['caption']) ?>:</strong> ';
+ <? endif; ?>
+ <? if (!empty($snippet['snippet'])): ?>
+ <span class="quotestart">“</span>...<?=$this->highlight($snippet['snippet']) ?>...<span class="quoteend">”</span><br/>
+ <? endif; ?>
+ <? endif; ?>
+ <? endif; ?>
- <?
- /* Display information on duplicate records if available */
- $dedupData = $this->driver->getDedupData();
- if ($dedupData): ?>
- <div class="dedupInformation">
- <?
- $i = 0;
- foreach ($dedupData as $source => $current) {
- if (++$i == 1) {
- ?><span class="currentSource"><a href="<?=$this->recordLink()->getUrl($this->driver)?>"><?=$this->transEsc("source_$source", array(), $source)?></a></span><?
- } else {
- if ($i == 2) {
- ?> <span class="otherSources">(<?=$this->transEsc('Other Sources')?>: <?
- } else {
- ?>, <?
- }
- ?><a href="<?=$this->recordLink()->getUrl($current['id'])?>"><?=$this->transEsc("source_$source", array(), $source)?></a><?
- }
- }
- if ($i > 1) {
- ?>)</span><?
- }?>
- </div>
- <? endif; ?>
+ <?
+ /* Display information on duplicate records if available */
+ $dedupData = $this->driver->getDedupData();
+ if ($dedupData): ?>
+ <div class="dedupInformation">
+ <?
+ $i = 0;
+ foreach ($dedupData as $source => $current) {
+ if (++$i == 1) {
+ ?><span class="currentSource"><a href="<?=$this->recordLink()->getUrl($this->driver)?>"><?=$this->transEsc("source_$source", array(), $source)?></a></span><?
+ } else {
+ if ($i == 2) {
+ ?> <span class="otherSources">(<?=$this->transEsc('Other Sources')?>: <?
+ } else {
+ ?>, <?
+ }
+ ?><a href="<?=$this->recordLink()->getUrl($current['id'])?>"><?=$this->transEsc("source_$source", array(), $source)?></a><?
+ }
+ }
+ if ($i > 1) {
+ ?>)</span><?
+ }?>
+ </div>
+ <? endif; ?>
- <div class="callnumAndLocation ajax-availability hidden">
- <? if ($this->driver->supportsAjaxStatus()): ?>
- <strong class="hideIfDetailed"><?=$this->transEsc('Call Number')?>:</strong>
- <span class="callnumber ajax-availability hidden">
- <?=$this->transEsc('Loading')?> ...<br/>
- </span>
- <strong><?=$this->transEsc('Located')?>:</strong>
- <span class="location ajax-availability hidden">
- <?=$this->transEsc('Loading')?> ...
- </span>
- <div class="locationDetails"></div>
- <? else: ?>
- <? $summCallNo = $this->driver->getCallNumber(); if (!empty($summCallNo)): ?>
- <strong><?=$this->transEsc('Call Number')?>:</strong> <?=$this->escapeHtml($summCallNo)?>
- <? endif; ?>
- <? endif; ?>
- </div>
+ <div class="callnumAndLocation ajax-availability hide">
+ <? if ($this->driver->supportsAjaxStatus()): ?>
+ <strong class="hideIfDetailed"><?=$this->transEsc('Call Number')?>:</strong>
+ <span class="callnumber ajax-availability hide">
+ <?=$this->transEsc('Loading')?> ...<br/>
+ </span>
+ <strong><?=$this->transEsc('Located')?>:</strong>
+ <span class="location ajax-availability hide">
+ <?=$this->transEsc('Loading')?> ...
+ </span>
+ <div class="locationDetails"></div>
+ <? else: ?>
+ <? $summCallNo = $this->driver->getCallNumber(); if (!empty($summCallNo)): ?>
+ <strong><?=$this->transEsc('Call Number')?>:</strong> <?=$this->escapeHtml($summCallNo)?>
+ <? endif; ?>
+ <? endif; ?>
+ </div>
- <? /* We need to find out if we're supposed to display an OpenURL link ($openUrlActive),
- but even if we don't plan to display the link, we still want to get the $openUrl
- value for use in generating a COinS (Z3988) tag -- see bottom of file.
- */
- $openUrl = $this->driver->getOpenURL();
- $openUrlActive = $this->driver->openURLActive('results');
- $urls = $this->record($this->driver)->getLinkDetails();
- if ($openUrlActive || !empty($urls)): ?>
- <? if ($openUrlActive): ?>
- <br/>
- <?=$this->openUrl($openUrl)?>
- <? if ($this->driver->replaceURLsWithOpenURL()) $urls = array(); // clear URL list if replace setting is active ?>
- <? endif; ?>
- <? if (!is_array($urls)) $urls = array();
- if(!$this->driver->isCollection()):
- foreach ($urls as $current): ?>
- <a href="<?=$this->escapeHtmlAttr($this->proxyUrl($current['url']))?>" class="fulltext" target="new"><i class="fa fa-external-link"></i> <?=($current['url'] == $current['desc']) ? $this->transEsc('Get full text') : $this->escapeHtml($current['desc'])?></a><br/>
- <? endforeach; ?>
- <? endif; ?>
- <? endif; ?>
+ <? /* We need to find out if we're supposed to display an OpenURL link ($openUrlActive),
+ but even if we don't plan to display the link, we still want to get the $openUrl
+ value for use in generating a COinS (Z3988) tag -- see bottom of file.
+ */
+ $openUrl = $this->driver->getOpenURL();
+ $openUrlActive = $this->driver->openURLActive('results');
+ $urls = $this->record($this->driver)->getLinkDetails();
+ if ($openUrlActive || !empty($urls)): ?>
+ <? if ($openUrlActive): ?>
+ <br/>
+ <?=$this->openUrl($openUrl)?>
+ <? if ($this->driver->replaceURLsWithOpenURL()) $urls = array(); // clear URL list if replace setting is active ?>
+ <? endif; ?>
+ <? if (!is_array($urls)) $urls = array();
+ if(!$this->driver->isCollection()):
+ foreach ($urls as $current): ?>
+ <a href="<?=$this->escapeHtmlAttr($this->proxyUrl($current['url']))?>" class="fulltext" target="new"><i class="fa fa-external-link"></i> <?=($current['url'] == $current['desc']) ? $this->transEsc('Get full text') : $this->escapeHtml($current['desc'])?></a><br/>
+ <? endforeach; ?>
+ <? endif; ?>
+ <? endif; ?>
- <?=str_replace('class="', 'class="label info ', $this->record($this->driver)->getFormatList())?>
+ <?=str_replace('class="', 'class="label info ', $this->record($this->driver)->getFormatList())?>
- <? if (!$openUrlActive && empty($urls) && $this->driver->supportsAjaxStatus()): ?>
- <span class="status ajax-availability hidden">
- <span class="label secondary"><?=$this->transEsc('Loading')?> ...</span>
- </span>
- <? endif; ?>
- <?=$this->record($this->driver)->getPreviews()?>
- </div>
+ <? if (!$openUrlActive && empty($urls) && $this->driver->supportsAjaxStatus()): ?>
+ <span class="status ajax-availability hide">
+ <span class="label secondary"><?=$this->transEsc('Loading')?> ...</span>
+ </span>
+ <? endif; ?>
+ <?=$this->record($this->driver)->getPreviews()?>
+ </div>
- <div class="small-3 columns right hide-for-print">
- <? /* Display qrcode if appropriate: */ ?>
- <? if ($QRCode = $this->record($this->driver)->getQRCode("results")): ?>
- <?
- // Add JS Variables for QrCode
- $this->jsTranslations()->addStrings(array('qrcode_hide' => 'qrcode_hide', 'qrcode_show' => 'qrcode_show'));
- ?>
- <span class="hide-for-small">
- <i class="fa fa-qrcode"></i> <a href="<?=$this->escapeHtmlAttr($QRCode);?>" class="qrcodeLink"><?=$this->transEsc('qrcode_show')?></a>
- <div class="qrcode hidden">
+ <div class="small-3 columns right hide-for-print">
+ <? /* Display qrcode if appropriate: */ ?>
+ <? if ($QRCode = $this->record($this->driver)->getQRCode("results")): ?>
+ <?
+ // Add JS Variables for QrCode
+ $this->jsTranslations()->addStrings(array('qrcode_hide' => 'qrcode_hide', 'qrcode_show' => 'qrcode_show'));
+ ?>
+ <div class="hide-for-small">
+ <i class="fa fa-fw fa-qrcode"></i> <a href="<?=$this->escapeHtmlAttr($QRCode);?>" class="qrcodeLink"><?=$this->transEsc('qrcode_show')?></a>
+ <div class="qrcode hide">
<script type="text/template" class="qrCodeImgTag">
- <img alt="<?=$this->transEsc('QR Code')?>" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
+ <img alt="<?=$this->transEsc('QR Code')?>" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</script>
- </div><br/>
- </span>
- <? endif; ?>
+ </div><br/>
+ </div>
+ <? endif; ?>
- <? if ($this->userlist()->getMode() !== 'disabled'): ?>
- <? /* Add to favorites */ ?>
- <i class="fa fa-star"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
+ <? if ($this->userlist()->getMode() !== 'disabled'): ?>
+ <? /* Add to favorites */ ?>
+ <i class="fa fa-fw fa-star"></i> <a href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" class="save-record modal-link" id="<?=$this->driver->getUniqueId() ?>" title="<?=$this->transEsc('Add to favorites')?>"><?=$this->transEsc('Add to favorites')?></a><br/>
- <? /* Saved lists */ ?>
- <div class="savedLists alert-box info hidden" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
- <strong><?=$this->transEsc("Saved in")?>:</strong>
- </div>
- <? endif; ?>
+ <? /* Saved lists */ ?>
+ <div class="savedLists hide alert-box info" data-alert tabindex="0" aria-live="assertive" role="dialogalert">
+ <strong><?=$this->transEsc("Saved in")?>:</strong>
+ </div>
+ <? endif; ?>
- <? /* Hierarchy tree link */ ?>
- <? $trees = $this->driver->tryMethod('getHierarchyTrees'); if (!empty($trees)): ?>
- <? foreach ($trees as $hierarchyID => $hierarchyTitle): ?>
- <div class="hierarchyTreeLink">
- <input type="hidden" value="<?=$this->escapeHtmlAttr($hierarchyID)?>" class="hiddenHierarchyId" />
- <i class="fa fa-sitemap"></i>
- <a class="hierarchyTreeLinkText modal-link" href="<?=$this->recordLink()->getTabUrl($this->driver, 'HierarchyTree')?>?hierarchy=<?=urlencode($hierarchyID)?>#tabnav" title="<?=$this->transEsc('hierarchy_tree')?>">
- <?=$this->transEsc('hierarchy_view_context')?><? if (count($trees) > 1): ?>: <?=$this->escapeHtml($hierarchyTitle)?><? endif; ?>
- </a>
- </div>
- <? endforeach; ?>
- <? endif; ?>
+ <? /* Hierarchy tree link */ ?>
+ <? $trees = $this->driver->tryMethod('getHierarchyTrees'); if (!empty($trees)): ?>
+ <? foreach ($trees as $hierarchyID => $hierarchyTitle): ?>
+ <div class="hierarchyTreeLink">
+ <input type="hidden" value="<?=$this->escapeHtmlAttr($hierarchyID)?>" class="hiddenHierarchyId" />
+ <i class="fa fa-fw fa-sitemap"></i>
+ <a class="hierarchyTreeLinkText modal-link" href="<?=$this->recordLink()->getTabUrl($this->driver, 'HierarchyTree')?>?hierarchy=<?=urlencode($hierarchyID)?>#tabnav" title="<?=$this->transEsc('hierarchy_tree')?>">
+ <?=$this->transEsc('hierarchy_view_context')?><? if (count($trees) > 1): ?>: <?=$this->escapeHtml($hierarchyTitle)?><? endif; ?>
+ </a>
+ </div>
+ <? endforeach; ?>
+ <? endif; ?>
- <?=$openUrl?'<span class="Z3988" title="'.$this->escapeHtmlAttr($openUrl).'"></span>':''?>
- </div>
+ <?=$openUrl?'<span class="Z3988" title="'.$this->escapeHtmlAttr($openUrl).'"></span>':''?>
+ </div>
</div>
</div>
<!-- recordDriver - solrDefault - RESULT-LIST.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml
index 95c3a139ce5..e0177b723a5 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml
@@ -1,59 +1,67 @@
<!-- templates - recordDriver - solrDefault - TOOLBAR.phtml -->
<?
- $addThis = $this->addThis();
- if (!empty($addThis)) {
- $this->headScript()->appendFile('https://s7.addthis.com/js/250/addthis_widget.js?pub=' . urlencode($addThis));
- }
+$addThis = $this->addThis();
+if (!empty($addThis)) {
+ $this->headScript()->appendFile('https://s7.addthis.com/js/250/addthis_widget.js?pub=' . urlencode($addThis));
+}
- // Set up some variables for convenience:
- $id = $this->driver->getUniqueId();
- $controllerClass = 'controller:' . $this->record($this->driver)->getController();
- $cart = $this->cart();
- $cartId = $this->driver->getResourceSource() . '|' . $id;
+// Set up some variables for convenience:
+$id = $this->driver->getUniqueId();
+$controllerClass = 'controller:' . $this->record($this->driver)->getController();
+$cart = $this->cart();
+$cartId = $this->driver->getResourceSource() . '|' . $id;
?>
<dl class="sub-nav hide-for-print">
- <? if (count($this->driver->getCitationFormats()) > 0): ?>
- <dd><? /* a id="cite-record" class="modal-link ..." href="..." data-reveal-id="modal" title="..." data-reveal-replace-content=".modal-body" data-reveal-ajax="true"><i class="fa fa-asterisk"></i> ...</a --><!-- potential modal solution with next FNDTN theme - FIXME - CK */ ?>
- <a id="cite-record" class="modal-link <?=$controllerClass?>" href="<?=$this->url('record-cite', array('id'=>$id)) ?>" title="<?=$this->transEsc('Cite this')?>"><i class="fa fa-asterisk"></i> <?=$this->transEsc('Cite this')?></a>
- </dd>
- <? endif; ?>
- <dd><a id="sms-record" class="modal-link <?=$controllerClass?>" href="<?=$this->url('record-sms', array('id'=>$id)) ?>" title="<?=$this->transEsc('Text this')?>"><i class="fa fa-mobile"></i> <?=$this->transEsc('Text this')?></a></dd>
- <dd><a id="mail-record" class="modal-link <?=$controllerClass?>" href="<?=$this->url('record-email', array('id'=>$id)) ?>" title="<?=$this->transEsc('Email this')?>"><i class="fa fa-envelope"></i> <?=$this->transEsc('Email this')?></a></dd>
+ <? if (count($this->driver->getCitationFormats()) > 0): ?>
+ <dd><? /* a id="cite-record" class="modal-link ..." href="..." data-reveal-id="modal" title="..." data-reveal-replace-content=".modal-body" data-reveal-ajax="true"><i class="fa fa-asterisk"></i> ...</a --><!-- potential modal solution with next FNDTN theme - FIXME - CK */ ?>
+ <a id="cite-record" class="modal-link <?= $controllerClass ?>" href="<?= $this->url('record-cite', array('id' => $id)) ?>" title="<?= $this->transEsc('Cite this') ?>" rel="nofollow"><i
+ class="fa fa-asterisk"></i> <?= $this->transEsc('Cite this') ?></a>
+ </dd>
+ <? endif; ?>
+ <dd><a id="sms-record" class="modal-link <?= $controllerClass ?>" href="<?= $this->url('record-sms', array('id' => $id)) ?>" title="<?= $this->transEsc('Text this') ?>" rel="nofollow"><i
+ class="fa fa-mobile"></i> <?= $this->transEsc('Text this') ?></a></dd>
+ <dd><a id="mail-record" class="modal-link <?= $controllerClass ?>" href="<?= $this->url('record-email', array('id' => $id)) ?>" title="<?= $this->transEsc('Email this') ?>" rel="nofollow"><i
+ class="fa fa-envelope"></i> <?= $this->transEsc('Email this') ?></a></dd>
- <? $exportFormats = $this->export()->getFormatsForRecord($this->driver); ?>
- <? if(count($exportFormats) > 0): ?>
- <dd class="dropdown">
- <a class="export-toggle" data-dropdown="exportDD" data-options="is_hover:true" href="<?=$this->recordLink()->getActionUrl($this->driver, 'Export')?>"><i class="fa fa-list-alt"></i> <?=$this->transEsc('Export Record') ?></a>
- <ul id="exportDD" class="f-dropdown" role="menu" data-dropdown-content>
- <? foreach ($exportFormats as $exportFormat): ?>
- <li><a <? if ($this->export()->needsRedirect($exportFormat)): ?>target="<?=$this->escapeHtmlAttr($exportFormat)?>Main" <? endif; ?>href="<?=$this->recordLink()->getActionUrl($this->driver, 'Export')?>?style=<?=$this->escapeHtmlAttr($exportFormat)?>"><?=$this->transEsc('Export to')?> <?=$this->transEsc($exportFormat)?></a></li>
- <? endforeach; ?>
- </ul>
- </dd>
- <? endif; ?>
+ <? $exportFormats = $this->export()->getFormatsForRecord($this->driver); ?>
+ <? if (count($exportFormats) > 0): ?>
+ <dd class="dropdown">
+ <a class="export-toggle" data-dropdown="exportDD" data-options="is_hover:true" href="<?= $this->recordLink()->getActionUrl($this->driver, 'Export') ?>" rel="nofollow"><i
+ class="fa fa-list-alt"></i> <?= $this->transEsc('Export Record') ?></a>
+ <ul id="exportDD" class="f-dropdown" role="menu" data-dropdown-content>
+ <? foreach ($exportFormats as $exportFormat): ?>
+ <li><a <? if ($this->export()->needsRedirect($exportFormat)): ?>target="<?= $this->escapeHtmlAttr($exportFormat) ?>Main"
+ <? endif; ?>href="<?= $this->recordLink()->getActionUrl($this->driver, 'Export') ?>?style=<?= $this->escapeHtmlAttr($exportFormat) ?>"
+ rel="nofollow"><?= $this->transEsc('Export to') ?><?= $this->transEsc($this->export()->getLabelForFormat($exportFormat)) ?></a></li>
+ <? endforeach; ?>
+ </ul>
+ </dd>
+ <? endif; ?>
- <? if ($this->userlist()->getMode() !== 'disabled'): ?>
- <dd><a id="save-record" class="modal-link <?=$controllerClass?>" href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" title="<?=$this->transEsc('Add to favorites')?>"><i class="fa fa-plus"></i> <?=$this->transEsc('Add to favorites')?></a></dd>
- <? endif; ?>
- <? if (!empty($addThis)): ?>
- <dd><a class="addThis addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=<?=urlencode($addThis)?>"><i class="fa fa-bookmark"></i> <?=$this->transEsc('Bookmark')?></a></dd>
- <? endif; ?>
- <? if ($cart->isActive()): ?>
- <dd id="bookbag-menu">
- <input id="cartId" type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($cartId)?>" />
- <a id="cart-add" class="<? if(!$cart->contains($cartId)): ?>correct <? endif ?>hidden" href="#"><i class="fa fa-plus"></i> <?=$this->transEsc('Add to Book Bag') ?></a>
- <a id="cart-remove" class="<? if($cart->contains($cartId)): ?>correct <? endif ?>hidden" href="#"><i class="fa fa-minus-circle"></i> <?=$this->transEsc('Remove from Book Bag') ?></a>
- <noscript>
- <form method="post" name="addForm" action="<?=$this->url('cart-home')?>">
- <input type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($cartId)?>" />
- <? if ($cart->contains($cartId)): ?>
- <input class="button secondary tiny" type="submit" name="delete" role="button" value="<?=$this->transEsc('Remove from Book Bag')?>"/>
- <? else: ?>
- <input class="button secondary tiny" type="submit" name="add" role="button" value="<?=$this->transEsc('Add to Book Bag')?>"/>
- <? endif; ?>
- </form>
- </noscript>
- </dd>
- <? endif; ?>
-</dl>
+ <? if ($this->userlist()->getMode() !== 'disabled'): ?>
+ <dd><a id="save-record" class="modal-link <?= $controllerClass ?>" href="<?= $this->recordLink()->getActionUrl($this->driver, 'Save') ?>" title="<?= $this->transEsc('Add to favorites') ?>"
+ rel="nofollow"><i class="fa fa-star"></i> <?= $this->transEsc('Add to favorites') ?></a></dd>
+ <? endif; ?>
+ <? if (!empty($addThis)): ?>
+ <dd><a class="addThis addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=<?= urlencode($addThis) ?>"><i class="fa fa-bookmark"></i> <?= $this->transEsc('Bookmark') ?></a>
+ </dd>
+ <? endif; ?>
+ <? if ($cart->isActive()): ?>
+ <dd id="bookbag-menu">
+ <input id="cartId" type="hidden" name="ids[]" value="<?= $this->escapeHtmlAttr($cartId) ?>"/>
+ <a id="cart-add" class="<? if (!$cart->contains($cartId)): ?>correct <? endif ?>hide" href="#"><i class="fa fa-plus"></i> <?= $this->transEsc('Add to Book Bag') ?></a>
+ <a id="cart-remove" class="<? if ($cart->contains($cartId)): ?>correct <? endif ?>hide" href="#"><i class="fa fa-minus-circle"></i> <?= $this->transEsc('Remove from Book Bag') ?></a>
+ <noscript>
+ <form method="post" name="addForm" action="<?= $this->url('cart-home') ?>">
+ <input type="hidden" name="ids[]" value="<?= $this->escapeHtmlAttr($cartId) ?>"/>
+ <? if ($cart->contains($cartId)): ?>
+ <input class="button secondary small" type="submit" name="delete" role="button" value="<?= $this->transEsc('Remove from Book Bag') ?>"/>
+ <? else: ?>
+ <input class="button secondary small" type="submit" name="add" role="button" value="<?= $this->transEsc('Add to Book Bag') ?>"/>
+ <? endif; ?>
+ </form>
+ </noscript>
+ </dd>
+ <? endif; ?>
+ </dl>
<!-- templates - recordDriver - solrDefault - TOOLBAR.phtml - End -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/RecordDriver/SolrWeb/result-list.phtml b/themes/foundation5/templates/RecordDriver/SolrWeb/result-list.phtml
index d056e9dbd06..fe922a096a2 100644
--- a/themes/foundation5/templates/RecordDriver/SolrWeb/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrWeb/result-list.phtml
@@ -4,17 +4,9 @@
?>
<div class="listentry small-11 columns">
<div class="resultItemLine1">
- <a href="<?=$this->escapeHtmlAttr($url)?>" class="title"><?
- $summHighlightedTitle = $this->driver->getHighlightedTitle();
- $summTitle = $this->driver->getTitle();
- if (!empty($summHighlightedTitle)) {
- echo $this->highlight($this->addEllipsis($summHighlightedTitle, $summTitle));
- } else if (!empty($summTitle)) {
- echo $this->escapeHtml($this->truncate($summTitle, 180));
- } else {
- echo $this->transEsc('Title not available');
- }
- ?></a>
+ <a href="<?=$this->escapeHtmlAttr($url)?>" class="title">
+ <?=$this->record($this->driver)->getTitleHtml()?>
+ </a>
</div>
<div class="resultItemLine2">
diff --git a/themes/foundation5/templates/RecordTab/collectionlist.phtml b/themes/foundation5/templates/RecordTab/collectionlist.phtml
index db56572b7c9..2707fcd416e 100644
--- a/themes/foundation5/templates/RecordTab/collectionlist.phtml
+++ b/themes/foundation5/templates/RecordTab/collectionlist.phtml
@@ -25,7 +25,7 @@
<?=$this->render('search/controls/sort.phtml', $searchDetails)?>
</div>
</div>
- <form class="form-inline" method="post" name="bulkActionForm" action="<?=$this->url('cart-home')?>">
+ <form method="post" name="bulkActionForm" action="<?=$this->url('cart-home')?>">
<?=$this->context($this)->renderInContext('search/bulk-action-buttons.phtml', $searchDetails + array('idPrefix' => ''))?>
<?=$this->render('search/list-' . $results->getParams()->getView() . '.phtml', $searchDetails)?>
<?=$this->paginationControl($results->getPaginator(), 'Sliding', 'search/pagination.phtml', array('results' => $results))?>
diff --git a/themes/foundation5/templates/RecordTab/description.phtml b/themes/foundation5/templates/RecordTab/description.phtml
index 9c830d3a563..5875aeb8582 100644
--- a/themes/foundation5/templates/RecordTab/description.phtml
+++ b/themes/foundation5/templates/RecordTab/description.phtml
@@ -6,7 +6,7 @@
// Grab clean ISBN for convenience:
$isbn = $this->driver->getCleanISBN();
?>
-<table class="table" summary="<?=$this->transEsc('Description')?>">
+<table class="table" summary="<?=$this->transEsc('Description')?>" width="100%">
<? $summ = $this->driver->getSummary(); if (!empty($summ)): ?>
<? $contentDisplayed = true; ?>
<tr>
diff --git a/themes/foundation5/templates/RecordTab/hierarchytree.phtml b/themes/foundation5/templates/RecordTab/hierarchytree.phtml
index c17ec49cb91..6c39ded669b 100644
--- a/themes/foundation5/templates/RecordTab/hierarchytree.phtml
+++ b/themes/foundation5/templates/RecordTab/hierarchytree.phtml
@@ -34,17 +34,17 @@
<? if ($activeTree): ?>
<div id="hierarchyTreeHolder">
<? if ($this->tab->searchActive()): ?>
- <div id="treeSearch" class="form-inline hidden">
- <input type="text" id="treeSearchText" class="form-control search-query" value="">
- <select class="form-control" id="treeSearchType" name="type">
+ <div id="treeSearch" class="hide">
+ <input type="text" id="treeSearchText" class="auto search-query" value="">
+ <select class="auto" id="treeSearchType" name="type">
<option value="AllFields"><?=$this->transEsc('All Fields')?></option>
<option value="Title"><?=$this->transEsc('Title')?></option>
</select>
- <input type="submit" class="button secondary tiny" role="button" value="<?=$this->transEsc('Search') ?>"/>
- <i id="treeSearchLoadingImg" class="fa fa-spinner fa-spin hidden"></i>
+ <input type="submit" class="button secondary small" role="button" value="<?=$this->transEsc('Search') ?>"/>
+ <i id="treeSearchLoadingImg" class="fa fa-spinner fa-spin hide"></i>
</div>
- <div id="treeSearchNoResults" data-alert class="alert-box alert hidden" tabindex="0" aria-live="assertive" role="dialogalert"><?=$this->translate('nohit_heading')?></div>
- <div id="treeSearchLimitReached" data-alert class="alert-box alert hidden" tabindex="0" aria-live="assertive" role="dialogalert"><?=$this->translate('tree_search_limit_reached_html', array('%%url%%' => $this->url('search-results'), '%%limit%%' => $this->tab->getSearchLimit()))?></div>
+ <div id="treeSearchNoResults" data-alert class="alert-box alert hide" tabindex="0" aria-live="assertive" role="dialogalert"><?=$this->translate('nohit_heading')?></div>
+ <div id="treeSearchLimitReached" data-alert class="alert-box alert hide" tabindex="0" aria-live="assertive" role="dialogalert"><?=$this->translate('tree_search_limit_reached_html', array('%%url%%' => $this->url('search-results'), '%%limit%%' => $this->tab->getSearchLimit()))?></div>
<? endif; ?>
<div id="hierarchyLoading" class="hide"><i class="fa fa-spinner fa-spin"></i> <?=$this->transEsc("Loading")?> ...</div>
<div id="hierarchyTree" class="hierarchy-tree">
diff --git a/themes/foundation5/templates/RecordTab/holdingsils.phtml b/themes/foundation5/templates/RecordTab/holdingsils.phtml
index 55c1bf93635..df9f4a619ad 100644
--- a/themes/foundation5/templates/RecordTab/holdingsils.phtml
+++ b/themes/foundation5/templates/RecordTab/holdingsils.phtml
@@ -12,6 +12,9 @@
// Set page title.
$this->headTitle($this->translate('Holdings') . ': ' . $this->driver->getBreadcrumb());
?>
+
+<?=$this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
<? if ($offlineMode == "ils-offline"): ?>
<div data-alert class="alert-box warning" tabindex="0" aria-live="assertive" role="dialogalert">
<h2><?=$this->transEsc('ils_offline_title')?></h2>
@@ -38,7 +41,7 @@
<a class="placehold modal-link" title="<?=$this->transEsc('request_place_text')?>" href="<?=$this->recordLink()->getRequestUrl($holdingTitleHold)?>"><i class="fa fa-flag"></i> <?=$this->transEsc('title_hold_place')?></a>
<? endif; ?>
<? if (!empty($urls) || $openUrl): ?>
- <h5><?=$this->transEsc("Internet")?></h5>
+ <h3><?=$this->transEsc("Internet")?></h3>
<? if (!empty($urls)): ?>
<? foreach ($urls as $current): ?>
<a href="<?=$this->escapeHtmlAttr($this->proxyUrl($current['url']))?>"><?=$this->escapeHtml($current['desc'])?></a><br/>
@@ -47,7 +50,7 @@
<? if ($openUrl): ?><?=$this->openUrl($openUrl);?><? endif; ?>
<? endif; ?>
<? foreach ($holdings as $holding): ?>
-<h5><?=$this->transEsc('location_' . $holding['location'], array(), $holding['location'])?></h5>
+<h3><?=$this->transEsc('location_' . $holding['location'], array(), $holding['location'])?></h3>
<table class="table" summary="<?=$this->transEsc('Holdings details from')?> <?=$this->transEsc($holding['location'])?>">
<? $callNos = $this->tab->getUniqueCallNumbers($holding['items']); if (!empty($callNos)): ?>
<tr>
@@ -146,7 +149,7 @@
<? $history = $this->driver->getRealTimeHistory(); ?>
<? if (is_array($history) && !empty($history)): ?>
-<h5><?=$this->transEsc("Most Recent Received Issues")?></h5>
+<h3><?=$this->transEsc("Most Recent Received Issues")?></h3>
<table class="table">
<? foreach ($history as $row): ?>
<tr><td><?=$this->escapeHtml($row['issue'])?></td></tr>
diff --git a/themes/foundation5/templates/RecordTab/similaritemscarousel.phtml b/themes/foundation5/templates/RecordTab/similaritemscarousel.phtml
index 64a9543194b..d777eadf7e8 100644
--- a/themes/foundation5/templates/RecordTab/similaritemscarousel.phtml
+++ b/themes/foundation5/templates/RecordTab/similaritemscarousel.phtml
@@ -1,21 +1,18 @@
<!-- recordtab - similaritemscarousel.phtml -->
+<?=$this->headLink()->setStylesheet('vendor/slick.css') ?><? /* Fixme - Why is this added twice? as headlink and inside the similarcarousel... snippet? - CK */ ?>
<h4><?=$this->transEsc('Similar Items')?></h4>
<? $similarRecords = $this->tab->getResults(); ?>
<? if (!empty($similarRecords)): ?>
- <? $perPage = 4 ?>
<div id="similar-items-carousel" class="carousel autoplay hide-for-print">
- <div class="carousel-inner">
- <div class="item">
- <div class="row">
- <? foreach ($similarRecords as $index=>$data): ?>
- <div class="medium-<?=floor(12/$perPage) ?> columns">
- <a class="hover-overlay" href="<?=$this->recordLink()->getUrl($data)?>">
+ <? foreach ($similarRecords as $index=>$data): ?>
+ <div class="carousel-item">
+ <a class="hover-overlay" href="<?=$this->recordLink()->getUrl($data)?>">
<? $thumb = $this->record($data)->getThumbnail('large'); ?>
<img src="<?=$thumb ?>" title="<?=$data->getTitle() ?>"/>
<div class="content">
<? $formats = $data->getFormats(); ?>
<i class="fa fa-x<? if (count($formats) > 0): ?> fa-<?=preg_replace('/[^a-z0-9]/', '', strtolower($formats[0]))?>" title="<?=$formats[0] ?><? endif; ?>"></i>
- <b><?=$this->escapeHtml($data->getTitle())?></b>
+ <?=$this->escapeHtml($data->getTitle())?>
<? $author = $data->getPrimaryAuthor(); if (!empty($author)): ?>
<br/><?=$this->transEsc('by')?>: <?=$this->escapeHtml($author);?>
<? endif; ?>
@@ -23,40 +20,14 @@
<br/><?=$this->transEsc('Published')?>: (<?=$this->escapeHtml($pubDates[0])?>)
<? endif; ?>
</div>
- </a>
- </div>
- <? if(($index+1) % $perPage == 0 && $index < count($similarRecords)-1): ?>
- </div>
- </div>
- <div class="item">
- <div class="row">
- <? endif; ?>
- <? endforeach; ?>
- </div>
+ </a>
</div>
- </div>
+ <? endforeach; ?>
</div>
<? else: ?>
<p><?=$this->transEsc('Cannot find similar records')?></p>
<? endif; ?>
-<?
- $script = <<<JS
-function normalizeHeights() {
- var tallest = 0;
- var items = $('#similar-items-carousel .hover-overlay');
- items.each(function() { //add heights to array
- if(tallest < $(this).height()) {
- tallest = $(this).height();
- }
- });
- items.css('min-height',tallest + 'px');
-}
-$('#similar-items-carousel img').load(normalizeHeights);
-JS;
-?>
-<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET') ?>
-<? /* check the following for correctness - FIXME CK */ ?>
<?
// Set up carousel script and adapt values below
$this->inlineScript()->appendFile('vendor/slick.min.js');
@@ -64,13 +35,13 @@ $this->inlineScript()->appendFile('vendor/slick.min.js');
$js = <<<JS
$(document).ready(function(){
$('.autoplay').slick({
- slidesToShow: 1,
+ slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 9000,
- accessibility:true,
- prevArrow: '<button type="button" class="slick-prev" role="button"> <span class="fa fa-chevron-left glyphicon-chevron-left"></span></button>',
- nextArrow: '<button type="button" class="slick-next" role="button"> <span class="fa fa-chevron-right glyphicon-chevron-right"></span></button>'
+ accessibility: true,
+ prevArrow: '<button type="button" class="slick-prev" role="button" aria-label="submit form"><span></span></button>',
+ nextArrow: '<button type="button" class="slick-next" role="button" aria-label="submit form"><span></span></button>'
});
});
JS;
diff --git a/themes/foundation5/templates/RecordTab/staffviewarray.phtml b/themes/foundation5/templates/RecordTab/staffviewarray.phtml
index 0bdea8a2ea9..1b00c06632f 100644
--- a/themes/foundation5/templates/RecordTab/staffviewarray.phtml
+++ b/themes/foundation5/templates/RecordTab/staffviewarray.phtml
@@ -1,3 +1,4 @@
+<!-- recordtab - staffviewarray -->
<?
// Set page title.
$this->headTitle($this->translate('Staff View') . ': ' . $this->driver->getBreadcrumb());
@@ -5,7 +6,7 @@
<table class="citation table">
<? foreach ($this->driver->getRawData() as $field => $values): ?>
<tr>
- <th><?=$this->escapeHtml($field)?></th>
+ <th width="30%"><?=$this->escapeHtml($field)?></th>
<td>
<? if (!is_array($values)) { $values = array($values); } ?>
<? foreach ($values as $value): ?>
@@ -14,4 +15,5 @@
</td>
</tr>
<? endforeach; ?>
-</table>
\ No newline at end of file
+</table>
+<!-- recordtab - staffviewarray - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/RecordTab/usercomments.phtml b/themes/foundation5/templates/RecordTab/usercomments.phtml
index b30e6abaa9a..02a1b80ddc4 100644
--- a/themes/foundation5/templates/RecordTab/usercomments.phtml
+++ b/themes/foundation5/templates/RecordTab/usercomments.phtml
@@ -16,11 +16,11 @@
<div class="medium-9 columns">
<? $user = $this->auth()->isLoggedIn() ?>
<? if($user): ?>
- <textarea id="comment" name="comment" class="form-control" rows="3" required></textarea><br/>
- <input class="button tiny" data-loading-text="<?=$this->transEsc('Submitting') ?>..." type="submit" role="button" value="<?=$this->transEsc("Add your comment")?>"/>
+ <textarea id="comment" name="comment" class="auto" rows="3" required></textarea><br/>
+ <input class="button small" data-loading-text="<?=$this->transEsc('Submitting') ?> ..." type="submit" role="button" value="<?=$this->transEsc("Add your comment")?>"/>
<? else: ?>
- <textarea id="comment" name="comment" class="form-control" rows="3" disabled></textarea><br/>
- <input onClick="Lightbox.get('MyResearch', 'UserLogin'); return false;" class="button tiny" type="submit" role="button" value="<?=$this->transEsc("You must be logged in first")?>"/>
+ <textarea id="comment" name="comment" class="auto" rows="3" disabled></textarea><br/>
+ <input onClick="Lightbox.get('MyResearch', 'UserLogin'); return false;" class="button small" type="submit" role="button" value="<?=$this->transEsc("You must be logged in first")?>"/>
<? endif; ?>
</div>
</form>
diff --git a/themes/foundation5/templates/Related/Editions.phtml b/themes/foundation5/templates/Related/Editions.phtml
index 67560fcadc9..2d6494b24cf 100644
--- a/themes/foundation5/templates/Related/Editions.phtml
+++ b/themes/foundation5/templates/Related/Editions.phtml
@@ -1,9 +1,9 @@
<!-- related - EDITIONS.phtml -->
<? $editions = $this->related->getResults(); if (!empty($editions)): ?>
<h4><?=$this->transEsc('Other Editions')?></h4>
- <ul class="list-group related-editions">
+ <ul class="list-unstyled">
<? foreach ($editions as $data): ?>
- <li class="list-group-item">
+ <li>
<? $formats = $data->getFormats(); ?>
<i class="fa fa-x<? if (count($formats) > 0): ?> fa-<?=preg_replace('/[^a-z0-9]/', '', strtolower($formats[0]))?>" title="<?=$formats[0] ?><? endif; ?>"></i>
<a href="<?=$this->recordLink()->getUrl($data)?>"><?=$this->escapeHtml($data->getTitle())?></a>
diff --git a/themes/foundation5/templates/Related/Similar.phtml b/themes/foundation5/templates/Related/Similar.phtml
index 1d44a247feb..be2d7d058a5 100644
--- a/themes/foundation5/templates/Related/Similar.phtml
+++ b/themes/foundation5/templates/Related/Similar.phtml
@@ -2,9 +2,9 @@
<h4><?=$this->transEsc('Similar Items')?></h4>
<? $similarRecords = $this->related->getResults(); ?>
<? if (!empty($similarRecords)): ?>
- <ul class="list-group similar-items">
+ <ul class="list-unstyled">
<? foreach ($similarRecords as $data): ?>
- <li class="list-group-item">
+ <li>
<? $formats = $data->getFormats(); ?>
<i class="fa fa-x<? if (count($formats) > 0): ?> fa-<?=preg_replace('/[^a-z0-9]/', '', strtolower($formats[0]))?>" title="<?=$formats[0] ?><? endif; ?>"></i>
<a href="<?=$this->recordLink()->getUrl($data)?>">
@@ -22,4 +22,4 @@
<? else: ?>
<p><?=$this->transEsc('Cannot find similar records')?></p>
<? endif; ?>
-<!-- related - SIMILAR.phtml - end -->
\ No newline at end of file
+<!-- related - SIMILAR.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/Service/recaptcha.phtml b/themes/foundation5/templates/Service/recaptcha.phtml
deleted file mode 100644
index 856a261dbf6..00000000000
--- a/themes/foundation5/templates/Service/recaptcha.phtml
+++ /dev/null
@@ -1,40 +0,0 @@
-<!-- service - RECAPTCHA.phtml -->
-<? if(isset($this->useRecaptcha) && $this->useRecaptcha): ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::FILE, 'vendor/recaptcha_ajax.js', 'SET') ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <?=$this->reCaptchaOptions ?>
-
- <div id="recaptcha_widget" style="display:none">
- <? if ($this->theme == 'custom'): ?>
- <div id="custom_recaptcha_widget">
- <div id="recaptcha_image"></div>
- <div class="recaptcha_only_if_incorrect_sol text-alert"><?=$this->translate('recaptcha_incorrect_try_again') ?> </div>
-
- <span class="recaptcha_only_if_image"><?=$this->translate('recaptcha_instructions_visual') ?></span>
- <span class="recaptcha_only_if_audio"><?=$this->translate('recaptcha_instructions_audio') ?></span>
-
- <input type="text" id="<?=$this->responseField ?>" name="<?=$this->responseField ?>" />
-
- <div><a href="javascript:Recaptcha.reload()"><?=$this->translate('recaptcha_refresh_btn') ?></a></div>
- <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')"><?=$this->translate('recaptcha_audio_challenge') ?></a></div>
- <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')"><?=$this->translate('recaptcha_visual_challenge') ?></a></div>
-
- <div><a href="javascript:Recaptcha.showhelp()"><?=$this->translate('recaptcha_help_btn') ?></a></div>
- </div>
- <? endif; ?>
- </div>
-
- <noscript>
- <iframe src="<?=$this->host ?>/noscript?k=<?=$this->publicKey ?><?=$this->errorPart ?>" height="300" width="500" frameborder="0"></iframe>
- <textarea name="<?=$this->challengeField ?>" rows="3" cols="40"></textarea>
- <input type="hidden" name="<?=$this->responseField ?>" value="manual_challenge"/>
- </noscript>
-
- <script type="text/javascript">
- Recaptcha.create("<?=$this->publicKey ?>", 'recaptcha_widget', <?=$this->options ?>);
- </script>
- </div>
- </div>
-<? endif; ?>
-<!-- service - RECAPTCHA.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/admin/maintenance/home.phtml b/themes/foundation5/templates/admin/maintenance/home.phtml
index da2a331c4ca..e085f42ff79 100644
--- a/themes/foundation5/templates/admin/maintenance/home.phtml
+++ b/themes/foundation5/templates/admin/maintenance/home.phtml
@@ -11,22 +11,32 @@
<?=$this->flashmessages()?>
<form method="get" action="<?=$this->url('admin/maintenance', array('action' => 'DeleteExpiredSearches'))?>">
<label for="del_daysOld">Delete unsaved user search histories older than</label>
- <input id="del_daysOld" type="text" name="daysOld" size="5" value="2"/> days.
- <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"/>
+ <input id="del_daysOld" type="text" name="daysOld" size="5" value="2"
+ class="auto left" />
+ days.
+ <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"
+ class="button small"/>
</form>
<hr />
<form method="get" action="<?=$this->url('admin/maintenance', array('action' => 'DeleteExpiredSessions'))?>">
<label for="delsess_daysOld">Delete user sessions older than</label>
- <input id="delsess_daysOld" type="text" name="daysOld" size="5" value="2"/> days.
- <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"/>
+ <input id="delsess_daysOld" type="text" name="daysOld" size="5" value="2"
+ class="auto left" /> days.
+ <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"
+ class="button small"/>
</form>
<hr />
<form method="get" action="<?=$this->url('admin/maintenance', array('action' => 'ClearCache'))?>">
Clear cache(s):
+ <ul class="list-unstyled">
<? foreach ($caches as $cache): ?>
- <input type="checkbox" checked="checked" name="cache[]" value="<?=$this->escapeHtmlAttr($cache)?>" /> <?=$this->escapeHtml($cache) ?>
+ <li>
+ <input type="checkbox" checked="checked" name="cache[]" value="<?=$this->escapeHtmlAttr($cache)?>" /> <?=$this->escapeHtml($cache) ?>
+ </li>
<? endforeach; ?>
- <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"/>
+ </ul>
+ <input type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"
+ class="button small"/>
</form>
</div>
diff --git a/themes/foundation5/templates/admin/menu.phtml b/themes/foundation5/templates/admin/menu.phtml
index 7c40ee41e15..de58639d6b0 100644
--- a/themes/foundation5/templates/admin/menu.phtml
+++ b/themes/foundation5/templates/admin/menu.phtml
@@ -1,10 +1,28 @@
<!-- admin - menu.phtml -->
-<div class="list-group">
- <a href="<?=$this->url('admin')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "home" ? ' active' : ''?>"><?=$this->transEsc('Home')?></a>
- <a href="<?=$this->url('admin/social')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "socialstats" ? ' active' : ''?>"><?=$this->transEsc('Social Statistics')?></a>
- <a href="<?=$this->url('admin/statistics')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "statistics" ? ' active' : ''?>"><?=$this->transEsc('Statistics')?></a>
- <a href="<?=$this->url('admin/config')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "config" ? ' active' : ''?>"><?=$this->transEsc('Configuration')?></a>
- <a href="<?=$this->url('admin/maintenance')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "maintenance" ? ' active' : ''?>"><?=$this->transEsc('System Maintenance')?></a>
- <a href="<?=$this->url('admin/tags')?>" class="list-group-item<?=strtolower($this->layout()->templateName) == "tags" ? ' active' : ''?>"><?=$this->transEsc('Tag Maintenance')?></a>
-</div>
+<ul class="side-nav" role="navigation">
+ <li>
+ <a href="<?= $this->url('admin') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "home" ? ' active' : '' ?>"><?= $this->transEsc('Home') ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url('admin/social') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "socialstats" ? ' active' : '' ?>"><?= $this->transEsc('Social Statistics') ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url('admin/statistics') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "statistics" ? ' active' : '' ?>"><?= $this->transEsc('Statistics') ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url('admin/config') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "config" ? ' active' : '' ?>"><?= $this->transEsc('Configuration') ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url('admin/maintenance') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "maintenance" ? ' active' : '' ?>"><?= $this->transEsc('System Maintenance') ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url('admin/tags') ?>"
+ class="<?= strtolower($this->layout()->templateName) == "tags" ? ' active' : '' ?>"><?= $this->transEsc('Tag Maintenance') ?></a>
+ </li>
+</ul>
<!-- admin - menu.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/ajax/export-favorites.phtml b/themes/foundation5/templates/ajax/export-favorites.phtml
index 10b08cdd4c0..200610ceeb7 100644
--- a/themes/foundation5/templates/ajax/export-favorites.phtml
+++ b/themes/foundation5/templates/ajax/export-favorites.phtml
@@ -2,7 +2,7 @@
<div data-alert class="alert-box info" tabindex="0" aria-live="assertive" role="dialogalert">
<div class="text-center">
<?=$this->transEsc('export_success'); ?> —
- <a class="button tiny" role="button" href="<?=$this->escapeHtmlAttr($this->url)?>"<?=$this->export()->needsRedirect($this->format) ? ' target="_blank"' : ''?>><?=
+ <a class="button small" role="button" href="<?=$this->escapeHtmlAttr($this->url)?>"<?=$this->export()->needsRedirect($this->format) ? ' target="_blank"' : ''?>><?=
$this->export()->needsRedirect($this->format)
? $this->transEsc('export_redirect', array('%%service%%' => $this->translate($this->export()->getLabelForFormat($this->format))))
: $this->transEsc('export_download')
diff --git a/themes/foundation5/templates/ajax/resolverLinks.phtml b/themes/foundation5/templates/ajax/resolverLinks.phtml
index 1b59937130f..2e94a044b5a 100644
--- a/themes/foundation5/templates/ajax/resolverLinks.phtml
+++ b/themes/foundation5/templates/ajax/resolverLinks.phtml
@@ -6,8 +6,8 @@
<ul>
<? foreach ($this->electronic as $link): ?>
<li>
- <? if (isset($link['href']) && !empty($link['href'])): ?>
- <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
+ <? if (!empty($link['href'])): ?>
+ <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"<?=!empty($link['access'])?' class=access-"'.$link['access'].'"':''?>><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
<? else: ?>
<?=isset($link['title'])?$this->escapeHtml($link['title']):''?> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
<? endif; ?>
@@ -22,8 +22,8 @@
<ul>
<? foreach ($this->print as $link): ?>
<li>
- <? if (isset($link['href']) && !empty($link['href'])): ?>
- <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
+ <? if (!empty($link['href'])): ?>
+ <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"<?=!empty($link['access'])?' class=access-"'.$link['access'].'"':''?>><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
<? else: ?>
<?=isset($link['title'])?$this->escapeHtml($link['title']):''?> <?=isset($link['coverage'])?$this->escapeHtml($link['coverage']):''?>
<? endif; ?>
@@ -37,9 +37,9 @@
<? if (!empty($this->services)): ?>
<ul>
<? foreach ($this->services as $link): ?>
- <? if (isset($link['href']) && !empty($link['href'])): ?>
+ <? if (!empty($link['href'])): ?>
<li>
- <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a>
+ <a href="<?=$this->escapeHtmlAttr($link['href'])?>" title="<?=isset($link['service_type'])?$this->escapeHtmlAttr($link['service_type']):''?>"<?=!empty($link['access'])?' class=access-"'.$link['access'].'"':''?>><?=isset($link['title'])?$this->escapeHtml($link['title']):''?></a>
</li>
<? endif; ?>
<? endforeach; ?>
diff --git a/themes/foundation5/templates/alphabrowse/home.phtml b/themes/foundation5/templates/alphabrowse/home.phtml
index 11a27fb0554..2c3ece5fca9 100644
--- a/themes/foundation5/templates/alphabrowse/home.phtml
+++ b/themes/foundation5/templates/alphabrowse/home.phtml
@@ -23,16 +23,28 @@
<? $pageLinks = ob_get_contents(); ?>
<? ob_end_clean(); ?>
-<form class="form-inline" method="get" action="<?=$this->url('alphabrowse-home')?>" name="alphaBrowseForm" id="alphaBrowseForm">
- <label for="alphaBrowseForm_source"><?=$this->transEsc('Browse Alphabetically') ?></label>
- <select id="alphaBrowseForm_source" name="source" class="form-control">
- <? foreach ($this->alphaBrowseTypes as $key => $item): ?>
+<form method="get" action="<?=$this->url('alphabrowse-home')?>" name="alphaBrowseForm" id="alphaBrowseForm">
+ <div class="row">
+ <div class="small-3 columns">
+ <label for="alphaBrowseForm_source" class="right"><?=$this->transEsc('Browse Alphabetically') ?></label>
+ </div>
+ <div class="small-9 columns">
+ <select id="alphaBrowseForm_source" name="source" class="auto">
+ <? foreach ($this->alphaBrowseTypes as $key => $item): ?>
<option value="<?=$this->escapeHtmlAttr($key) ?>"<? if ($this->source == $key): ?> selected="selected"<? endif; ?>><?=$this->transEsc($item) ?></option>
- <? endforeach; ?>
- </select>
- <label for="alphaBrowseForm_from"><?=$this->transEsc('starting from') ?></label>
- <input type="text" name="from" id="alphaBrowseForm_from" value="<?=$this->escapeHtmlAttr($this->from) ?>" class="form-control"/>
- <input class="button secondary tiny" type="submit" value="<?=$this->transEsc('Browse') ?>" role="button" aria-label="submit form"/>
+ <? endforeach; ?>
+ </select>
+ </div>
+</div>
+ <div class="row">
+ <div class="small-3 columns">
+ <label for="alphaBrowseForm_from" class="right"><?=$this->transEsc('starting from') ?></label>
+ </div>
+ <div class="small-9 columns">
+ <input type="text" name="from" id="alphaBrowseForm_from" value="<?=$this->escapeHtmlAttr($this->from) ?>" class="auto"/>
+ <input class="button secondary small" type="submit" value="<?=$this->transEsc('Browse') ?>" role="button" aria-label="submit form"/>
+ </div>
+ </div>
</form>
<? if ($this->result): ?>
diff --git a/themes/foundation5/templates/author/home.phtml b/themes/foundation5/templates/author/home.phtml
index f918e879757..f114278b21c 100644
--- a/themes/foundation5/templates/author/home.phtml
+++ b/themes/foundation5/templates/author/home.phtml
@@ -6,9 +6,9 @@
// Set up breadcrumbs:
$this->layout()->breadcrumbs = '<li class="active">' . $this->transEsc('Author') . '</li>';
?>
-<form class="form-inline" method="get" action="<?=$this->url('author-search')?>">
- <label for="author_lookfor"><?=$this->transEsc('Author Results for')?>:</label></br>
- <input class="form-control" type="text" id="author_lookfor" name="lookfor" />
- <input class="button secondary tiny" type="submit" value="<?=$this->transEsc('Find')?>" role="button" aria-label="submit form" />
+<form method="get" action="<?=$this->url('author-search')?>">
+ <label for="author_lookfor"><?=$this->transEsc('Author Results for')?>:</label></br>
+ <input class="auto" type="text" id="author_lookfor" name="lookfor" />
+ <input class="button secondary small" type="submit" value="<?=$this->transEsc('Find')?>" role="button" aria-label="submit form" />
</form>
<!-- author - HOME.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/browse/home.phtml b/themes/foundation5/templates/browse/home.phtml
index 5525fefa8dd..aac9e175647 100644
--- a/themes/foundation5/templates/browse/home.phtml
+++ b/themes/foundation5/templates/browse/home.phtml
@@ -12,33 +12,37 @@
<? endif; ?>
<div class="row">
- <ul class="browse list-group medium-3 columns<? if (!empty($this->categoryList)): ?> hide-for-small<? endif ?>" id="list1">
+ <ul class="stack button-group browse medium-3 columns<? if (!empty($this->categoryList)): ?> hide-for-small<? endif ?>" id="list1">
<? foreach ($this->browseOptions as $item=>$currentOption): ?>
- <a href="<?=$this->url('browse-' . strtolower($currentOption['action'])); ?>" class="list-group-item<? if($currentOption['action'] == $this->currentAction): ?> active<? endif; ?>">
+ <li>
+ <a href="<?=$this->url('browse-' . strtolower($currentOption['action'])); ?>" class="button secondary <? if($currentOption['action'] == $this->currentAction): ?> active<? endif; ?>">
<?=$this->transEsc($currentOption['description']) ?>
<span class="pull-right"><i class="fa fa-angle-right"></i></span>
</a>
+ </li>
<? endforeach; ?>
</ul>
<? if (!empty($this->categoryList)): ?>
- <ul class="browse list-group medium-3 columns<? if (!empty($this->secondaryList) || !empty($this->resultList)): ?> hide-for-small<? endif ?>" id="list2">
+ <ul class="stack button-group browse medium-3 columns left<? if (!empty($this->secondaryList) || !empty($this->resultList)): ?> hide-for-small<? endif ?>" id="list2">
<? foreach($this->categoryList as $findby=>$category): ?>
- <a href="<?=$BROWSE_BASE ?>?findby=<?=urlencode($findby) ?>&query_field=<?=$this->browse()->getSolrField($findby, $this->currentAction) ?>" class="list-group-item clearfix<? if ($this->findby == $findby): ?> active<? endif; ?>">
+ <li>
+ <a href="<?=$BROWSE_BASE ?>?findby=<?=urlencode($findby) ?>&query_field=<?=$this->browse()->getSolrField($findby, $this->currentAction) ?>" class="button secondary clearfix<? if ($this->findby == $findby): ?> active<? endif; ?>">
<? if(is_string($category)): ?>
<?=$this->transEsc($category)?>
<span class="pull-right"><i class="fa fa-angle-right"></i></span>
<? else: ?>
<?=$this->transEsc($category['text'])?>
- <span class="badge"><?=number_format($category['count'])?></span>
+ <span class="label"><?=number_format($category['count'])?></span>
<? endif; ?>
</a>
+ </li>
<? endforeach; ?>
</ul>
<? endif; ?>
<? if (!empty($this->secondaryList)): ?>
- <ul class="browse list-group medium-3 columns<? if (!empty($this->resultList)): ?> hide-for-small<? endif ?>" id="list3">
+ <ul class="stack button-group browse medium-3 columns left<? if (!empty($this->resultList)): ?> hide-for-small<? endif ?>" id="list3">
<? foreach($this->secondaryList as $secondary): ?>
<? $url = $BROWSE_BASE . '?findby=' . urlencode($this->findby)
. '&category=' . urlencode($this->category)
@@ -53,33 +57,39 @@
}
$viewRecord = !empty($this->categoryList) && $this->currentAction != 'Tag' && $this->findby != 'alphabetical';
?>
- <a href="<?=$url ?>" class="list-group-item clearfix<? if ($this->query == $secondary['value'].'' || $this->query == $secondary['value'].'*'): ?> active<? endif; ?>">
+ <li>
+ <a href="<?=$url ?>" class="button secondary clearfix<? if ($this->query == $secondary['value'].'' || $this->query == $secondary['value'].'*'): ?> active<? endif; ?>">
<?=$this->escapeHtml($secondary['displayText']) ?>
<? if ($this->findby != 'alphabetical' && isset($secondary['count'])): ?>
- <span class="badge"><?=number_format($secondary['count']) ?></span>
+ <span class="label"><?=number_format($secondary['count']) ?></span>
<? else: ?>
<span class="pull-right"><i class="fa fa-angle-right"></i></span>
<? endif; ?>
</a>
+ </li>
<? if($viewRecord): ?>
- <a class="list-group-item view-record" href="<?=$SEARCH_BASE ?>?lookfor=<? if ($this->filter): ?>&filter[]=<?=urlencode($this->filter) ?>%3A<?=str_replace('+AND+','&filter[]=', urlencode($secondary['value'])) ?><? endif; ?>&filter[]=<?=$this->browse()->getSolrField($this->currentAction) ?>%3A[* TO *]"><?=$this->transEsc('View Records') ?></a>
+ <li class="button">
+ <a class="button secondary view-record" href="<?=$SEARCH_BASE ?>?lookfor=<? if ($this->filter): ?>&filter[]=<?=urlencode($this->filter) ?>%3A<?=str_replace('+AND+','&filter[]=', urlencode($secondary['value'])) ?><? endif; ?>&filter[]=<?=$this->browse()->getSolrField($this->currentAction) ?>%3A[* TO *]<? if($this->dewey_flag):?>&sort=dewey-sort<?endif;?>"><?=$this->transEsc('View Records') ?></a>
+ </li>
<? endif; ?>
<? endforeach; ?>
</ul>
<? endif; ?>
<? if (!empty($this->resultList)): ?>
- <ul class="browse list-group medium-3 columns" id="list4">
+ <ul class="stack button-group browse medium-3 columns left" id="list4">
<? foreach($this->resultList as $result): ?>
- <a class="list-group-item clearfix" href="<?=$SEARCH_BASE ?>?<?=$this->paramTitle ?><?=urlencode($result['result']) ?><? if ($this->searchParams): foreach($this->searchParams as $var=>$val): ?>&<?=$var ?>=<?=urlencode($val) ?><? endforeach;endif; ?>">
+ <li>
+ <a class="button secondary clearfix" href="<?=$SEARCH_BASE ?>?<?=$this->paramTitle ?><?=urlencode($result['result']) ?><? if ($this->searchParams): foreach($this->searchParams as $var=>$val): ?>&<?=$var ?>=<?=urlencode($val) ?><? endforeach;endif; ?>">
<?=$this->escapeHtml($result['result'])?>
- <span class="badge"><?=number_format($result['count']) ?></span>
+ <span class="label"><?=number_format($result['count']) ?></span>
</a>
+ </li>
<? endforeach; ?>
</ul>
<? elseif (isset($this->query)): ?>
- <ul class="browse list-group medium-3 columns" id="list4">
- <li class="list-group-item"><?=$this->transEsc('nohit_heading') ?></li>
+ <ul class="stack button-group browse medium-3 columns left" id="list4">
+ <li><button class="alert"><?=$this->transEsc('nohit_heading') ?></button></li>
</ul>
<? endif; ?>
</div>
diff --git a/themes/foundation5/templates/cart/cart.phtml b/themes/foundation5/templates/cart/cart.phtml
index 420c53fec8c..e4b94e88de3 100644
--- a/themes/foundation5/templates/cart/cart.phtml
+++ b/themes/foundation5/templates/cart/cart.phtml
@@ -8,33 +8,52 @@
. '<li class="active">' . $this->transEsc('Book Bag') . '</li>';
?>
<?=$this->flashmessages()?>
-<form class="form-inline" action="<?=$this->url('cart-home')?>" method="post" name="cartForm">
+<form action="<?=$this->url('cart-home')?>" method="post" name="cartForm">
<? if (!$this->cart()->isEmpty()): ?>
- <div class="checkbox">
+ <div class="cart-controls clearfix">
+ <div class="checkbox pull-left select-all">
<label>
- <input type="checkbox" name="selectAll" class="checkbox-select-all"/> <?=$this->transEsc('select_page')?>
- | <?=$this->transEsc('with_selected')?>:
+ <input type="checkbox" name="selectAll" class="checkbox-select-all"/>
+ <?=$this->transEsc('select_page')?>
</label>
</div>
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
- <input class="button secondary small" role="button" aria-label="submit form" type="submit" name="saveCart" value="<?=$this->transEsc('bookbag_save_selected')?>" title="<?=$this->transEsc('bookbag_save')?>"/>
+ <button type="submit" class="button secondary small" role="button" aria-label="submit form" name="saveCart" title="<?=$this->transEsc('bookbag_save')?>" value="1"/>
+ <i class="fa fa-save"></i>
+ <?=$this->transEsc('Save')?>
+ </button>
<? endif; ?>
- <input class="button secondary small" role="button" aria-label="submit form" type="submit" name="email" value="<?=$this->transEsc('bookbag_email_selected')?>" title="<?=$this->transEsc('bookbag_email')?>"/>
+ <button type="submit" class="button secondary small" role="button" aria-label="submit form" name="email" title="<?=$this->transEsc('bookbag_email')?>" value="1"/>
+ <i class="fa fa-envelope-o"></i>
+ <?=$this->transEsc('Email')?>
+ </button>
<? $exportOptions = $this->export()->getBulkOptions(); if (count($exportOptions) > 0): ?>
- <input class="button secondary small" role="button" aria-label="submit form" type="submit" name="export" value="<?=$this->transEsc('bookbag_export_selected')?>" title="<?=$this->transEsc('bookbag_export')?>"/>
+ <button type="submit" class="button secondary small" role="button" aria-label="submit form" name="export" title="<?=$this->transEsc('bookbag_export')?>" value="1"/>
+ <i class="fa fa-list-alt"></i>
+ <?=$this->transEsc('Export')?>
+ </button>
<? endif; ?>
- <input class="button secondary small" role="button" aria-label="submit form" type="submit" name="print" value="<?=$this->transEsc('bookbag_print_selected')?>" title="<?=$this->transEsc('print_selected')?>"/>
- <button type="submit" name="delete" id="cartDelete" class="button secondary small" data-dropdown="cart-delete-label-dd" role="button" aria-controls="cart-delete-label-dd" aria-expanded="false" id="cart-delete-label"><?=$this->transEsc('bookbag_delete_selected')?></button>
+ <button type="submit" class="button secondary small" role="button" aria-label="submit form" name="print" title="<?=$this->transEsc('print_selected')?>" value="1"/>
+ <i class="fa fa-print"></i>
+ <?=$this->transEsc('Print')?>
+ </button>
+ <button type="submit" name="delete" class="button secondary small" data-dropdown="cart-delete-label-dd" role="button" aria-controls="cart-delete-label-dd" aria-expanded="false" id="cart-delete-label" value="1">
+ <i class="fa fa-trash"></i>
+ <?=$this->transEsc('Delete')?>
+ </button>
<ul id="cart-delete-label-dd" class="f-dropdown" data-dropdown-content role="menu" aria-labelledby="cart-delete-label" aria-hidden="true" tabindex="-1">
- <li><a onClick="submitFormWithIds(this, {'delete':'delete'})" title="<?=$this->transEsc('confirm_delete')?>"><?=$this->transEsc('confirm_dialog_yes')?></a></li>
+ <li><a id="cart-confirm-delete" onClick="submitFormWithIds(this, {'delete':'delete'})" title="<?=$this->transEsc('confirm_delete')?>"><?=$this->transEsc('confirm_dialog_yes')?></a></li>
<li><a><?=$this->transEsc('confirm_dialog_no')?></a></li>
</ul>
- <input type="submit" name="empty" class="button secondary small" data-dropdown="cart-empty-label-dd" role="button" aria-controls="cart-empty-label-dd" aria-expanded="false" id="cart-empty-label" value="<?=$this->transEsc('Empty Book Bag')?>"/>
+ <button type="submit" class="button secondary small" name="empty" data-dropdown="cart-empty-label-dd" id="cart-empty-label" value="1" role="button" aria-controls="cart-empty-label-dd" aria-expanded="false"/>
+ <i class="fa fa-close"></i>
+ <?=$this->transEsc('Empty Book Bag')?>
+ </button>
<ul id="cart-empty-label-dd" class="f-dropdown" data-dropdown-content role="menu" aria-labelledby="cart-empty-label" aria-hidden="true" tabindex="-1">
- <li><a onClick="submitCartForm(this, {'empty':'empty'})" title="<?=$this->transEsc('bookbag_confirm_empty')?>"><?=$this->transEsc('confirm_dialog_yes')?></a></li>
+ <li><a id="cart-confirm-empty" onClick="submitCartForm(this, {'empty':'empty'})" title="<?=$this->transEsc('bookbag_confirm_empty')?>"><?=$this->transEsc('confirm_dialog_yes')?></a></li>
<li><a onClick="$('.fa.fa-spinner').remove()"><?=$this->transEsc('confirm_dialog_no')?></a></li>
</ul>
-
+ </div>
<? endif; ?>
<?=$this->render('cart/contents.phtml')?>
</form>
@@ -76,7 +95,7 @@
return true;
}
});
- $('#cartDelete').on('click.fndtn.dropdown', function () {
+ $('#cart-delete-label').on('click.fndtn.dropdown', function () {
var form = $(this).closest('form')[0];
var checkboxes = form.querySelectorAll('[name="ids[]"]:checked');
if(checkboxes.length == 0) {
diff --git a/themes/foundation5/templates/cart/email.phtml b/themes/foundation5/templates/cart/email.phtml
index 6346844d408..e45db0da929 100644
--- a/themes/foundation5/templates/cart/email.phtml
+++ b/themes/foundation5/templates/cart/email.phtml
@@ -9,15 +9,15 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
. '<li class="active">' . $this->transEsc('email_selected_favorites') . '</li>';
?>
<?=$this->flashmessages()?>
- <form class="form-horizontal" action="<?=$this->url('cart-email')?>" method="post" name="bulkEmail">
+ <form action="<?=$this->url('cart-email')?>" method="post" name="bulkEmail">
<? foreach ($this->records as $current): ?>
<input type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($current->getResourceSource() . '|' . $current->getUniqueId())?>" />
<? endforeach; ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Title')?></label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Title')?></label>
<div class="medium-9 columns">
<? if(count($this->records) > 1): ?>
- <button type="button" class="button secondary tiny hidden" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
+ <button type="button" class="button secondary small hide" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
<?=count($this->records).' '.$this->transEsc('items') ?>
</button>
<ul id="itemhide" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
@@ -26,7 +26,7 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
<? endforeach; ?>
</ul>
<? else: ?>
- <p class="form-control-static"><?=$this->records[0]->getBreadcrumb() ?></p>
+ <p class="auto"><?=$this->records[0]->getBreadcrumb() ?></p>
<? endif; ?>
</div>
</div>
@@ -34,7 +34,7 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
</form>
<?
$script = <<<JS
- $('button.button.hidden').removeClass('hidden');
+ $('button.button.hide').removeClass('hide');
JS;
?>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET') ?>
diff --git a/themes/foundation5/templates/cart/export-success.phtml b/themes/foundation5/templates/cart/export-success.phtml
index 0ac59d40a8a..060b61b3b57 100644
--- a/themes/foundation5/templates/cart/export-success.phtml
+++ b/themes/foundation5/templates/cart/export-success.phtml
@@ -1,4 +1,4 @@
<div class="text-center">
<?=$this->transEsc('export_success')?> —
- <a class="button tiny" role="button" href="<?=$this->escapeHtmlAttr($this->url)?>"><?=$this->transEsc('export_download')?></a>
+ <a class="button small" role="button" href="<?=$this->escapeHtmlAttr($this->url)?>"><?=$this->transEsc('export_download')?></a>
</div>
diff --git a/themes/foundation5/templates/cart/export.phtml b/themes/foundation5/templates/cart/export.phtml
index c6ddc9e57dc..586cc583837 100644
--- a/themes/foundation5/templates/cart/export.phtml
+++ b/themes/foundation5/templates/cart/export.phtml
@@ -13,15 +13,15 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
<?=$this->flashmessages()?>
<? if (!empty($this->exportOptions)): ?>
- <form class="form-horizontal" method="post" action="<?=$this->url('cart-export')?>" name="exportForm" title="<?=$this->transEsc('Export Items')?>">
+ <form method="post" action="<?=$this->url('cart-export')?>" name="exportForm" title="<?=$this->transEsc('Export Items')?>">
<? foreach ($this->records as $current): ?>
<input type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($current->getResourceSource() . '|' . $current->getUniqueId())?>" />
<? endforeach; ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Title')?></label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Title')?></label>
<div class="medium-9 columns">
<? if(count($this->records) > 1): ?>
- <button type="button" class="button secondary tiny hidden" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
+ <button type="button" class="button secondary small hide" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
<?=count($this->records).' '.$this->transEsc('items') ?>
</button>
<ul id="itemhide" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
@@ -30,30 +30,30 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
<? endforeach; ?>
</ul>
<? else: ?>
- <p class="form-control-static"><?=$this->records[0]->getBreadcrumb() ?></p>
+ <p class="auto"><?=$this->records[0]->getBreadcrumb() ?></p>
<? endif; ?>
</div>
</div>
- <div class="form-group">
- <label for="format" class="medium-3 columns control-label"><?=$this->transEsc('Format')?>:</label>
+ <div class="row">
+ <label for="format" class="medium-3 columns"><?=$this->transEsc('Format')?>:</label>
<div class="medium-9 columns">
- <select name="format" id="format" class="form-control">
+ <select name="format" id="format" class="auto">
<? foreach ($this->exportOptions as $exportOption): ?>
<option value="<?=$this->escapeHtmlAttr($exportOption)?>"><?=$this->transEsc($this->export()->getLabelForFormat($exportOption))?></option>
<? endforeach; ?>
</select>
</div>
</div>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
- <input class="button secondary tiny" role="button" type="submit" name="submit" value="<?=$this->transEsc('Export')?>"/>
+ <input class="button secondary small" role="button" type="submit" name="submit" value="<?=$this->transEsc('Export')?>"/>
</div>
</div>
</form>
<? endif; ?>
<?
$script = <<<JS
- $('button.button.hidden').removeClass('hidden');
+ $('button.button.hide').removeClass('hide');
JS;
?>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET') ?>
diff --git a/themes/foundation5/templates/cart/save.phtml b/themes/foundation5/templates/cart/save.phtml
index acae60e983d..70297e5615a 100644
--- a/themes/foundation5/templates/cart/save.phtml
+++ b/themes/foundation5/templates/cart/save.phtml
@@ -11,17 +11,17 @@
<?=$this->flashmessages()?>
-<form class="form-horizontal" method="post" action="<?=$this->url('cart-save')?>" name="bulkSave">
+<form method="post" action="<?=$this->url('cart-save')?>" name="bulkSave">
<? $idParams = array(); ?>
<? foreach ($this->records as $current): ?>
<? $idParams[] = urlencode('ids[]') . '=' . urlencode($current->getResourceSource() . '|' . $current->getUniqueId()) ?>
<input type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($current->getResourceSource() . '|' . $current->getUniqueId())?>" />
<? endforeach; ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Title')?></label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Title')?></label>
<div class="medium-9 columns">
<? if(count($this->records) > 1): ?>
- <button type="button" class="button secondary tiny hidden" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
+ <button type="button" class="button secondary small hide" data-dropdown="itemhide" role="button" aria-controls="itemhide" aria-expanded="false">
<?=count($this->records).' '.$this->transEsc('items') ?>
</button>
<ul id="itemhide" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
@@ -30,15 +30,15 @@
<? endforeach; ?>
</ul>
<? else: ?>
- <p class="form-control-static"><?=$this->records[0]->getBreadcrumb() ?></p>
+ <p><?=$this->records[0]->getBreadcrumb() ?></p>
<? endif; ?>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="save_list"><?=$this->transEsc('Choose a List') ?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="save_list"><?=$this->transEsc('Choose a List') ?></label>
<div class="medium-9 columns">
- <select id="save_list" name="list" class="form-control">
+ <select id="save_list" name="list" class="auto">
<? if (count($this->lists) > 0): ?>
<? foreach ($this->lists as $list): ?>
<option value="<?=$list['id'] ?>"<? if ($list['id']==$this->userList()->lastUsed()): ?> selected="selected"<? endif; ?>><?=$this->escapeHtml($list['title'])?></option>
@@ -47,30 +47,30 @@
<option value=""><?=$this->transEsc('My Favorites') ?></option>
<? endif; ?>
</select>
- <a class="button link" id="make-list" role="button" href="<?=$this->url('editList', array('id' => 'NEW')) . '?' . implode('&', $idParams) ?>" title="<?=$this->transEsc('Create a List') ?>"><?=$this->transEsc('or create a new list'); ?></a>
+ <a class="button small secondary" id="make-list" role="button" href="<?=$this->url('editList', array('id' => 'NEW')) . '?' . implode('&', $idParams) ?>" title="<?=$this->transEsc('Create a List') ?>"><?=$this->transEsc('or create a new list'); ?></a>
</div>
</div>
<? if ($this->usertags()->getMode() !== 'disabled'): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="add_mytags"><?=$this->transEsc('Add Tags') ?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="add_mytags"><?=$this->transEsc('Add Tags') ?></label>
<div class="medium-9 columns">
- <input id="add_mytags" type="text" name="mytags" value="" class="form-control"/>
+ <input id="add_mytags" type="text" name="mytags" value="" class="auto"/>
<span class="help-block"><?=$this->transEsc("add_tag_note") ?></span>
</div>
</div>
<? endif; ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 medium-offset-3 columns">
- <input class="button secondary tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
+ <input class="button secondary small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
</div>
</div>
</form>
<?
$script = <<<JS
- $('button.button.hidden').removeClass('hidden');
- JS;
+ $('button.button.hide').removeClass('hide');
+JS;
?>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET') ?>
<!-- cart - SAVE.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/collection/view.phtml b/themes/foundation5/templates/collection/view.phtml
index a4de9d61a3c..07ce19e4080 100644
--- a/themes/foundation5/templates/collection/view.phtml
+++ b/themes/foundation5/templates/collection/view.phtml
@@ -68,7 +68,7 @@
$this->layout()->breadcrumbs .= ' <li class="active">' . $this->transEsc($desc) . '</li>';
$activeTabObj = $obj;
}
- if (!$obj->isVisible()) { $tab_classes[] = 'hidden'; }
+ if (!$obj->isVisible()) { $tab_classes[] = 'hide'; }
if (!$obj->supportsAjax()) { $tab_classes[] = 'noajax'; }
?>
<li<?=count($tab_classes) > 0 ? ' class="' . implode(' ', $tab_classes) . '"' : ''?>>
diff --git a/themes/foundation5/templates/collections/home.phtml b/themes/foundation5/templates/collections/home.phtml
index 12caeb79056..e884dbf8d3f 100644
--- a/themes/foundation5/templates/collections/home.phtml
+++ b/themes/foundation5/templates/collections/home.phtml
@@ -13,7 +13,7 @@
<? /* LOAD THE LINK INFORMATION INTO $pageLinks, similar to smarty's {capture} */ ?>
<? ob_start(); ?>
- <form class="form-inline" method="GET" action="<?=$this->url('collections-home')?>">
+ <form method="GET" action="<?=$this->url('collections-home')?>">
<ul class="pager">
<? if (isset($prevpage)): ?>
<li><a href="<?=$this->url('collections-home')?>?from=<?=urlencode($from)?>&page=<?=urlencode($prevpage)?><?=$this->escapeHtmlAttr($filterString)?>">« <?=$this->transEsc('Prev')?></a></li>
@@ -25,7 +25,7 @@
<? else: ?>
<li class="disabled"><a href="#"><?=$this->transEsc('Next')?> »</a></li>
<? endif; ?>
- <input type="submit" class="button secondary tiny" role="button" value="<?=$this->transEsc('Jump to')?>" />
+ <input type="submit" class="button secondary small" role="button" value="<?=$this->transEsc('Jump to')?>" />
<input type="text" name="from" value="<?=$this->escapeHtmlAttr($from)?>" />
</ul>
</form>
diff --git a/themes/foundation5/templates/collections/list.phtml b/themes/foundation5/templates/collections/list.phtml
index 75aabde9b45..a5a393a310d 100644
--- a/themes/foundation5/templates/collections/list.phtml
+++ b/themes/foundation5/templates/collections/list.phtml
@@ -1,13 +1,17 @@
<!-- collections - list.phtml -->
-<div class="list-group">
+<ul class="list-unstyled">
<? foreach ($result as $i => $item): ?>
- <a class="list-group-item" href="<?=$this->url('collection', array('id' => $item['value']))?>">
+ <li>
+ <a class="button secondary" href="<?=$this->url('collection', array
+ ('id' =>
+ $item['value']))?>">
<strong><?=$this->escapeHtml($item['displayText'])?></strong>
- <span class="badge">
+ <span class="label">
<?=$item['count']?> <?=$this->transEsc('items')?>
<i class="fa fa-angle-right"></i>
</span>
- </a>
+ </a>
+ </li>
<? endforeach; ?>
-</div>
+</ul>
<!-- collections - list.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/combined/results-ajax.phtml b/themes/foundation5/templates/combined/results-ajax.phtml
index c6b15d64c67..4984c7232f0 100644
--- a/themes/foundation5/templates/combined/results-ajax.phtml
+++ b/themes/foundation5/templates/combined/results-ajax.phtml
@@ -10,6 +10,6 @@
. "\$('#combined_" . $this->escapeHtml($searchClassId) . "').load(url, '', function(responseText) { if (responseText.length == 0) $('#combined_" . $this->escapeHtml($searchClassId) . "').hide(); });";
?>
<h2><?=$this->transEsc($currentSearch['label'])?></h2>
-<p><i class="fa fa-spinner fa-spin"></i> <?=$this->transEsc("Loading")?>...</p>
+<p><i class="fa fa-spinner fa-spin"></i> <?=$this->transEsc("Loading")?> ...</p>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, '$(document).ready(function(){' . $loadJs . '});', 'SET')?>
<noscript><?=$this->transEsc('Please enable JavaScript.')?></noscript>
diff --git a/themes/foundation5/templates/combined/results-list.phtml b/themes/foundation5/templates/combined/results-list.phtml
index c8f773f40d2..42947a85ea9 100644
--- a/themes/foundation5/templates/combined/results-list.phtml
+++ b/themes/foundation5/templates/combined/results-list.phtml
@@ -26,6 +26,9 @@
<div class="clearfix">
<div class="pull-left help-block">
<? if ($recordTotal > 0): ?>
+ <? foreach (($top = $results->getRecommendations('top')) as $current): ?>
+ <?=$this->recommend($current)?>
+ <? endforeach; ?>
<?=$this->transEsc("Showing")?>
<strong><?=$this->localizedNumber($results->getStartRecord())?></strong> - <strong><?=$this->localizedNumber($results->getEndRecord())?></strong>
<? if (!isset($view->skipTotalCount)): ?>
diff --git a/themes/foundation5/templates/combined/results.phtml b/themes/foundation5/templates/combined/results.phtml
index 119320b0c5d..7ca709a98fa 100644
--- a/themes/foundation5/templates/combined/results.phtml
+++ b/themes/foundation5/templates/combined/results.phtml
@@ -47,7 +47,7 @@
$this->headLink()->appendStylesheet('combined-search.css');
?>
<?=$this->flashmessages()?>
-<form class="form-inline" method="post" name="bulkActionForm" action="<?=$this->url('cart-home')?>">
+<form method="post" name="bulkActionForm" action="<?=$this->url('cart-home')?>">
<? $recs = $combinedResults->getRecommendations('top'); if (!empty($recs)): ?>
<div>
<? foreach ($recs as $current): ?>
diff --git a/themes/foundation5/templates/confirm/confirm.phtml b/themes/foundation5/templates/confirm/confirm.phtml
index da8ec0ed9d1..cbff0b3d371 100644
--- a/themes/foundation5/templates/confirm/confirm.phtml
+++ b/themes/foundation5/templates/confirm/confirm.phtml
@@ -18,10 +18,10 @@
<? endif; ?>
<? endforeach; ?>
<? endif;?>
- <input class="button tiny" type="submit" name="confirm" role="button" value="<?=$this->transEsc('confirm_dialog_yes') ?>" />
+ <input class="button small" type="submit" name="confirm" role="button" value="<?=$this->transEsc('confirm_dialog_yes') ?>" />
</form>
<form action="<?=$this->escapeHtmlAttr($this->cancel) ?>" method="post">
- <input class="button secondary tiny" type="submit" name="cancel" role="button" value="<?=$this->transEsc('confirm_dialog_no') ?>" />
+ <input class="button secondary small" type="submit" name="cancel" role="button" value="<?=$this->transEsc('confirm_dialog_no') ?>" />
</form>
<div class="clearer"></div>
</div>
diff --git a/themes/foundation5/templates/devtools/language.phtml b/themes/foundation5/templates/devtools/language.phtml
index 999d1117916..3441b3e9900 100644
--- a/themes/foundation5/templates/devtools/language.phtml
+++ b/themes/foundation5/templates/devtools/language.phtml
@@ -47,7 +47,7 @@
</a>
<div id="missing_<?=$langCode ?>" class="content">
<div class="accordion-inner">
- <textarea class="form-control" rows="15"><? foreach ($diffs['notInL2'] as $key): ?><?=$this->escapeHtml($key)?> = "<?=$this->escapeHtml($main[$key])?>"
+ <textarea class="auto" rows="15"><? foreach ($diffs['notInL2'] as $key): ?><?=$this->escapeHtml($key)?> = "<?=$this->escapeHtml($main[$key])?>"
<? endforeach; ?></textarea>
</div>
</div>
diff --git a/themes/foundation5/templates/eds/advanced.phtml b/themes/foundation5/templates/eds/advanced.phtml
index 82aeff7c920..5c22d08eddd 100644
--- a/themes/foundation5/templates/eds/advanced.phtml
+++ b/themes/foundation5/templates/eds/advanced.phtml
@@ -1,9 +1,61 @@
+<!-- eds - advanced -->
<?
// Load the EDS-specific advanced search controls and inject them into the
// standard advanced search layout:
$this->extraAdvancedControls = $this->render('search/advanced/eds.phtml');
-
$this->buildPageOverride = '/search/advanced/build_page_eds.phtml';
- $this->advancedSearchJsOverride = 'advanced_search_eds.js';
+
+ ob_start();
+?>
+<div id="new_group_template">
+ <div class="group panel clearfix">
+ <input type="hidden" name="join" value="AND"/>
+ <input type="hidden" name="bool0[]" value="AND"/>
+ <? for ($search=0;$search<3;$search++): ?>
+ <? if ($search == 0): ?>
+ <div id="new_search_template">
+ <? endif; ?>
+ <div class="search row">
+ <div class="medium-3 columns">
+ <input type="hidden" value="AND" class="first-op"/>
+ <label class="help-block<? if ($search > 0): ?> hide<?endif;?>"><?=$this->transEsc("adv_search_label")?>:</label>
+ <select id="search_op0_<?=$search ?>" name="op0[]" class="op medium-9 columns <? if ($search == 0): ?> hidden<?endif;?>">
+ <option value="AND"><?=$this->transEsc("AND")?></option>
+ <option value="OR"><?=$this->transEsc("OR")?></option>
+ <option value="NOT"><?=$this->transEsc("NOT")?></option>
+ </select>
+ </div>
+ <div class="medium-9 columns">
+ <div class="row">
+ <div class="medium-6 columns">
+ <input id="search_lookfor0_<?=$search ?>" name="lookfor0[]" class="auto" type="text" value=""/>
+ </div>
+ <span class="medium-1 columns help-block hide-for-small"><?=$this->transEsc("in")?></span>
+ <div class="medium-4 columns middle">
+ <select id="search_type0_<?=$search ?>" name="type0[]" class="type auto">
+ <? foreach ($this->options->getAdvancedHandlers() as $searchVal => $searchDesc): ?>
+ <option value="<?=$this->escapeHtml($searchVal)?>"><?=$this->transEsc($searchDesc)?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ <div class="close">
+ <a href="#" class="help-block">×</a>
+ </div>
+ </div>
+ </div>
+ <br class="hide-for-large-up"/>
+ </div>
+ <? if ($search == 0): ?>
+ </div>
+ <? endif; ?>
+ <? endfor; ?>
+ <i class="fa fa-plus-circle search_place_holder hide"></i> <a href="#" class="add_search_link hide"><?=$this->transEsc("add_search")?></a>
+ </div>
+</div>
+<?
+ $this->formOverride = ob_get_contents();
+ ob_end_clean();
+
echo $this->render('search/advanced/layout.phtml');
-?>
\ No newline at end of file
+?>
+<!-- eds - advanced - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/feedback/form.phtml b/themes/foundation5/templates/feedback/form.phtml
index 49137145835..61259ac12ef 100644
--- a/themes/foundation5/templates/feedback/form.phtml
+++ b/themes/foundation5/templates/feedback/form.phtml
@@ -1,30 +1,30 @@
<!-- feedback - FORM.phtml -->
<h2><?=$this->transEsc("Send us your feedback!")?></h2>
-<form class="form-horizontal" name="feedback" method="post" action="<?=$this->url('feedback-email')?>">
+<form name="feedback" method="post" action="<?=$this->url('feedback-email')?>">
<input type="hidden" id="formSuccess" value="<?=$this->transEsc("Form Submitted!")?>"/>
<input type="hidden" id="feedbackSuccess" value="<?=$this->transEsc("Thank you for your feedback.")?>"/>
<input type="hidden" id="feedbackFailure" value="<?=$this->transEsc("An error has occurred")?>"/>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="name"><?=$this->transEsc("feedback_name")?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="name"><?=$this->transEsc("feedback_name")?></label>
<div class="medium-9 columns">
- <input type="text" id="name" class="form-control"/>
+ <input type="text" id="name" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="email"><?=$this->transEsc("Email")?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="email"><?=$this->transEsc("Email")?></label>
<div class="medium-9 columns">
- <input type="email" id="email" class="form-control"/>
+ <input type="email" id="email" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="comments"><?=$this->transEsc("Comments")?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="comments"><?=$this->transEsc("Comments")?></label>
<div class="medium-9 columns">
- <textarea id="comments" class="form-control"></textarea>
+ <textarea id="comments" class="auto"></textarea>
</div>
</div>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
- <input type="submit" class="button tiny" role="button" value="<?=$this->transEsc("Send")?>" />
+ <input type="submit" class="button small" role="button" value="<?=$this->transEsc("Send")?>" />
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/header.phtml b/themes/foundation5/templates/header.phtml
index 164c0528a07..c6f50344f5d 100644
--- a/themes/foundation5/templates/header.phtml
+++ b/themes/foundation5/templates/header.phtml
@@ -1,20 +1,34 @@
<!-- HEADER.PHTML begin -->
<? $account = $this->auth()->getManager(); ?>
- <nav class="top-bar" data-topbar role="navigation" data-options="sticky_on:all">
- <ul class="title-area">
- <li class="name">
- <h1><a role="logo" class="navbar-brand" href="<?=$this->url('home')?>">VuFind</a></h1>
- </li>
- <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
- <li class="toggle-topbar menu-icon"><a href="#"><span>Toggle Menu</span></a></li>
- </ul>
- <? if ($this->layout()->searchbox !== false): ?>
- <section class="top-bar-section show-for-large-up" id="top-srchbx">
- <div class="has-form"><?=$this->layout()->searchbox ?></div>
- </section>
- <? endif; ?>
- <? if (!isset($this->layout()->renderingError)): ?>
- <section class="top-bar-section" id="top-acc-bttns">
+ <nav class="top-bar" role="navigation" data-topbar data-options="sticky_on:all">
+ <ul class="title-area">
+ <li class="name">
+ <h1><a role="logo" class="navbar-brand" href="<?=$this->url('home')?>">VuFind</a></h1>
+ </li>
+ <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
+ <li class="toggle-topbar menu-icon"><a href="#"><span>Toggle Menu</span></a></li>
+ </ul>
+ <section class="top-bar-section">
+ <? // Set default value if necessary:
+ if (!isset($this->searchClassId)) {
+ $this->searchClassId = 'Solr';
+ } ?>
+ <? $searchTabs = $this->searchtabs($this->searchClassId, $this->lookfor, $this->searchIndex, $this->searchType); ?>
+ <? if ($this->layout()->searchbox !== false): ?>
+ <? if(count($searchTabs) > 0): ?>
+ <!-- search - searchtabs.PHTML -->
+ <ul class="left">
+ <? foreach ($searchTabs as $tab): ?>
+ <li<?=$tab['selected'] ? ' class="active"' : ''?>>
+ <a <?=$tab['selected'] ? '#' : 'href="' . $this->escapeHtmlAttr($tab['url']) . '"' ?>><?=$this->transEsc($tab['label']); ?></a>
+ </li>
+ <? endforeach; ?>
+ </ul>
+ <? else: ?>
+ <?= $this->render('search/searchbox-topbar'); ?>
+ <? endif; ?>
+ <? endif; ?>
+ <? if (!isset($this->layout()->renderingError)): ?>
<!-- Right-hand Nav Section -->
<ul class="right">
<? if ($this->feedback()->tabEnabled()): ?>
@@ -24,31 +38,31 @@
<? endif; ?>
<? $cart = $this->cart(); if ($cart->isActive()): ?>
<li id="cartSummary">
- <a id="cartItems" class="modal-link" title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"><i class="fa fa-suitcase"></i> <strong><?=count($cart->getItems())?></strong> <?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' . $this->transEsc('bookbag_full') . ')' : ''?></a>
+ <a id="cartItems" class="modal-link" title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"><i class="fa fa-suitcase"></i> <strong><?=count($cart->getItems())?></strong> <?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' . $this->transEsc('bookbag_full') . ')' : ''?></a>
</li>
<? endif; ?>
<? if (is_object($account) && $account->loginEnabled()): // hide login/logout if unavailable ?>
- <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
- <a href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>" class="modal-link" title="<?=$this->transEsc("Your Account")?>"><i class="fa fa-home"></i> <?=$this->transEsc("Your Account")?></a>
+ <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hide<? endif ?>">
+ <a href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>" class="modal-link" title="<?=$this->transEsc("Your Account")?>"><i class="fa fa-home"></i> <?=$this->transEsc("Your Account")?></a>
</li>
- <li class="logoutLink logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
- <a href="<?=$this->url('myresearch-logout')?>" class="modal-link" title="<?=$this->transEsc("Log Out")?>"><i class="fa fa-sign-out"></i> <?=$this->transEsc("Log Out")?></a>
+ <li class="logoutLink logoutOptions<? if(!$account->isLoggedIn()): ?> hide<? endif ?>">
+ <a href="<?=$this->url('myresearch-logout')?>" class="modal-link" title="<?=$this->transEsc("Log Out")?>"><i class="fa fa-sign-out"></i> <?=$this->transEsc("Log Out")?></a>
</li>
- <li id="loginOptions" class="<? if($account->isLoggedIn()): ?> hidden<? endif ?>">
+ <li id="loginOptions" class="<? if($account->isLoggedIn()): ?> hide<? endif ?>">
<? if ($sessionInitiator = $account->getSessionInitiator($this->serverUrl($this->url('myresearch-home')))): ?>
<a href="<?=$this->escapeHtmlAttr($sessionInitiator)?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Institutional Login")?></a>
<? else: ?>
- <a href="<?=$this->url('myresearch-userlogin')?>" class="modal-link" title="<?=$this->transEsc("Login")?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Login")?></a>
+ <a href="<?=$this->url('myresearch-userlogin')?>" class="modal-link" title="<?=$this->transEsc("Login")?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Login")?></a>
<? endif; ?>
</li>
<? endif; ?>
<? if (isset($this->layout()->themeOptions) && count($this->layout()->themeOptions) > 1): ?>
<li class="has-dropdown">
- <form method="post" name="themeForm" action="" id="themeForm">
+ <form method="post" name="themeForm" id="themeForm">
<input type="hidden" name="ui"/>
</form>
- <a href="#"><?=$this->transEsc("Theme")?> <b class="caret"></b></a>
+ <a href="#"><?=$this->transEsc("Theme")?></a>
<ul class="dropdown">
<? foreach ($this->layout()->themeOptions as $current): ?>
<li<?=$current['selected'] ? ' class="active"' : ''?>><a href="#" onClick="document.themeForm.ui.value='<?=$this->escapeHtmlAttr($current['name'])?>';document.themeForm.submit()"><?=$this->transEsc($current['desc'])?></a></li>
@@ -59,7 +73,7 @@
<? if (isset($this->layout()->allLangs) && count($this->layout()->allLangs) > 1): ?>
<li class="has-dropdown">
- <form method="post" name="langForm" action="" id="langForm">
+ <form method="post" name="langForm" id="langForm">
<input type="hidden" name="mylang"/>
</form>
<a href="#" aria-controls="langmenu" aria-expanded="false"><?=$this->transEsc("Language")?></a>
@@ -71,7 +85,14 @@
</li>
<? endif; ?>
</ul>
+ <? endif; ?>
+ </section>
+ </nav>
+ <? if ($this->layout()->searchbox !== false && count($searchTabs) > 0): ?>
+ <nav class="top-bar search">
+ <section class="top-bar-section">
+ <?= $this->render('search/searchbox-topbar'); ?>
</section>
- <? endif; ?>
</nav>
+ <? endif; ?>
<!-- HEADER.PHTML end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/install/fixdatabase.phtml b/themes/foundation5/templates/install/fixdatabase.phtml
index 8d517085e82..bf9757d375c 100644
--- a/themes/foundation5/templates/install/fixdatabase.phtml
+++ b/themes/foundation5/templates/install/fixdatabase.phtml
@@ -12,73 +12,73 @@
<p>To create a new database for VuFind, please fill in this form:</p>
-<form class="form-horizontal" action="" method="post">
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbname">Select database type:</label>
+<form method="post">
+ <div class="row">
+ <label class="medium-3 columns" for="dbname">Select database type:</label>
<div class="medium-9 columns">
- <select name="driver" class="form-control">
+ <select name="driver" class="auto">
<option value="mysql">MySQL</option>
<option <? if ($driver == 'pgsql'): ?>selected="selected" <? endif; ?>value="pgsql">PostgreSQL</option>
</select>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbname">New database name:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbname">New database name:</label>
<div class="medium-9 columns">
- <input type="text" name="dbname" value="<?=$this->escapeHtmlAttr($this->dbname)?>" class="form-control"/>
+ <input type="text" name="dbname" value="<?=$this->escapeHtmlAttr($this->dbname)?>" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbuser">New database user:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbuser">New database user:</label>
<div class="medium-9 columns">
- <input type="text" name="dbuser" value="<?=$this->escapeHtmlAttr($this->dbuser)?>" class="form-control"/>
+ <input type="text" name="dbuser" value="<?=$this->escapeHtmlAttr($this->dbuser)?>" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbpass">New user password:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbpass">New user password:</label>
<div class="medium-9 columns">
- <input type="password" name="dbpass" value="" class="form-control"/>
+ <input type="password" name="dbpass" value="" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbpassconfirm">Confirm new user password:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbpassconfirm">Confirm new user password:</label>
<div class="medium-9 columns">
- <input type="password" name="dbpassconfirm" value="" class="form-control"/>
+ <input type="password" name="dbpassconfirm" value="" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbhost">MySQL Host:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbhost">MySQL Host:</label>
<div class="medium-9 columns">
- <input type="text" name="dbhost" value="<?=$this->escapeHtmlAttr($this->dbhost)?>" class="form-control"/>
+ <input type="text" name="dbhost" value="<?=$this->escapeHtmlAttr($this->dbhost)?>" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="vufindhost">VuFind IP/Host (if different from SQL Host):</label>
+ <div class="row">
+ <label class="medium-3 columns" for="vufindhost">VuFind IP/Host (if different from SQL Host):</label>
<div class="medium-9 columns">
<input type="text" name="vufindhost" value="<?=$this->escapeHtmlAttr($this->vufindhost)?>"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbrootuser">MySQL Root User:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbrootuser">MySQL Root User:</label>
<div class="medium-9 columns">
- <input type="text" name="dbrootuser" value="<?=$this->escapeHtmlAttr($this->dbrootuser)?>" class="form-control"/>
+ <input type="text" name="dbrootuser" value="<?=$this->escapeHtmlAttr($this->dbrootuser)?>" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="dbrootpass">MySQL Root Password:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="dbrootpass">MySQL Root Password:</label>
<div class="medium-9 columns">
- <input type="password" name="dbrootpass" value="" class="form-control"/>
+ <input type="password" name="dbrootpass" value="" class="auto"/>
</div>
</div>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Submit') ?>" />
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Submit') ?>" />
</div>
</div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="printsql">If you don't have the credentials or you wish to print the SQL out :</label>
+ <div class="row">
+ <label class="medium-3 columns" for="printsql">If you don't have the credentials or you wish to print the SQL out :</label>
<div class="medium-9 columns">
- <p class="form-control-static">Click here to <input class="button secondary tiny" role="button" type="submit" name="printsql" value="Skip"/> credentials.</p>
+ <p class="auto-static">Click here to <input class="button secondary small" role="button" type="submit" name="printsql" value="Skip"/> credentials.</p>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/install/fixils.phtml b/themes/foundation5/templates/install/fixils.phtml
index 1af4a841d73..5404f968e2c 100644
--- a/themes/foundation5/templates/install/fixils.phtml
+++ b/themes/foundation5/templates/install/fixils.phtml
@@ -13,20 +13,20 @@
in order to demonstrate the capabilities of the system. If you want real patron and status information to display,
you should change your configuration to communicate with a real ILS.</p>
- <form method="post" action="" class="form-horizontal" role="form">
- <div class="form-group">
- <label for="driver" class="medium-2 columns control-label">Pick a driver:</label>
+ <form method="post" role="form">
+ <div class="row">
+ <label for="driver" class="medium-2 columns">Pick a driver:</label>
<div class="medium-10 columns">
- <select id="driver" name="driver" class="form-control">
+ <select id="driver" name="driver" class="auto">
<? foreach ($this->drivers as $driver): ?>
<option value="<?=$this->escapeHtmlAttr($driver)?>"><?=$this->escapeHtml($driver)?></option>
<? endforeach; ?>
</select>
</div>
</div>
- <div class="form-group">
+ <div class="row">
<div class="medium-10 columns medium-offset-2">
- <input type="submit" class="button tiny" role="button" aria-label="submit form"/>
+ <input type="submit" class="button small" role="button" aria-label="submit form"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/install/fixsecurity.phtml b/themes/foundation5/templates/install/fixsecurity.phtml
index d6cae0a9515..e6fe361cbd9 100644
--- a/themes/foundation5/templates/install/fixsecurity.phtml
+++ b/themes/foundation5/templates/install/fixsecurity.phtml
@@ -19,8 +19,8 @@
</p>
<p><i>Do you still wish to proceed with enabling enhanced security in the database?</i></p>
<form method="post" action="<?=$this->url('install-fixsecurity')?>">
- <input type="submit" name="fix-user-table" value="Yes" class="button secondary tiny" role="button" aria-label="submit form"/>
- <input type="submit" name="fix-user-table" value="No" class="button secondary tiny" role="button" aria-label="submit form"/>
+ <input type="submit" name="fix-user-table" value="Yes" class="button secondary small" role="button" aria-label="submit form"/>
+ <input type="submit" name="fix-user-table" value="No" class="button secondary small" role="button" aria-label="submit form"/>
</form>
<? else: ?>
<p>No security problems found.</p>
diff --git a/themes/foundation5/templates/install/home.phtml b/themes/foundation5/templates/install/home.phtml
index ef7c22d9d8e..df5080f9110 100644
--- a/themes/foundation5/templates/install/home.phtml
+++ b/themes/foundation5/templates/install/home.phtml
@@ -9,7 +9,7 @@
<?=$this->flashmessages()?>
<? $errors = 0; foreach ($this->checks as $check): ?>
<? if (!$check['status']) $errors++; ?>
- <div class="alert-box <?=$check['status'] ? 'success':'alert'?>"><?=$this->escapeHtml($check['title'])?>... <?=$check['status'] ? $this->transEsc('test_ok') : $this->transesc('test_fail') . ' <a class="button tiny alert" role="button" href="' . $this->url('install-' . strtolower($check['fix'])) . '">' . $this->transEsc('test_fix') . '</a>' ?></div>
+ <div class="alert-box <?=$check['status'] ? 'success':'alert'?>"><?=$this->escapeHtml($check['title'])?>... <?=$check['status'] ? $this->transEsc('test_ok') : $this->transesc('test_fail') . ' <a class="button small alert" role="button" href="' . $this->url('install-' . strtolower($check['fix'])) . '">' . $this->transEsc('test_fix') . '</a>' ?></div>
<? endforeach; ?>
<? if ($errors == 0): ?>
diff --git a/themes/foundation5/templates/install/showsql.phtml b/themes/foundation5/templates/install/showsql.phtml
index cab26b68c3a..498917fea42 100644
--- a/themes/foundation5/templates/install/showsql.phtml
+++ b/themes/foundation5/templates/install/showsql.phtml
@@ -19,5 +19,5 @@
<textarea class="pre" rows="20" readonly onClick="this.select()"><?=trim($this->sql) ?></textarea>
<form method="post" action="<?=$this->url('install-showsql')?>">
- <input type="submit" name="continue" value="Next" class="button tiny" role="button" aria-label="submit form"/>
+ <input type="submit" name="continue" value="Next" class="button small" role="button" aria-label="submit form"/>
</form>
\ No newline at end of file
diff --git a/themes/foundation5/templates/layout/layout.phtml b/themes/foundation5/templates/layout/layout.phtml
index 22b868f1f59..a535f2d13ef 100644
--- a/themes/foundation5/templates/layout/layout.phtml
+++ b/themes/foundation5/templates/layout/layout.phtml
@@ -27,16 +27,25 @@
// Deal with cart stuff:
if (!isset($this->renderingError)) {
- $cart = $this->cart();
$this->jsTranslations()->addStrings(
array(
+ 'add_tag_success' => 'add_tag_success',
'bulk_email_success' => 'bulk_email_success',
'bulk_save_success' => 'bulk_save_success',
'close' => 'close',
+ 'libphonenumber_invalid' => 'libphonenumber_invalid',
+ 'libphonenumber_invalidcountry' => 'libphonenumber_invalidcountry',
+ 'libphonenumber_invalidregion' => 'libphonenumber_invalidregion',
+ 'libphonenumber_notanumber' => 'libphonenumber_notanumber',
+ 'libphonenumber_toolong' => 'libphonenumber_toolong',
+ 'libphonenumber_tooshort' => 'libphonenumber_tooshort',
+ 'libphonenumber_tooshortidd' => 'libphonenumber_tooshortidd',
'loading' => 'Loading',
- 'sms_success' => 'sms_success'
+ 'sms_success' => 'sms_success',
+ 'number_thousands_separator' => ['number_thousands_separator', null, ',']
)
);
+ $cart = $this->cart();
if ($cart->isActive()) {
$this->headScript()->appendFile("vendor/cookies.js");
$this->headScript()->appendFile("cart.js");
@@ -46,22 +55,24 @@
);
$this->jsTranslations()->addStrings(
array(
+ 'addBookBag' => 'Add to Book Bag',
+ 'bookbagFull' => 'bookbag_full_msg',
+ 'bookbagMax' => $cart->getMaxSize(),
+ 'bookbagStatusFull' => 'bookbag_full',
'bulk_noitems_advice' => 'bulk_noitems_advice',
'confirmDelete' => 'confirm_delete',
'confirmEmpty' => 'bookbag_confirm_empty',
- 'viewBookBag' => 'View Book Bag',
- 'addBookBag' => 'Add to Book Bag',
- 'removeBookBag' => 'Remove from Book Bag',
'itemsAddBag' => 'items_added_to_bookbag',
'itemsInBag' => 'items_already_in_bookbag',
- 'bookbagMax' => $cart->getMaxSize(),
- 'bookbagFull' => 'bookbag_full_msg',
- 'bookbagStatusFull' => 'bookbag_full',
- 'no_tags' => 'No Tags'
+ 'removeBookBag' => 'Remove from Book Bag',
+ 'viewBookBag' => 'View Book Bag'
)
);
}
$this->headScript()->appendScript($this->jsTranslations()->getScript());
+ $this->headScript()->appendScript(
+ 'var userIsLoggedIn = ' . ($this->auth()->isLoggedIn() ? 'true' : 'false') . ';'
+ );
}
// Session keep-alive
@@ -73,7 +84,7 @@
?>
<?=$this->headScript()?>
</head>
- <body>
+ <body class="<?=$this->layoutClass('offcanvas-row')?>">
<? // Set up the search box -- there are three possible cases:
// 1. No search box was set; we should default to the normal box
// 2. It was set to false; we should display nothing
@@ -101,7 +112,6 @@
<?=$this->render('breadcrumbs/multi.phtml', array(
'parents' => $this->layout()->breadcrumbs,
'title' => $this->layout()->title,
- 'end' => $this->layout()->breadcrumbEnd,
'from' => $this->layout()->from
)) ?>
<? else: ?>
@@ -119,9 +129,9 @@
</div>
<div class="row">
- <div role="main" class="main panel template-dir-<?=$this->templateDir?> template-name-<?=$this->templateName?>" id="content">
- <div class="container">
- <?=$this->layout()->content ?>
+ <div id="content" role="main" class="main panel template-dir-<?=$this->templateDir?> template-name-<?=$this->templateName?>">
+ <div class="container">
+ <?=$this->layout()->content ?>
</div>
</div>
</div>
@@ -134,18 +144,13 @@
</footer>
</div>
<!-- MODAL IN CASE WE NEED ONE -->
-<div id="modal" class="modal fade hide-for-print" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <a class="close" data-dismiss="modal" aria-hidden="true">×</a>
- <h4 id="modalTitle" class="modal-title"></h4>
- </div>
- <div class="modal-body"><?=$this->transEsc('Loading') ?> ...</div>
- </div>
- </div>
+<div id="modal" class="reveal-modal medium hide-for-print" data-reveal tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="modal-body"><?=$this->transEsc('Loading') ?> ...</div>
+ <a class="close-reveal-modal" aria-label="Close"><span class="sr-only"><?=$this->transEsc('close') ?></span> ×</a>
</div>
<!-- MODAL IN CASE WE NEED ONE - END -->
+<div class="offcanvas-toggle" data-toggle="offcanvas"><i class="fa"></i></div>
+<div class="offcanvas-overlay" data-toggle="offcanvas"></div>
<?=$this->googleanalytics()?>
<?=$this->piwik()?>
<!-- Initializing call for FOUNDATION functions -->
diff --git a/themes/foundation5/templates/librarycards/editcard.phtml b/themes/foundation5/templates/librarycards/editcard.phtml
new file mode 100644
index 00000000000..caf07d80c56
--- /dev/null
+++ b/themes/foundation5/templates/librarycards/editcard.phtml
@@ -0,0 +1,55 @@
+<!-- librarycards - editcard -->
+<?
+ // Set up page title:
+ $pageTitle = empty($this->card->id) ? 'Add a Library Card' : "Edit Library Card";
+ $this->headTitle($this->translate($pageTitle));
+
+ // Set up breadcrumbs:
+ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li>'
+ . '<li><a href="' . $this->url('librarycards-home') . '">' . $this->transEsc('Library Cards') . '</a></li>'
+ . '<li>' . $this->transEsc($pageTitle) . '</li>';
+?>
+
+<?=$this->flashmessages()?>
+
+<h2><?=$this->transEsc($pageTitle); ?></h2>
+
+<form class="edit-card-form" method="post" name="<?=empty($this->card->id) ? 'newCardForm' : 'editCardForm'?>">
+ <input type="hidden" name="id" value="<?=empty($this->card->id) ? 'NEW' : $this->card->id ?>"/>
+ <div class="row">
+ <label class="medium-3 columns" for="card_name"><?=$this->transEsc('Library Card Name'); ?>:</label>
+ <div class="medium-9 columns">
+ <input id="card_name" class="auto" type="text" name="card_name" value="<?=$this->escapeHtmlAttr($this->cardName)?>"/>
+ </div>
+ </div>
+ <? if ($this->targets !== null): ?>
+ <div class="row">
+ <label class="medium-3 columns" for="login_target"><?=$this->transEsc('login_target')?>:</label>
+ <div class="medium-9 columns">
+ <select id="login_target" name="target" class="auto">
+ <? foreach ($this->targets as $target): ?>
+ <option value="<?=$this->escapeHtmlAttr($target)?>"<?=($target == $this->target ? ' selected="selected"' : '')?>><?=$this->transEsc("source_$target", null, $target)?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ </div>
+ <? endif; ?>
+ <div class="row">
+ <label class="medium-3 columns" for="login_username"><?=$this->transEsc('Username')?>:</label>
+ <div class="medium-9 columns">
+ <input id="login_username" type="text" name="username" value="<?=$this->escapeHtmlAttr($this->username)?>" class="auto"/>
+ </div>
+ </div>
+ <div class="row">
+ <label class="medium-3 columns" for="login_password"><?=$this->transEsc('Password')?>:</label>
+ <div class="medium-9 columns">
+ <input id="login_password" type="password" name="password" value="<?=$this->escapeHtmlAttr($this->password)?>" class="auto"/>
+ </div>
+ </div>
+ <div class="row">
+ <div class="medium-9 columns medium-offset-3">
+ <input class="button small" type="submit" name="submit" value="<?=$this->transEsc('Save') ?>"/>
+ </div>
+ </div>
+</form>
+<!-- librarycards - editcard - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/librarycards/home.phtml b/themes/foundation5/templates/librarycards/home.phtml
new file mode 100644
index 00000000000..9d072dab061
--- /dev/null
+++ b/themes/foundation5/templates/librarycards/home.phtml
@@ -0,0 +1,66 @@
+<!-- librarycards - home -->
+<?
+ // Set up page title:
+ $this->headTitle($this->translate('Library Cards'));
+
+ // Set up breadcrumbs:
+ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li> <li class="active">' . $this->transEsc('Library Cards') . '</li>';
+?>
+<div class="row">
+ <div class="<?=$this->layoutClass('mainbody')?>">
+
+ <?=$this->flashmessages()?>
+
+ <h2><?=$this->transEsc('Library Cards')?></h2>
+ <? if ($this->libraryCards->count() == 0): ?>
+ <div><?=$this->transEsc('You do not have any library cards')?></div>
+ <? else: ?>
+ <table class="table" summary="<?=$this->transEsc('Library Cards')?>">
+ <tr>
+ <th><?=$this->transEsc('Library Card Name')?></th>
+ <? if ($this->multipleTargets): ?>
+ <th><?=$this->transEsc('login_target')?></th>
+ <? endif; ?>
+ <th><?=$this->transEsc('Username')?></th>
+ <th> </th>
+ </tr>
+ <? foreach ($this->libraryCards as $record): ?>
+ <tr>
+ <td><?=$this->escapeHtml($record['card_name'])?></td>
+ <? $username = $record['cat_username']; if ($this->multipleTargets): ?>
+ <? $target = ''; ?>
+ <? if (strstr($username, '.')): ?>
+ <? list($target, $username) = explode('.', $username, 2); ?>
+ <? endif; ?>
+ <td><?=$target ? $this->transEsc("source_$target", null, $target) : ' ' ?></td>
+ <? endif; ?>
+ <td><?=$this->escapeHtml($username)?></td>
+ <td>
+ <div class="button-group">
+ <a class="button link" href="<?=$this->url('editLibraryCard') . $this->escapeHtmlAttr($record['id']) ?>" title="<?=$this->transEsc('Edit Library Card')?>"><i class="fa fa-edit"></i> <?=$this->transEsc('Edit')?></a>
+ <a class="button link" data-dropdown="deletecard" href="<?=$this->url('librarycards-deletecard') ?>?cardID=<?=urlencode($record['id'])?>">
+ <a class="button link" data-dropdown="deletecard" href="<?=$this->url('librarycards-deletecard') ?>?cardID=<?=urlencode($record['id'])?>">
+ <i class="fa fa-trash-o"></i> <?=$this->transEsc('Delete')?>
+ </a>
+ <ul id="deletecard" class="f-dropdown" data-dropdown-content>
+ <li><a href="<?=$this->url('librarycards-deletecard') ?>?cardID=<?=urlencode($record['id'])?>&confirm=1"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
+ <li><a href="#"><?=$this->transEsc('confirm_dialog_no')?></a></li>
+ </ul>
+ </div>
+ </td>
+ </tr>
+ <? endforeach; ?>
+ </table>
+ <? endif; ?>
+
+ <div class="button-group">
+ <a href="<?=$this->url('editLibraryCard') ?>NEW" class="button link" title="<?=$this->transEsc('Add a Library Card')?>"><i class="fa fa-edit"></i> <?=$this->transEsc('Add a Library Card')?></a>
+ </div>
+ </div>
+
+ <div class="<?=$this->layoutClass('sidebar')?>">
+ <?=$this->context($this)->renderInContext("myresearch/menu.phtml", array('active' => 'librarycards'))?>
+ </div>
+
+</div>
+<!-- librarycards - home - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/librarycards/selectcard.phtml b/themes/foundation5/templates/librarycards/selectcard.phtml
new file mode 100644
index 00000000000..5698a2c77b8
--- /dev/null
+++ b/themes/foundation5/templates/librarycards/selectcard.phtml
@@ -0,0 +1,26 @@
+<!-- librarycards - selectcard -->
+<? if ($this->user): ?>
+ <?$cards = $this->user->getLibraryCards(); if ($cards->count() > 1): ?>
+ <form action="<?=$this->url('librarycards-selectcard')?>" method="get">
+ <label for="library_card"><?=$this->transEsc('Library Card')?></label>
+ <select id="library_card" name="cardID" class="jumpMenu">
+ <? foreach ($cards as $card): ?>
+ <?
+ $target = '';
+ $username = $card->cat_username;
+ if (strstr($username, '.')) {
+ list($target, $username) = explode('.', $username, 2);
+ }
+ $display = $this->transEsc($card->card_name ? $card->card_name : $card->cat_username);
+ if ($target) {
+ $display .= ' (' . $this->transEsc("source_$target", null, $target) . ')';
+ }
+ ?>
+ <option value="<?=$this->escapeHtmlAttr($card->id)?>"<?=$card->cat_username == $this->user->cat_username ? ' selected="selected"' : ''?>><?=$display ?></option>
+ <? endforeach; ?>
+ </select>
+ <noscript><input type="submit" class="button secondary small" value="<?=$this->transEsc("Set")?>" /></noscript>
+ </form>
+ <? endif; ?>
+<? endif; ?>
+<!-- librarycards - selectcard - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/account.phtml b/themes/foundation5/templates/myresearch/account.phtml
index 9c806dfc6e4..fff20d4b991 100644
--- a/themes/foundation5/templates/myresearch/account.phtml
+++ b/themes/foundation5/templates/myresearch/account.phtml
@@ -9,15 +9,15 @@
<h2><?=$this->transEsc('User Account')?></h2>
<?=$this->flashmessages()?>
-<form method="post" action="" name="accountForm" id="accountForm" class="form-horizontal" data-abide role="form">
+<form method="post" name="accountForm" id="accountForm" data-abide role="form">
<?=$this->auth()->getCreateFields()?>
<?=$this->recaptcha()->html($this->useRecaptcha) ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-3 columns">
<a class="back-to-login button link" role="button" href="<?=$this->url('myresearch-userlogin') ?>"><i class="fa fa-chevron-left"></i> <?=$this->transEsc('Back')?></a>
</div>
<div class="medium-9 columns">
- <input class="button tiny" role="button" type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"/>
+ <input class="button small" role="button" type="submit" name="submit" value="<?=$this->transEsc('Submit')?>"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml b/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
index 75a79684d30..28dde26c1b3 100644
--- a/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
+++ b/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
@@ -4,7 +4,7 @@
<input type="hidden" name="listName" value="<?=$this->escapeHtmlAttr($list->title)?>" />
<? endif; ?>
<? $user = $this->auth()->isLoggedIn(); ?>
-<div class="checkbox hide-for-print">
+<div class="checkbox select-all hide-for-print">
<label>
<input type="checkbox" name="selectAll" class="checkbox-select-all"/>
<?=$this->transEsc('select_page')?> | <?=$this->transEsc('with_selected')?>:
diff --git a/themes/foundation5/templates/myresearch/cataloglogin.phtml b/themes/foundation5/templates/myresearch/cataloglogin.phtml
index 7eda7172199..e1d15502e89 100644
--- a/themes/foundation5/templates/myresearch/cataloglogin.phtml
+++ b/themes/foundation5/templates/myresearch/cataloglogin.phtml
@@ -21,22 +21,34 @@
<h3><?=$this->transEsc('Library Catalog Profile')?></h3>
<?=$this->flashmessages()?>
<p><?=$this->transEsc('cat_establish_account')?></p>
- <form method="post" action="" class="form-horizontal">
- <div class="form-group">
- <label class="medium-2 columns control-label" for="profile_cat_username"><?=$this->transEsc('Library Catalog Username')?>:</label>
+ <form method="post" class="form-horizontal">
+ <? if ($this->targets !== null): ?>
+ <div class="row">
+ <label class="medium-2 columns" for="login_target"><?=$this->transEsc('login_target')?>:</label>
<div class="medium-10 columns">
- <input id="profile_cat_username" type="text" name="cat_username" value="" class="form-control"/>
+ <select id="login_target" name="target" class="auto">
+ <? foreach ($this->targets as $target): ?>
+ <option value="<?=$this->escapeHtmlAttr($target)?>"><?=$this->transEsc("source_$target", null, $target)?></option>
+ <? endforeach; ?>
+ </select>
</div>
</div>
- <div class="form-group">
- <label class="medium-2 columns control-label" for="profile_cat_password"><?=$this->transEsc('Library Catalog Password')?>:</label>
+ <? endif; ?>
+ <div class="row">
+ <label class="medium-2 columns" for="profile_cat_username"><?=$this->transEsc('Library Catalog Username')?>:</label>
<div class="medium-10 columns">
- <input id="profile_cat_username" type="text" name="cat_password" value="" class="form-control"/>
+ <input id="profile_cat_username" type="text" name="cat_username" value="" class="auto"/>
</div>
</div>
- <div class="form-group">
+ <div class="row">
+ <label class="medium-2 columns" for="profile_cat_password"><?=$this->transEsc('Library Catalog Password')?>:</label>
+ <div class="medium-10 columns">
+ <input id="profile_cat_username" type="password" name="cat_password" value="" class="row"/>
+ </div>
+ </div>
+ <div class="row">
<div class="medium-10 columns medium-offset-2">
- <input class="button tiny" type="submit" name="processLogin" role="button" value="<?=$this->transEsc('Login')?>">
+ <input class="button small" type="submit" name="processLogin" value="<?=$this->transEsc('Login')?>">
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/myresearch/checkedout.phtml b/themes/foundation5/templates/myresearch/checkedout.phtml
index 78d2f406811..c71c9a99d3a 100644
--- a/themes/foundation5/templates/myresearch/checkedout.phtml
+++ b/themes/foundation5/templates/myresearch/checkedout.phtml
@@ -14,17 +14,17 @@
<? if (!empty($this->transactions)): ?>
<? if ($this->renewForm): ?>
- <form name="renewals" action="" method="post" id="renewals">
+ <form name="renewals" method="post" id="renewals">
<div class="toolbar">
- <input type="submit" class="button secondary tiny" name="renewSelected" role="button" value="<?=$this->transEsc("renew_selected")?>" />
- <input type="submit" class="button secondary tiny" name="renewAll" role="button" value="<?=$this->transEsc('renew_all')?>" />
+ <input type="submit" class="button secondary small" name="renewSelected" role="button" value="<?=$this->transEsc("renew_selected")?>" />
+ <input type="submit" class="button secondary small" name="renewAll" role="button" value="<?=$this->transEsc('renew_all')?>" />
</div>
<? endif; ?>
<? $i = 0; foreach ($this->transactions as $resource): ?>
<hr/>
<? $ilsDetails = $resource->getExtraDetail('ils_details'); ?>
- <div id="record<?=$this->escapeHtmlAttr($resource->getUniqueId())?>" class="row">
+ <div id="record<?=$this->escapeHtmlAttr($resource->getUniqueId())?>">
<? if ($this->renewForm): ?>
<? if (isset($ilsDetails['renewable']) && $ilsDetails['renewable'] && isset($ilsDetails['renew_details'])): ?>
<? $safeId = preg_replace('/[^a-zA-Z0-9]/', '', $ilsDetails['renew_details']); ?>
diff --git a/themes/foundation5/templates/myresearch/delete.phtml b/themes/foundation5/templates/myresearch/delete.phtml
index 6b5440e1f3b..4a554a9b522 100644
--- a/themes/foundation5/templates/myresearch/delete.phtml
+++ b/themes/foundation5/templates/myresearch/delete.phtml
@@ -14,7 +14,7 @@
<?=$this->escapeHtml($favorite->getBreadcrumb())?><br />
<? endforeach; ?>
<br />
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Delete')?>"/>
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Delete')?>"/>
<? foreach ($this->deleteIDS as $deleteID): ?>
<input type="hidden" name="ids[]" value="<?=$this->escapeHtmlAttr($deleteID)?>" />
<? endforeach; ?>
diff --git a/themes/foundation5/templates/myresearch/edit.phtml b/themes/foundation5/templates/myresearch/edit.phtml
index 91b9a6f2ff0..65ca310296e 100644
--- a/themes/foundation5/templates/myresearch/edit.phtml
+++ b/themes/foundation5/templates/myresearch/edit.phtml
@@ -12,7 +12,7 @@
<div class="record">
<h2><?=$this->escapeHtml($this->driver->getBreadcrumb())?></h2>
- <form class="form-horizontal" method="post" name="editForm" action="">
+ <form method="post" name="editForm" >
<? if (empty($this->savedData)): ?>
<p data-alert class="alert-box info" tabindex="0" aria-live="assertive" role="dialogalert">
<? if (isset($listFilter)): ?>
@@ -25,22 +25,22 @@
<? foreach ($this->savedData as $i=>$current): ?>
<fieldset>
<legend>
- <a href="<?=$this->url('userList', array('id' => $current['listId'])) ?>?delete=<?=urlencode($this->driver->getUniqueId())?>&source=<?=urlencode($this->driver->getResourceSource())?>" id="<?=$this->escapeHtmlAttr($this->driver->getUniqueId())?>delete<?=$current['listId'] ?>" title="<?=$this->transEsc('confirm_delete')?>" class="close">×</a> <?=$this->transEsc('List') ?>: <?=$this->escapeHtml($current['listTitle'])?>
+ <?=$this->transEsc('List') ?>: <?=$this->escapeHtml($current['listTitle'])?>
</legend>
<input type="hidden" name="lists[]" value="<?=$current['listId'] ?>"/>
<? if ($this->usertags()->getMode() !== 'disabled'): ?>
- <div class="form-group">
- <label class="medium-2 columns control-label" for="edit_tags<?=$current['listId'] ?>"><?=$this->transEsc('Tags') ?>:</label>
+ <div class="row">
+ <label class="medium-2 columns" for="edit_tags<?=$current['listId'] ?>"><?=$this->transEsc('Tags') ?>:</label>
<div class="medium-10 columns">
- <input type="text" name="tags<?=$current['listId'] ?>" id="edit_tags<?=$current['listId'] ?>" class="form-control" value="<?=$this->escapeHtmlAttr($current['tags'])?>"/>
+ <input type="text" name="tags<?=$current['listId'] ?>" id="edit_tags<?=$current['listId'] ?>" class="auto" value="<?=$this->escapeHtmlAttr($current['tags'])?>"/>
<span class="help-block"><?=$this->transEsc("add_tag_note") ?></span>
</div>
</div>
<? endif; ?>
- <div class="form-group">
- <label class="medium-2 columns control-label" for="edit_notes<?=$current['listId'] ?>"><?=$this->transEsc('Notes') ?>:</label>
+ <div class="row">
+ <label class="medium-2 columns" for="edit_notes<?=$current['listId'] ?>"><?=$this->transEsc('Notes') ?>:</label>
<div class="medium-10 columns">
- <textarea class="form-control" id="edit_notes<?=$current['listId'] ?>" name="notes<?=$current['listId'] ?>" rows="3"><?=$this->escapeHtml($current['notes'])?></textarea>
+ <textarea class="auto" id="edit_notes<?=$current['listId'] ?>" name="notes<?=$current['listId'] ?>" rows="3"><?=$this->escapeHtml($current['notes'])?></textarea>
</div>
</div>
</fieldset>
@@ -51,9 +51,9 @@
<? endif; ?>
<? if (count($this->lists) > 0): ?>
<hr />
- <div class="form-group">
+ <div class="row">
<div class="medium-10 columns medium-offset-2">
- <select name="addToList" class="form-control">
+ <select name="addToList" class="auto">
<option value="-1">- <?=$this->transEsc('Add to another list')?> -</option>
<? foreach ($this->lists as $listID=>$listTitle): ?>
<option value="<?=$listID ?>"><?=$this->escapeHtml($listTitle) ?></option>
@@ -63,9 +63,12 @@
</div>
<? endif; ?>
<? if (!empty($this->savedData) || count($this->lists) > 0): ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-10 columns medium-offset-2">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
+ </div>
+ <div class="medium-10 columns medium-offset-2">
+ <a href="<?=$this->url('userList', array('id' => $current['listId'])) ?>?delete=<?=urlencode($this->driver->getUniqueId())?>&source=<?=urlencode($this->driver->getResourceSource())?>" id="<?=$this->escapeHtmlAttr($this->driver->getUniqueId())?>delete<?=$current['listId'] ?>" title="<?=$this->transEsc('confirm_delete')?>" class="button secondary small"><?=$this->transEsc('List') ?>: <?=$this->escapeHtml($current['listTitle'])?> <?=$this->transEsc('Delete')?></a>
</div>
</div>
<? endif; ?>
diff --git a/themes/foundation5/templates/myresearch/editlist.phtml b/themes/foundation5/templates/myresearch/editlist.phtml
index 12ac7843c6b..2ada8e37d52 100644
--- a/themes/foundation5/templates/myresearch/editlist.phtml
+++ b/themes/foundation5/templates/myresearch/editlist.phtml
@@ -1,53 +1,57 @@
<!-- myresearch - EDITLIST.phtml -->
<?
- // Set up page title:
- $pageTitle = empty($this->list->id) ? 'Create a List' : "edit_list";
- $this->headTitle($this->translate($pageTitle));
+// Set up page title:
+$pageTitle = empty($this->list->id) ? 'Create a List' : "edit_list";
+$this->headTitle($this->translate($pageTitle));
- // Set up breadcrumbs:
- $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li>'
+// Set up breadcrumbs:
+$this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li>'
. '<li>' . $this->transEsc($pageTitle) . '</li>';
?>
-<?=$this->flashmessages()?>
+<?= $this->flashmessages() ?>
+<div class="row">
+ <div class="small-12 columns">
+ <h4><?= $this->transEsc($pageTitle); ?></h4>
-<h4><?=$this->transEsc($pageTitle); ?></h4>
+ <form class="form edit-list-form" method="post" name="<?= empty($this->list->id) ? 'newList' : 'editListForm' ?>">
+ <input type="hidden" name="id" value="<?= empty($this->list->id) ? 'NEW' : $this->list->id ?>"/>
+ <label class="medium-3 columns" for="list_title"><?= $this->transEsc('List'); ?>:</label>
-<form class="form-horizontal edit-list-form" method="post" name="<?=empty($this->list->id) ? 'newList' : 'editListForm'?>" action="">
- <input type="hidden" name="id" value="<?=empty($this->list->id) ? 'NEW' : $this->list->id ?>"/>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="list_title"><?=$this->transEsc('List'); ?>:</label>
- <div class="medium-9 columns">
- <input id="list_title" class="form-control" type="text" name="title" value="<?=isset($this->list['title']) ? $this->escapeHtml($this->list['title']) : ''?>"/>
- </div>
- </div>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="list_desc"><?=$this->transEsc('Description') ?></label>
- <div class="medium-9 columns">
- <textarea id="list_desc" class="form-control" name="desc" rows="3"><?=isset($this->list['description']) ? $this->escapeHtml($this->list['description']) : ''?></textarea>
- </div>
- </div>
- <? if ($this->userlist()->getMode() === 'public_only'): ?>
- <input type="hidden" name="public" value="1" />
- <? elseif ($this->userlist()->getMode() === 'private_only'): ?>
- <input type="hidden" name="public" value="0" />
- <? else: ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Access') ?></label>
<div class="medium-9 columns">
- <label class="radio inline">
- <input id="list_public_1" type="radio" name="public" value="1"<? if ($this->list->isPublic()): ?> checked="checked"<? endif; ?>/> <?=$this->transEsc('Public') ?>
- </label>
- <label class="radio inline">
- <input id="list_public_0" type="radio" name="public" value="0"<? if (!$this->list->isPublic()): ?> checked="checked"<? endif; ?>/> <?=$this->transEsc('Private') ?>
- </label>
+ <input id="list_title" class="auto" type="text" name="title" value="<?= isset($this->list['title']) ? $this->escapeHtml($this->list['title']) : '' ?>"/>
</div>
- </div>
- <? endif; ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
- </div>
+ <label class="medium-3 columns" for="list_desc"><?= $this->transEsc('Description') ?></label>
+
+ <div class="medium-9 columns">
+ <textarea id="list_desc" class="auto" name="desc" rows="3"><?= isset($this->list['description']) ? $this->escapeHtml($this->list['description']) : '' ?></textarea>
+ </div>
+
+ <? if ($this->userlist()->getMode() === 'public_only'): ?>
+ <input type="hidden" name="public" value="1"/>
+ <? elseif ($this->userlist()->getMode() === 'private_only'): ?>
+ <input type="hidden" name="public" value="0"/>
+ <? else: ?>
+
+ <label class="medium-3 columns"><?= $this->transEsc('Access') ?></label>
+
+ <div class="medium-9 columns">
+ <label>
+ <input id="list_public_1" type="radio" name="public" value="1"<? if ($this->list->isPublic()): ?> checked="checked"<? endif; ?>/> <?= $this->transEsc('Public') ?>
+ </label>
+ <label>
+ <input id="list_public_0" type="radio" name="public" value="0"<? if (!$this->list->isPublic()): ?> checked="checked"<? endif; ?>/> <?= $this->transEsc('Private') ?>
+ </label>
+ </div>
+
+ <? endif; ?>
+
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" name="submit" role="button"
+ value="<?= $this->transEsc('Save') ?>"/>
+ </div>
+
+ </form>
</div>
-</form>
+</div>
<!-- myresearch - EDITLIST.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/fines.phtml b/themes/foundation5/templates/myresearch/fines.phtml
index 09bbfd01ac8..3ec7a6bdc9b 100644
--- a/themes/foundation5/templates/myresearch/fines.phtml
+++ b/themes/foundation5/templates/myresearch/fines.phtml
@@ -1,53 +1,59 @@
<!-- myresearch - FINES.phtml -->
<?
- // Set up page title:
- $this->headTitle($this->translate('My Fines'));
+// Set up page title:
+$this->headTitle($this->translate('My Fines'));
- // Set up breadcrumbs:
- $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li> <li class="active">' . $this->transEsc('Fines') . '</li>';
+// Set up breadcrumbs:
+$this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li> <li class="active">' . $this->transEsc('Fines') . '</li>';
?>
<div class="row">
- <div class="<?=$this->layoutClass('mainbody')?>">
- <h2><?=$this->transEsc('Your Fines')?></h2>
- <? if (empty($this->fines)): ?>
- <?=$this->transEsc('You do not have any fines')?>
- <? else: ?>
- <table class="table" summary="<?=$this->transEsc('Your Fines')?>">
- <tr>
- <th><?=$this->transEsc('Title')?></th>
- <th><?=$this->transEsc('Checked Out')?></th>
- <th><?=$this->transEsc('Due Date')?></th>
- <th><?=$this->transEsc('Fine')?></th>
- <th><?=$this->transEsc('Fee')?></th>
- <th><?=$this->transEsc('Balance')?></th>
- </tr>
- <? $totalDue = 0; ?>
- <? foreach ($this->fines as $record): ?>
- <tr>
- <td>
- <? if (empty($record['title'])): ?>
- <?=$this->transEsc('not_applicable')?>
- <? elseif (!is_object($record['driver'])): ?>
- <?=$this->escapeHtml(trim($record['title'], '/:'))?>
- <? else: ?>
- <a href="<?=$this->recordLink()->getUrl($record['driver'])?>"><?=$this->escapeHtml(trim($record['title'], '/:'))?></a>
- <? endif; ?>
- </td>
- <td><?=isset($record['checkout']) ? $this->escapeHtml($record['checkout']) : ''?></td>
- <td><?=isset($record['duedate']) ? $this->escapeHtml($record['duedate']) : ''?></td>
- <td><?=isset($record['fine']) ? $this->escapeHtml($record['fine']) : ''?></td>
- <td><?=isset($record['amount']) ? $this->safeMoneyFormat($record['amount']/100.00) : ''?></td>
- <td><?=isset($record['balance']) ? $this->safeMoneyFormat($record['balance']/100.00) : ''?></td>
- </tr>
- <? $totalDue += $record['balance']; ?>
- <? endforeach; ?>
- <tr style="font-weight:bold"><td colspan="5"><?=$this->transEsc('Total Balance Due')?></td><td><?=$this->safeMoneyFormat($totalDue/100.00) ?></td></tr>
- </table>
- <? endif; ?>
-</div>
+ <div class="<?= $this->layoutClass('mainbody') ?>">
+ <h2><?= $this->transEsc('Your Fines') ?></h2>
- <div class="<?=$this->layoutClass('sidebar')?>">
- <?=$this->context($this)->renderInContext("myresearch/menu.phtml", array('active' => 'fines'))?>
-</div>
+ <?= $this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
+ <? if (empty($this->fines)): ?>
+ <?= $this->transEsc('You do not have any fines') ?>
+ <? else: ?>
+ <table class="table" summary="<?= $this->transEsc('Your Fines') ?>">
+ <tr>
+ <th><?= $this->transEsc('Title') ?></th>
+ <th><?= $this->transEsc('Checked Out') ?></th>
+ <th><?= $this->transEsc('Due Date') ?></th>
+ <th><?= $this->transEsc('Fine') ?></th>
+ <th><?= $this->transEsc('Fee') ?></th>
+ <th><?= $this->transEsc('Balance') ?></th>
+ </tr>
+ <? $totalDue = 0; ?>
+ <? foreach ($this->fines as $record): ?>
+ <tr>
+ <td>
+ <? if (empty($record['title'])): ?>
+ <?= $this->transEsc('not_applicable') ?>
+ <? elseif (!isset($record['driver']) || !is_object($record['driver'])): ?>
+ <?= $this->escapeHtml(trim($record['title'], '/:')) ?>
+ <? else: ?>
+ <a href="<?= $this->recordLink()->getUrl($record['driver']) ?>"><?= $this->escapeHtml(trim($record['title'], '/:')) ?></a>
+ <? endif; ?>
+ </td>
+ <td><?= isset($record['checkout']) ? $this->escapeHtml($record['checkout']) : '' ?></td>
+ <td><?= isset($record['duedate']) ? $this->escapeHtml($record['duedate']) : '' ?></td>
+ <td><?= isset($record['fine']) ? $this->escapeHtml($record['fine']) : '' ?></td>
+ <td><?= isset($record['amount']) ? $this->safeMoneyFormat($record['amount'] / 100.00) : '' ?></td>
+ <td><?= isset($record['balance']) ? $this->safeMoneyFormat($record['balance'] / 100.00) : '' ?></td>
+ </tr>
+ <? $totalDue += $record['balance']; ?>
+ <? endforeach; ?>
+ <tr class="strong">
+ <td colspan="5"><?= $this->transEsc('Total Balance Due') ?></td>
+ <td><?= $this->safeMoneyFormat($totalDue / 100.00) ?></td>
+ </tr>
+ </table>
+ <? endif; ?>
+ </div>
+
+ <div class="<?= $this->layoutClass('sidebar') ?>">
+ <?= $this->context($this)->renderInContext("myresearch/menu.phtml", array('active' => 'fines')) ?>
+ </div>
</div>
<!-- myresearch - FINES.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/holds.phtml b/themes/foundation5/templates/myresearch/holds.phtml
index 7ec21487082..b8d56989412 100644
--- a/themes/foundation5/templates/myresearch/holds.phtml
+++ b/themes/foundation5/templates/myresearch/holds.phtml
@@ -13,13 +13,15 @@
<?=$this->flashmessages()?>
+ <?=$this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
<? if (!empty($this->recordList)): ?>
<? if ($this->cancelForm): ?>
- <form name="cancelForm" class="inline" action="" method="post" id="cancelHold">
+ <form name="cancelForm" class="inline" method="post" id="cancelHold">
<input type="hidden" id="submitType" name="cancelSelected" value="1"/>
<input type="hidden" id="cancelConfirm" name="confirm" value="0"/>
<div class="button-group">
- <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("hold_cancel_selected") ?>" class="button secondary tiny" data-dropdown="hold_cancel_selected-dd" role="button" aria-controls="hold_cancel_selected-dd" aria-expanded="false" />
+ <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("hold_cancel_selected") ?>" class="button secondary small" data-dropdown="hold_cancel_selected-dd" role="button" aria-controls="hold_cancel_selected-dd" aria-expanded="false" />
<ul id="hold_cancel_selected-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_hold_cancel_selected_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelSelected');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
@@ -27,7 +29,7 @@
</ul>
</div>
<div class="button-group">
- <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("hold_cancel_all") ?>" class="button secondary tiny" data-dropdown="hold_cancel_all-dd" role="button" aria-controls="hold_cancel_all-dd" aria-expanded="false" />
+ <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("hold_cancel_all") ?>" class="button secondary small" data-dropdown="hold_cancel_all-dd" role="button" aria-controls="hold_cancel_all-dd" aria-expanded="false" />
<ul id="hold_cancel_all-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_hold_cancel_all_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelAll');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
@@ -45,18 +47,18 @@
<? if ($this->cancelForm && isset($ilsDetails['cancel_details'])): ?>
<? $safeId = preg_replace('/[^a-zA-Z0-9]/', '', $resource->getUniqueId()); ?>
<input type="hidden" name="cancelAllIDS[]" value="<?=$this->escapeHtmlAttr($ilsDetails['cancel_details']) ?>" />
- <div class="pull-left">
+ <div class="small-1 column">
<input type="checkbox" name="cancelSelectedIDS[]" value="<?=$this->escapeHtmlAttr($ilsDetails['cancel_details']) ?>" id="checkbox_<?=$safeId?>" />
</div>
<? endif; ?>
- <div class="medium-2 columns text-center">
+ <div class="small-11 medium-2 columns text-center">
<? if ($summThumb = $this->record($resource)->getThumbnail()): ?>
<img src="<?=$this->escapeHtmlAttr($summThumb)?>" class="recordcover" alt="<?=$this->transEsc('Cover Image')?>"/>
<? else: ?>
<img src="<?=$this->url('cover-unavailable')?>" class="recordcover" alt="<?=$this->transEsc('No Cover Image')?>"/>
<? endif; ?>
</div>
- <div class="medium-6 columns">
+ <div class="small-12 medium-6 columns">
<?
// If this is a non-missing Solr record, we should display a link:
if (is_a($resource, 'VuFind\\RecordDriver\\SolrDefault') && !is_a($resource, 'VuFind\\RecordDriver\\Missing')) {
diff --git a/themes/foundation5/templates/myresearch/illrequests.phtml b/themes/foundation5/templates/myresearch/illrequests.phtml
index 4662956906d..c397b2d343b 100644
--- a/themes/foundation5/templates/myresearch/illrequests.phtml
+++ b/themes/foundation5/templates/myresearch/illrequests.phtml
@@ -14,13 +14,15 @@
<?=$this->flashmessages()?>
+ <?=$this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
<? if (!empty($this->recordList)): ?>
<? if ($this->cancelForm): ?>
- <form name="cancelForm" class="inline" action="" method="post" id="cancelILLRequest">
+ <form name="cancelForm" class="inline" method="post" id="cancelILLRequest">
<input type="hidden" id="submitType" name="cancelSelected" value="1"/>
<input type="hidden" id="cancelConfirm" name="confirm" value="0"/>
<div class="button-group">
- <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("ill_request_cancel_selected") ?>" class="button secondary tiny" data-dropdown="ill-cancelSelected-dd" role="button" aria-controls="ill-cancelSelected-dd" aria-expanded="false" />
+ <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("ill_request_cancel_selected") ?>" class="button secondary small" data-dropdown="ill-cancelSelected-dd" role="button" aria-controls="ill-cancelSelected-dd" aria-expanded="false" />
<ul id="ill-cancelSelected-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_ill_request_cancel_selected_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelSelected');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
@@ -28,7 +30,7 @@
</ul>
</div>
<div class="button-group">
- <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("ill_request_cancel_all") ?>" class="button secondary tiny" data-dropdown="ill-cancelAll-dd" role="button" aria-controls="ill-cancelAll-dd" aria-expanded="false" />
+ <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("ill_request_cancel_all") ?>" class="button secondary small" data-dropdown="ill-cancelAll-dd" role="button" aria-controls="ill-cancelAll-dd" aria-expanded="false" />
<ul id="ill-cancelAll-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_ill_request_cancel_all_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelAll');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
diff --git a/themes/foundation5/templates/myresearch/login.phtml b/themes/foundation5/templates/myresearch/login.phtml
index f2d78ccc043..201743d19e9 100644
--- a/themes/foundation5/templates/myresearch/login.phtml
+++ b/themes/foundation5/templates/myresearch/login.phtml
@@ -21,7 +21,7 @@
</div>
<? endif; ?>
-<p class="lead lightbox-header"><?=$this->transEsc('Login')?></p>
+<p class="lead"><?=$this->transEsc('Login')?></p>
<?=$this->flashmessages()?>
<? if ($hideLogin): ?>
diff --git a/themes/foundation5/templates/myresearch/menu.phtml b/themes/foundation5/templates/myresearch/menu.phtml
index a20d75e4e6b..ca4e1196d74 100644
--- a/themes/foundation5/templates/myresearch/menu.phtml
+++ b/themes/foundation5/templates/myresearch/menu.phtml
@@ -1,88 +1,123 @@
<!-- myresearch - MENU.phtml -->
<h4><?= $this->transEsc('Your Account') ?></h4>
-<div class="list-group">
- <? if ($this->userlist()->getMode() !== 'disabled'): ?>
- <a href="<?= $this->url('myresearch-favorites') ?>" class="list-group-item<?= $this->active == 'favorites' ? ' active' : '' ?>">
- <?= $this->transEsc('Favorites') ?>
- <span class="pull-right"><i class="fa fa-star"></i></span>
- </a>
- <? endif; ?>
- <? if ('ils-none' !== $this->ils()->getOfflineMode()): ?>
+<ul class="side-nav">
+ <? if ($this->userlist()->getMode() !== 'disabled'): ?>
+ <li>
+ <a href="<?= $this->url('myresearch-favorites') ?>"
+ class="<?= $this->active == 'favorites' ? ' active' : '' ?>">
+ <?= $this->transEsc('Favorites') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-star"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ('ils-none' !== $this->ils()->getOfflineMode()): ?>
<? if ($this->ils()->checkCapability('getMyTransactions')): ?>
- <a href="<?= $this->url('myresearch-checkedout') ?>" class="list-group-item<?= $this->active == 'checkedout' ? ' active' : '' ?>">
- <?= $this->transEsc('Checked Out Items') ?>
- <span class="pull-right"><i class="fa fa-book"></i></span>
- </a>
+ <li>
+ <a href="<?= $this->url('myresearch-checkedout') ?>" class="<?= $this->active == 'checkedout' ? ' active' : '' ?>">
+ <?= $this->transEsc('Checked Out Items') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-book"></i></span>
+ </a>
+ </li>
<? endif; ?>
<? if ($this->ils()->checkCapability('getMyHolds')): ?>
- <a href="<?= $this->url('myresearch-holds') ?>" class="list-group-item<?= $this->active == 'holds' ? ' active' : '' ?>">
- <?= $this->transEsc('Holds and Recalls') ?>
- <span class="pull-right"><i class="fa fa-flag"></i></span>
- </a>
+ <li>
+ <a href="<?= $this->url('myresearch-holds') ?>" class="<?= $this->active == 'holds' ? ' active' : '' ?>">
+ <?= $this->transEsc('Holds and Recalls') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-flag"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ($this->ils()->checkFunction('StorageRetrievalRequests')): ?>
+ <li>
+ <a href="<?= $this->url('myresearch-storageretrievalrequests') ?>" class="<?= $this->active == 'storageRetrievalRequests' ? ' active' : '' ?>">
+ <?= $this->transEsc('Storage Retrieval Requests') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-archive"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ($this->ils()->checkFunction('ILLRequests')): ?>
+ <li>
+ <a href="<?= $this->url('myresearch-illrequests') ?>" class="<?= $this->active == 'ILLRequests' ? ' active' : '' ?>">
+ <?= $this->transEsc('Interlibrary Loan Requests') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-exchange"></i></span>
+ </a>
+ </li>
<? endif; ?>
- <? if ($this->ils()->checkFunction('StorageRetrievalRequests')): ?>
- <a href="<?= $this->url('myresearch-storageretrievalrequests') ?>" class="list-group-item<?= $this->active == 'storageRetrievalRequests' ? ' active' : '' ?>">
- <?= $this->transEsc('Storage Retrieval Requests') ?>
- <span class="pull-right"><i class="fa fa-archive"></i></span>
- </a>
- <? endif; ?>
- <? if ($this->ils()->checkFunction('ILLRequests')): ?>
- <a href="<?= $this->url('myresearch-illrequests') ?>" class="list-group-item<?= $this->active == 'ILLRequests' ? ' active' : '' ?>">
- <?= $this->transEsc('Interlibrary Loan Requests') ?>
- <span class="pull-right"><i class="fa fa-exchange"></i></span>
- </a>
- <? endif; ?>
<? if ($this->ils()->checkCapability('getMyFines')): ?>
- <a href="<?= $this->url('myresearch-fines') ?>" class="list-group-item<?= $this->active == 'fines' ? ' active' : '' ?>">
- <?= $this->transEsc('Fines') ?>
- <span class="pull-right"><i class="fa fa-usd"></i></span>
- </a>
+ <li><a href="<?= $this->url('myresearch-fines') ?>" class="<?= $this->active == 'fines' ? ' active' : '' ?>">
+ <?= $this->transEsc('Fines') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-usd"></i></span>
+ </a>
+ </li>
<? endif; ?>
<? if ($this->ils()->checkCapability('getMyProfile')): ?>
- <a href="<?= $this->url('myresearch-profile') ?>" class="list-group-item<?= $this->active == 'profile' ? ' active' : '' ?>">
- <?= $this->transEsc('Profile') ?>
- <span class="pull-right"><i class="fa fa-user"></i></span>
- </a>
- <? endif; ?>
+ <li>
+ <a href="<?= $this->url('myresearch-profile') ?>" class="<?= $this->active == 'profile' ? ' active' : '' ?>">
+ <?= $this->transEsc('Profile') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-user"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? $user = $this->auth()->isLoggedIn();
+ if ($user && $user->libraryCardsEnabled()): ?>
+ <li>
+ <a href="<?= $this->url('librarycards-home') ?>" class="<?= $this->active == 'librarycards' ? ' active' : '' ?>">
+ <?= $this->transEsc('Library Cards') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-barcode"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? endif; ?>
+ <li>
+ <a href="<?= $this->url('search-history') ?>?require_login" class="<?= $this->active == 'history' ? ' active' : '' ?>">
+ <?= $this->transEsc('history_saved_searches') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-search"></i></span>
+ </a>
+ </li>
+ <? if ($user = $this->auth()->isLoggedIn()): ?>
+ <li>
+ <a href="<?= $this->url('myresearch-logout') ?>">
+ <?= $this->transEsc("Log Out") ?>
+ <span class="pull-right"><i class="fa fa-fw fa-sign-out"></i></span>
+ </a>
+ </li>
<? endif; ?>
- <a href="<?= $this->url('search-history') ?>?require_login" class="list-group-item<?= $this->active == 'history' ? ' active' : '' ?>">
- <?= $this->transEsc('history_saved_searches') ?>
- <span class="pull-right"><i class="fa fa-search"></i></span>
- </a>
- <? if ($user = $this->auth()->isLoggedIn()): ?>
- <a href="<?= $this->url('myresearch-logout') ?>" class="list-group-item">
- <?= $this->transEsc("Log Out") ?>
- <span class="pull-right"><i class="fa fa-sign-out"></i></span>
- </a>
- <? endif; ?>
-</div>
+</ul>
<? if ($this->auth()->isLoggedIn() && $this->auth()->getManager()->supportsPasswordChange()): ?>
- <h4><?= $this->transEsc('Preferences') ?></h4>
- <div class="list-group">
- <a href="<?= $this->url('myresearch-changepassword') ?>" class="list-group-item<?= $this->active == 'newpassword' ? ' active' : '' ?>">
- <?= $this->transEsc('Change Password') ?>
- <span class="pull-right"><i class="fa fa-lock"></i></span>
- </a>
- </div>
+ <h4><?= $this->transEsc('Preferences') ?></h4>
+ <ul class="side-nav">
+ <li>
+ <a href="<?= $this->url('myresearch-changepassword') ?>" class="<?= $this->active == 'newpassword' ? ' active' : '' ?>">
+ <?= $this->transEsc('Change Password') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-lock"></i></span>
+ </a>
+ </li>
+ </ul>
<? endif; ?>
<? if ($this->userlist()->getMode() !== 'disabled' && $user = $this->auth()->isLoggedIn()): ?>
- <h4><?= $this->transEsc('Your Lists') ?></h4>
- <div class="list-group">
- <a href="<?= $this->url('myresearch-favorites') ?>" class="list-group-item<?= $this->active == 'favorites' ? ' active' : '' ?>">
- <?= $this->transEsc('Your Favorites') ?>
- <span class="pull-right"><i class="fa fa-star"></i></span>
- </a>
- <? $lists = $user->getLists() ?>
- <? foreach ($lists as $list): ?>
- <a href="<?= $this->url('userList', array('id' => $list['id'])) ?>" class="list-group-item<?= $this->active == 'list' . $list['id'] ? ' active' : '' ?>">
- <?= $this->escapeHtml($list['title']) ?>
- <span class="badge"><?= $list->cnt ?></span>
- </a>
- <? endforeach; ?>
- <a href="<?= $this->url('editList', array('id' => 'NEW')) ?>" title="<?= $this->transEsc('Create a List') ?>" class="list-group-item">
- <?= $this->transEsc('Create a List') ?>
- <span class="pull-right"><i class="fa fa-plus"></i></span>
- </a>
- </div>
+ <h4><?= $this->transEsc('Your Lists') ?></h4>
+ <ul class="side-nav">
+ <li>
+ <a href="<?= $this->url('myresearch-favorites') ?>" class="<?= $this->active == 'favorites' ? ' active' : '' ?>">
+ <?= $this->transEsc('Your Favorites') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-star"></i></span>
+ </a>
+ </li>
+ <? $lists = $user->getLists() ?>
+ <? foreach ($lists as $list): ?>
+ <li>
+ <a href="<?= $this->url('userList', array('id' => $list['id'])) ?>" class="<?= $this->active == 'list' . $list['id'] ? ' active' : '' ?>">
+ <?= $this->escapeHtml($list['title']) ?>
+ <span class="label"><?= $list->cnt ?></span>
+ </a>
+ </li>
+ <? endforeach; ?>
+ <li>
+ <a href="<?= $this->url('editList', array('id' => 'NEW')) ?>" title="<?= $this->transEsc('Create a List') ?>">
+ <?= $this->transEsc('Create a List') ?>
+ <span class="pull-right"><i class="fa fa-fw fa-plus"></i></span>
+ </a>
+ </li>
+ </ul>
<? endif ?>
<!-- myresearch - MENU.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/mylist.phtml b/themes/foundation5/templates/myresearch/mylist.phtml
index b80033f5084..89bfd901e2b 100644
--- a/themes/foundation5/templates/myresearch/mylist.phtml
+++ b/themes/foundation5/templates/myresearch/mylist.phtml
@@ -8,7 +8,7 @@ $this->headTitle(isset($list) ? $list->title : $this->translate('Favorites'));
// Set up breadcrumbs:
$currPage = isset($list) ? 'List' : 'Favorites';
-$this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li> <li class="active">' . $this->transEsc($currPage) . '</li>';
+$this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . '">' . $this->transEsc('Your Account') . '</a></li> <li class="active">' . $this->transEsc($currPage) . '</li>';
// Load Javascript dependencies into header:
$this->headScript()->appendFile("check_item_statuses.js");
@@ -20,57 +20,67 @@ $account = $this->auth()->getManager();
$user = $this->auth()->isLoggedIn();
?>
-<?=$this->flashmessages()?>
+<?= $this->flashmessages() ?>
<div class="row">
- <div class="<?=$this->layoutClass('mainbody')?>">
- <div class="clearfix hide-for-print">
- <p class="lead pull-left"><?=$list ? $this->escapeHtml($list->title) : $this->transEsc("Your Favorites")?></p>
- <div class="pull-right">
- <? if (isset($list)): ?>
- <? if ($list->editAllowed($account->isLoggedIn())): ?>
- <a href="<?=$this->url('editList', array('id' => $list->id)) ?>" class="button link" role="button" title="<?=$this->transEsc("edit_list")?>"><i class="fa fa-edit"></i> <?=$this->transEsc("edit_list")?></a>
- <div class="buttton-group">
- <a class="button link" role="button" data-dropdown="myresearch-deletelist-dd" href="<?=$this->url('myresearch-deletelist') ?>?listID=<?=urlencode($list->id)?>">
- <ul id="myresearch-deletelist-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
- <li><a href="<?=$this->url('myresearch-deletelist') ?>?listID=<?=urlencode($list->id)?>&confirm=1"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
- <li><a href="#"><?=$this->transEsc('confirm_dialog_no')?></a></li>
- </ul>
- </div>
- <? endif; ?>
- <? elseif ($recordTotal > 0): ?>
- <?=$this->transEsc("Showing")?>
- <strong><?=$this->localizedNumber($this->results->getStartRecord())?></strong>–<strong><?=$this->localizedNumber($this->results->getEndRecord())?></strong>
- <?=$this->transEsc('of')?> <strong><?=$this->localizedNumber($recordTotal)?></strong>
- <? endif; ?>
- </div>
- </div>
- <? if ($list && !empty($list->description)): ?>
- <p><?=$this->escapeHtml($list->description)?></p>
- <? endif; ?>
- <? if ($recordTotal > 0): ?>
- <div class="resulthead hide-for-print">
- <div class="pull-right">
- <?=$this->render('search/controls/sort.phtml')?>
- </div>
- </div>
- <form class="form-inline" method="post" name="bulkActionForm" action="<?=$this->url('cart-myresearchbulk')?>">
- <?=$this->context($this)->renderInContext('myresearch/bulk-action-buttons.phtml', array('idPrefix' => '', 'list' => isset($list) ? $list : null, 'account' => $this->account))?>
- <? foreach ($this->results->getResults() as $i=>$current): ?>
- <?=$this->record($current)->getListEntry($list, $user)?>
- <? endforeach; ?>
- </form>
- <?=$this->paginationControl($this->results->getPaginator(), 'Sliding', 'search/pagination.phtml', array('results' => $this->results))?>
- <? else: ?>
- <p><?=$this->transEsc('You do not have any saved resources')?></p>
- <? endif; ?>
+ <div class="<?= $this->layoutClass('mainbody') ?>">
+ <div class="clearfix hide-for-print">
+ <p class="lead pull-left"><?= $list ? $this->escapeHtml($list->title) : $this->transEsc("Your Favorites") ?></p>
+
+ <ul class="button-group pull-right">
+ <? if (isset($list)): ?>
+ <? if ($list->editAllowed($account->isLoggedIn())): ?>
+ <li>
+ <a href="<?= $this->url('editList', array('id' => $list->id))?>" class="button link" role="button" title="<?= $this->transEsc("edit_list") ?>"><i class="fa fa-edit"></i> <?= $this->transEsc("edit_list") ?> </a>
+ </li>
+
+ <li>
+ <a class="button link" role="button" data-dropdown="myresearch-deletelist-dd" aria-controls="myresearch-deletelist-dd" aria-expanded="false" data-options="is_hover:true;" href="<?= $this->url ('myresearch-deletelist') ?>?listID=<?= urlencode($list->id) ?>"><i class="fa fa-trash-o"></i><?=$this->transEsc("delete_list")?></a>
+ <ul id="myresearch-deletelist-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
+ <li>
+ <a href="<?= $this->url('myresearch-deletelist') ?>?listID=<?= urlencode($list->id) ?>&confirm=1"><?= $this->transEsc('confirm_dialog_yes') ?></a>
+ </li>
+ <li>
+ <a href="#"><?= $this->transEsc('confirm_dialog_no') ?></a>
+ </li>
+ </ul>
+ </li>
+ <? endif; ?>
+ <? elseif ($recordTotal > 0): ?>
+ <?= $this->transEsc("Showing") ?>
+ <strong><?= $this->localizedNumber($this->results->getStartRecord()) ?></strong>–
+ <strong><?= $this->localizedNumber($this->results->getEndRecord()) ?></strong>
+ <?= $this->transEsc('of') ?>
+ <strong><?= $this->localizedNumber($recordTotal) ?></strong>
+ <? endif; ?>
+ </ul>
+ </div>
+ <? if ($list && !empty($list->description)): ?>
+ <p><?= $this->escapeHtml($list->description) ?></p>
+ <? endif; ?>
+ <? if ($recordTotal > 0): ?>
+ <div class="resulthead hide-for-print">
+ <div class="pull-right">
+ <?= $this->render('search/controls/sort.phtml') ?>
+ </div>
+ </div>
+ <form method="post" name="bulkActionForm" action="<?= $this->url('cart-myresearchbulk') ?>">
+ <?= $this->context($this)->renderInContext('myresearch/bulk-action-buttons.phtml', array('idPrefix' => '', 'list' => isset($list) ? $list : null, 'account' => $this->account)) ?>
+ <? foreach ($this->results->getResults() as $i => $current): ?>
+ <?= $this->record($current)->getListEntry($list, $user) ?>
+ <? endforeach; ?>
+ </form>
+ <?= $this->paginationControl($this->results->getPaginator(), 'Sliding', 'search/pagination.phtml', array('results' => $this->results)) ?>
+ <? else: ?>
+ <p><?= $this->transEsc('You do not have any saved resources') ?></p>
+ <? endif; ?>
</div>
- <div class="<?=$this->layoutClass('sidebar')?>">
- <?=$this->context($this)->renderInContext("myresearch/menu.phtml", array('active' => isset($list) ? 'list' . $list['id'] : 'favorites'))?>
- <? foreach ($this->results->getRecommendations('side') as $current): ?>
- <?=$this->recommend($current)?>
- <? endforeach; ?>
+ <div class="<?= $this->layoutClass('sidebar') ?>">
+ <?= $this->context($this)->renderInContext("myresearch/menu.phtml", array('active' => isset($list) ? 'list' . $list['id'] : 'favorites')) ?>
+ <? foreach ($this->results->getRecommendations('side') as $current): ?>
+ <?= $this->recommend($current) ?>
+ <? endforeach; ?>
</div>
</div>
<!-- myresearch - MYLIST.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/newpassword.phtml b/themes/foundation5/templates/myresearch/newpassword.phtml
index ddc17cdc016..ffc57903969 100644
--- a/themes/foundation5/templates/myresearch/newpassword.phtml
+++ b/themes/foundation5/templates/myresearch/newpassword.phtml
@@ -14,20 +14,23 @@
<h2><?=$this->transEsc('Create New Password') ?></h2>
<?=$this->flashmessages() ?>
+
<? if (!$this->auth()->getManager()->supportsPasswordChange($this->auth_method)): ?>
<div class="error"><?=$this->transEsc('recovery_new_disabled') ?></div>
<? elseif (!isset($this->hash)): ?>
<div class="error"><?=$this->transEsc('recovery_user_not_found') ?></div>
<? else: ?>
- <form id="newpassword" class="form-horizontal" action="<?=$this->url('myresearch-newpassword') ?>" method="post" data-abide role="form">
+ <form id="newpassword" action="<?=$this->url('myresearch-newpassword') ?>" method="post" data-abide role="form">
<input type="hidden" value="<?=$this->escapeHtmlAttr($this->hash) ?>" name="hash"/>
<input type="hidden" value="<?=$this->escapeHtmlAttr($this->username) ?>" name="username"/>
<input type="hidden" value="<?=$this->escapeHtmlAttr($this->auth_method) ?>" name="auth_method"/>
<?=$this->auth()->getNewPasswordForm() ?>
- <?=$this->recaptcha()->html($this->useRecaptcha) ?>
- <div class="form-group">
+ <div class="row">
+ <div class="medium-9 columns medium-offset-3">
+ <?=$this->recaptcha()->html($this->useRecaptcha) ?>
+ </div>
<div class="medium-9 columns medium-offset-3">
- <input class="button tiny" name="submit" type="submit" role="button" value="<?=$this->transEsc('Submit')?>" />
+ <input class="button small" name="submit" type="submit" role="button" value="<?=$this->transEsc('Submit')?>" />
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/myresearch/profile.phtml b/themes/foundation5/templates/myresearch/profile.phtml
index e8e6fdf186d..d529c4c0e81 100644
--- a/themes/foundation5/templates/myresearch/profile.phtml
+++ b/themes/foundation5/templates/myresearch/profile.phtml
@@ -17,7 +17,10 @@
<div class="<?=$this->layoutClass('mainbody')?>">
<h2><?=$this->transEsc('Your Profile')?></h2>
<?=$this->flashmessages();?>
- <table class="table">
+
+ <?=$this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
+ <table class="table" width="100%">
<?
echo $this->renderArray(
$arrTemplate, $this->profile,
@@ -34,13 +37,13 @@
? $this->profile['home_library'] : $this->defaultPickupLocation
?>
<td>
- <form id="profile_form" class="form-inline" action="" method="post">
- <select id="home_library" name="home_library" class="form-control">
+ <form id="profile_form" method="post">
+ <select id="home_library" name="home_library" class="auto">
<? foreach ($this->pickup as $lib): ?>
<option value="<?=$this->escapeHtmlAttr($lib['locationID'])?>"<?=($selected == $lib['locationID'])?' selected="selected"':''?>><?=$this->escapeHtml($lib['locationDisplay'])?></option>
<? endforeach; ?>
</select>
- <input class="button secondary tiny" type="submit" role="button" value="<?=$this->transEsc('Save')?>" />
+ <input class="button secondary small" type="submit" role="button" value="<?=$this->transEsc('Save')?>" />
</form>
</td>
<? endif; ?>
diff --git a/themes/foundation5/templates/myresearch/recover.phtml b/themes/foundation5/templates/myresearch/recover.phtml
index 0ecb7cec0f9..df98ab89754 100644
--- a/themes/foundation5/templates/myresearch/recover.phtml
+++ b/themes/foundation5/templates/myresearch/recover.phtml
@@ -3,7 +3,7 @@
<? if (!$this->auth()->getManager()->supportsRecovery()): ?>
<div class="error"><?=$this->transEsc('recovery_disabled') ?></div>
<? else: ?>
- <form class="form-horizontal" action="" method="post">
+ <form method="post">
<?=$this->auth()->getPasswordRecoveryForm() ?>
</form>
<? endif; ?>
\ No newline at end of file
diff --git a/themes/foundation5/templates/myresearch/storageretrievalrequests.phtml b/themes/foundation5/templates/myresearch/storageretrievalrequests.phtml
index 746661affb2..0853c8d62d3 100644
--- a/themes/foundation5/templates/myresearch/storageretrievalrequests.phtml
+++ b/themes/foundation5/templates/myresearch/storageretrievalrequests.phtml
@@ -12,13 +12,15 @@
<?=$this->flashmessages()?>
+ <?=$this->context($this)->renderInContext('librarycards/selectcard.phtml', array('user' => $this->auth()->isLoggedIn())); ?>
+
<? if (!empty($this->recordList)): ?>
<? if ($this->cancelForm): ?>
- <form name="cancelForm" class="inline" action="" method="post" id="cancelStorageRetrievalRequest">
+ <form name="cancelForm" class="inline" method="post" id="cancelStorageRetrievalRequest">
<input type="hidden" id="submitType" name="cancelSelected" value="1"/>
<input type="hidden" id="cancelConfirm" name="confirm" value="0"/>
<div class="button-group">
- <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("storage_retrieval_request_cancel_selected") ?>" class="button secondary tiny" data-dropdown="cancelSelected-dd" role="button" aria-controls="cancelSelected-dd" aria-expanded="false" />
+ <input id="cancelSelected" name="cancelSelected" type="submit" value="<?=$this->transEsc("storage_retrieval_request_cancel_selected") ?>" class="button secondary small" data-dropdown="cancelSelected-dd" role="button" aria-controls="cancelSelected-dd" aria-expanded="false" />
<ul id="cancelSelected-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_storage_retrieval_request_cancel_selected_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelSelected');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
@@ -26,7 +28,7 @@
</ul>
</div>
<div class="button-group">
- <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("storage_retrieval_request_cancel_all") ?>" class="button secondary tiny" data-dropdown="cancelAll-dd" role="button" aria-controls="cancelAll-dd" aria-expanded="false" />
+ <input id="cancelAll" name="cancelAll" type="submit" value="<?=$this->transEsc("storage_retrieval_request_cancel_all") ?>" class="button secondary small" data-dropdown="cancelAll-dd" role="button" aria-controls="cancelAll-dd" aria-expanded="false" />
<ul id="cancelAll-dd" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li class="disabled"><a><?=$this->transEsc("confirm_storage_retrieval_request_cancel_all_text") ?></a></li>
<li><a href="#" onClick="$('#cancelConfirm').val(1);$('#submitType').attr('name','cancelAll');$(this).parents('form').submit(); return false;"><?=$this->transEsc('confirm_dialog_yes') ?></a></li>
diff --git a/themes/foundation5/templates/oai/home.phtml b/themes/foundation5/templates/oai/home.phtml
index f6c292f623e..48b9b7a25e3 100644
--- a/themes/foundation5/templates/oai/home.phtml
+++ b/themes/foundation5/templates/oai/home.phtml
@@ -22,181 +22,193 @@
<p class="help-block">Accepts no additional parameters.</p>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
<hr/>
<a name="ListIdentifiers"></a>
<p class="lead">ListIdentifiers</p>
- <form class="form-horizontal" method="get" action="<?=$baseUrl?>">
+ <form method="get" action="<?=$baseUrl?>">
<div class="row">
<div class="medium-8 columns">
<input type="hidden" name="verb" value="ListIdentifiers"/>
<p class="help-block">Returns a listing of available identifiers</p>
- <div class="form-group">
- <label for="ListIdentifier_from" class="medium-3 columns control-label"><?=$this->transEsc('From')?>:</label>
+ <div class="row">
+ <label for="ListIdentifier_from" class="medium-3 columns"><?=$this->transEsc('From')?>:</label>
<div class="medium-9 columns">
- <input id="ListIdentifier_from" type="text" name="from" class="form-control"/>
+ <input id="ListIdentifier_from" type="text" name="from" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListIdentifier_until" class="medium-3 columns control-label"><?=$this->transEsc('Until')?>:</label>
+ <div class="row">
+ <label for="ListIdentifier_until" class="medium-3 columns"><?=$this->transEsc('Until')?>:</label>
<div class="medium-9 columns">
- <input id="ListIdentifier_until" type="text" name="until" class="form-control"/>
+ <input id="ListIdentifier_until" type="text" name="until" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListIdentifier_set" class="medium-3 columns control-label"><?=$this->transEsc('Set')?>:</label>
+ <div class="row">
+ <label for="ListIdentifier_set" class="medium-3 columns"><?=$this->transEsc('Set')?>:</label>
<div class="medium-9 columns">
- <input id="ListIdentifier_set" type="text" name="set" class="form-control"/>
+ <input id="ListIdentifier_set" type="text" name="set" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListIdentifier_metadataPrefix" class="medium-3 columns control-label"><?=$this->transEsc('Metadata Prefix')?>:</label>
+ <div class="row">
+ <label for="ListIdentifier_metadataPrefix" class="medium-3 columns"><?=$this->transEsc('Metadata Prefix')?>:</label>
<div class="medium-9 columns">
- <input id="ListIdentifier_metadataPrefix" type="text" name="metadataPrefix" class="form-control"/>
+ <input id="ListIdentifier_metadataPrefix" type="text" name="metadataPrefix" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListIdentifier_resumptionToken" class="medium-3 columns control-label"><?=$this->transEsc('Resumption Token')?>:</label>
+ <div class="row">
+ <label for="ListIdentifier_resumptionToken" class="medium-3 columns"><?=$this->transEsc('Resumption Token')?>:</label>
<div class="medium-9 columns">
- <input id="ListIdentifier_resumptionToken" type="text" name="resumptionToken" class="form-control"/>
+ <input id="ListIdentifier_resumptionToken" type="text" name="resumptionToken" class="auto"/>
</div>
</div>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
<hr/>
<a name="ListMetadataFormats"></a>
<p class="lead">ListMetadataFormats</p>
- <form class="form-horizontal" method="get" action="<?=$baseUrl?>">
+ <form method="get" action="<?=$baseUrl?>">
<div class="row">
<div class="medium-8 columns">
<input type="hidden" name="verb" value="ListMetadataFormats"/>
<p class="help-block">Returns a listing of available metadata formats.</p>
- <div class="form-group">
- <label for="ListMetadataFormats_identifier" class="medium-3 columns control-label"><?=$this->transEsc('Identifier')?>:</label>
+ <div class="row">
+ <label for="ListMetadataFormats_identifier" class="medium-3 columns"><?=$this->transEsc('Identifier')?>:</label>
<div class="medium-9 columns">
- <input id="ListMetadataFormats_identifier" type="text" name="identifier" class="form-control"/>
+ <input id="ListMetadataFormats_identifier" type="text" name="identifier" class="auto"/>
</div>
</div>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
<hr/>
<a name="ListSets"></a>
<p class="lead">ListSets</p>
- <form class="form-horizontal" method="get" action="<?=$baseUrl?>">
+ <form method="get" action="<?=$baseUrl?>">
<div class="row">
<div class="medium-8 columns">
<input type="hidden" name="verb" value="ListSets"/>
<p class="help-block">Returns a listing of available sets.</p>
- <div class="form-group">
- <label for="ListSets_metadataPrefix" class="medium-3 columns control-label"><?=$this->transEsc('Metadata Prefix')?>:</label>
+ <div class="row">
+ <label for="ListSets_metadataPrefix" class="medium-3 columns"><?=$this->transEsc('Metadata Prefix')?>:</label>
<div class="medium-9 columns">
- <input id="ListSets_metadataPrefix" type="text" name="metadataPrefix" class="form-control"/>
+ <input id="ListSets_metadataPrefix" type="text" name="metadataPrefix" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListSets_resumptionToken" class="medium-3 columns control-label"><?=$this->transEsc('Resumption Token')?>:</label>
+ <div class="row">
+ <label for="ListSets_resumptionToken" class="medium-3 columns"><?=$this->transEsc('Resumption Token')?>:</label>
<div class="medium-9 columns">
- <input id="ListSets_resumptionToken" type="text" name="resumptionToken" class="form-control"/>
+ <input id="ListSets_resumptionToken" type="text" name="resumptionToken" class="auto"/>
</div>
</div>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
<hr/>
<a name="ListRecords"></a>
<p class="lead">ListRecords</p>
- <form class="form-horizontal" method="get" action="<?=$baseUrl?>">
+ <form method="get" action="<?=$baseUrl?>">
<div class="row">
<div class="medium-8 columns">
<input type="hidden" name="verb" value="ListRecords"/>
<p class="help-block">Returns a listing of available records.</p>
- <div class="form-group">
- <label for="ListRecord_from" class="medium-3 columns control-label"><?=$this->transEsc('From')?>:</label>
+ <div class="row">
+ <label for="ListRecord_from" class="medium-3 columns"><?=$this->transEsc('From')?>:</label>
<div class="medium-9 columns">
- <input id="ListRecord_from" type="text" name="from" class="form-control"/>
+ <input id="ListRecord_from" type="text" name="from" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListRecord_until" class="medium-3 columns control-label"><?=$this->transEsc('Until')?>:</label>
+ <div class="row">
+ <label for="ListRecord_until" class="medium-3 columns"><?=$this->transEsc('Until')?>:</label>
<div class="medium-9 columns">
- <input id="ListRecord_until" type="text" name="until" class="form-control"/>
+ <input id="ListRecord_until" type="text" name="until" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListRecord_set" class="medium-3 columns control-label"><?=$this->transEsc('Set')?>:</label>
+ <div class="row">
+ <label for="ListRecord_set" class="medium-3 columns"><?=$this->transEsc('Set')?>:</label>
<div class="medium-9 columns">
- <input id="ListRecord_set" type="text" name="set" class="form-control"/>
+ <input id="ListRecord_set" type="text" name="set" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListRecord_metadataPrefix" class="medium-3 columns control-label"><?=$this->transEsc('Metadata Prefix')?>:</label>
+ <div class="row">
+ <label for="ListRecord_metadataPrefix" class="medium-3 columns"><?=$this->transEsc('Metadata Prefix')?>:</label>
<div class="medium-9 columns">
- <input id="ListRecord_metadataPrefix" type="text" name="metadataPrefix" class="form-control"/>
+ <input id="ListRecord_metadataPrefix" type="text" name="metadataPrefix" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="ListRecord_resumptionToken" class="medium-3 columns control-label"><?=$this->transEsc('Resumption Token')?>:</label>
+ <div class="row">
+ <label for="ListRecord_resumptionToken" class="medium-3 columns"><?=$this->transEsc('Resumption Token')?>:</label>
<div class="medium-9 columns">
- <input id="ListRecord_resumptionToken" type="text" name="resumptionToken" class="form-control"/>
+ <input id="ListRecord_resumptionToken" type="text" name="resumptionToken" class="auto"/>
</div>
</div>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
<hr/>
<a name="GetRecord"></a>
<p class="lead">GetRecord</p>
- <form class="form-horizontal" method="get" action="<?=$baseUrl?>">
+ <form method="get" action="<?=$baseUrl?>">
<div class="row">
<div class="medium-8 columns">
<input type="hidden" name="verb" value="GetRecord"/>
<p class="help-block">Returns a single record.</p>
- <div class="form-group">
- <label for="GetRecord_identifier" class="medium-3 columns control-label"><?=$this->transEsc('Identifier')?>:</label>
+ <div class="row">
+ <label for="GetRecord_identifier" class="medium-3 columns"><?=$this->transEsc('Identifier')?>:</label>
<div class="medium-9 columns">
- <input id="GetRecord_identifier" type="text" name="identifier" class="form-control"/>
+ <input id="GetRecord_identifier" type="text" name="identifier" class="auto"/>
</div>
</div>
- <div class="form-group">
- <label for="GetRecord_metadataPrefix" class="medium-3 columns control-label"><?=$this->transEsc('Metadata Token')?>:</label>
+ <div class="row">
+ <label for="GetRecord_metadataPrefix" class="medium-3 columns"><?=$this->transEsc('Metadata Token')?>:</label>
<div class="medium-9 columns">
- <input id="GetRecord_metadataPrefix" type="text" name="metadataPrefix" class="form-control"/>
+ <input id="GetRecord_metadataPrefix" type="text" name="metadataPrefix" class="auto"/>
</div>
</div>
</div>
<div class="medium-4 columns">
- <input class="button secondary tiny" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
+ <input class="button secondary small" type="submit" name="submit" value="<?=$this->transEsc('Go')?>" role="button" aria-label="submit form"/>
</div>
</div>
</form>
</div>
<div class="medium-3 columns">
<p class="lead"><?=$this->transEsc('Available Functionality') ?>:</p>
- <div class="list-group">
- <a href="#Identify" class="list-group-item active">Identify</a>
- <a href="#ListIdentifiers" class="list-group-item">ListIdentifiers</a>
- <a href="#ListMetadataFormats" class="list-group-item">ListMetadataFormats</a>
- <a href="#ListSets" class="list-group-item">ListSets</a>
- <a href="#ListRecords" class="list-group-item">ListRecords</a>
- <a href="#GetRecord" class="list-group-item">GetRecord</a>
- </div>
+ <ul class="list-unstyled">
+ <li>
+ <a href="#Identify" class="active">Identify</a>
+ </li>
+ <li>
+ <a href="#ListIdentifiers">ListIdentifiers</a>
+ </li>
+ <li>
+ <a href="#ListMetadataFormats">ListMetadataFormats</a>
+ </li>
+ <li>
+ <a href="#ListSets">ListSets</a>
+ </li>
+ <li>
+ <a href="#ListRecords">ListRecords</a>
+ </li>
+ <li>
+ <a href="#GetRecord">GetRecord</a>
+ </li>
+ </ul>
</div>
</div>
<!-- oai - home.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/primo/advanced.phtml b/themes/foundation5/templates/primo/advanced.phtml
index aafc5020c3f..6ca55ec8a9e 100644
--- a/themes/foundation5/templates/primo/advanced.phtml
+++ b/themes/foundation5/templates/primo/advanced.phtml
@@ -24,7 +24,7 @@
$hasDefaultsApplied = $searchDetails = $searchFilters = $groups = false;
}
?>
-<form id="advSearchForm" name="searchForm" method="get" action="<?=$this->url($this->options->getSearchAction())?>" class="form-horizontal">
+<form id="advSearchForm" name="searchForm" method="get" action="<?=$this->url($this->options->getSearchAction())?>">
<input type="hidden" name="join" value="AND" />
<div class="row">
<div class="<?=$this->layoutClass('mainbody')?>">
@@ -57,21 +57,21 @@
<? $currRow = isset($currentGroup[$j]) ? $currentGroup[$j] : false; ?>
<div class="row">
<div class="medium-3 columns">
- <select id="search_type<?=$i?>_<?=$j?>" name="type<?=$i?>[]" class="form-control">
+ <select id="search_type<?=$i?>_<?=$j?>" name="type<?=$i?>[]" class="auto">
<? foreach ($this->options->getAdvancedHandlers() as $searchVal => $searchDesc): ?>
<option value="<?=$this->escapeHtmlAttr($searchVal)?>"<?=($currRow && $currRow->getHandler() == $searchVal)?' selected="selected"':''?>><?=$this->transEsc($searchDesc)?></option>
<? endforeach; ?>
</select>
</div>
<div class="medium-3 columns">
- <select name="op<?=$i?>[]" id="searchForm_op<?=$i?>_<?=$j?>" class="form-control">
+ <select name="op<?=$i?>[]" id="searchForm_op<?=$i?>_<?=$j?>" class="auto">
<? foreach ($this->options->getAdvancedOperators() as $searchVal => $searchDesc): ?>
<option value="<?=$this->escapeHtmlAttr($searchVal)?>"<?=($currRow && $currRow->getOperator() == $searchVal)?' selected="selected"':''?>><?=$this->transEsc($searchDesc)?></option>
<? endforeach; ?>
</select>
</div>
<div class="medium-6 columns">
- <input id="search_lookfor<?=$i?>_<?=$j?>" type="text" value="<?=$currRow?$this->escapeHtmlAttr($currRow->getString()):''?>" size="30" name="lookfor<?=$i?>[]" class="form-control"/>
+ <input id="search_lookfor<?=$i?>_<?=$j?>" type="text" value="<?=$currRow?$this->escapeHtmlAttr($currRow->getString()):''?>" size="30" name="lookfor<?=$i?>[]" class="auto"/>
</div>
</div>
<? endfor; ?>
@@ -82,7 +82,7 @@
<? if (!empty($lastSort)): ?>
<input type="hidden" name="sort" value="<?=$this->escapeHtmlAttr($lastSort)?>" />
<? endif; ?>
- <input type="submit" class="button tiny" name="submit" role="button" value="<?=$this->transEsc("Find")?>"/>
+ <input type="submit" class="button small" name="submit" role="button" value="<?=$this->transEsc("Find")?>"/>
</div>
<div class="<?=$this->layoutClass('sidebar')?>">
@@ -91,9 +91,9 @@
<? endif ?>
<? if (!empty($searchFilters)): ?>
<h4><?=$this->transEsc("adv_search_filters")?></h4>
- <ul class="list-group">
- <li class="list-group-item">
- <div class="checkbox">
+ <ul class="side-nav">
+ <li>
+ <div class="checkbox select-all">
<label>
<?=$this->transEsc("adv_search_select_all")?>
<input type="checkbox" checked="checked" class="checkbox-select-all" />
@@ -103,10 +103,10 @@
</ul>
<? foreach ($searchFilters as $field => $data): ?>
<div>
- <ul class="list-group">
- <li class="list-group-item title"><?=$this->transEsc($field)?></li>
+ <ul class="side-nav">
+ <li class="title"><?=$this->transEsc($field)?></li>
<? foreach ($data as $value): ?>
- <li class="list-group-item">
+ <li>
<div class="checkbox">
<label>
<input type="checkbox" class="checkbox-select-item" checked="checked" name="filter[]" value='<?=$this->escapeHtmlAttr($value['field'])?>:"<?=$this->escapeHtmlAttr($value['value'])?>"' /> <?=$this->escapeHtml($value['displayText'])?>
diff --git a/themes/foundation5/templates/record/addtag.phtml b/themes/foundation5/templates/record/addtag.phtml
index 3de5cca2d50..63b8870e5b6 100644
--- a/themes/foundation5/templates/record/addtag.phtml
+++ b/themes/foundation5/templates/record/addtag.phtml
@@ -9,20 +9,20 @@
. '<li class="active">' . $this->transEsc('Add Tag') . '</li>';
?>
<div class="record">
- <form action="" method="post" name="tagRecord" class="form-horizontal">
+ <form method="post" name="tagRecord">
<input type="hidden" name="submit" value="1" />
<input type="hidden" name="id" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueId())?>" />
<input type="hidden" name="source" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" />
- <div class="form-group">
- <label class="medium-3 columns control-label" for="addtag_tag"><?=$this->transEsc("Tags")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="addtag_tag"><?=$this->transEsc("Tags")?>:</label>
<div class="medium-9 columns">
- <input id="addtag_tag" type="text" name="tag" value="" size="40" class="form-control"/>
+ <input id="addtag_tag" type="text" name="tag" value="" size="40" class="auto"/>
<p class="help-block"><?=$this->transEsc("add_tag_note")?></p>
</div>
</div>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" role="button" value="<?=$this->transEsc('Save')?>"/>
+ <div class="row">
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" role="button" value="<?=$this->transEsc('Save')?>"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/record/email.phtml b/themes/foundation5/templates/record/email.phtml
index fab7f907817..42b69f47f4c 100644
--- a/themes/foundation5/templates/record/email.phtml
+++ b/themes/foundation5/templates/record/email.phtml
@@ -9,7 +9,7 @@
. '<li class="active">' . $this->transEsc('Email Record') . '</li>';
?>
<?=$this->flashmessages()?>
-<form class="form-horizontal" action="" method="post" name="emailRecord">
+<form method="post" name="emailRecord">
<input type="hidden" name="id" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueId())?>" />
<input type="hidden" name="source" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" />
<?=$this->render('Helpers/email-form-fields.phtml')?>
diff --git a/themes/foundation5/templates/record/hold.phtml b/themes/foundation5/templates/record/hold.phtml
index 0e7619ef0ab..6b188103f46 100644
--- a/themes/foundation5/templates/record/hold.phtml
+++ b/themes/foundation5/templates/record/hold.phtml
@@ -15,21 +15,21 @@
<?=$this->flashmessages()?>
<div class="hold-form">
- <form action="" class="form-horizontal" method="post" name="placeHold">
+ <form method="post" name="placeHold">
<? if (in_array("comments", $this->extraHoldFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("Comments")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc("Comments")?>:</label>
<div class="medium-9 columns">
- <textarea rows="3" cols="20" name="gatheredDetails[comment]" class="form-control"><?=isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : ''?></textarea>
+ <textarea rows="3" cols="20" name="gatheredDetails[comment]" class="auto"><?=isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : ''?></textarea>
</div>
</div>
<? endif; ?>
<? if (in_array("requiredByDate", $this->extraHoldFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("hold_required_by")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc("hold_required_by")?>:</label>
<div class="medium-9 columns">
- <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]" value="<?=(isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate)?>" size="8" class="form-control"/>
+ <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]" value="<?=(isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate)?>" size="8" class="auto"/>
(<?=$this->dateTime()->getDisplayDateFormat()?>)
</div>
</div>
@@ -40,7 +40,7 @@
|| $this->gatheredDetails['level'] != 'copy');
?>
<? if ($this->requestGroupNeeded): ?>
- <div class="form-group">
+ <div class="row">
<?
if (isset($this->gatheredDetails['requestGroupId']) && $this->gatheredDetails['requestGroupId'] !== "") {
$selected = $this->gatheredDetails['requestGroupId'];
@@ -48,9 +48,9 @@
$selected = $this->defaultRequestGroup;
}
?>
- <label class="medium-3 columns control-label"><?=$this->transEsc("hold_request_group")?>:</label>
+ <label class="medium-3 columns"><?=$this->transEsc("hold_request_group")?>:</label>
<div class="medium-9 columns">
- <select id="requestGroupId" name="gatheredDetails[requestGroupId]" class="form-control">
+ <select id="requestGroupId" name="gatheredDetails[requestGroupId]" class="auto">
<? if ($selected === false): ?>
<option value="" selected="selected">
<?=$this->transEsc('select_request_group')?>
@@ -77,14 +77,14 @@
}
?>
<? if ($this->requestGroupNeeded): ?>
- <div class="form-group">
- <label id="pickUpLocationLabel" class="medium-3 columns control-label"><i></i> <?=$this->transEsc("pick_up_location")?>:
+ <div class="row">
+ <label id="pickUpLocationLabel" class="medium-3 columns"><i></i> <?=$this->transEsc("pick_up_location")?>:
<? if (in_array("requestGroup", $this->extraHoldFields)): ?>
<noscript> (<?=$this->transEsc("Please enable JavaScript.")?>)</noscript>
<? endif; ?>
</label>
<div class="medium-9 columns">
- <select id="pickUpLocation" name="gatheredDetails[pickUpLocation]" data-default="<?=$this->escapeHtmlAttr($selected)?>" class="form-control">
+ <select id="pickUpLocation" name="gatheredDetails[pickUpLocation]" data-default="<?=$this->escapeHtmlAttr($selected)?>" class="auto">
<? if ($selected === false): ?>
<option value="" selected="selected">
<?=$this->transEsc('select_pickup_location')?>
@@ -94,10 +94,10 @@
</div>
</div>
<? elseif (count($this->pickup) > 1): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("pick_up_location")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc("pick_up_location")?>:</label>
<div class="medium-9 columns">
- <select id="pickUpLocation" name="gatheredDetails[pickUpLocation]" class="form-control">
+ <select id="pickUpLocation" name="gatheredDetails[pickUpLocation]" class="auto">
<? if ($selected === false): ?>
<option value="" selected="selected">
<?=$this->transEsc('select_pickup_location')?>
@@ -115,9 +115,9 @@
<input type="hidden" name="gatheredDetails[pickUpLocation]" value="<?=$this->escapeHtmlAttr($this->defaultPickup)?>" />
<? endif; ?>
<? endif; ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" name="placeHold" role="button" value="<?=$this->transEsc('request_submit_text')?>"/>
+ <div class="row">
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" name="placeHold" role="button" value="<?=$this->transEsc('request_submit_text')?>"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/record/illrequest.phtml b/themes/foundation5/templates/record/illrequest.phtml
index 902c2ef3799..5dab6436f04 100644
--- a/themes/foundation5/templates/record/illrequest.phtml
+++ b/themes/foundation5/templates/record/illrequest.phtml
@@ -1,66 +1,76 @@
<!-- record - ILLREQUEST.phtml -->
<?
- // Set page title.
- $this->headTitle($this->translate('ill_request_place_text') . ': ' . $this->driver->getBreadcrumb());
+// Set page title.
+$this->headTitle($this->translate('ill_request_place_text') . ': ' . $this->driver->getBreadcrumb());
- // Set up breadcrumbs:
- $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc('Search'), '', '</li> ')
- . '<li>' . $this->recordLink()->getBreadcrumb($this->driver) . '</li> '
- . '<li class="active">' . $this->transEsc('ill_request_place_text') . '</li>';
+// Set up breadcrumbs:
+$this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc('Search'), '', '</li> ')
+ . '<li>' . $this->recordLink()->getBreadcrumb($this->driver) . '</li> '
+ . '<li class="active">' . $this->transEsc('ill_request_place_text') . '</li>';
?>
-<h2><?=$this->transEsc('ill_request_place_text')?></h2>
+<h2><?= $this->transEsc('ill_request_place_text') ?></h2>
<? if ($this->helpText): ?>
-<p class="helptext"><?=$this->helpText?></p>
+ <p class="helptext"><?= $this->helpText ?></p>
<? endif; ?>
-<?=$this->flashmessages()?>
+<?= $this->flashmessages() ?>
<div id="ILLRequestForm" class="storage-retrieval-request-form">
- <form action="" name="placeILLRequest" class="form-horizontal" method="post">
+ <form name="placeILLRequest" method="post">
<? if (in_array("itemId", $this->extraFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('ill_request_item')?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?= $this->transEsc('ill_request_item') ?>:</label>
+
<div class="medium-9 columns">
- <select id="itemId" name="gatheredDetails[itemId]" class="form-control">
- <? foreach ($this->items as $item): ?>
- <option value="<?=$this->escapeHtmlAttr($item['id'])?>"<?=($this->gatheredDetails['itemId'] == $item['id']) ? ' selected="selected"' : ''?>>
- <?=$this->escapeHtml($item['name'])?>
- </option>
- <? endforeach; ?>
+ <select id="itemId" name="gatheredDetails[itemId]" class="auto">
+ <? foreach ($this->items as $item): ?>
+ <option value="<?= $this->escapeHtmlAttr($item['id']) ?>"<?= ($this->gatheredDetails['itemId'] == $item['id']) ? ' selected="selected"' : '' ?>>
+ <?= $this->escapeHtml($item['name']) ?>
+ </option>
+ <? endforeach; ?>
</select>
</div>
</div>
<? endif; ?>
- <? if (in_array("pickUpLibrary", $this->extraFields)): ?>
- <div class="form-group">
- <? if (count($this->pickupLibraries) > 1): ?>
- <?
- if (isset($this->gatheredDetails['pickUpLibrary']) && $this->gatheredDetails['pickUpLibrary'] !== "") {
- $selected = $this->gatheredDetails['pickUpLibrary'];
- } else {
- $selected = false;
- }
- ?>
- <label class="medium-3 columns control-label"><?=$this->transEsc("ill_request_pick_up_library")?>:</label>
+ <? if (in_array("pickUpLibrary", $this->extraFields) && !empty($this->pickupLibraries)): ?>
+ <div class="row">
+ <label class="medium-3 columns"><?= $this->transEsc("ill_request_pick_up_library") ?>:</label>
+
<div class="medium-9 columns">
- <select id="pickupLibrary" name="gatheredDetails[pickUpLibrary]" class="form-control">
- <? foreach ($this->pickupLibraries as $lib): ?>
- <option value="<?=$this->escapeHtmlAttr($lib['id'])?>"<?=(($selected === false && isset($lib['isDefault']) && $lib['isDefault']) || $selected === $lib['id']) ? ' selected="selected"' : ''?>>
- <?=$this->transEsc('library_' . $lib['name'], null, $lib['name'])?>
- </option>
- <? endforeach; ?>
- </select>
+ <? if (count($this->pickupLibraries) > 1): ?>
+ <select id="pickupLibrary" name="gatheredDetails[pickUpLibrary]" class="auto">
+ <?
+ if (isset($this->gatheredDetails['pickUpLibrary']) && $this->gatheredDetails['pickUpLibrary'] !== "") {
+ $selected = $this->gatheredDetails['pickUpLibrary'];
+ } else {
+ $selected = false;
+ }
+ ?>
+ <? foreach ($this->pickupLibraries as $lib): ?>
+ <option
+ value="<?= $this->escapeHtmlAttr($lib['id']) ?>"<?= (($selected === false && isset($lib['isDefault']) && $lib['isDefault']) || $selected === $lib['id']) ? ' selected="selected"' : '' ?>>
+ <?= $this->transEsc('library_' . $lib['name'], null, $lib['name']) ?>
+ </option>
+ <? endforeach; ?>
+ </select>
+ <? else: ?>
+ <? $lib = $this->pickupLibraries[0]; ?>
+ <input type="text" class="auto" size="40" readonly="readonly" value="<?= $this->escapeHtmlAttr($this->translate('library_' . $lib['name'], null, $lib['name'])) ?>"/>
+ <input type="hidden" id="pickupLibrary" name="gatheredDetails[pickUpLibrary]" value="<?= $this->escapeHtmlAttr($lib['id']) ?>"/>
+ <? endif; ?>
</div>
- <? endif; ?>
</div>
<? endif; ?>
<? if (in_array("pickUpLibraryLocation", $this->extraFields)): ?>
- <div class="form-group">
- <label id="pickupLibraryLocationLabel" class="medium-3 columns control-label"><i></i> <?=$this->transEsc("ill_request_pick_up_location")?>:<noscript> (<?=$this->transEsc("Please enable JavaScript.")?>)</noscript></label>
+ <div class="row">
+ <label id="pickupLibraryLocationLabel" class="medium-3 columns"><i></i> <?= $this->transEsc("ill_request_pick_up_location") ?>:
+ <noscript> (<?= $this->transEsc("Please enable JavaScript.") ?>)</noscript>
+ </label>
+
<div class="medium-9 columns">
- <select id="pickupLibraryLocation" name="gatheredDetails[pickUpLibraryLocation]" class="form-control">
+ <select id="pickupLibraryLocation" name="gatheredDetails[pickUpLibraryLocation]" class="auto">
</select>
</div>
</div>
@@ -68,64 +78,70 @@
<? if (in_array("pickUpLocation", $this->extraFields)): ?>
<? if (count($this->pickup) > 1): ?>
- <div class="form-group">
+ <div class="row">
<?
- if (isset($this->gatheredDetails['pickUpLocation']) && $this->gatheredDetails['pickUpLocation'] !== "") {
- $selected = $this->gatheredDetails['pickUpLocation'];
- } elseif (isset($this->homeLibrary) && $this->homeLibrary !== "") {
- $selected = $this->homeLibrary;
- } else {
- $selected = $this->defaultPickup;
- }
+ if (isset($this->gatheredDetails['pickUpLocation']) && $this->gatheredDetails['pickUpLocation'] !== "") {
+ $selected = $this->gatheredDetails['pickUpLocation'];
+ } elseif (isset($this->homeLibrary) && $this->homeLibrary !== "") {
+ $selected = $this->homeLibrary;
+ } else {
+ $selected = $this->defaultPickup;
+ }
?>
- <label class="medium-3 columns control-label"><?=$this->transEsc("pick_up_location")?>:</label>
+ <label class="medium-3 columns"><?= $this->transEsc("pick_up_location") ?>:</label>
+
<div class="medium-9 columns">
- <select name="gatheredDetails[pickUpLocation]" class="form-control">
- <? foreach ($this->pickup as $lib): ?>
- <option value="<?=$this->escapeHtmlAttr($lib['locationID'])?>"<?=($selected == $lib['locationID']) ? ' selected="selected"' : ''?>>
- <?=$this->escapeHtml($lib['locationDisplay'])?>
- </option>
- <? endforeach; ?>
+ <select name="gatheredDetails[pickUpLocation]" class="auto">
+ <? foreach ($this->pickup as $lib): ?>
+ <option value="<?= $this->escapeHtmlAttr($lib['locationID']) ?>"<?= ($selected == $lib['locationID']) ? ' selected="selected"' : '' ?>>
+ <?= $this->escapeHtml($lib['locationDisplay']) ?>
+ </option>
+ <? endforeach; ?>
</select>
</div>
</div>
<? else: ?>
- <input type="hidden" name="gatheredDetails[pickUpLocation]" value="<?=$this->escapeHtmlAttr($this->defaultPickup)?>" />
+ <input type="hidden" name="gatheredDetails[pickUpLocation]" value="<?= $this->escapeHtmlAttr($this->defaultPickup) ?>"/>
<? endif; ?>
<? endif; ?>
<? if (in_array("requiredByDate", $this->extraFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("hold_required_by")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?= $this->transEsc("hold_required_by") ?>:</label>
+
<div class="medium-9 columns">
- <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]" value="<?=(isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate)?>" size="8" class="form-control"/>
- (<?=$this->dateTime()->getDisplayDateFormat()?>)
+ <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]"
+ value="<?= (isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate) ?>"
+ size="8" class="auto"/>
+ (<?= $this->dateTime()->getDisplayDateFormat() ?>)
</div>
</div>
<? endif; ?>
<? if (in_array("comments", $this->extraFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("Comments")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?= $this->transEsc("Comments") ?>:</label>
+
<div class="medium-9 columns">
- <textarea rows="3" cols="20" name="gatheredDetails[comment]" class="form-control"><?=isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : ''?></textarea>
+ <textarea rows="3" cols="20" name="gatheredDetails[comment]"
+ class="auto"><?= isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : '' ?></textarea>
</div>
</div>
<? endif; ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" name="placeILLRequest" role="button" value="<?=$this->transEsc('ill_request_submit_text')?>"/>
+ <div class="row">
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" name="placeILLRequest" role="button" value="<?= $this->transEsc('ill_request_submit_text') ?>"/>
</div>
</div>
</form>
</div>
<?
- // Set up ill script; we do this inline instead of in the header for lightbox compatibility:
- $this->inlineScript()->appendFile('ill.js');
+// Set up ill script; we do this inline instead of in the header for lightbox compatibility:
+$this->inlineScript()->appendFile('ill.js');
- $js = <<<JS
+$js = <<<JS
if ($.isReady) {
setUpILLRequestForm("{$this->escapeHtml($this->driver->getUniqueId())}");
} else {
@@ -135,6 +151,6 @@
}
JS;
- echo $this->inlineScript()->appendScript($js);
+echo $this->inlineScript()->appendScript($js);
?>
<!-- record - ILLREQUEST.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/record/save.phtml b/themes/foundation5/templates/record/save.phtml
index 81afe764b02..87e9651df9d 100644
--- a/themes/foundation5/templates/record/save.phtml
+++ b/themes/foundation5/templates/record/save.phtml
@@ -9,7 +9,7 @@
. '<li class="active">' . $this->transEsc('Save') . '</li>';
?>
<h4><?=$this->transEsc("add_favorite_prefix") ?> <span class="title-in-heading"><?=$this->escapeHtml($this->driver->getBreadcrumb())?></span> <?=$this->transEsc("add_favorite_suffix") ?></h4>
-<form id="edit-save-form" class="form-horizontal" method="post" action="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" name="saveRecord">
+<form id="edit-save-form" method="post" action="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" name="saveRecord">
<input type="hidden" name="submit" value="1" />
<input type="hidden" name="id" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueId()) ?>" />
<input type="hidden" name="source" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" />
@@ -25,13 +25,13 @@
this item OR if they have no lists at all and need to create a default list */?>
<? $showLists = (!empty($this->nonContainingLists) || (empty($this->containingLists) && empty($this->nonContainingLists))); ?>
- <div class="form-group">
+ <div class="row">
<? if ($showLists): ?>
- <label class="medium-3 columns control-label" for="save_list"><?=$this->transEsc('Choose a List') ?></label>
+ <label class="medium-3 columns" for="save_list"><?=$this->transEsc('Choose a List') ?></label>
<? endif; ?>
<div class="medium-9 columns">
<? if ($showLists): ?>
- <select class="form-control" id="save_list" name="list">
+ <select class="auto" id="save_list" name="list">
<? if ($this->nonContainingLists): ?>
<? foreach ($this->nonContainingLists as $list): ?>
<option value="<?=$list['id'] ?>"<? if ($list['id']==$this->userList()->lastUsed()): ?> selected="selected"<? endif; ?>><?=$this->escapeHtml($list['title'])?></option>
@@ -41,29 +41,29 @@
<? endif; ?>
</select>
<? endif; ?>
- <a class="button link" id="make-list" role="button" href="<?=$this->url('editList', array('id' => 'NEW'))?>?recordId=<?=urlencode($this->driver->getUniqueId())?>&recordSource=<?=urlencode($this->driver->getResourceSource())?>" title="<?=$this->transEsc('Create a List') ?>"><?=$showLists ? $this->transEsc('or create a new list') : $this->transEsc('Create a List'); ?></a>
+ <a class="button small secondary" id="make-list" role="button" href="<?=$this->url('editList', array('id' => 'NEW'))?>?recordId=<?=urlencode($this->driver->getUniqueId())?>&recordSource=<?=urlencode($this->driver->getResourceSource())?>" title="<?=$this->transEsc('Create a List') ?>"><?=$showLists ? $this->transEsc('or create a new list') : $this->transEsc('Create a List'); ?></a>
</div>
</div>
<? if ($showLists): ?>
<? if ($this->usertags()->getMode() !== 'disabled'): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="add_mytags"><?=$this->transEsc('Add Tags') ?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="add_mytags"><?=$this->transEsc('Add Tags') ?></label>
<div class="medium-9 columns">
- <input class="form-control" id="add_mytags" type="text" name="mytags" value=""/>
+ <input class="auto" id="add_mytags" type="text" name="mytags" value=""/>
<span class="help-block"><?=$this->transEsc("add_tag_note") ?></span>
</div>
</div>
<? endif; ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="add_notes"><?=$this->transEsc('Add a Note') ?></label>
+ <div class="row">
+ <label class="medium-3 columns" for="add_notes"><?=$this->transEsc('Add a Note') ?></label>
<div class="medium-9 columns">
- <textarea class="form-control" id="add_notes" name="notes" rows="3"></textarea>
+ <textarea class="auto" id="add_notes" name="notes" rows="3"></textarea>
</div>
</div>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
+ <div class="row">
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
</div>
</div>
<? endif; ?>
diff --git a/themes/foundation5/templates/record/sms.phtml b/themes/foundation5/templates/record/sms.phtml
index 2f12948347b..e5f90e9f7d3 100644
--- a/themes/foundation5/templates/record/sms.phtml
+++ b/themes/foundation5/templates/record/sms.phtml
@@ -1,46 +1,49 @@
<?
- // Set page title.
- $this->headTitle($this->translate('Text this'));
+// Set page title.
+$this->headTitle($this->translate('Text this'));
+echo $this->inlineScript(\Zend\View\Helper\HeadScript::FILE, 'vendor/libphonenumber.js', 'SET');
- // Set up breadcrumbs:
- $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc('Search'), '', '</li> ')
- . '<li>' . $this->recordLink()->getBreadcrumb($this->driver) . '</li> '
- . '<li class="active">' . $this->transEsc('Text this') . '</li>';
-
- if ($this->validation == 'US') {
- $phone_pattern = '^(\([2-9]\d{2}\)|[2-9]\d{2})[ -\.]?[2-9]\d{2}[-\.]?\d{4}$';
- }
+// Set up breadcrumbs:
+$this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc('Search'), '', '</li> ')
+ . '<li>' . $this->recordLink()->getBreadcrumb($this->driver) . '</li> '
+ . '<li class="active">' . $this->transEsc('Text this') . '</li>';
?>
-<?=$this->flashmessages()?>
-<form method="post" action="" name="smsRecord" class="form-horizontal">
- <input type="hidden" name="id" value="<?=$this->escapeHtmlAttr($this->driver->getUniqueId())?>" />
- <input type="hidden" name="source" value="<?=$this->escapeHtmlAttr($this->driver->getResourceSource())?>" />
- <div class="form-group">
- <label class="medium-3 columns control-label" for="sms_to"><?=$this->transEsc('Number')?>:</label>
- <div class="medium-9 columns">
- <input id="sms_to" type="tel"<? if(isset($phone_pattern)): ?> pattern="<?=$phone_pattern ?>"<? endif ?> name="to" placeholder="<?=$this->transEsc('sms_phone_number')?>" class="form-control" oninvalid="$('#modal .fa-spinner').remove()"/>
- </div>
+<?= $this->flashmessages() ?>
+<form method="post" name="smsRecord">
+ <input type="hidden" name="id" value="<?= $this->escapeHtmlAttr($this->driver->getUniqueId()) ?>"/>
+ <input type="hidden" name="source" value="<?= $this->escapeHtmlAttr($this->driver->getResourceSource()) ?>"/>
+
+ <div class="row">
+ <label class="medium-3 columns" for="sms_to"><?= $this->transEsc('Number') ?>:</label>
+
+ <div class="medium-9 columns">
+ <input id="sms_to" type="tel" name="to" placeholder="<?= $this->transEsc('sms_phone_number') ?>" class="auto"/>
+
+ <div class="help-block with-errors"></div>
+ </div>
</div>
<? if (is_array($this->carriers) && count($this->carriers) > 1): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="sms_provider"><?=$this->transEsc('Provider')?>:</label>
- <div class="medium-9 columns">
- <select id="sms_provider" name="provider" class="form-control">
- <option selected="selected" value=""><?=$this->transEsc('Select your carrier')?></option>
- <? foreach ($this->carriers as $val => $details): ?>
- <option value="<?=$this->escapeHtmlAttr($val)?>"><?=$this->escapeHtml($details['name'])?></option>
- <? endforeach; ?>
- </select>
- </div>
- </div>
+ <div class="row">
+ <label class="medium-3 columns" for="sms_provider"><?= $this->transEsc('Provider') ?>:</label>
+
+ <div class="medium-9 columns">
+ <select id="sms_provider" name="provider" class="auto">
+ <option selected="selected" value=""><?= $this->transEsc('Select your carrier') ?></option>
+ <? foreach ($this->carriers as $val => $details): ?>
+ <option value="<?= $this->escapeHtmlAttr($val) ?>"><?= $this->escapeHtml($details['name']) ?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ </div>
<? else: ?>
- <? $keys = is_array($this->carriers) ? array_keys($this->carriers) : array(); ?>
- <input type="hidden" name="provider" value="<?=isset($keys[0]) ? $keys[0] : ''?>" />
+ <? $keys = is_array($this->carriers) ? array_keys($this->carriers) : array(); ?>
+ <input type="hidden" name="provider" value="<?= isset($keys[0]) ? $keys[0] : '' ?>"/>
<? endif; ?>
- <?=$this->recaptcha()->html($this->useRecaptcha) ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Send Text')?>"/>
- </div>
+ <?= $this->recaptcha()->html($this->useRecaptcha) ?>
+ <div class="row">
+ <div class="medium-9 columns medium-offset-3">
+ <input class="button small" type="submit" name="submit" role="button"
+ value="<?= $this->transEsc('Send Text') ?>"<? if (isset($this->validation) && !empty($this->validation)): ?> onClick="return phoneNumberFormHandler('sms_to', '<?= $this->validation ?>')"<? endif; ?>/>
+ </div>
</div>
</form>
diff --git a/themes/foundation5/templates/record/storageretrievalrequest.phtml b/themes/foundation5/templates/record/storageretrievalrequest.phtml
index bfb22fdff9d..2bdb2262b5c 100644
--- a/themes/foundation5/templates/record/storageretrievalrequest.phtml
+++ b/themes/foundation5/templates/record/storageretrievalrequest.phtml
@@ -15,48 +15,44 @@
<?=$this->flashmessages()?>
<div class="storage-retrieval-request-form">
- <form name="placeStorageRetrievalRequest" action="" class="form-horizontal" method="post">
+ <form name="placeStorageRetrievalRequest" method="post">
<? if (in_array("item-issue", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-3 columns controls">
- <div class="radio">
<label>
<input type="radio" id="storageRetrievalRequestItem" name="gatheredDetails[level]" value="copy"<?=!isset($this->gatheredDetails['level']) || $this->gatheredDetails['level'] != 'title' ? ' checked="checked"' : ''?>>
<?=$this->transEsc('storage_retrieval_request_selected_item')?>
</label>
- </div>
- <div class="radio">
<label>
<input type="radio" id="storageRetrievalRequestTitle" name="gatheredDetails[level]" value="title"<?=isset($this->gatheredDetails['level']) && $this->gatheredDetails['level'] == 'title' ? ' checked="checked"' : ''?>>
<?=$this->transEsc('storage_retrieval_request_reference')?>
</label>
- </div>
</div>
</div>
- <div class="form-group">
+ <div class="row">
<div id="storageRetrievalRequestReference" class="storageRetrievalRequestReference">
- <label class="medium-3 columns control-label"><?=$this->transEsc('storage_retrieval_request_volume')?>:</label>
+ <label class="medium-3 columns"><?=$this->transEsc('storage_retrieval_request_volume')?>:</label>
<div class="medium-9 columns">
- <input type="text" name="gatheredDetails[volume]" value="<?=isset($this->gatheredDetails['volume']) ? $this->escapeHtmlAttr($this->gatheredDetails['volume']) : ''?>" class="form-control"/><br/>
+ <input type="text" name="gatheredDetails[volume]" value="<?=isset($this->gatheredDetails['volume']) ? $this->escapeHtmlAttr($this->gatheredDetails['volume']) : ''?>" class="auto"/><br/>
</div>
- <label class="medium-3 columns control-label"><?=$this->transEsc('storage_retrieval_request_issue')?>:</label>
+ <label class="medium-3 columns"><?=$this->transEsc('storage_retrieval_request_issue')?>:</label>
<div class="medium-9 columns">
- <input type="text" name="gatheredDetails[issue]" value="<?=isset($this->gatheredDetails['issue']) ? $this->escapeHtmlAttr($this->gatheredDetails['issue']) : ''?>" class="form-control"/><br/>
+ <input type="text" name="gatheredDetails[issue]" value="<?=isset($this->gatheredDetails['issue']) ? $this->escapeHtmlAttr($this->gatheredDetails['issue']) : ''?>" class="auto"/><br/>
</div>
- <label class="medium-3 columns control-label"><?=$this->transEsc('storage_retrieval_request_year')?>:</label>
+ <label class="medium-3 columns"><?=$this->transEsc('storage_retrieval_request_year')?>:</label>
<div class="medium-9 columns">
- <input type="text" name="gatheredDetails[year]" value="<?=isset($this->gatheredDetails['year']) ? $this->escapeHtmlAttr($this->gatheredDetails['year']) : ''?>" class="form-control"/><br/>
+ <input type="text" name="gatheredDetails[year]" value="<?=isset($this->gatheredDetails['year']) ? $this->escapeHtmlAttr($this->gatheredDetails['year']) : ''?>" class="auto"/><br/>
</div>
</div>
</div>
<? endif; ?>
<? if (in_array("requiredByDate", $this->extraFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("hold_required_by")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc("hold_required_by")?>:</label>
<div class="medium-9 columns">
- <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]" value="<?=(isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate)?>" size="8" class="form-control"/>
+ <input id="requiredByDate" type="text" name="gatheredDetails[requiredBy]" value="<?=(isset($this->gatheredDetails['requiredBy']) && !empty($this->gatheredDetails['requiredBy'])) ? $this->escapeHtmlAttr($this->gatheredDetails['requiredBy']) : $this->escapeHtmlAttr($this->defaultRequiredDate)?>" size="8" class="auto"/>
(<?=$this->dateTime()->getDisplayDateFormat()?>)
</div>
</div>
@@ -64,7 +60,7 @@
<? if (in_array("pickUpLocation", $this->extraFields)): ?>
<? if (count($this->pickup) > 1): ?>
- <div class="form-group">
+ <div class="row">
<?
if (isset($this->gatheredDetails['pickUpLocation']) && $this->gatheredDetails['pickUpLocation'] !== "") {
$selected = $this->gatheredDetails['pickUpLocation'];
@@ -74,9 +70,9 @@
$selected = $this->defaultPickup;
}
?>
- <label class="medium-3 columns control-label"><?=$this->transEsc("pick_up_location")?>:</label>
+ <label class="medium-3 columns"><?=$this->transEsc("pick_up_location")?>:</label>
<div class="medium-9 columns">
- <select name="gatheredDetails[pickUpLocation]" class="form-control">
+ <select name="gatheredDetails[pickUpLocation]" class="auto">
<? if ($selected === false): ?>
<option value="" selected="selected">
<?=$this->transEsc('select_pickup_location')?>
@@ -96,17 +92,17 @@
<? endif; ?>
<? if (in_array("comments", $this->extraFields)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc("Comments")?>:</label>
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc("Comments")?>:</label>
<div class="medium-9 columns">
- <textarea rows="3" cols="20" name="gatheredDetails[comment]" class="form-control"><?=isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : ''?></textarea>
+ <textarea rows="3" cols="20" name="gatheredDetails[comment]" class="auto"><?=isset($this->gatheredDetails['comment']) ? $this->escapeHtml($this->gatheredDetails['comment']) : ''?></textarea>
</div>
</div>
<? endif; ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 columns medium-offset-3">
- <input class="button tiny" type="submit" name="placeStorageRetrievalRequest" role="button" value="<?=$this->transEsc('storage_retrieval_request_submit_text')?>"/>
+ <input class="button small" type="submit" name="placeStorageRetrievalRequest" role="button" value="<?=$this->transEsc('storage_retrieval_request_submit_text')?>"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/record/taglist.phtml b/themes/foundation5/templates/record/taglist.phtml
new file mode 100644
index 00000000000..c6a2ba80980
--- /dev/null
+++ b/themes/foundation5/templates/record/taglist.phtml
@@ -0,0 +1,26 @@
+<div id="tagList"<?=$loggedin ? ' class="loggedin"' : ''?>>
+ <? if (count($tagList) > 0): ?>
+ <? foreach ($tagList as $tag): ?>
+ <? $is_me = isset($tag['is_me']) && !is_null($tag['is_me']) ? $tag['is_me'] : false; ?>
+ <div class="tag<?=$is_me ? ' selected' : ''?>">
+ <a href="<?=$this->url('tag-home')?>?lookfor=<?=urlencode($tag['tag'])?>"><?=$this->escapeHtml($tag['tag'])?></a>
+ <? if($loggedin): ?>
+ <form method="POST" action="<?=$this->recordLink()->getActionUrl($this->driver, $is_me ? 'DeleteTag' : 'AddTag') ?>" class="tag-form">
+ <input type="hidden" name="tag" value="<?=$this->escapeHtmlAttr($tag['tag'])?>"/>
+ <button type="submit" class="label" onClick="ajaxTagUpdate('<?=$this->escapeHtmlAttr($tag['tag'])?>', <?=$is_me ? 'true' : 'false' ?>);return false;"><?=$this->escapeHtml($tag['cnt']) ?>
+ <? if($is_me): ?>
+ <i class="fa fa-close"></i>
+ <? else: ?>
+ <i class="fa fa-plus"></i>
+ <? endif; ?>
+ </button>
+ </form>
+ <? else: ?>
+ <span class="label"><?=$this->escapeHtml($tag['cnt'])?></span>
+ <? endif; ?>
+ </div>
+ <? endforeach; ?>
+ <? else: ?>
+ <?=$this->transEsc('No Tags')?>, <?=$this->transEsc('Be the first to tag this record')?>!
+ <? endif; ?>
+</div>
\ No newline at end of file
diff --git a/themes/foundation5/templates/record/view.phtml b/themes/foundation5/templates/record/view.phtml
index 301d8eb3c02..833c7864ec5 100644
--- a/themes/foundation5/templates/record/view.phtml
+++ b/themes/foundation5/templates/record/view.phtml
@@ -23,7 +23,7 @@
<ul class="pager hide-for-print">
<? if ($this->scrollData['previousRecord']): ?>
<li>
- <a class="button" role="button" href="<?=$this->recordLink()->getUrl($this->scrollData['previousRecord'])?>" title="<?=$this->transEsc('Previous Search Result')?>">« <?=$this->transEsc('Prev')?></a>
+ <a class="button" role="button" href="<?=$this->recordLink()->getUrl($this->scrollData['previousRecord'])?>" title="<?=$this->transEsc('Previous Search Result')?>" rel="nofollow">« <?=$this->transEsc('Prev')?></a>
</li>
<? else: ?>
<li class="disabled"><a href="#">« <?=$this->transEsc('Prev')?></a></li>
@@ -31,7 +31,7 @@
#<?=$this->localizedNumber($this->scrollData['currentPosition']) . ' ' . $this->transEsc('of') . ' ' . $this->localizedNumber($this->scrollData['resultTotal']) . ' ' . $this->transEsc('results') ?>
<? if ($this->scrollData['nextRecord']): ?>
<li>
- <a class="button" role="button" href="<?=$this->recordLink()->getUrl($this->scrollData['nextRecord'])?>" title="<?=$this->transEsc('Next Search Result')?>"><?=$this->transEsc('Next')?> »</a>
+ <a class="button" role="button" href="<?=$this->recordLink()->getUrl($this->scrollData['nextRecord'])?>" title="<?=$this->transEsc('Next Search Result')?>" rel="nofollow"><?=$this->transEsc('Next')?> »</a>
</li>
<? else: ?>
<li class="disabled"><a href="#"><?=$this->transEsc('Next')?> »</a></li>
@@ -62,7 +62,7 @@
$this->layout()->breadcrumbs .= '<li class="active">' . $this->transEsc($desc) . '</li>';
$activeTabObj = $obj;
}
- if (!$obj->isVisible()) { $tab_classes[] = 'hidden'; }
+ if (!$obj->isVisible()) { $tab_classes[] = 'hide'; }
if (!$obj->supportsAjax()) { $tab_classes[] = 'noajax'; }
?>
<li class="tab-title<?=count($tab_classes) > 0 ? ' ' . implode(' ', $tab_classes) . '' : ''?>">
diff --git a/themes/foundation5/templates/search/advanced/build_page.phtml b/themes/foundation5/templates/search/advanced/build_page.phtml
index cc885e63683..2b96b05eed4 100644
--- a/themes/foundation5/templates/search/advanced/build_page.phtml
+++ b/themes/foundation5/templates/search/advanced/build_page.phtml
@@ -1,12 +1,23 @@
-<!-- search - advanced - BUILD_PAGE.phtml -->
$(document).ready(function() {
+ // Switch and prepare for JS mode
+ $('#groupJoin').addClass('hide');
+ $('#groupPlaceHolder').removeClass('hide');
+ $('#new_search_template').addClass('hide').detach().appendTo('[role="main"]');
+ $('#new_search_template').find('.search').removeAttr('id');
+ $('#new_search_template').find('input').removeAttr('value');
+ $('#new_search_template').find('option').removeAttr('selected');
+ $('#new_group_template').addClass('hide').detach().appendTo('[role="main"]');
+ $('#new_group_template').find('.group').removeAttr('id');
+ $('#new_group_template .search').remove();
+ $('#advSearchForm .no-js').remove();
+ // Build page
<? if (isset($this->searchDetails) && is_object($this->searchDetails)): ?>
<? foreach ($this->searchDetails->getQueries() as $searchGroup): ?>
<? $i = 0; foreach ($searchGroup->getQueries() as $search): ?>
<? if (++$i == 1): ?>
var new_group = addGroup('<?=addslashes($search->getString())?>', '<?=addslashes($search->getHandler())?>', '<?=$searchGroup->isNegated() ? 'NOT' : $searchGroup->getOperator()?>');
<? else: ?>
- addSearch(new_group, '<?=addslashes($search->getString())?>', '<?=addslashes($search->getHandler())?>');
+ addSearch(new_group, {term:'<?=addslashes($search->getString())?>', field:'<?=addslashes($search->getHandler())?>'});
<? endif; ?>
<? endforeach; ?>
<? endforeach; ?>
@@ -15,5 +26,4 @@ $(document).ready(function() {
addSearch(group);
addSearch(group);
<? endif; ?>
-});
-<!-- search - advanced - BUILD_PAGE.phtml - END -->
\ No newline at end of file
+});
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/build_page_eds.phtml b/themes/foundation5/templates/search/advanced/build_page_eds.phtml
index 44e0f153b8a..7d6a6a4ca68 100644
--- a/themes/foundation5/templates/search/advanced/build_page_eds.phtml
+++ b/themes/foundation5/templates/search/advanced/build_page_eds.phtml
@@ -1,5 +1,16 @@
<!-- search - advanced - BUILD_PAGE_EDS.phtml -->
$(document).ready(function() {
+ // Switch and prepare for JS mode
+ $('#groupPlaceHolder').addClass('hide');
+ $('#new_search_template').addClass('hide').detach().appendTo('[role="main"]');
+ $('#new_search_template').find('.search').removeAttr('id');
+ $('#new_search_template').find('input').removeAttr('value');
+ $('#new_search_template').find('option').removeAttr('selected');
+ $('#new_group_template').addClass('hide').detach().appendTo('[role="main"]');
+ $('#new_group_template .search').remove();
+ $('#advSearchForm .no-js').remove();
+ $('#groupJoin').remove();
+ // Build page
<? if (isset($this->searchDetails) && is_object($this->searchDetails)): ?>
<? foreach ($this->searchDetails->getQueries() as $searchGroup): ?>
<? $i = 0; foreach ($searchGroup->getQueries() as $search): ?>
@@ -10,11 +21,11 @@ $(document).ready(function() {
'<?=$searchGroup->isNegated() ? 'NOT' : $searchGroup->getOperator()?>'
);
<? else: ?>
- addSearch(new_group,
- '<?=addslashes($search->getString())?>',
- '<?=addslashes($search->getHandler())?>',
- '<?=addslashes($search->getOperator())?>'
- );
+ addSearch(new_group, {
+ term :'<?=addslashes($search->getString())?>',
+ field:'<?=addslashes($search->getHandler())?>',
+ op :'<?=addslashes($search->getOperator())?>'
+ });
<? endif; ?>
<? endforeach; ?>
<? endforeach; ?>
@@ -23,6 +34,5 @@ $(document).ready(function() {
addSearch(new_group);
addSearch(new_group);
<? endif; ?>
-
});
<!-- search - advanced - BUILD_PAGE_EDS.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/eds.phtml b/themes/foundation5/templates/search/advanced/eds.phtml
index 826a42bc008..cfdc63445ac 100644
--- a/themes/foundation5/templates/search/advanced/eds.phtml
+++ b/themes/foundation5/templates/search/advanced/eds.phtml
@@ -15,7 +15,7 @@
<? endforeach; ?>
<label class="displayBlock" for="searchModes"><?=$this->transEsc('Search Mode')?></label>
- <select id="searchMode_<?=$this->escapeHtmlAttr($field)?>" name="filter[]" class="form-control">
+ <select id="searchMode_<?=$this->escapeHtmlAttr($field)?>" name="filter[]" class="auto">
<? foreach ($this->searchModes as $field => $searchMode):
$value = $searchMode['Value'] ?>
<option <?=(isset($searchMode['selected']) && $searchMode['selected'])?'selected="selected"':''?> value="SEARCHMODE:<?=$this->escapeHtmlAttr($value)?>">
@@ -33,7 +33,7 @@
<? switch($facet['Type']){
case 'multiselectvalue': ?>
<label for="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '+', $field))?>"><?=$this->transEsc($facet['Label'])?></label><br/>
- <select id="limit_<?=$this->escapeHtmlAttr($field)?>" name="filter[]" multiple="multiple" size="10" class="form-control">
+ <select id="limit_<?=$this->escapeHtmlAttr($field)?>" name="filter[]" multiple="multiple" size="10" class="auto">
<? foreach ($facet['LimiterValues'] as $id => $facetValue): ?>
<? $value = $facetValue['Value']; ?>
<option value="<?='LIMIT|'.$this->escapeHtmlAttr($field . ':' . $facetValue['Value'])?>"<?=(isset($facetValue['selected']) && $facetValue['selected'])?' selected="selected"':''?>><?=$this->escapeHtml($facetValue['Value'])?></option>
@@ -82,11 +82,11 @@
<div class="row">
<div class="medium-6 columns">
<label for="PublicationDatefrom"><?=$this->transEsc('date_from')?>:</label>
- <input type="text" name="PublicationDatefrom" id="PublicationDatefrom" value="<?=$this->escapeHtmlAttr($this->dateRangeLimit[0])?>" class="form-control"/>
+ <input type="text" name="PublicationDatefrom" id="PublicationDatefrom" value="<?=$this->escapeHtmlAttr($this->dateRangeLimit[0])?>" class="auto"/>
</div>
<div class="medium-6 columns">
<label for="PublicationDateto"><?=$this->transEsc('date_to')?>:</label>
- <input type="text" name="PublicationDateto" id="PublicationDateto" value="<?=$this->escapeHtmlAttr($this->dateRangeLimit[1])?>" class="form-control"/>
+ <input type="text" name="PublicationDateto" id="PublicationDateto" value="<?=$this->escapeHtmlAttr($this->dateRangeLimit[1])?>" class="auto"/>
</div>
</div>
<div class="slider-container">
diff --git a/themes/foundation5/templates/search/advanced/globals.phtml b/themes/foundation5/templates/search/advanced/globals.phtml
deleted file mode 100644
index ad0196bf2bc..00000000000
--- a/themes/foundation5/templates/search/advanced/globals.phtml
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- search - advanced - GLOBALS.phtml -->
-var searchFields = new Array();
-<? foreach ($this->options->getAdvancedHandlers() as $searchVal => $searchDesc): ?>
- searchFields["<?=$this->escapeHtml($searchVal)?>"] = "<?=$this->transEsc($searchDesc)?>";
-<? endforeach; ?>
-
-var searchJoins = new Array();
-searchJoins["AND"] = "<?=$this->transEsc("search_AND")?>";
-searchJoins["OR"] = "<?=$this->transEsc("search_OR")?>";
-searchJoins["NOT"] = "<?=$this->transEsc("search_NOT")?>";
-
-var addSearchString = "<?=$this->transEsc("add_search")?>";
-var deleteSearchGroupString = "<?=$this->transEsc("del_search")?>";
-var searchFieldLabel = "<?=$this->transEsc("in")?>";
-var searchLabel = "<?=$this->transEsc("adv_search_label")?>";
-var searchMatch = "<?=$this->transEsc("search_match")?>";
-<!-- search - advanced - GLOBALS.phtml - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/layout.phtml b/themes/foundation5/templates/search/advanced/layout.phtml
index f3d46963f64..8bd758b8f49 100644
--- a/themes/foundation5/templates/search/advanced/layout.phtml
+++ b/themes/foundation5/templates/search/advanced/layout.phtml
@@ -10,94 +10,188 @@ $this->layout()->searchbox = false;
$this->layout()->breadcrumbs = '<li>';
$lastSearchLink = $this->getLastSearchLink($this->transEsc('Search'));
$this->layout()->breadcrumbs .= !empty($lastSearchLink)
- ? $lastSearchLink : $this->transEsc('Search');
+ ? $lastSearchLink : $this->transEsc('Search');
$this->layout()->breadcrumbs .= '</li> <li class="active">' . $this->transEsc('Advanced') . '</li>';
// Set up saved search details:
if (isset($this->saved) && is_object($this->saved)) {
- $searchDetails = $this->saved->getParams()->getQuery();
- if ($searchDetails instanceof \VuFindSearch\Query\Query) {
- // Not an advanced query -- ignore it.
- $searchDetails = $groups = false;
- } else {
- $groups = $searchDetails->getQueries();
- }
- $hasDefaultsApplied = $this->saved->getParams()->hasDefaultsApplied();
- $searchFilters = $this->saved->getParams()->getFilterList();
+ $searchDetails = $this->saved->getParams()->getQuery();
+ if ($searchDetails instanceof \VuFindSearch\Query\Query) {
+ // Not an advanced query -- ignore it.
+ $searchDetails = $groups = false;
+ } else {
+ $groups = $searchDetails->getQueries();
+ }
+ $hasDefaultsApplied = $this->saved->getParams()->hasDefaultsApplied();
+ $searchFilters = $this->saved->getParams()->getFilterList();
} else {
- $hasDefaultsApplied = $searchDetails = $searchFilters = $groups = false;
+ $hasDefaultsApplied = $searchDetails = $searchFilters = $groups = false;
}
-// Set up Javascript:
-// Step 1: Define our search arrays so they are useable in the javascript
-$this->headScript()->appendScript($this->render('search/advanced/globals.phtml'));
-// Step 2: Call the javascript to make use of the above
+// Step 1: Load the javascript
$this->headScript()->appendFile(
- isset($this->advancedSearchJsOverride) ? $this->advancedSearchJsOverride : 'advanced_search.js'
+ isset($this->advancedSearchJsOverride) ? $this->advancedSearchJsOverride : 'advanced_search.js'
);
-// Step 3: Build the page
+// Step 2: Build the page
$this->headScript()->appendScript(
- $this->partial(
- isset($this->buildPageOverride) ? $this->buildPageOverride : 'search/advanced/build_page.phtml',
- array('searchDetails' => $searchDetails)
- )
+ $this->partial(
+ isset($this->buildPageOverride) ? $this->buildPageOverride : 'search/advanced/build_page.phtml',
+ ['options' => $this->options, 'searchDetails' => $searchDetails]
+ )
);
+
+// Collect previous search queries
+$setSearchGroups = [];
+$setGroupCount = 0;
+$setQueries = [];
+if (isset($searchDetails) && is_object($searchDetails)) {
+ foreach ($searchDetails->getQueries() as $group => $searchGroup) {
+ $setSearchGroups[$group] = $searchGroup->isNegated() ? 'NOT' : $searchGroup->getOperator();
+ if ($setGroupCount < $group) {
+ $setGroupCount = $group;
+ }
+ if (!isset($setQueries[$group])) {
+ $setQueries[$group] = [];
+ }
+ foreach ($searchGroup->getQueries() as $search) {
+ $setQueries[$group][] = $search;
+ }
+ }
+}
?>
<?= $this->flashmessages() ?>
<form role="search" name="searchForm" id="advSearchForm" method="get" action="<?= $this->url($this->options->getSearchAction()) ?>">
- <div class="row">
- <div class="<?= $this->layoutClass('mainbody') ?>">
- <input type="hidden" name="sort" value="relevance">
- <div class="clearfix">
- <p class="lead pull-left"><?= $this->transEsc('Advanced Search') ?></p>
- <div id="groupJoin" class="form-inline pull-right hidden">
- <label for="groupJoinOptions"><?= $this->transEsc("search_match") ?>:</label>
- <select id="groupJoinOptions" name="join" class="form-control">
- <option value="AND"<? if ($searchDetails && $searchDetails->getOperator() == 'ALL'): ?> selected<? endif ?>><?= $this->transEsc('group_AND') ?></option>
- <option value="OR"<? if ($searchDetails && $searchDetails->getOperator() == 'OR'): ?> selected<? endif ?>><?= $this->transEsc('group_OR') ?></option>
- </select>
- </div>
- </div>
- <span id="groupPlaceHolder">
- <i class="fa fa-plus-circle"></i> <a href="#" onClick="addGroup()"><?= $this->transEsc('add_search_group') ?></a>
- </span>
- <input class="button tiny pull-right" type="submit" role="button" value="<?= $this->transEsc('Find') ?>">
- <? if (isset($this->extraAdvancedControls)): ?>
- <?= $this->extraAdvancedControls ?>
- <input class="button tiny pull-right" type="submit" role="button" value="<?= $this->transEsc('Find') ?>"/>
- <? endif; ?>
- </div>
+ <div class="row">
+ <div class="<?= $this->layoutClass('mainbody') ?>">
+ <input type="hidden" name="sort" value="relevance">
+ <div class="clearfix">
+ <p class="lead pull-left"><?= $this->transEsc('Advanced Search') ?></p>
+
+ <div id="groupJoin" class="pull-right hide"><? /* check if hide still correct - fixme - CK */ ?>
+ <label for="groupJoinOptions"><?= $this->transEsc("search_match") ?>:</label>
+ <select id="groupJoinOptions" name="join" class="auto">
+ <option value="AND"<? if ($searchDetails && $searchDetails->getOperator() == 'ALL'): ?> selected<? endif ?>><?= $this->transEsc('group_AND') ?></option>
+ <option value="OR"<? if ($searchDetails && $searchDetails->getOperator() == 'OR'): ?> selected<? endif ?>><?= $this->transEsc('group_OR') ?></option>
+ </select>
+ </div>
+ </div>
+ <? /* An empty div. This is the target for the javascript that builds this screen */ ?>
+ <span id="groupPlaceHolder" class="hide">
+ <i class="fa fa-plus-circle"></i> <a href="#" onClick="addGroup()"><?= $this->transEsc('add_search_group') ?></a>
+ </span>
+ <? /* fallback to a fixed set of search groups/fields if JavaScript is turned off */ ?>
+ <div class="no-js">
+ <? if (!empty($this->formOverride)): ?>
+ <?= $this->formOverride ?>
+ <? else: ?>
+ <? for ($group = 0; $group < 3 || $group <= $setGroupCount; $group++): ?>
+ <? if ($group == 0): ?>
+ <div id="new_group_template">
+ <? endif; ?>
+ <div id="group<?= $group ?>" class="group panel row">
+ <a href="#" class="group-close hide" title="<?= $this->transEsc("del_search") ?>">×</a>
- <div class="<?= $this->layoutClass('sidebar') ?>">
- <? if ($hasDefaultsApplied): ?>
- <input type="hidden" name="dfApplied" value="1"/>
- <? endif ?>
- <? if (!empty($searchFilters)): ?>
- <h4><?= $this->transEsc("adv_search_filters") ?></h4>
- <div class="list-group">
- <label class="list-group-item checkbox">
- <input type="checkbox" checked="checked" class="checkbox-select-all"/>
- <?= $this->transEsc("adv_search_select_all") ?>
- </label>
- </div>
- <? foreach ($searchFilters as $field => $data): ?>
- <ul class="list-group">
- <li class="list-group-item title"><?= $this->transEsc($field) ?></li>
- <? foreach ($data as $value): ?>
- <label class="list-group-item checkbox"><input class="checkbox-select-item" type="checkbox" checked="checked" name="filter[]" value='<?= $this->escapeHtmlAttr($value['field']) ?>:"<?= $this->escapeHtmlAttr($value['value']) ?>"'/> <?= $this->escapeHtml($value['displayText']) ?></label>
- <? endforeach; ?>
- </ul>
- <? endforeach; ?>
- <? endif; ?>
- <div class="sidegroup">
- <h4><?= $this->transEsc("Search Tips") ?></h4>
- <div class="list-group">
- <a class="list-group-item help-link" href="<?= $this->url('help-home') ?>?topic=advsearch" title="<?= $this->transEsc('Help with Advanced Search') ?>"><?= $this->transEsc("Help with Advanced Search") ?></a>
- <a class="list-group-item help-link" href="<?= $this->url('help-home') ?>?topic=search" title="<?= $this->transEsc('Help with Search Operators') ?>"><?= $this->transEsc("Help with Search Operators") ?></a>
- </div>
- </div>
- </div>
- </div>
+ <div class="medium-9 columns">
+ <div class="row">
+ <div class="medium-3 columns">
+ <label class="help-block"><?= $this->transEsc("adv_search_label") ?>:</label>
+ </div>
+ <div class="medium-9 columns">
+ <? for ($search = 0; $search < 3 || (isset($setQueries[$group]) && $search < count($setQueries[$group])); $search++): ?>
+ <? if ($group == 0 && $search == 0): ?>
+ <div id="new_search_template">
+ <? endif; ?>
+ <div id="search<?= $group . '_' . $search ?>" class="search">
+ <div class="row">
+ <div class="medium-7 columns left">
+ <input name="lookfor<?= $group ?>[]" id="search_lookfor<?= $group . '_' . $search ?>" class="input_slot" type="text"<? if (isset($setQueries[$group][$search])): ?> value="<?= $this->escapeHtml($setQueries[$group][$search]->getString()) ?>"<? endif; ?>><? /* Leave input_slot in - used in advancedsearch.js */ ?>
+ </div>
+ <div class="medium-4 columns middle">
+ <select class="type" name="type<?= $group ?>[]">
+ <? foreach ($this->options->getAdvancedHandlers() as $searchVal => $searchDesc): ?>
+ <option
+ value="<?= $this->escapeHtml($searchVal) ?>"<? if (isset($setQueries[$group][$search]) && $searchVal == $setQueries[$group][$search]->getHandler()): ?> selected<? endif; ?>><?= $this->transEsc($searchDesc) ?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ <div class="medium-1 columns close hide">
+ <a class="help-block" href="#">×</a>
+ </div>
+ </div>
+ </div>
+ <? if ($group == 0 && $search == 0): ?>
+ </div>
+ <i class="fa fa-plus-circle search_place_holder hide"></i> <a href="#" class="add_search_link hide"><?= $this->transEsc("add_search") ?></a>
+ <? endif; ?>
+ <? endfor; ?>
+ </div>
+ </div>
+ </div>
+ <div class="medium-3 columns match">
+ <label class="search_bool"><?= $this->transEsc("search_match") ?>: </label>
+ <select name="bool<?= $group ?>[]" id="search_bool<?= $group ?>">
+ <option value="AND"<? if (isset($setSearchGroups[$group]) && 'AND' == $setSearchGroups[$group]): ?> selected<? endif; ?>><?= $this->transEsc("search_AND") ?></option>
+ <option value="OR"<? if (isset($setSearchGroups[$group]) && 'OR' == $setSearchGroups[$group]): ?> selected<? endif; ?>><?= $this->transEsc("search_OR") ?></option>
+ <option value="NOT"<? if (isset($setSearchGroups[$group]) && 'NOT' == $setSearchGroups[$group]): ?> selected<? endif; ?>><?= $this->transEsc("search_NOT") ?></option>
+ </select>
+ </div>
+ </div>
+ <? if ($group == 0): ?>
+ </div>
+ <? endif; ?>
+ <? endfor; ?>
+ <? endif; ?>
+ </div>
+ <div class="clearfix">
+ <input class="button secondary small clear-btn" type="button" value="<?= $this->transEsc('Clear') ?>">
+ <input class="button small pull-right" type="submit" value="<?= $this->transEsc('Find') ?>">
+ <? if (isset($this->extraAdvancedControls)): ?>
+ <?= $this->extraAdvancedControls ?>
+ <div class="clearfix">
+ <input class="button secondary small clear-btn" type="button" value="<?= $this->transEsc('Clear') ?>">
+ <input class="button small pull-right" type="submit" value="<?= $this->transEsc('Find') ?>">
+ </div>
+ <? endif; ?>
+ </div>
+ </div>
+ <div class="<?= $this->layoutClass('sidebar') ?>">
+ <? if ($hasDefaultsApplied): ?>
+ <input type="hidden" name="dfApplied" value="1"/>
+ <? endif ?>
+ <? if (!empty($searchFilters)): ?>
+ <h4><?= $this->transEsc("adv_search_filters") ?></h4>
+ <ul class="list-unstyled">
+ <li>
+ <label class="checkbox select-all">
+ <input type="checkbox" checked="checked" class="checkbox-select-all"/>
+ <?= $this->transEsc("adv_search_select_all") ?>
+ </label>
+ </li>
+ </ul>
+ <? foreach ($searchFilters as $field => $data): ?>
+ <ul class="list-unstyled">
+ <li class="title"><?= $this->transEsc($field) ?></li>
+ <? foreach ($data as $value): ?>
+ <label class="checkbox"><input class="checkbox-select-item" type="checkbox" checked="checked" name="filter[]" value='<?= $this->escapeHtmlAttr($value['field']) ?>:"<?= $this->escapeHtmlAttr($value['value']) ?>"'/> <?= $this->escapeHtml($value['displayText']) ?>
+ </label>
+ <? endforeach; ?>
+ </ul>
+ <? endforeach; ?>
+ <? endif; ?>
+ <div class="sidegroup">
+ <h4><?= $this->transEsc("Search Tips") ?></h4>
+ <ul class="side-nav">
+ <li>
+ <a class="help-link" href="<?= $this->url('help-home') ?>?topic=advsearch"
+ title="<?= $this->transEsc('Help with Advanced Search') ?>"><?= $this->transEsc("Help with Advanced Search") ?></a>
+ </li>
+ <li>
+ <a class="help-link" href="<?= $this->url('help-home') ?>?topic=search" title="<?= $this->transEsc('Help with Search Operators') ?>"><?= $this->transEsc("Help with Search Operators") ?></a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
</form>
<!-- search - advanced - LAYOUT.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/limit.phtml b/themes/foundation5/templates/search/advanced/limit.phtml
index deb393bf8f0..3ed4208e1f2 100644
--- a/themes/foundation5/templates/search/advanced/limit.phtml
+++ b/themes/foundation5/templates/search/advanced/limit.phtml
@@ -1,20 +1,22 @@
<!-- search - advanced - LIMIT.phtml -->
<?
- // Set up convenience variables:
- $limitList = $this->options->getLimitOptions();
+// Set up convenience variables:
+$limitList = $this->options->getLimitOptions();
- // If a previous limit was used, make that the default; otherwise, use the "default default"
- $lastLimit = $this->options->getLastLimit();
- $defaultLimit = empty($lastLimit) ? $this->options->getDefaultLimit() : $lastLimit;
+// If a previous limit was used, make that the default; otherwise, use the "default default"
+$lastLimit = $this->options->getLastLimit();
+$defaultLimit = empty($lastLimit) ? $this->options->getDefaultLimit() : $lastLimit;
?>
<? if (count($limitList) > 1): ?>
- <fieldset class="medium-4 columns">
- <legend><?=$this->transEsc('Results per page')?></legend>
- <select id="limit" name="limit" class="form-control">
- <? foreach ($limitList as $limitVal): ?>
- <option value="<?=$this->escapeHtmlAttr($limitVal)?>" <?=($limitVal == $defaultLimit) ? 'selected="selected"' : ''?>><?=$this->escapeHtml($limitVal)?></option>
- <? endforeach; ?>
- </select>
- </fieldset>
+ <div class="medium-4 columns">
+ <fieldset>
+ <legend><?= $this->transEsc('Results per page') ?></legend>
+ <select id="limit" name="limit" class="auto">
+ <? foreach ($limitList as $limitVal): ?>
+ <option value="<?= $this->escapeHtmlAttr($limitVal) ?>" <?= ($limitVal == $defaultLimit) ? 'selected="selected"' : '' ?>><?= $this->escapeHtml($limitVal) ?></option>
+ <? endforeach; ?>
+ </select>
+ </fieldset>
+ </div>
<? endif; ?>
<!-- search - advanced - LIMIT.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/ranges.phtml b/themes/foundation5/templates/search/advanced/ranges.phtml
index 28cb25d088b..1363e87512d 100644
--- a/themes/foundation5/templates/search/advanced/ranges.phtml
+++ b/themes/foundation5/templates/search/advanced/ranges.phtml
@@ -1,39 +1,42 @@
<!-- search - advanced - RANGES.phtml -->
<? if (isset($this->ranges) && !empty($this->ranges)): ?>
- <? $params = $this->searchParams($this->searchClassId); $params->activateAllFacets(); ?>
+ <? $params = $this->searchParams($this->searchClassId);
+ $params->activateAllFacets(); ?>
<? foreach ($this->ranges as $current): $escField = $this->escapeHtmlAttr($current['field']); ?>
- <? $extraInputAttribs = ($current['type'] == 'date') ? 'maxlength="4" ' : ''; ?>
- <fieldset class="medium-4 columns">
- <legend><?=$this->transEsc($params->getFacetLabel($current['field']))?></legend>
- <input type="hidden" name="<?=$this->escapeHtmlAttr($current['type'])?>range[]" value="<?=$escField?>"/>
- <div class="row">
- <div class="medium-6 columns">
- <label for="<?=$escField?>from"><?=$this->transEsc('date_from')?>:</label>
- <input type="text" name="<?=$escField?>from" id="<?=$escField?>from" value="<?=isset($current['values'][0])?$this->escapeHtmlAttr($current['values'][0]):''?>" class="form-control" <?=$extraInputAttribs?>/>
- </div>
- <div class="medium-6 columns">
- <label for="<?=$escField?>to"><?=$this->transEsc('date_to')?>:</label>
- <input type="text" name="<?=$escField?>to" id="<?=$escField?>to" value="<?=isset($current['values'][1])?$this->escapeHtmlAttr($current['values'][1]):''?>" class="form-control" <?=$extraInputAttribs?>/>
- </div>
- </div>
- <? if ($current['type'] == 'date'): ?>
- <div class="slider-container">
- <input type="text" id="<?=$escField?><?=$this->escapeHtmlAttr($current['type'])?>Slider">
- </div>
- <?
- $this->headLink()->appendStylesheet('vendor/bootstrap-slider.css');
- $this->headScript()->appendFile('vendor/bootstrap-slider.js');
- $min = !empty($current['values'][0]) ? min($current['values'][0], 1400) : 1400;
- $future = date('Y', time()+31536000);
- $max = !empty($current['values'][1]) ? max($future, $current['values'][1]) : $future;
- $low = !empty($current['values'][0]) ? $current['values'][0] : $min;
- $high = !empty($current['values'][1]) ? $current['values'][1] : $max;
- $min = intval($min);
- $max = intval($max);
- $low = intval($low);
- $high = intval($high);
- $init = !empty($current['values'][0]) ? 'fillTexts()' : '';
- $script = <<<JS
+ <? $extraInputAttribs = ($current['type'] == 'date') ? 'maxlength="4" ' : ''; ?>
+ <div class="medium-4 columns">
+ <fieldset>
+ <legend><?= $this->transEsc($params->getFacetLabel($current['field'])) ?></legend>
+ <input type="hidden" name="<?= $this->escapeHtmlAttr($current['type']) ?>range[]" value="<?= $escField ?>"/>
+ <div class="row">
+ <div class="medium-6 columns">
+ <label for="<?= $escField ?>from"><?= $this->transEsc('date_from') ?>:</label>
+ <input type="text" name="<?= $escField ?>from" id="<?= $escField ?>from"
+ value="<?= isset($current['values'][0]) ? $this->escapeHtmlAttr($current['values'][0]) : '' ?>" <?= $extraInputAttribs ?>/>
+ </div>
+ <div class="medium-6 columns">
+ <label for="<?= $escField ?>to"><?= $this->transEsc('date_to') ?>:</label>
+ <input type="text" name="<?= $escField ?>to" id="<?= $escField ?>to" value="<?= isset($current['values'][1]) ? $this->escapeHtmlAttr($current['values'][1]) : '' ?>" <?= $extraInputAttribs ?>/>
+ </div>
+ </div>
+ <? if ($current['type'] == 'date'): ?>
+ <div class="slider-container">
+ <input type="text" id="<?= $escField ?><?= $this->escapeHtmlAttr($current['type']) ?>Slider">
+ </div>
+ <?
+ $this->headLink()->appendStylesheet('vendor/bootstrap-slider.css');
+ $this->headScript()->appendFile('vendor/bootstrap-slider.js');
+ $min = !empty($current['values'][0]) ? min($current['values'][0], 1400) : 1400;
+ $future = date('Y', time() + 31536000);
+ $max = !empty($current['values'][1]) ? max($future, $current['values'][1]) : $future;
+ $low = !empty($current['values'][0]) ? $current['values'][0] : $min;
+ $high = !empty($current['values'][1]) ? $current['values'][1] : $max;
+ $min = intval($min);
+ $max = intval($max);
+ $low = intval($low);
+ $high = intval($high);
+ $init = !empty($current['values'][0]) ? 'fillTexts()' : '';
+ $script = <<<JS
$(document).ready(function() {
var fillTexts = function() {
var v = {$escField}dateSlider.getValue();
@@ -53,10 +56,11 @@ $(document).ready(function() {
{$init}
});
JS;
- ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
- </fieldset>
- <? endif; ?>
+ ?>
+ <?= $this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
+ </fieldset>
+ </div>
+ <? endif; ?>
<? endforeach; ?>
<? endif; ?>
<!-- search - advanced - RANGES.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/solr.phtml b/themes/foundation5/templates/search/advanced/solr.phtml
index 8beba168891..43848f60005 100644
--- a/themes/foundation5/templates/search/advanced/solr.phtml
+++ b/themes/foundation5/templates/search/advanced/solr.phtml
@@ -1,55 +1,62 @@
<!-- search - advanced - SOLR.phtml -->
<? if (!empty($this->facetList) || !empty($this->checkboxFacets)): ?>
- <fieldset>
- <legend><?=$this->transEsc('Limit To')?></legend>
- <? if (!empty($this->checkboxFacets)): ?>
- <?=$this->render('search/advanced/checkbox-filters.phtml')?>
- <? endif; ?>
- <div class="row">
- <? foreach ($this->facetList as $field => $list): ?>
- <div class="medium-<?=floor(12/count($this->facetList)) ?> columns">
- <label for="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '', $field))?>"><?=$this->transEsc($list['label'])?>:</label>
- <select class="form-control" id="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '', $field))?>" name="filter[]" multiple="multiple" size="10">
- <? if (is_array($this->hierarchicalFacets) && in_array($field, $this->hierarchicalFacets)): ?>
- <? foreach ($list['list'] as $value): ?>
- <? $display = str_pad('', 4 * $value['level'] * 6, ' ', STR_PAD_LEFT) . $this->escapeHtml($value['displayText']); ?>
- <option value="<?=$this->escapeHtmlAttr(($value['operator'] == 'OR' ? '~' : '') . $field . ':"' . $value['value'] . '"')?>"<?=(isset($value['selected']) && $value['selected'])?' selected="selected"':''?>><?=$display?></option>
- <? endforeach; ?>
- <? else: ?>
- <?
- // Sort the current facet list alphabetically; we'll use this data
- // along with the foreach below to display facet options in the
- // correct order.
- $sorted = array();
- foreach ($list['list'] as $i => $value) {
- if (!empty($value['displayText'])) {
- $sorted[$i] = $value['displayText'];
+ <div class="row">
+ <fieldset class="medium-12 columns">
+ <legend><?= $this->transEsc('Limit To') ?></legend>
+ <? if (!empty($this->checkboxFacets)): ?>
+ <?= $this->render('search/advanced/checkbox-filters.phtml') ?>
+ <? endif; ?>
+ <div class="row">
+ <? foreach ($this->facetList as $field => $list): ?>
+ <div class="medium-<?= floor(12 / count($this->facetList)) ?> columns">
+ <label for="limit_<?= $this->escapeHtmlAttr(str_replace(' ', '', $field)) ?>"><?= $this->transEsc($list['label']) ?>:</label>
+ <select class="auto" id="limit_<?= $this->escapeHtmlAttr(str_replace(' ', '', $field)) ?>" name="filter[]" multiple="multiple" size="10">
+ <? if (is_array($this->hierarchicalFacets) && in_array($field, $this->hierarchicalFacets)): ?>
+ <? foreach ($list['list'] as $value): ?>
+ <? $display = str_pad('', 4 * $value['level'] * 6, ' ', STR_PAD_LEFT) . $this->escapeHtml($value['displayText']); ?>
+ <option
+ value="<?= $this->escapeHtmlAttr(($value['operator'] == 'OR' ? '~' : '') . $field . ':"' . $value['value'] . '"') ?>"<?= (isset($value['selected']) && $value['selected']) ? ' selected="selected"' : '' ?>><?= $display ?></option>
+ <? endforeach; ?>
+ <? else: ?>
+ <?
+ // Sort the current facet list alphabetically; we'll use this data
+ // along with the foreach below to display facet options in the
+ // correct order.
+ $sorted = array();
+ foreach ($list['list'] as $i => $value) {
+ if (!empty($value['displayText'])) {
+ $sorted[$i] = $value['displayText'];
+ }
}
- }
- natcasesort($sorted);
- ?>
- <? foreach ($sorted as $i => $display): ?>
- <? $value = $list['list'][$i]; ?>
- <option value="<?=$this->escapeHtmlAttr(($value['operator'] == 'OR' ? '~' : '') . $field . ':"' . $value['value'] . '"')?>"<?=(isset($value['selected']) && $value['selected'])?' selected="selected"':''?>><?=$this->escapeHtml($display)?></option>
- <? endforeach; ?>
- <? endif; ?>
- </select>
- </div>
- <? endforeach; ?>
- </div>
- </fieldset>
+ natcasesort($sorted);
+ ?>
+ <? foreach ($sorted as $i => $display): ?>
+ <? $value = $list['list'][$i]; ?>
+ <option
+ value="<?= $this->escapeHtmlAttr(($value['operator'] == 'OR' ? '~' : '') . $field . ':"' . $value['value'] . '"') ?>"<?= (isset($value['selected']) && $value['selected']) ? ' selected="selected"' : '' ?>><?= $this->escapeHtml($display) ?></option>
+ <? endforeach; ?>
+ <? endif; ?>
+ </select>
+ </div>
+ <? endforeach; ?>
+ </div>
+ </fieldset>
+ </div>
<? endif; ?>
<div class="row">
<? if (isset($this->illustratedLimit)): ?>
- <fieldset class="medium-4 columns">
- <legend><?=$this->transEsc("Illustrated")?>:</legend>
- <? foreach ($this->illustratedLimit as $current): ?>
- <input id="illustrated_<?=$this->escapeHtmlAttr($current['value'])?>" type="radio" name="illustration" value="<?=$this->escapeHtmlAttr($current['value'])?>"<?=$current['selected']?' checked="checked"':''?>/>
- <label for="illustrated_<?=$this->escapeHtmlAttr($current['value'])?>"><?=$this->transEsc($current['text'])?></label><br/>
- <? endforeach; ?>
- </fieldset>
+ <div class="medium-4 columns">
+ <fieldset>
+ <legend><?= $this->transEsc("Illustrated") ?>:</legend>
+ <? foreach ($this->illustratedLimit as $current): ?>
+ <input id="illustrated_<?= $this->escapeHtmlAttr($current['value']) ?>" type="radio" name="illustration"
+ value="<?= $this->escapeHtmlAttr($current['value']) ?>"<?= $current['selected'] ? ' checked="checked"' : '' ?> />
+ <label for="illustrated_<?= $this->escapeHtmlAttr($current['value']) ?>"><?= $this->transEsc($current['text']) ?></label><br/>
+ <? endforeach; ?>
+ </fieldset>
+ </div>
<? endif; ?>
- <?=$this->render('search/advanced/limit.phtml')?>
- <?=$this->render('search/advanced/ranges.phtml')?>
+ <?= $this->render('search/advanced/limit.phtml') ?>
+ <?= $this->render('search/advanced/ranges.phtml') ?>
</div>
<!-- search - advanced - SOLR.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/advanced/summon.phtml b/themes/foundation5/templates/search/advanced/summon.phtml
index b3843db4bc7..11e446d938c 100644
--- a/themes/foundation5/templates/search/advanced/summon.phtml
+++ b/themes/foundation5/templates/search/advanced/summon.phtml
@@ -9,7 +9,7 @@
<? foreach ($this->facetList as $field => $list): ?>
<div class="medium-<?=floor(12/count($this->facetList)) ?> columns">
<label for="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '', $field))?>"><?=$this->transEsc($list['label'])?>:</label>
- <select class="form-control" id="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '', $field))?>" name="filter[]" multiple="multiple" size="10">
+ <select class="auto" id="limit_<?=$this->escapeHtmlAttr(str_replace(' ', '', $field))?>" name="filter[]" multiple="multiple" size="10">
<?
// Sort the current facet list alphabetically; we'll use this data
// along with the foreach below to display facet options in the
diff --git a/themes/foundation5/templates/search/bulk-action-buttons.phtml b/themes/foundation5/templates/search/bulk-action-buttons.phtml
index 0cce871b8dd..9ee15ec819d 100644
--- a/themes/foundation5/templates/search/bulk-action-buttons.phtml
+++ b/themes/foundation5/templates/search/bulk-action-buttons.phtml
@@ -2,7 +2,7 @@
<? if((isset($this->showBulkOptions) && $this->showBulkOptions)
|| (isset($this->showCartControls) && $this->showCartControls)): ?>
<div class="bulkActionButtons hide-for-print">
- <div class="checkbox">
+ <div class="<? if (isset($this->showBulkOptions) && $this->showBulkOptions): ?>checkbox <? else: ?>checkbox pull-left<? endif; ?> select-all"> <? /* solve this more elegantly - CK - fixme */ ?>
<label>
<input type="checkbox" class="checkbox-select-all" name="selectAll" id="<?=$this->idPrefix?>addFormCheckboxSelectAll"/> <?=$this->transEsc('select_page')?>
| <?=$this->transEsc('with_selected')?>:
@@ -10,17 +10,17 @@
</div>
<div class="button-group">
<? if (isset($this->showBulkOptions) && $this->showBulkOptions): ?>
- <input id="ribbon-email" class="button secondary tiny modal-link" role="button" type="submit" name="email" title="<?=$this->transEsc('bookbag_email_selected')?>" value="<?=$this->transEsc('Email')?>"/>
+ <input id="ribbon-email" class="button secondary small modal-link" role="button" type="submit" name="email" title="<?=$this->transEsc('bookbag_email_selected')?>" value="<?=$this->transEsc('Email')?>"/>
<? $exportOptions = $this->export()->getBulkOptions(); if (count($exportOptions) > 0): ?>
- <input id="ribbon-export" class="button secondary tiny modal-link" role="button" type="submit" name="export" title="<?=$this->transEsc('bookbag_export_selected')?>" value="<?=$this->transEsc('Export')?>"/>
+ <input id="ribbon-export" class="button secondary small modal-link" role="button" type="submit" name="export" title="<?=$this->transEsc('bookbag_export_selected')?>" value="<?=$this->transEsc('Export')?>"/>
<? endif; ?>
- <input id="ribbon-print" class="button secondary tiny modal-link" role="button" type="submit" name="print" title="<?=$this->transEsc('bookbag_print_selected')?>" value="<?=$this->transEsc('Print')?>"/>
+ <input id="ribbon-print" class="button secondary small modal-link" role="button" type="submit" name="print" title="<?=$this->transEsc('bookbag_print_selected')?>" value="<?=$this->transEsc('Print')?>"/>
<? if ($this->userlist()->getMode() !== 'disabled'): ?>
- <input id="ribbon-save" class="button secondary tiny modal-link" role="button" type="submit" name="saveCart" title="<?=$this->transEsc('bookbag_save_selected')?>" value="<?=$this->transEsc('Save')?>"/>
+ <input id="ribbon-save" class="button secondary small modal-link" role="button" type="submit" name="saveCart" title="<?=$this->transEsc('bookbag_save_selected')?>" value="<?=$this->transEsc('Save')?>"/>
<? endif; ?>
<? endif; ?>
<? if (isset($this->showCartControls) && $this->showCartControls): ?>
- <input id="<?=$this->idPrefix?>updateCart" type="submit" class="button secondary tiny" role="button" name="add" value="<?=$this->transEsc('Add to Book Bag')?>"/>
+ <input id="<?=$this->idPrefix?>updateCart" type="submit" class="button secondary small" role="button" name="add" value="<?=$this->transEsc('Add to Book Bag')?>"/>
<? endif; ?>
</div>
</div>
diff --git a/themes/foundation5/templates/search/controls/limit.phtml b/themes/foundation5/templates/search/controls/limit.phtml
index 10d5da14858..9aa1b96ce9a 100644
--- a/themes/foundation5/templates/search/controls/limit.phtml
+++ b/themes/foundation5/templates/search/controls/limit.phtml
@@ -1,13 +1,19 @@
<!-- search - controls - LIMIT.phtml -->
<? $limitList = $this->params->getLimitList(); ?>
<? if (count($limitList) > 1): ?>
- <form class="form-inline limit" action="<?=$this->currentPath() . $this->results->getUrlQuery()->setLimit(null)?>" method="post">
- <label for="limit"><?=$this->transEsc('Results per page')?></label>
- <select id="limit" name="limit" class="jumpMenu form-control">
- <? foreach ($limitList as $limitVal => $limitData): ?>
- <option value="<?=$this->escapeHtmlAttr($limitVal)?>"<?=$limitData['selected']?' selected="selected"':''?>><?=$this->escapeHtml($limitData['desc'])?></option>
- <? endforeach; ?>
- </select>
+ <form class="limit" action="<?=$this->currentPath() . $this->results->getUrlQuery()->setLimit(null)?>" method="post">
+ <div class="row">
+ <div class="small-5 columns">
+ <label class="right inline" for="limit"><?=$this->transEsc('Results per page')?></label>
+ </div>
+ <div class="small-7 columns">
+ <select id="limit" name="limit" class="jumpMenu">
+ <? foreach ($limitList as $limitVal => $limitData): ?>
+ <option value="<?=$this->escapeHtmlAttr($limitVal)?>"<?=$limitData['selected']?' selected="selected"':''?>><?=$this->escapeHtml($limitData['desc'])?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ </div>
<noscript><input type="submit" value="<?=$this->transEsc("Set")?>" /></noscript>
</form>
<? endif; ?>
diff --git a/themes/foundation5/templates/search/controls/sort.phtml b/themes/foundation5/templates/search/controls/sort.phtml
index f4a9e05985f..9ac86337650 100644
--- a/themes/foundation5/templates/search/controls/sort.phtml
+++ b/themes/foundation5/templates/search/controls/sort.phtml
@@ -1,14 +1,20 @@
<!-- search - controls - SORT.phtml -->
<? $list = $this->params->getSortList(); if (!empty($list)): ?>
- <form class="form-inline sort" action="<?=$this->currentPath()?>" method="get" name="sort">
+ <form class="sort" action="<?=$this->currentPath()?>" method="get" name="sort">
<?=$this->results->getUrlQuery()->asHiddenFields(array('sort' => '/.*/'));?>
- <label for="sort_options_1"><?=$this->transEsc('Sort')?></label>
- <select id="sort_options_1" name="sort" class="jumpMenu form-control">
- <? foreach ($list as $sortType => $sortData): ?>
- <option value="<?=$this->escapeHtmlAttr($sortType)?>"<?=$sortData['selected']?' selected="selected"':''?>><?=$this->transEsc($sortData['desc'])?></option>
- <? endforeach; ?>
- </select>
- <noscript><input type="submit" class="button secondary tiny" role="button" value="<?=$this->transEsc("Set")?>" /></noscript>
+ <div class="row">
+ <div class="small-5 columns">
+ <label for="sort_options_1" class="right inline"><?=$this->transEsc('Sort')?></label>
+ </div>
+ <div class="small-7 columns">
+ <select id="sort_options_1" name="sort" class="jumpMenu">
+ <? foreach ($list as $sortType => $sortData): ?>
+ <option value="<?=$this->escapeHtmlAttr($sortType)?>"<?=$sortData['selected']?' selected="selected"':''?>><?=$this->transEsc($sortData['desc'])?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ </div>
+ <noscript><input type="submit" class="button secondary small" role="button" value="<?=$this->transEsc("Set")?>" /></noscript>
</form>
<? endif; ?>
<!-- search - controls - SORT.phtml - end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/email.phtml b/themes/foundation5/templates/search/email.phtml
index 172b40b1f73..b00c462bfad 100644
--- a/themes/foundation5/templates/search/email.phtml
+++ b/themes/foundation5/templates/search/email.phtml
@@ -8,7 +8,7 @@
'<li class="active">' . $this->transEsc('Email this Search') . '</li>';
?>
<?=$this->flashmessages()?>
-<form class="form-horizontal" action="" method="post" name="emailSearch">
+<form method="post" name="emailSearch">
<input type="hidden" name="url" value="<?=$this->escapeHtmlAttr($this->url)?>" />
<?=$this->render('Helpers/email-form-fields.phtml')?>
</form>
diff --git a/themes/foundation5/templates/search/history-table.phtml b/themes/foundation5/templates/search/history-table.phtml
index 15adf86bcd5..5bb5cdd6d09 100644
--- a/themes/foundation5/templates/search/history-table.phtml
+++ b/themes/foundation5/templates/search/history-table.phtml
@@ -5,7 +5,7 @@
<th><?=$this->transEsc("history_search")?></th>
<th><?=$this->transEsc("history_limits")?></th>
<th><?=$this->transEsc("history_results")?></th>
- <th><?=$this->transEsc($this->showSaved ? "history_delete" : "history_save")?></th>
+ <th width="12%"><?=$this->transEsc($this->showSaved ? "history_delete" : "history_save")?></th>
</tr>
<? foreach (($this->showSaved ? array_reverse($this->saved) : array_reverse($this->unsaved)) as $iteration => $info): ?>
<tr class="<?=$iteration % 2 == 1 ? 'even' : 'odd'?>row">
diff --git a/themes/foundation5/templates/search/list-list.phtml b/themes/foundation5/templates/search/list-list.phtml
index 234ee0f7a0b..88ab5a0bcd8 100644
--- a/themes/foundation5/templates/search/list-list.phtml
+++ b/themes/foundation5/templates/search/list-list.phtml
@@ -6,7 +6,7 @@
$recordNumber = $this->results->getStartRecord()+$i-$this->indexStart; ?>
<div id="result<?=$i++ ?>" class="row result clearfix">
<div class="small-1 columns hide-for-print<? if ($showCheckboxes): ?> checkbox<? endif; ?>">
- <label>
+ <label class="checkbox-select-items">
<? if ($showCheckboxes): ?>
<?=$this->record($current)->getCheckbox()?>
<? endif; ?>
diff --git a/themes/foundation5/templates/search/newitem.phtml b/themes/foundation5/templates/search/newitem.phtml
index 046e568c28f..78eda734f5d 100644
--- a/themes/foundation5/templates/search/newitem.phtml
+++ b/themes/foundation5/templates/search/newitem.phtml
@@ -8,13 +8,13 @@
?>
<div class="row">
<h2><?=$this->transEsc('Find New Items')?></h2>
- <form method="get" action="" class="form-horizontal">
- <div class="form-group">
- <label class="medium-3 columns control-label"><?=$this->transEsc('Range')?>:</label>
+ <form method="get">
+ <div class="row">
+ <label class="medium-3 columns"><?=$this->transEsc('Range')?>:</label>
<div class="medium-9 columns">
<div class="button-group">
<? foreach ($this->ranges as $key => $range): ?>
- <label class="button tiny<? if($key == 0): ?> active<? endif ?>">
+ <label class="button small<? if($key == 0): ?> active<? endif ?>">
<input type="radio" name="range" id="newitem_range_<?=$this->escapeHtmlAttr($key)?>" value="<?=$this->escapeHtmlAttr($range)?>"<?= ($key == 0) ? ' checked="checked"' : ''?>/>
<?=($range == 1) ? $this->transEsc('Yesterday') : $this->transEsc('Past') . ' ' . $this->escapeHtml($range) . ' ' . $this->transEsc('Days')?>
</label>
@@ -23,10 +23,10 @@
</div>
</div>
<? if (is_array($this->fundList) && !empty($this->fundList)): ?>
- <div class="form-group">
- <label class="medium-3 columns control-label" for="newitem_department"><?=$this->transEsc('Department')?>:</label>
+ <div class="row">
+ <label class="medium-3 columns" for="newitem_department"><?=$this->transEsc('Department')?>:</label>
<div class="medium-9 columns">
- <select id="newitem_department" name="department" size="10" class="form-control">
+ <select id="newitem_department" name="department" size="10" class="auto">
<? foreach ($this->fundList as $fundId => $fund): ?>
<option value="<?=$this->escapeHtmlAttr($fundId)?>"><?=$this->transEsc($fund)?></option>
<? endforeach; ?>
@@ -34,9 +34,9 @@
</div>
</div>
<? endif; ?>
- <div class="form-group">
- <div class="medium-9 medium-offset-3 columns ">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
+ <div class="row">
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
</div>
</div>
</form>
diff --git a/themes/foundation5/templates/search/pagination.phtml b/themes/foundation5/templates/search/pagination.phtml
index 34eb3fea333..4bd6ebb2c41 100644
--- a/themes/foundation5/templates/search/pagination.phtml
+++ b/themes/foundation5/templates/search/pagination.phtml
@@ -1,5 +1,7 @@
+<!-- search - pagination -->
<? if ($this->pageCount): ?>
- <ul class="pagination hide-for-print">
+<div class="pagination-centered">
+ <ul class="pagination hide-for-print" role="menubar" aria-label="Pagination">
<? if (isset($this->previous)): ?>
<li><a href="<?=$this->currentPath() . $this->results->getUrlQuery()->setPage(1)?>">[1]</a></li>
<li><a href="<?=$this->currentPath() . $this->results->getUrlQuery()->setPage($this->previous)?>">« <?=$this->transEsc('Prev')?></a></li>
@@ -10,7 +12,7 @@
<? if ($page != $this->current): ?>
<li><a href="<?=$this->currentPath() . $this->results->getUrlQuery()->setPage($page)?>"><?=$page?></a></li>
<? else: ?>
- <li class="active"><span><?=$page?></span></li>
+ <li class="current"><a href="<?=$this->currentPath() . $this->results->getUrlQuery()->setPage($page)?>"><?=$page?></a></li>
<? endif; ?>
<? endforeach; ?>
<? endif; ?>
@@ -20,4 +22,6 @@
<li><a href="<?=$this->currentPath() . $this->results->getUrlQuery()->setPage($this->pageCount)?>">[<?=$this->pageCount?>]</a></li>
<? endif; ?>
</ul>
-<? endif; ?>
\ No newline at end of file
+</div>
+<? endif; ?>
+<!-- search - pagination - END -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/reserves.phtml b/themes/foundation5/templates/search/reserves.phtml
index dad7ad8154a..b8d4aa59b6c 100644
--- a/themes/foundation5/templates/search/reserves.phtml
+++ b/themes/foundation5/templates/search/reserves.phtml
@@ -7,12 +7,12 @@
$this->layout()->breadcrumbs = '<li class="active">' . $this->transEsc('Reserves') . '</li>';
?>
<h2><?=$this->transEsc('Search For Items on Reserve')?></h2>
-<form method="get" action="" name="searchForm" class="form-horizontal">
+<form method="get" name="searchForm">
<? if (is_array($this->courseList)): ?>
- <div class="form-group">
- <label for="reserves_by_course" class="medium-2 columns control-label"><?=$this->transEsc('By Course')?>:</label>
+ <div class="row">
+ <label for="reserves_by_course" class="medium-2 columns"><?=$this->transEsc('By Course')?>:</label>
<div class="medium-5 columns">
- <select name="course" id="reserves_by_course" class="form-control">
+ <select name="course" id="reserves_by_course" class="auto">
<option></option>
<? foreach ($this->courseList as $courseId => $courseName): ?>
<option value="<?=$this->escapeHtmlAttr($courseId)?>"><?=$this->escapeHtml($courseName)?></option>
@@ -20,16 +20,16 @@
</select>
</div>
<div class="medium-2 columns">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
</div>
</div>
<? endif; ?>
<? if (is_array($this->instList)): ?>
- <div class="form-group">
- <label for="reserves_by_inst" class="medium-2 columns control-label"><?=$this->transEsc('By Instructor')?>:</label>
+ <div class="row">
+ <label for="reserves_by_inst" class="medium-2 columns"><?=$this->transEsc('By Instructor')?>:</label>
<div class="medium-5 columns">
- <select name="inst" id="reserves_by_inst" class="form-control">
+ <select name="inst" id="reserves_by_inst" class="auto">
<option></option>
<? foreach ($this->instList as $instId => $instName): ?>
<option value="<?=$this->escapeHtmlAttr($instId)?>"><?=$this->escapeHtml($instName)?></option>
@@ -37,16 +37,16 @@
</select>
</div>
<div class="medium-2 columns">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
</div>
</div>
<? endif; ?>
<? if (is_array($this->deptList)): ?>
- <div class="form-group">
- <label for="reserves_by_dept" class="medium-2 columns control-label"><?=$this->transEsc('By Department')?>:</label>
+ <div class="row">
+ <label for="reserves_by_dept" class="medium-2 columns"><?=$this->transEsc('By Department')?>:</label>
<div class="medium-5 columns">
- <select name="dept" id="reserves_by_dept" class="form-control">
+ <select name="dept" id="reserves_by_dept" class="auto">
<option></option>
<? foreach ($this->deptList as $deptId => $deptName): ?>
<option value="<?=$this->escapeHtmlAttr($deptId)?>"><?=$this->escapeHtml($deptName)?></option>
@@ -54,7 +54,7 @@
</select>
</div>
<div class="medium-2 columns">
- <input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
+ <input class="button small" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
</div>
</div>
<? endif; ?>
diff --git a/themes/foundation5/templates/search/reservessearch.phtml b/themes/foundation5/templates/search/reservessearch.phtml
index e585244b792..8887926c714 100644
--- a/themes/foundation5/templates/search/reservessearch.phtml
+++ b/themes/foundation5/templates/search/reservessearch.phtml
@@ -13,10 +13,10 @@
<div class="row">
<div class="<?=$this->layoutClass('mainbody')?>">
<h3><?=$this->transEsc('Search For Items on Reserve')?></h3>
- <form class="form-inline" method="get" action="" name="reservesSearchForm">
+ <form method="get" name="reservesSearchForm">
<label for="reservesSearchForm_lookfor"><?=$this->transEsc("Your search terms")?></label>
<input id="reservesSearchForm_lookfor" type="text" name="lookfor" size="40" value="<?=$this->escapeHtmlAttr($reservesLookfor)?>" <?=$this->searchOptions('SolrReserves')->autocompleteEnabled() ? ' class="autocomplete searcher:SolrReserves type:Reserves"' : ''?> />
- <input class="button secondary tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc("Find")?>"/>
+ <input class="button secondary small" type="submit" name="submit" role="button" value="<?=$this->transEsc("Find")?>"/>
</form>
<script type="text/javascript">$("#reservesSearchForm_lookfor").focus()</script>
diff --git a/themes/foundation5/templates/search/results.phtml b/themes/foundation5/templates/search/results.phtml
index fd6f03512e3..0c1332399e2 100644
--- a/themes/foundation5/templates/search/results.phtml
+++ b/themes/foundation5/templates/search/results.phtml
@@ -1,17 +1,17 @@
<!-- search RESULTS.PHTML -->
<?
- // Set up page title:
- $lookfor = $this->results->getUrlQuery()->isQuerySuppressed() ? '' : $this->params->getDisplayQuery();
- if (isset($this->overrideTitle)) {
- $this->headTitle($this->overrideTitle);
- } else {
- $this->headTitle($this->translate('Search Results') . (empty($lookfor) ? '' : " - {$lookfor}"));
- }
+// Set up page title:
+$lookfor = $this->results->getUrlQuery()->isQuerySuppressed() ? '' : $this->params->getDisplayQuery();
+if (isset($this->overrideTitle)) {
+ $this->headTitle($this->overrideTitle);
+} else {
+ $this->headTitle($this->translate('Search Results') . (empty($lookfor) ? '' : " - {$lookfor}"));
+}
- // Set up search box:
- $this->layout()->searchbox = $this->context($this)->renderInContext(
- 'search/searchbox.phtml',
- array(
+// Set up search box:
+$this->layout()->searchbox = $this->context($this)->renderInContext(
+ 'search/searchbox.phtml',
+ array(
'lookfor' => $lookfor,
'searchIndex' => $this->params->getSearchHandler(),
'searchType' => $this->params->getSearchType(),
@@ -21,61 +21,61 @@
'filterList' => $this->params->getFilters(),
'hasDefaultsApplied' => $this->params->hasDefaultsApplied(),
'selectedShards' => $this->params->getSelectedShards()
- )
- );
+ )
+);
- // Set up breadcrumbs:
- if (isset($this->overrideTitle)) {
- $this->layout()->breadcrumbs .= '<li class="active">' . $this->escapeHtml($this->overrideTitle) . '</li>';
- } else {
- $this->layout()->breadcrumbs .= '<li class="active">' . $this->transEsc('Search') . ': ' . $this->escapeHtml($lookfor) . '</li>';
- }
+// Set up breadcrumbs:
+if (isset($this->overrideTitle)) {
+ $this->layout()->breadcrumbs .= '<li class="active">' . $this->escapeHtml($this->overrideTitle) . '</li>';
+} else {
+ $this->layout()->breadcrumbs .= '<li class="active">' . $this->transEsc('Search') . ': ' . $this->escapeHtml($lookfor) . '</li>';
+}
- // Enable cart if appropriate:
- $this->showCartControls = $this->params->getOptions()->supportsCart() && $this->cart()->isActive();
- // Enable bulk options if appropriate:
- $this->showBulkOptions = $this->params->getOptions()->supportsCart() && $this->showBulkOptions;
+// Enable cart if appropriate:
+$this->showCartControls = $this->params->getOptions()->supportsCart() && $this->cart()->isActive();
+// Enable bulk options if appropriate:
+$this->showBulkOptions = $this->params->getOptions()->supportsCart() && $this->showBulkOptions;
- // Load Javascript dependencies into header:
- $this->headScript()->appendFile("check_item_statuses.js");
- $this->headScript()->appendFile("check_save_statuses.js");
+// Load Javascript dependencies into header:
+$this->headScript()->appendFile("check_item_statuses.js");
+$this->headScript()->appendFile("check_save_statuses.js");
?>
<div class="row">
- <div class="<?=$this->layoutClass('mainbody')?>">
+ <div class="<?= $this->layoutClass('mainbody') ?>">
<? if (($recordTotal = $this->results->getResultTotal()) > 0): // only display these at very top if we have results ?>
<? foreach ($this->results->getRecommendations('top') as $current): ?>
- <?=$this->recommend($current)?>
+ <?= $this->recommend($current) ?>
<? endforeach; ?>
<? endif; ?>
- <?=$this->flashmessages()?>
+ <?= $this->flashmessages() ?>
<div class="hide-for-print search-controls row">
<div class="medium-6 columns">
<? if ($recordTotal > 0): ?>
- <?=$this->transEsc("Showing")?>
- <strong><?=$this->localizedNumber($this->results->getStartRecord())?></strong> - <strong><?=$this->localizedNumber($this->results->getEndRecord())?></strong>
+ <?= $this->transEsc("Showing") ?>
+ <strong><?= $this->localizedNumber($this->results->getStartRecord()) ?></strong>–<strong><?= $this->localizedNumber($this->results->getEndRecord()) ?></strong>
<? if (!isset($this->skipTotalCount)): ?>
- <?=$this->transEsc('of')?> <strong><?=$this->localizedNumber($recordTotal)?></strong>
+ <?= $this->transEsc('of') ?> <strong><?= $this->localizedNumber($recordTotal) ?></strong>
<? endif; ?>
<? if (isset($this->overrideSearchHeading)): ?>
- <?=$this->overrideSearchHeading?>
+ <?= $this->overrideSearchHeading ?>
<? elseif ($this->params->getSearchType() == 'basic'): ?>
- <?=$this->transEsc('for search')?>: <strong>'<?=$this->escapeHtml($lookfor)?>'</strong>,
+ <?= $this->transEsc('for search') ?>: <strong>'<?= $this->escapeHtml($lookfor) ?>'</strong>,
<? endif; ?>
<? if ($qtime = $this->results->getQuerySpeed()): ?>
- <?=$this->transEsc('query time')?>: <?=$this->localizedNumber($qtime, 2).$this->transEsc('seconds_abbrev')?>
+ <?= $this->transEsc('query time') ?>: <?= $this->localizedNumber($qtime, 2) . $this->transEsc('seconds_abbrev') ?>
<? endif; ?>
<? else: ?>
- <p class="lead"><?=$this->transEsc('nohit_heading')?></p>
+ <p class="lead"><?= $this->transEsc('nohit_heading') ?></p>
<? endif; ?>
</div>
<? if ($recordTotal > 0): ?>
<div class="medium-6 columns text-right">
- <?=$this->render('search/controls/limit.phtml')?>
- <?=$this->render('search/controls/sort.phtml')?>
- <?=$this->render('search/controls/view.phtml')?>
- </div>
+ <?= $this->render('search/controls/limit.phtml') ?>
+ <?= $this->render('search/controls/sort.phtml') ?>
+ <?= $this->render('search/controls/view.phtml') ?>
+ </div>
<? endif; ?>
</div>
<? /* End Listing Options */ ?>
@@ -83,52 +83,59 @@
<? if ($recordTotal < 1): ?>
<p>
<? if (isset($this->overrideEmptyMessage)): ?>
- <?=$this->overrideEmptyMessage?>
+ <?= $this->overrideEmptyMessage ?>
<? else: ?>
- <?=$this->transEsc('nohit_prefix')?> - <strong><?=$this->escapeHtml($lookfor)?></strong> - <?=$this->transEsc('nohit_suffix')?>
+ <?= $this->transEsc('nohit_prefix') ?> - <strong><?= $this->escapeHtml($lookfor) ?></strong> - <?= $this->transEsc('nohit_suffix') ?>
<? endif; ?>
</p>
<? if (isset($this->parseError)): ?>
- <p data-alert class="alert-box alert" tabindex="0" aria-live="assertive" role="dialogalert"><?=$this->transEsc('nohit_parse_error')?></p>
+ <p data-alert class="alert-box alert" tabindex="0" aria-live="assertive" role="dialogalert"><?= $this->transEsc('nohit_parse_error') ?></p>
<? endif; ?>
<? foreach (($top = $this->results->getRecommendations('top')) as $current): ?>
- <?=$this->recommend($current)?>
+ <?= $this->recommend($current) ?>
<? endforeach; ?>
<? foreach ($this->results->getRecommendations('noresults') as $current): ?>
<? if (!in_array($current, $top)): ?>
- <?=$this->recommend($current)?>
+ <?= $this->recommend($current) ?>
<? endif; ?>
<? endforeach; ?>
<? else: ?>
- <form class="form-inline" method="post" name="bulkActionForm" action="<?=$this->url('cart-home')?>">
- <?=$this->context($this)->renderInContext('search/bulk-action-buttons.phtml', array('idPrefix' => ''))?>
- <?=$this->render('search/list-' . $this->params->getView() . '.phtml')?>
- <?=$this->context($this)->renderInContext('search/bulk-action-buttons.phtml', array('idPrefix' => 'bottom_'))?>
- <?=$this->paginationControl($this->results->getPaginator(), 'Sliding', 'search/pagination.phtml', array('results' => $this->results))?>
+ <form method="post" name="bulkActionForm" action="<?= $this->url('cart-home') ?>">
+ <?= $this->context($this)->renderInContext('search/bulk-action-buttons.phtml', array('idPrefix' => '')) ?>
+ <?= $this->render('search/list-' . $this->params->getView() . '.phtml') ?>
+ <?= $this->context($this)->renderInContext('search/bulk-action-buttons.phtml', array('idPrefix' => 'bottom_')) ?>
+ <?= $this->paginationControl($this->results->getPaginator(), 'Sliding', 'search/pagination.phtml', array('results' => $this->results)) ?>
</form>
<div class="searchtools hide-for-print">
- <strong><?=$this->transEsc('Search Tools')?>:</strong><br />
- <i class="fa fa-bell"></i> <a href="<?=$this->results->getUrlQuery()->setViewParam('rss')?>"><?=$this->transEsc('Get RSS Feed')?></a>
- –
- <i class="fa fa-envelope"></i> <a href="<?=$this->url('search-email')?>" class="mailSearch modal-link" id="mailSearch<?=$this->escapeHtmlAttr($this->results->getSearchId())?>" title="<?=$this->transEsc('Email this Search')?>"><?=$this->transEsc('Email this Search')?></a>
- –
- <? if (is_numeric($this->results->getSearchId())): ?>
- <? if ($this->results->isSavedSearch()): ?>
- <i class="fa fa-remove"></i> <a href="<?=$this->url('myresearch-savesearch')?>?delete=<?=urlencode($this->results->getSearchId())?>"><?=$this->transEsc('save_search_remove')?></a>
- <? else: ?>
- <i class="fa fa-save"></i> <a href="<?=$this->url('myresearch-savesearch')?>?save=<?=urlencode($this->results->getSearchId())?>"><?=$this->transEsc('save_search')?></a>
+ <strong><?= $this->transEsc('Search Tools') ?>:</strong><br/>
+
+ <div class="text-center">
+ <a href="<?= $this->results->getUrlQuery()->setViewParam('rss') ?>"><i class="fa fa-bell"></i> <?= $this->transEsc('Get RSS Feed') ?></a>
+ –
+ <a href="<?= $this->url('search-email') ?>" class="mailSearch modal-link" id="mailSearch<?= $this->escapeHtmlAttr($this->results->getSearchId()) ?>"
+ title="<?= $this->transEsc('Email this Search') ?>"><i class="fa fa-envelope"></i> <?= $this->transEsc('Email this Search') ?></a>
+ <? if (($account = $this->auth()->getManager()) && $account->loginEnabled()): // hide save option if login disabled ?>
+ –
+ <? if (is_numeric($this->results->getSearchId())): ?>
+ <? if ($this->results->isSavedSearch()): ?>
+ <a href="<?= $this->url('myresearch-savesearch') ?>?delete=<?= urlencode($this->results->getSearchId()) ?>"><i class="fa fa-remove"></i> <?= $this->transEsc('save_search_remove') ?>
+ </a>
+ <? else: ?>
+ <a href="<?= $this->url('myresearch-savesearch') ?>?save=<?= urlencode($this->results->getSearchId()) ?>"><i class="fa fa-save"></i> <?= $this->transEsc('save_search') ?></a>
+ <? endif; ?>
+ <? endif; ?>
<? endif; ?>
- <? endif; ?>
+ </div>
</div>
<? endif; ?>
</div>
<? /* End Main Listing */ ?>
<? /* Narrow Search Options */ ?>
- <div class="<?=$this->layoutClass('sidebar')?>">
+ <div class="<?= $this->layoutClass('sidebar') ?>">
<? foreach ($this->results->getRecommendations('side') as $current): ?>
- <?=$this->recommend($current)?>
+ <?= $this->recommend($current) ?>
<? endforeach; ?>
</div>
<? /* End Narrow Search Options */ ?>
diff --git a/themes/foundation5/templates/search/searchTabs.phtml b/themes/foundation5/templates/search/searchTabs.phtml
index e0f5c3f9682..1c72af9e1a7 100644
--- a/themes/foundation5/templates/search/searchTabs.phtml
+++ b/themes/foundation5/templates/search/searchTabs.phtml
@@ -3,7 +3,7 @@
<? if (count($searchTabs) > 0): ?>
<ul class="tabs" data-tab>
<? foreach ($searchTabs as $tab): ?>
- <li<?=$tab['selected'] ? ' class="tab-title active"' : ''?>>
+ <li class="tab-title<?=$tab['selected'] ? ' active' : ''?>">
<a <?=$tab['selected'] ? '' : 'href="' . $this->escapeHtmlAttr($tab['url']) . '"' ?>><?=$this->transEsc($tab['label']); ?></a>
</li>
<? endforeach; ?>
diff --git a/themes/foundation5/templates/search/searchbox-topbar.phtml b/themes/foundation5/templates/search/searchbox-topbar.phtml
new file mode 100644
index 00000000000..9996b3d7317
--- /dev/null
+++ b/themes/foundation5/templates/search/searchbox-topbar.phtml
@@ -0,0 +1,115 @@
+<!-- search - searchbox.PHTML begin -->
+<?
+// Set default value if necessary:
+if (!isset($this->searchClassId)) {
+ $this->searchClassId = 'Solr';
+}
+
+// Load search actions and settings (if any):
+$options = $this->searchOptions($this->searchClassId);
+$handlers = $this->searchbox()->getHandlers(
+ $this->searchClassId,
+ isset($this->searchIndex) ? $this->searchIndex : null
+);
+$handlerCount = count($handlers);
+$basicSearch = $this->searchbox()->combinedHandlersActive() ? 'combined-searchbox' : $options->getSearchAction();
+$searchHome = $options->getSearchHomeAction();
+$advSearch = $options->getAdvancedSearchAction();
+$lastSort = $options->getLastSort();
+$lastLimit = $options->getLastLimit();
+?>
+<? if ($this->searchType == 'advanced'): ?>
+ <div id="searchFormTopBar">
+ <? $tabs = $this->render('search/searchTabs'); ?>
+ <? if (!empty($tabs)): ?><?= $tabs ?>
+ <div class="tabs-content clearfix"><? endif; ?>
+ <p class="adv_search_terms"><?= $this->transEsc("Your search terms") ?> : "<strong><?= $this->escapeHtml($this->lookfor) ?></strong>"</p>
+
+ <ul class="adv_search_links">
+ <li><a href="<?= $this->url($advSearch) ?>?edit=<?= $this->escapeHtmlAttr($this->searchId) ?>"><?= $this->transEsc("Edit this Advanced Search") ?></a></li>
+ <li><a href="<?= $this->url($advSearch) ?>"><?= $this->transEsc("Start a new Advanced Search") ?></a></li>
+ <li><a href="<?= $this->url($searchHome) ?>"><?= $this->transEsc("Start a new Basic Search") ?></a></li>
+ </ul>
+ <? if (!empty($tabs)): ?></div><? endif; ?>
+ </div>
+<? else: ?>
+ <form role="search" method="get" action="<?= $this->url($basicSearch) ?>" name="searchForm" id="searchForm" autocomplete="off" class="inline hide-for-medium-down">
+ <ul class="left">
+ <li class="has-form">
+ <input class="search-query<? if ($this->searchbox()->autocompleteEnabled($this->searchClassId)): ?> autocomplete searcher:<?= $this->escapeHtmlAttr($this->searchClassId) ?><? endif ?>" id="searchForm_lookfor" type="text" name="lookfor" value="<?= $this->escapeHtmlAttr($this->lookfor) ?>"/>
+ </li>
+ <li class="has-form">
+ <? if ($handlerCount > 1): ?>
+ <select id="searchForm_type" name="type" data-native-menu="false">
+ <? foreach ($handlers as $handler): ?>
+ <option value="<?= $this->escapeHtmlAttr($handler['value']) ?>"<?= $handler['selected'] ? ' selected="selected"' : '' ?>><?= $handler['indent'] ? '-- ' : '' ?><?= $this->transEsc($handler['label']) ?></option>
+ <? endforeach; ?>
+ </select>
+ <? elseif ($handlerCount == 1): ?>
+ <input type="hidden" name="type" value="<?= $this->escapeHtmlAttr($handlers[0]['value']) ?>"/>
+ <? endif; ?>
+ </li>
+ <li class="has-form">
+ <button type="submit" role="button"><i class="fa fa-search"></i> <?= $this->transEsc("Find") ?></button>
+ </li>
+ <li class="has-form">
+ <a href="<?= $this->url($advSearch) ?>" class="button secondary" role="button"><?= $this->transEsc("Advanced") ?></a>
+ </li>
+ <li id="shard-selector-topbar">
+ <? $shards = $options->getShards();
+ if ($options->showShardCheckboxes() && !empty($shards)): ?>
+ <?
+ $selectedShards = isset($this->selectedShards)
+ ? $this->selectedShards : $options->getDefaultSelectedShards();
+ ?>
+ <? foreach ($shards as $shard => $val): ?>
+ <? $isSelected = empty($selectedShards) || in_array($shard, $selectedShards); ?>
+ <input type="checkbox" <?= $isSelected ? 'checked="checked" ' : '' ?>name="shard[]" value='<?= $this->escapeHtmlAttr($shard) ?>'/> <?= $this->transEsc($shard) ?>
+ <? endforeach; ?>
+ <? endif; ?>
+ </li>
+ </ul>
+<? endif; ?>
+
+<?
+$filterDetails = $this->searchbox()->getFilterDetails(
+ isset($this->filterList) && is_array($this->filterList) ? $this->filterList : array(),
+ isset($this->checkboxFilters) && is_array($this->checkboxFilters) ? $this->checkboxFilters : array()
+);
+?>
+<? if ((isset($hasDefaultsApplied) && $hasDefaultsApplied) || !empty($filterDetails)): ?>
+ <? $defaultFilterState = $options->getRetainFilterSetting() ? ' checked="checked"' : ''; ?>
+ <div class="checkbox">
+ <label>
+ <input onChange="$('.applied-filter').click()" type="checkbox"<?= $defaultFilterState ?> id="searchFormKeepFilters"/>
+ <?= $this->transEsc("basic_search_keep_filters") ?>
+ </label>
+ </div>
+ <div class="hide">
+ <? foreach ($filterDetails as $current): ?>
+ <input class="applied-filter" id="<?= $this->escapeHtmlAttr($current['id']) ?>" type="checkbox"<?= $defaultFilterState ?> name="filter[]" value="<?= $this->escapeHtmlAttr($current['value']) ?>"/>
+ <label for="<?= $this->escapeHtmlAttr($current['id']) ?>"><?= $this->escapeHtml($current['value']) ?></label>
+ <? endforeach; ?>
+ <? if (isset($hasDefaultsApplied) && $hasDefaultsApplied): ?>
+ <!-- this is a hidden element that flags whether or not default filters have been applied;
+ it is intentionally unlabeled, as users are not meant to manipulate it directly. -->
+ <input class="applied-filter" id="dfApplied" type="checkbox" name="dfApplied" value="1"<?= $defaultFilterState ?> />
+ <? endif; ?>
+ </div>
+<? endif; ?>
+<?
+/* Show hidden field for active search class when in combined handler mode. */
+if ($this->searchbox()->combinedHandlersActive()) {
+ echo '<input type="hidden" name="activeSearchClassId" value="' . $this->escapeHtmlAttr($this->searchClassId) . '" />';
+}
+/* Load hidden limit preference from Session */
+if (!empty($lastLimit)) {
+ echo '<input type="hidden" name="limit" value="' . $this->escapeHtmlAttr($lastLimit) . '" />';
+}
+if (!empty($lastSort)) {
+ echo '<input type="hidden" name="sort" value="' . $this->escapeHtmlAttr($lastSort) . '" />';
+}
+?>
+</form>
+<script type="text/javascript">$("#searchForm_lookfor").focus()</script>
+<!-- search - searchbox-topbar.PHTML end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/search/searchbox.phtml b/themes/foundation5/templates/search/searchbox.phtml
index fee7ac49ee1..d6be2015c2d 100644
--- a/themes/foundation5/templates/search/searchbox.phtml
+++ b/themes/foundation5/templates/search/searchbox.phtml
@@ -2,14 +2,14 @@
<?
// Set default value if necessary:
if (!isset($this->searchClassId)) {
- $this->searchClassId = 'Solr';
+ $this->searchClassId = 'Solr';
}
// Load search actions and settings (if any):
$options = $this->searchOptions($this->searchClassId);
$handlers = $this->searchbox()->getHandlers(
- $this->searchClassId,
- isset($this->searchIndex) ? $this->searchIndex : null
+ $this->searchClassId,
+ isset($this->searchIndex) ? $this->searchIndex : null
);
$handlerCount = count($handlers);
$basicSearch = $this->searchbox()->combinedHandlersActive() ? 'combined-searchbox' : $options->getSearchAction();
@@ -19,97 +19,104 @@ $lastSort = $options->getLastSort();
$lastLimit = $options->getLastLimit();
?>
<? if ($this->searchType == 'advanced'): ?>
- <div id="searchForm">
- <? $tabs = $this->render('search/searchTabs'); ?>
- <? if (!empty($tabs)): ?><?= $tabs ?>
- <div class="tabs-content clearfix"><? endif; ?>
- <p class="adv_search_terms"><?= $this->transEsc("Your search terms") ?> : "<strong><?= $this->escapeHtml($this->lookfor) ?></strong>"</p>
-
- <ul class="adv_search_links"><!-- this ul-li is better than the original p-a-list - stick to it - CK -->
- <li><a href="<?= $this->url($advSearch) ?>?edit=<?= $this->escapeHtmlAttr($this->searchId) ?>"><?= $this->transEsc("Edit this Advanced Search") ?></a></li>
- <li><a href="<?= $this->url($advSearch) ?>"><?= $this->transEsc("Start a new Advanced Search") ?></a></li>
- <li><a href="<?= $this->url($searchHome) ?>"><?= $this->transEsc("Start a new Basic Search") ?></a></li>
- </ul>
- <? if (!empty($tabs)): ?></div><? endif; ?>
- </div>
+ <div id="searchForm">
+ <? $tabs = $this->render('search/searchTabs'); ?>
+ <? if (!empty($tabs)): ?><?= $tabs ?>
+ <div class="tabs-content clearfix"><? endif; ?>
+ <p class="adv_search_terms"><?= $this->transEsc("Your search terms") ?> : "<strong><?= $this->escapeHtml($this->lookfor) ?></strong>"</p>
+ <ul class="adv_search_links"><!-- this ul-li is better than the original p-a-list - stick to it - CK -->
+ <li>
+ <a href="<?= $this->url($advSearch) ?>?edit=<?= $this->escapeHtmlAttr($this->searchId) ?>"><?= $this->transEsc("Edit this Advanced Search") ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url($advSearch) ?>"><?= $this->transEsc("Start a new Advanced Search") ?></a>
+ </li>
+ <li>
+ <a href="<?= $this->url($searchHome) ?>"><?= $this->transEsc("Start a new Basic Search") ?></a>
+ </li>
+ </ul>
+ <? if (!empty($tabs)): ?></div><? endif; ?>
+ </div>
<? else: ?>
- <form role="search" class="navbar-form navbar-left" method="get" action="<?= $this->url($basicSearch) ?>" name="searchForm" id="searchForm" autocomplete="off">
- <?= $this->render('search/searchTabs'); ?>
- <div class="small-12 medium-4 columns">
- <input class="form-control search-query<? if ($this->searchbox()->autocompleteEnabled($this->searchClassId)): ?> autocomplete searcher:<?= $this->escapeHtmlAttr($this->searchClassId) ?><? endif ?>" id="searchForm_lookfor" type="text" name="lookfor" value="<?= $this->escapeHtmlAttr($this->lookfor) ?>"/>
- </div>
- <? if ($handlerCount > 1): ?>
- <select class="form-control small-12 medium-2 columns" id="searchForm_type" name="type" data-native-menu="false">
- <? foreach ($handlers as $handler): ?>
- <option value="<?= $this->escapeHtmlAttr($handler['value']) ?>"<?= $handler['selected'] ? ' selected="selected"' : '' ?>><?= $handler['indent'] ? '-- ' : '' ?><?= $this->transEsc($handler['label']) ?></option>
- <? endforeach; ?>
- </select>
- <? elseif ($handlerCount == 1): ?>
- <input type="hidden" name="type" value="<?= $this->escapeHtmlAttr($handlers[0]['value']) ?>"/>
- <? endif; ?>
- <div class="small-12 medium-5 columns">
- <ul class="button-group">
- <li>
- <button type="submit" class="button tiny" role="button"><i class="fa fa-search"></i> <?= $this->transEsc("Find") ?></button>
- </li>
- <? if ($advSearch): ?>
- <li><a href="<?= $this->url($advSearch) ?>" class="button secondary tiny" role="button"><?= $this->transEsc("Advanced") ?></a></li>
- </ul>
- </div>
- <? endif; ?>
- <div id="shard-selector">
- <? $shards = $options->getShards();
- if ($options->showShardCheckboxes() && !empty($shards)): ?>
- <?
- $selectedShards = isset($this->selectedShards)
- ? $this->selectedShards : $options->getDefaultSelectedShards();
- ?>
- <? foreach ($shards as $shard => $val): ?>
- <? $isSelected = empty($selectedShards) || in_array($shard, $selectedShards); ?>
- <input type="checkbox" <?= $isSelected ? 'checked="checked" ' : '' ?>name="shard[]" value='<?= $this->escapeHtmlAttr($shard) ?>'/> <?= $this->transEsc($shard) ?>
- <? endforeach; ?>
- <? endif; ?>
- </div>
- <?
- $filterDetails = $this->searchbox()->getFilterDetails(
- isset($this->filterList) && is_array($this->filterList) ? $this->filterList : array(),
- isset($this->checkboxFilters) && is_array($this->checkboxFilters) ? $this->checkboxFilters : array()
- );
- ?>
- <? if ((isset($hasDefaultsApplied) && $hasDefaultsApplied) || !empty($filterDetails)): ?>
- <? $defaultFilterState = $options->getRetainFilterSetting() ? ' checked="checked"' : ''; ?>
- <div class="checkbox">
- <label>
- <input onChange="$('.applied-filter').click()" type="checkbox"<?= $defaultFilterState ?> id="searchFormKeepFilters"/>
- <?= $this->transEsc("basic_search_keep_filters") ?>
- </label>
- </div>
- <div class="hidden">
- <? foreach ($filterDetails as $current): ?>
- <input class="applied-filter" id="<?= $this->escapeHtmlAttr($current['id']) ?>" type="checkbox"<?= $defaultFilterState ?> name="filter[]" value="<?= $this->escapeHtmlAttr($current['value']) ?>"/>
- <label for="<?= $this->escapeHtmlAttr($current['id']) ?>"><?= $this->escapeHtml($current['value']) ?></label>
- <? endforeach; ?>
- <? if (isset($hasDefaultsApplied) && $hasDefaultsApplied): ?>
- <!-- this is a hidden element that flags whether or not default filters have been applied;
- it is intentionally unlabeled, as users are not meant to manipulate it directly. -->
- <input class="applied-filter" id="dfApplied" type="checkbox" name="dfApplied" value="1"<?= $defaultFilterState ?> />
- <? endif; ?>
- </div>
- <? endif; ?>
- <?
- /* Show hidden field for active search class when in combined handler mode. */
- if ($this->searchbox()->combinedHandlersActive()) {
- echo '<input type="hidden" name="activeSearchClassId" value="' . $this->escapeHtmlAttr($this->searchClassId) . '" />';
- }
- /* Load hidden limit preference from Session */
- if (!empty($lastLimit)) {
- echo '<input type="hidden" name="limit" value="' . $this->escapeHtmlAttr($lastLimit) . '" />';
- }
- if (!empty($lastSort)) {
- echo '<input type="hidden" name="sort" value="' . $this->escapeHtmlAttr($lastSort) . '" />';
- }
- ?>
- </form>
- <script type="text/javascript">$("#searchForm_lookfor").focus()</script>
+<form role="search" method="get" action="<?= $this->url($basicSearch) ?>" name="searchForm" id="searchFormForm" autocomplete="off"><? /* had duplicate ID searchForm - check if required here - fimxe - CK */ ?>
+ <?= $this->render('search/searchTabs'); ?>
+ <div class="row">
+ <div class="small-12 medium-5 columns">
+ <input class="search-query<? if ($this->searchbox()->autocompleteEnabled($this->searchClassId)): ?> autocomplete searcher:<?= $this->escapeHtmlAttr($this->searchClassId) ?><? endif ?>" id="searchForm_lookfor" type="text" name="lookfor" value="<?= $this->escapeHtmlAttr($this->lookfor) ?>"/>
+ </div>
+ <? if ($handlerCount > 1): ?>
+ <div class="small-12 medium-3 columns">
+ <select id="searchForm_type" name="type" data-native-menu="false">
+ <? foreach ($handlers as $handler): ?>
+ <option value="<?= $this->escapeHtmlAttr($handler['value']) ?>"<?= $handler['selected'] ? ' selected="selected"' : '' ?>><?= $handler['indent'] ? '-- ' : '' ?><?= $this->transEsc($handler['label']) ?></option>
+ <? endforeach; ?>
+ </select>
+ </div>
+ <? elseif ($handlerCount == 1): ?>
+ <input type="hidden" name="type" value="<?= $this->escapeHtmlAttr($handlers[0]['value']) ?>"/>
+ <? endif; ?>
+ <div class="small-12 medium-<?= $advSearch ? 2 : 4 ?> columns">
+ <button type="submit" class="postfix" role="button"><i class="fa fa-search"></i> <?= $this->transEsc("Find") ?></button>
+ </div>
+ <? if ($advSearch): ?>
+ <div class="small-12 medium-2 columns">
+ <a href="<?= $this->url($advSearch) ?>" class="button secondary postfix" role="button" rel="nofollow"><?= $this->transEsc("Advanced") ?></a>
+ </div>
+ <? endif; ?>
+ </div>
+ <!-- ? endif; ? --> <? /* Verify if correct - file had no endif in last line but here - fixme - CK */ ?>
+ <div id="shard-selector">
+ <? $shards = $options->getShards(); if ($options->showShardCheckboxes() && !empty($shards)): ?>
+ <?
+ $selectedShards = isset($this->selectedShards)
+ ? $this->selectedShards : $options->getDefaultSelectedShards();
+ ?>
+ <? foreach ($shards as $shard => $val): ?>
+ <? $isSelected = empty($selectedShards) || in_array($shard, $selectedShards); ?>
+ <input type="checkbox" <?= $isSelected ? 'checked="checked" ' : '' ?>name="shard[]" value='<?= $this->escapeHtmlAttr($shard) ?>'/> <?= $this->transEsc($shard) ?>
+ <? endforeach; ?>
+ <? endif; ?>
+ </div>
+ <?
+ $filterDetails = $this->searchbox()->getFilterDetails(
+ isset($this->filterList) && is_array($this->filterList) ? $this->filterList : array(),
+ isset($this->checkboxFilters) && is_array($this->checkboxFilters) ? $this->checkboxFilters : array()
+ );
+ ?>
+ <? if ((isset($hasDefaultsApplied) && $hasDefaultsApplied) || !empty($filterDetails)): ?>
+ <? $defaultFilterState = $options->getRetainFilterSetting() ? ' checked="checked"' : ''; ?>
+ <div class="checkbox">
+ <label>
+ <input onChange="$('.applied-filter').click()" type="checkbox"<?= $defaultFilterState ?> id="searchFormKeepFilters"/>
+ <?= $this->transEsc("basic_search_keep_filters") ?>
+ </label>
+ </div>
+ <div class="hide">
+ <? foreach ($filterDetails as $current): ?>
+ <input class="applied-filter" id="<?= $this->escapeHtmlAttr($current['id']) ?>" type="checkbox"<?= $defaultFilterState ?> name="filter[]" value="<?= $this->escapeHtmlAttr($current['value']) ?>"/>
+ <label for="<?= $this->escapeHtmlAttr($current['id']) ?>"><?= $this->escapeHtml($current['value']) ?></label>
+ <? endforeach; ?>
+ <? if (isset($hasDefaultsApplied) && $hasDefaultsApplied): ?>
+ <!-- this is a hidden element that flags whether or not default filters have been applied;
+ it is intentionally unlabeled, as users are not meant to manipulate it directly. -->
+ <input class="applied-filter" id="dfApplied" type="checkbox" name="dfApplied" value="1"<?= $defaultFilterState ?> />
+ <? endif; ?>
+ </div>
+ <? endif; ?>
+ <?
+ /* Show hidden field for active search class when in combined handler mode. */
+ if ($this->searchbox()->combinedHandlersActive()) {
+ echo '<input type="hidden" name="activeSearchClassId" value="' . $this->escapeHtmlAttr($this->searchClassId) . '" />';
+ }
+ /* Load hidden limit preference from Session */
+ if (!empty($lastLimit)) {
+ echo '<input type="hidden" name="limit" value="' . $this->escapeHtmlAttr($lastLimit) . '" />';
+ }
+ if (!empty($lastSort)) {
+ echo '<input type="hidden" name="sort" value="' . $this->escapeHtmlAttr($lastSort) . '" />';
+ }
+ ?>
+</form>
+<script type="text/javascript">$("#searchForm_lookfor").focus()</script>
<? endif; ?>
<!-- search - searchbox.PHTML end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/upgrade/getsourcedir.phtml b/themes/foundation5/templates/upgrade/getsourcedir.phtml
index 9541a340eb4..5916e0543db 100644
--- a/themes/foundation5/templates/upgrade/getsourcedir.phtml
+++ b/themes/foundation5/templates/upgrade/getsourcedir.phtml
@@ -9,11 +9,11 @@
<?=$this->flashmessages()?>
<p class="lead">Option 1: Upgrade from VuFind 1.x</p>
<p>Please enter the full path of the directory containing your previous version of VuFind (e.g. /usr/local/vufind):</p>
-<form class="form-inline" method="post" action="<?=$this->url('upgrade-getsourcedir')?>">
- <input type="text" name="sourcedir" /> <input class="button secondary tiny" type="submit" role="button" aria-label="submit form" />
+<form method="post" action="<?=$this->url('upgrade-getsourcedir')?>">
+ <input type="text" name="sourcedir" /> <input class="button secondary small" type="submit" role="button" aria-label="submit form" />
</form>
<p class="lead">Option 2: Upgrade from VuFind 2.x</p>
<p>Please enter the version number you are upgrading from (e.g. 2.0.1):</p>
-<form class="form-inline" method="post" action="<?=$this->url('upgrade-getsourceversion')?>">
- <input type="text" name="sourceversion" /> <input class="button secondary tiny" type="submit" role="button" aria-label="submit form" />
+<form method="post" action="<?=$this->url('upgrade-getsourceversion')?>">
+ <input type="text" name="sourceversion" /> <input class="button secondary small" type="submit" role="button" aria-label="submit form" />
</form>
diff --git a/themes/foundation5/templates/upgrade/showsql.phtml b/themes/foundation5/templates/upgrade/showsql.phtml
index 1ff96846ef2..0e98808043d 100644
--- a/themes/foundation5/templates/upgrade/showsql.phtml
+++ b/themes/foundation5/templates/upgrade/showsql.phtml
@@ -19,5 +19,5 @@
<textarea class="pre" rows="20"><?=trim($this->sql) ?></textarea>
<form method="post" action="<?=$this->url('upgrade-showsql')?>">
- <input class="button secondary tiny" type="submit" name="continue" value="Next" role="button" aria-label="submit form" />
+ <input class="button secondary small" type="submit" name="continue" value="Next" role="button" aria-label="submit form" />
</form>
\ No newline at end of file
diff --git a/themes/foundation5/templates/vudl/about.phtml b/themes/foundation5/templates/vudl/about.phtml
index 759149f59de..a7023bd6800 100644
--- a/themes/foundation5/templates/vudl/about.phtml
+++ b/themes/foundation5/templates/vudl/about.phtml
@@ -17,9 +17,9 @@
</div>
<div class="<?=$this->layoutClass('sidebar')?>">
- <ul class="list-group">
- <li class="list-group-item title"><?=$this->transEsc('Content') ?></li>
- <li class="list-group-item"><a href="http://vudl.org">VuDL</a></li>
+ <ul class="side-nav">
+ <li class="title"><?=$this->transEsc('Content') ?></li>
+ <li><a href="http://vudl.org">VuDL</a></li>
</ul>
</div>
</div>
diff --git a/themes/foundation5/templates/vudl/grid.phtml b/themes/foundation5/templates/vudl/grid.phtml
index 60d74ae7c16..fdeb8877caf 100644
--- a/themes/foundation5/templates/vudl/grid.phtml
+++ b/themes/foundation5/templates/vudl/grid.phtml
@@ -5,7 +5,6 @@
// Multiple breadcrumbs
$this->layout()->breadcrumbs = $this->parents;
$this->layout()->title = $this->details['title']['value'];
- $this->layout()->breadcrumbEnd = $this->breadcrumbEnd;
$this->layout()->from = $this->from;
// Facebook image meta
@@ -44,7 +43,7 @@
<? $index=0; foreach($this->outline['lists'] as $key=>$list): ?>
<!-- PRE LOADING PLACEHOLDERS -->
<? for($i=0;$i<current(array_keys($list))-1;$i++, $index++): ?>
- <a class="medium-3 columns page-grid" id="item<?=$i ?>" title="<?=$i ?>">Loading...</a>
+ <a class="medium-3 columns page-grid" id="item<?=$i ?>" title="<?=$i ?>">Loading ...</a>
<? endfor; ?>
<!-- LOADED ITEMS -->
<? foreach($list as $i=>$item): ?>
@@ -61,7 +60,7 @@
<!-- POST LOADING PLACEHOLDERS -->
<? if(isset($this->outline['counts'][$key])): ?>
<? for($i=$this->initPage+count($list);$i<$this->outline['counts'][$key];$i++, $index++): ?>
- <a class="medium-3 columns page-grid" id="item<?=$i ?>" title="<?=$i ?>">Loading...</a>
+ <a class="medium-3 columns page-grid" id="item<?=$i ?>" title="<?=$i ?>">Loading ...</a>
<? endfor; ?>
<? endif; ?>
<? endforeach; ?>
@@ -78,7 +77,7 @@
}
});
counts = $.parseJSON('<?=json_encode($this->outline['counts'], JSON_HEX_APOS | JSON_HEX_AMP) ?>');
- $('.accordion').removeClass('hidden');
+ $('.accordion').removeClass('hide');
$('#collapse_details').addClass('active');
</script>
<!-- vudl - GRID.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/vudl/home.phtml b/themes/foundation5/templates/vudl/home.phtml
index cb0daa77929..a1b32079773 100644
--- a/themes/foundation5/templates/vudl/home.phtml
+++ b/themes/foundation5/templates/vudl/home.phtml
@@ -23,7 +23,7 @@
<? endforeach; ?>
</div>
</div>
- <a class="button tiny" role="button" alt="<?=$this->transEsc('Browse the Collection')?>" href="<?=$this->url('vudl-default-collection') ?>"><?=$this->transEsc('Browse the Collection')?> <i class="fa fa-double-angle-right"></i></a>
+ <a class="button small" role="button" alt="<?=$this->transEsc('Browse the Collection')?>" href="<?=$this->url('vudl-default-collection') ?>"><?=$this->transEsc('Browse the Collection')?> <i class="fa fa-double-angle-right"></i></a>
<script src="<?=$this->imageLink('../js/vendor/masonry.min.js') ?>"></script>
<script>
window.onload = function() {
diff --git a/themes/foundation5/templates/vudl/master-tab.phtml b/themes/foundation5/templates/vudl/master-tab.phtml
index b4b5acfbe19..8fd99a0719d 100644
--- a/themes/foundation5/templates/vudl/master-tab.phtml
+++ b/themes/foundation5/templates/vudl/master-tab.phtml
@@ -1,7 +1,7 @@
<!-- vudl - MASTER-TAB.phtml -->
<? if(isset($this->master)): ?>
<form method="get" id="file-download" action="<?=$this->url('files', array('id'=>$this->id, 'type'=>'MASTER')) ?>?download=true">
- <button id="download-button" class="button tiny" role="button">
+ <button id="download-button" class="button small" role="button">
<i class="fa fa-download"></i> <?=$this->transEsc('Download File') ?><br>
<span class="details"><?=$this->techinfo['type'] ?><?if(isset($this->techinfo['size'])):?> ~ <?=$this->techinfo['size'] ?><? endif ?></span>
</button>
diff --git a/themes/foundation5/templates/vudl/navigation.phtml b/themes/foundation5/templates/vudl/navigation.phtml
index b69084edb10..956f601f77e 100644
--- a/themes/foundation5/templates/vudl/navigation.phtml
+++ b/themes/foundation5/templates/vudl/navigation.phtml
@@ -24,7 +24,7 @@
<ul class="nav navbar-nav">
<? if(count($uniqueParents) > 1): ?>
<li class="dropdown">
- <a id="sibling-prev" class="button secondary tiny" role="button" data-toggle="dropdown" title="<?=$this->transEsc('Prev Item in Collection')?>">
+ <a id="sibling-prev" class="button secondary small" role="button" data-toggle="dropdown" title="<?=$this->transEsc('Prev Item in Collection')?>">
<?=$this->transEsc('Prev Item')?> <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="sibling-prev">
@@ -40,22 +40,31 @@
</li>
<? else: ?>
<li>
- <a href="<?=$siblingHref ?>&prev=1" class="button secondary tiny" role="button" title="<?=$this->transEsc('Prev Item in Collection')?>">
+ <a href="<?=$siblingHref ?>&prev=1" class="button secondary small" role="button" title="<?=$this->transEsc('Prev Item in Collection')?>">
<i class="fa fa-angle-left"></i>
<?=$this->transEsc('Prev Item')?>
</a>
</li>
<? endif; ?>
<li>
- <ul class="button-group">
- <li><a href="javascript:prevPage()" role="button" class="turn-button button secondary tiny<? if($this->outline['counts'][$this->initList] <= 1): ?> hidden<? endif; ?>">Prev Page</a></li>
- <li><a href="<?=$this->url('vudl-grid', array('id'=>$this->id)) ?>" class="button secondary tiny" role="button"><i class="fa fa-th"></i></a></li>
- <li><a href="javascript:nextPage()" role="button" class="button secondary tiny<? if($this->outline['counts'][$this->initList] <= 1): ?> hidden<? endif; ?>">Next Page</a></li>
- </ul>
+ <ul class="button-group">
+ <li>
+ <a href="javascript:prevPage()" role="button" class="turn-button button secondary small<? if($this->outline['counts'][$this->initList] <= 1): ?> hide<? endif; ?>">Prev Page</a>
+ </li>
+ <li>
+ <a href="<?=$this->url('vudl-grid', array('id'=>$this->id)) ?>" class="button secondary small" role="button">
+ <i class="fa fa-th hide-for-small"></i>
+ <span class="visible-small-inline"><?=$this->transEsc('grid_view') ?></span>
+ </a>
+ </li>
+ <li>
+ <a href="javascript:nextPage()" class="button secondary small<? if($this->outline['counts'][$this->initList] <= 1): ?> hide<? endif; ?>" role="button">Next Page</a>
+ </li>
+ </ul>
</li>
<? if(count($uniqueParents) > 1): ?>
<li class="dropdown">
- <a id="sibling-next" class="button secondary tiny" role="button" data-toggle="dropdown" title="<?=$this->transEsc('Next Item in Collection')?>">
+ <a id="sibling-next" class="button secondary small" role="button" data-toggle="dropdown" title="<?=$this->transEsc('Next Item in Collection')?>">
<?=$this->transEsc('Next Item')?> <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="sibling-next">
@@ -71,7 +80,7 @@
</li>
<? else: ?>
<li>
- <a href="<?=$siblingHref ?>&next=1" class="button secondary tiny" role="button" title="<?=$this->transEsc('Next Item in Collection')?>">
+ <a href="<?=$siblingHref ?>&next=1" class="button secondary small" role="button" title="<?=$this->transEsc('Next Item in Collection')?>">
<?=$this->transEsc('Next Item')?>
<i class="fa fa-angle-right"></i>
</a>
diff --git a/themes/foundation5/templates/vudl/record.phtml b/themes/foundation5/templates/vudl/record.phtml
index 0a6c71316fd..c45f4feb88a 100644
--- a/themes/foundation5/templates/vudl/record.phtml
+++ b/themes/foundation5/templates/vudl/record.phtml
@@ -5,14 +5,13 @@ $this->headTitle($this->translate($this->title) . ' - ' . $this->details['title'
// Multiple breadcrumbs
$this->layout()->breadcrumbs = $this->parents;
$this->layout()->title = $this->details['title']['value'];
-$this->layout()->breadcrumbEnd = $this->breadcrumbEnd;
$this->layout()->from = $this->from;
// Get first list name
foreach ($this->outline as $list => $v) {
- if ($list == 'counts') continue;
- $listName = $list;
- break;
+ if ($list == 'counts') continue;
+ $listName = $list;
+ break;
}
// HEADER FILES
@@ -30,78 +29,77 @@ $this->layout()->siblings = $this->siblings;
function json_php_encode($op, $quotes = false)
{
- if ($quotes) {
- return str_replace('"', "'", str_replace("'", "\\'", str_replace('\/', '/', json_encode($op))));
- } else {
- return str_replace('\/', '/', json_encode($op));
- }
+ if ($quotes) {
+ return str_replace('"', "'", str_replace("'", "\\'", str_replace('\/', '/', json_encode($op))));
+ } else {
+ return str_replace('\/', '/', json_encode($op));
+ }
}
-
?>
<script>
- var documentID = '<?=$this->id ?>';
- var initPage = $.parseJSON('<?=str_replace('\"', "\'", json_encode($this->outline['lists'][$this->initList][$this->initPage], JSON_HEX_APOS | JSON_HEX_AMP)) ?>');
- var currentList = <?=$this->initList ?>;
+ var documentID = '<?=$this->id ?>';
+ var initPage = $.parseJSON('<?=str_replace('\"', "\'", json_encode($this->outline['lists'][$this->initList][$this->initPage], JSON_HEX_APOS | JSON_HEX_AMP)) ?>');
+ var currentList = <?=$this->initList ?>;
- counts = $.parseJSON('<?=json_encode($this->outline['counts'], JSON_HEX_APOS | JSON_HEX_AMP) ?>');
- <? if(count($this->outline['lists'][$this->initList]) >= $this->outline['counts'][$this->initList]): ?>
- loading_pages = false;
- <? endif; ?>
+ counts = $.parseJSON('<?=json_encode($this->outline['counts'], JSON_HEX_APOS | JSON_HEX_AMP) ?>');
+ <? if(count($this->outline['lists'][$this->initList]) >= $this->outline['counts'][$this->initList]): ?>
+ loading_pages = false;
+ <? endif; ?>
</script>
<?= $this->context($this)->renderInContext('vudl/navigation.phtml', array()); ?>
<div class="vudl row">
- <div class="medium-3 columns" id="side-nav">
- <ul class="accordion" data-accordion="myAccordionGroup"><!-- check if AccordionGroup is necessary here -->
- <li class="accordion-navigation">
- <h4>
- <a href="#side-nav-acc" id="side-nav-toggle">
- <i class="fa fa-caret-left"></i>
- <i class="fa fa-caret-left"></i>
- <i class="fa fa-caret-left"></i>
- </a>
- </h4>
+ <div class="medium-3 columns" id="side-nav">
+ <ul class="accordion" data-accordion="myAccordionGroup"><? /* check if AccordionGroup is necessary here - fixme CK */ ?>
+ <li class="accordion-navigation">
+ <h4>
+ <a href="#side-nav-acc" id="side-nav-toggle">
+ <i class="fa fa-caret-left"></i>
+ <i class="fa fa-caret-left"></i>
+ <i class="fa fa-caret-left"></i>
+ </a>
+ </h4>
- <div id="side-nav-acc" class="content">
- <?= $this->context($this)->renderInContext('vudl/details.phtml', array()) ?>
- <ul class="accordion" data-accordion>
- <? foreach ($this->outline['lists'] as $key => $list): ?>
- <li class="accordion-navigation">
- <a href="#collapse<?= $key ?>">
- <?= $this->outline['names'][$key] ?>
- </a>
+ <div id="side-nav-acc" class="content">
+ <?= $this->context($this)->renderInContext('vudl/details.phtml', array()) ?>
+ <ul class="accordion" data-accordion>
+ <? foreach ($this->outline['lists'] as $key => $list): ?>
+ <li class="accordion-navigation">
+ <a href="#collapse<?= $key ?>">
+ <?= $this->outline['names'][$key] ?>
+ </a>
- <div id="collapse<?= $key ?>" class="content <? if ($key == $this->initList): ?> active<? endif; ?>">
- <div class="item-list" id="list<?= $key ?>" list-index="<?= $key ?>">
- <!-- PRE LOADING PLACEHOLDERS -->
- <? for ($i = 0; $i < current(array_keys($list)) - 1; $i++): ?>
- <a class="page-link unloaded" id="item<?= $i ?>" title="<?= $i ?>">Loading...</a>
- <? endfor; ?>
- <!-- LOADED ITEMS -->
- <? foreach ($list as $j => $item): ?>
- <a title="<?= $item['id'] ?>" onClick="ajaxGetView(<?= json_php_encode($item, true) ?>, this)" class="page-link active<?= $key == $this->initList && $j == $this->initPage ? ' selected' : '' ?>" id="item<?= $j ?>">
- <? if (isset($item['thumbnail'])): ?>
- <img src="<?= $item['thumbnail'] ?>" alt="<?= $item['label'] ?>"/><br/>
- <? else: ?>
- <i class="fa fa-file file-<?= $item['fulltype'] ?>"></i><br/>
- <? endif; ?>
- <?= $item['label'] ?>
- </a>
- <? endforeach; ?>
- <!-- POST LOADING PLACEHOLDERS -->
- <? if (isset($this->outline['counts'][$key])): ?>
- <? for ($i = $this->initPage + count($list); $i < $this->outline['counts'][$key]; $i++): ?>
- <a class="page-link unloaded" id="item<?= ($i) ?>" title="<?= $i ?>">Loading...</a>
- <? endfor; ?>
- <? endif; ?>
- </div>
- </div>
- </li>
- <? endforeach; ?>
- </ul>
- </div>
- </li>
- </ul>
- </div>
- <div id="view" class="medium-9 columns"></div>
+ <div id="collapse<?= $key ?>" class="content <? if ($key == $this->initList): ?> active<? endif; ?>">
+ <div class="item-list" id="list<?= $key ?>" list-index="<?= $key ?>">
+ <!-- PRE LOADING PLACEHOLDERS -->
+ <? for ($i = 0; $i < current(array_keys($list)) - 1; $i++): ?>
+ <a class="page-link unloaded" id="item<?= $i ?>" title="<?= $i ?>">Loading ...</a>
+ <? endfor; ?>
+ <!-- LOADED ITEMS -->
+ <? foreach ($list as $j => $item): ?>
+ <a title="<?= $item['id'] ?>" onClick="ajaxGetView(<?= json_php_encode($item, true) ?>, this)" class="page-link active<?= $key == $this->initList && $j == $this->initPage ? ' selected' : '' ?>" id="item<?= $j ?>">
+ <? if (isset($item['thumbnail'])): ?>
+ <img src="<?= $item['thumbnail'] ?>" alt="<?= $item['label'] ?>"/><br/>
+ <? else: ?>
+ <i class="fa fa-file file-<?= $item['fulltype'] ?>"></i><br/>
+ <? endif; ?>
+ <?= $item['label'] ?>
+ </a>
+ <? endforeach; ?>
+ <!-- POST LOADING PLACEHOLDERS -->
+ <? if (isset($this->outline['counts'][$key])): ?>
+ <? for ($i = $this->initPage + count($list); $i < $this->outline['counts'][$key]; $i++): ?>
+ <a class="page-link unloaded" id="item<?= ($i) ?>" title="<?= $i ?>">Loading ...</a>
+ <? endfor; ?>
+ <? endif; ?>
+ </div>
+ </div>
+ </li>
+ <? endforeach; ?>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <div id="view" class="medium-9 columns"></div>
</div>
<!-- vudl - RECORD.phtml end -->
\ No newline at end of file
diff --git a/themes/foundation5/templates/vudl/techinfo.phtml b/themes/foundation5/templates/vudl/techinfo.phtml
index be546a656c3..82ed6f0dcac 100644
--- a/themes/foundation5/templates/vudl/techinfo.phtml
+++ b/themes/foundation5/templates/vudl/techinfo.phtml
@@ -15,7 +15,7 @@
|| strpos($key, '-') !== false
|| $key == 'techinfo'
) continue; ?>
- <a class="button secondary tiny clearfix" role="button" href="<?=$this->url(
+ <a class="button secondary small clearfix" role="button" href="<?=$this->url(
'files',
array(
'id'=>$this->record['id'],
diff --git a/themes/foundation5/templates/vudl/views/audio.phtml b/themes/foundation5/templates/vudl/views/audio.phtml
index cdf963df0ad..22cb617fe3f 100644
--- a/themes/foundation5/templates/vudl/views/audio.phtml
+++ b/themes/foundation5/templates/vudl/views/audio.phtml
@@ -10,12 +10,13 @@
+ '<source src="'+data['mp3']+'?download=true"/>'
+ '<source src="'+data[data['master']]+'?download=true"/>';
var audio = $('audio');
- audio.trigger('pause').html(html).removeClass('hidden');
+ audio.trigger('pause').html(html).removeClass('hide');
audio[0].load();
}
};
$(document).ready(function() {
- $('#view .tabs dd.opener a').addClass('hidden');
+ currentTab = "master-tab";
+ $('#view .nav-tabs li.opener a').addClass('hide');
});
</script>
<dl class="tabs" data-tab>
diff --git a/themes/foundation5/templates/vudl/views/download.phtml b/themes/foundation5/templates/vudl/views/download.phtml
index b50de10b254..f903753360c 100644
--- a/themes/foundation5/templates/vudl/views/download.phtml
+++ b/themes/foundation5/templates/vudl/views/download.phtml
@@ -5,7 +5,8 @@
$('#file-download').attr("action", data['master']);
};
$(document).ready(function() {
- $('#view .tabs dd.opener a').addClass('hidden');
+ currentTab = "master-tab";
+ $('#view .nav-tabs li.opener a').addClass('hide');
});
</script>
<dl class="tabs" data-tab>
diff --git a/themes/foundation5/templates/vudl/views/page.phtml b/themes/foundation5/templates/vudl/views/page.phtml
index 3b146d17f9e..1fe0f1c0e91 100644
--- a/themes/foundation5/templates/vudl/views/page.phtml
+++ b/themes/foundation5/templates/vudl/views/page.phtml
@@ -2,16 +2,16 @@
<script>
// Mandatory update function
updateFunction = function(data, tab) {
- $('.loading-bar').removeClass('hidden');
+ $('.loading-bar').removeClass('hide');
if(!data['zoom'] && data['large']) data['zoom'] = data['large'];
pageData = data;
//console.log(data);
- $('#view .tabs dd:not(.static) a').addClass('hidden');
+ $('#view .tabs dd:not(.static) a').addClass('hide');
for(var i in data) {
- $('#'+i+'-tab').removeClass('hidden');
+ $('#'+i+'-tab').removeClass('hide');
}
$('.download').attr('href', data['master']);
- Zoomy.load(data['large'], function() {$('.loading-bar').addClass('hidden')});
+ Zoomy.load(data['large'], function() {$('.loading-bar').addClass('hide')});
$('#'+tab).click();
};
// Load an image into the preview (to be deprecated by the new template system)
@@ -19,11 +19,11 @@
function showPreview(index, tab) {
if(currentPreview !== pageData[index]) {
currentPreview = pageData[index];
- $('.loading-bar').removeClass('hidden');
+ $('.loading-bar').removeClass('hide');
$('#preview')
.load(function() {
$('#preview').css('opacity','1');
- $('.loading-bar').addClass('hidden');
+ $('.loading-bar').addClass('hide');
})
.css('opacity','.3')
.attr({
@@ -46,7 +46,7 @@
}
$(document).ready(function() {
- $('#view .tabs dd.opener a').addClass('hidden');
+ $('#view .tabs dd.opener a').addClass('hide');
$('#view .tabs dd:not(.static) a').click(function (e) {
e.preventDefault();
$(this).tab('show');
@@ -56,12 +56,11 @@
$('#zoom-tab').on('shown.bs.tab', function() {
resizeZoom();
Zoomy.init(document.getElementById('zoomy'));
- Zoomy.load(pageData['large'], function() { $('.loading-bar').addClass('hidden'); });
+ Zoomy.load(pageData['large'], function() { $('.loading-bar').addClass('hide'); });
});
$(window).scroll(resizeZoom);
$(window).resize(resizeZoom);
resizeZoom();
-
updateFunction({
'id' :'<?=$this->id ?>',
'medium' :'<?=$this->medium ?>',
@@ -98,14 +97,14 @@
<img id="preview" src="<?=isset($this->medium) ? $this->medium : '' ?>">
</div>
<div class="content text-center" id="zoom">
- <a class="button secondary tiny" role="button" onClick="Zoomy.turnLeft()"><i class="fa fa-rotate-left"></i></a>
- <a class="button secondary tiny" role="button" onClick="Zoomy.zoom({deltaY:1})"><i class="fa fa-search-minus"></i></a>
- <a class="button secondary tiny" role="button" onClick="Zoomy.zoom(0,1)">[1:1]</a>
- <a class="button secondary tiny" role="button" onClick="Zoomy.toggleMap();$(this).children('.fa').toggleClass('fa fa-toggle-down').toggleClass('fa fa-toggle-up');" title="<?=$this->transEsc('more_info_toggle') ?>">
+ <a class="button secondary small" role="button" onClick="Zoomy.turnLeft()"><i class="fa fa-rotate-left"></i></a>
+ <a class="button secondary small" role="button" onClick="Zoomy.zoom({deltaY:1})"><i class="fa fa-search-minus"></i></a>
+ <a class="button secondary small" role="button" onClick="Zoomy.zoom(0,1)">[1:1]</a>
+ <a class="button secondary small" role="button" onClick="Zoomy.toggleMap();$(this).children('.fa').toggleClass('fa fa-toggle-down').toggleClass('fa fa-toggle-up');" title="<?=$this->transEsc('more_info_toggle') ?>">
<i class="fa fa-toggle-down"></i>
</a>
- <a class="button secondary tiny" role="button" onClick="Zoomy.zoom({deltaY:-1})"><i class="fa fa-search-plus"></i></a>
- <a class="button secondary tiny" role="button" onClick="Zoomy.turnRight()"><i class="fa fa-rotate-right"></i></a>
+ <a class="button secondary small" role="button" onClick="Zoomy.zoom({deltaY:-1})"><i class="fa fa-search-plus"></i></a>
+ <a class="button secondary small" role="button" onClick="Zoomy.turnRight()"><i class="fa fa-rotate-right"></i></a>
<canvas id="zoomy"></canvas>
</div>
<div class="content text-center" id="master">
diff --git a/themes/foundation5/templates/vudl/views/video.phtml b/themes/foundation5/templates/vudl/views/video.phtml
index 4362a9c7bd7..312cec6558b 100644
--- a/themes/foundation5/templates/vudl/views/video.phtml
+++ b/themes/foundation5/templates/vudl/views/video.phtml
@@ -10,12 +10,13 @@
+ '<source src="'+data['mp4']+'?download=true"/>'
+ '<source src="'+data[data['master']]+'?download=true"/>';
var video = $('video');
- video.trigger('pause').html(html).removeClass('hidden');
+ video.trigger('pause').html(html).removeClass('hide');
video[0].load();
}
};
$(document).ready(function() {
- $('#view .tabs dd.opener a').addClass('hidden');
+ currentTab = "master-tab";
+ $('#view .nav-tabs li.opener a').addClass('hide');
});
</script>
<dl class="tabs" data-tab>
diff --git a/themes/foundation5/theme.config.php b/themes/foundation5/theme.config.php
index a7ae685f38c..27ffd36ff98 100644
--- a/themes/foundation5/theme.config.php
+++ b/themes/foundation5/theme.config.php
@@ -2,33 +2,30 @@
return array(
'extends' => 'root',
'css' => array(
- 'normalize.css',
- 'foundation.min.css',
+ 'vendor/normalize.css',
+ // import foundation into default.scss and leave next line out
+ // 'vendor/foundation.min.css',
'vendor/font-awesome.min.css',
'default.css',
- 'mqueries.css',
- ),
+ ),
'js' => array(
'vendor/base64.js:lt IE 10', // btoa polyfill
- 'vendor/modernizr.js',
'vendor/jquery.min.js',
- 'foundation.min.js', // This includes all components
- // 'foundation/foundation.js', // Activate this plus individual FNDTN component scripts below, if desired
- // 'foundation/foundation.topbar.js',
- 'vendor/bootstrap-modal.js',
+ 'vendor/modernizr.js',
'vendor/fastclick.js',
- 'vendor/typeahead.js',
'vendor/rc4.js',
+ 'foundation.min.js', // This includes all components
+ // 'foundation/foundation.js', // Activate this plus individual FNDTN component scripts below, if desired
+ // 'foundation/foundation.topbar.js',
+ 'vendor/typeahead.js',
'common.js',
'lightbox.js',
),
- /*
- 'less' => array(
- 'active' => false,
- 'compiled.less'
- ),
- */
- // previous block commented out by CK - FIXME - check and use LESS, or better, find solution using SASS, which is FNDTN's preferred CSS-compiler
+
+ // CSS-compiler
+ /* Chris - I have started using sassc to compile:
+ - https://github.com/sass/sassc
+ - ~/sassc/bin/sassc -t compact themes/foundation5/scss/default.scss > themes/foundation5/css.default.css */
'favicon' => 'vufind-favicon.ico',
'helpers' => array(
--
GitLab