diff --git a/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php b/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
index 0d86873ac4db1bc555c6f5e6f9b2fe1a74b34ba3..9f265744834c6386eb896b3654a5e1b77a9b0d83 100644
--- a/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
+++ b/module/VuFind/src/VuFind/View/Helper/Foundation/LayoutClass.php
@@ -53,7 +53,9 @@ 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'
diff --git a/themes/finc/css/finc.css b/themes/finc/css/finc.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..1ff7e2350540c1611ff5a3b03e4701811e2218de 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/scss/finc.scss b/themes/finc/scss/finc.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ee24e4810fe4023e87a83de6d6ff0941f6e38a54
--- /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 badf00c2b8262b82e6c35f44d1514829519b7db8..3f3d52df8803f12a23bd61986cc4f91ef9f2db9d 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 80531d8f5f964e549318268a7c6cc8de69ef71a3..d3845771c083de62b80caeec9143edc0fafafc9d 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 23739af437fc63b892220c5b625704f78c7fa0a6..9b1bab274f28b509c9e6b41686923805203e75fd 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 cf38ba17a22a0b3e08d0d487d787f2a6544e46bd..05ea78b1a956aa083e33028b58cc127f7d0c68ae 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 03cee1701d7610c624fdb9b9a1b53cdc44265f66..aad1e5f40a4c4c2feeb2837f0a4d6f56334932ef 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 7f1d204a28e9cd79139b0674dea54dced5cc4977..47b4c9a78fdab20bf77fe6f3ddbdaf19f7851040 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 5343d0fd72c1a8c9c3d0f0ed48ddeb2d9db29b37..76fcb282983fc195bd1f7fa279e9f210b64cee15 100644
--- a/themes/finc/templates/footer.phtml
+++ b/themes/finc/templates/footer.phtml
@@ -1,3 +1,4 @@
+<!-- footer -->
<hr/>
<div class="row">
<div class="col-sm-4 medium-4 columns">
@@ -26,3 +27,4 @@
</ul>
</div>
</div>
+<!-- footer - END -->
\ No newline at end of file
diff --git a/themes/finc/templates/myresearch/acquisition.phtml b/themes/finc/templates/myresearch/acquisition.phtml
index f385023721ef6e78afe69118785fd74e971aa771..d12ab457faf5cad2fcc47169bab362a4237610b0 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') ?>"/>
</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/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..40646aee1d64fec982ad458aa4021a4127cc9038
Binary files /dev/null and b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc differ
diff --git a/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..96c14ac09765ab40cbb10374ee9b459392709caf
Binary files /dev/null and b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc differ
diff --git a/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/normalize.scssc b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/normalize.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..023856a2275f701749ab26ac240f46a5d660faf5
Binary files /dev/null and b/themes/foundation5/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/normalize.scssc differ
diff --git a/themes/foundation5/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc b/themes/foundation5/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..c9ec3f9fed886a105c7897e086a701d3310af120
Binary files /dev/null and b/themes/foundation5/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..7dc9479ef8c82d1b6af3fc0c57d437fdcb67f354
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..b0ffb847945506a21462e2476ccafc52fd6c6340
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..f7202f0e7fd1660f40a4706634149688ac090775
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..5aec9493d63c0e4aa2db47deff6cf84f52dcfdef
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..727cd2f26913f09f6699d99e1bd3e507a5349a37
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..fb2f44ef4b84a88fced8811f02a8a98dc2bb5ed8
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..e4ac4a1d39c14f660c572ac79523d9a0ed8140e8
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..c7d5d5dbdbc3a4acee727170d9b8cf7436a1a245
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..10734a17d4976825d5fd3d6c0c9d280d332c481f
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..9ae67345a33fe97f5a6d5eaf59228975c8169552
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..6539bda09f66898e64dfe305380bccf7f714b53e
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..3c29f0e0bbd132153abfecffd161ec09be9f4599
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..63f34b4213c343ddb2127a31c0fa2750f5b05823
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0ea9ec3675a6aae71d2632cc6dd4d20ddeeab1f3
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..bffdb5a1214514bd23430d90c6c768bc5d8b1e6b
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..52b367703e0eba29b6c7af99b662f8c0339a5592
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..947debc8bf547c07d3d56c9b8632ad6af0fc34ca
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..c290b6154e1b0d0f637394fb28f3478433c9e384
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..110691c7ff9bc37a3e7fe94dc611d77d04bb6d9b
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..cc527d5ffd2a9c6f5699e7c14348fa68c81f4f8a
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..1bf88a40a3117be6fc28f85ee9bfa80918a867fd
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..880f7f2129a61a9733aa680921a69f25c4c6ff70
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..b0e6b714464fdef0bfc49cfd9596803aacc668d5
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..b4f31def252352e3024c98333de2b91ffa61c4ba
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..d1055db74b2d5678c4b57610afd8d54772ecd2ae
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..8308d2edb504d695440b147e8869bd52cc70a7c8
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..9e7e1ae9f1a757e72f839fd17998f9ca330d6e5a
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..7af8d759773943c9972e31574f550607222b254f
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..f3bed36d2c78bd5db2e9207be41792ecc7b7c885
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..bfa65b3b1f5b0f77955325cd85d76e657341539f
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..f9535b4d630b04b4ec69b88cc0ebae654986a2d4
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..2b04a058fe749ddc15d92fad0c112edbd183f406
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0139d9f36e7e59a7de01016cc5c34dbfada6c6ea
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..dc8a4a87939e202c53cd6cfea42a60ac6a375bef
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..8df930b8f5feef35cd5d69c7a77b11e79270c5d3
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..6f52819de20a72c3f0a89f746c61c7b4b3500b5d
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..fe4033b928e996577461d1d45f714e6a720a3963
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc differ
diff --git a/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..30533b7896ba2a9a421d0b4e153dce8b67fcc85b
Binary files /dev/null and b/themes/foundation5/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc differ
diff --git a/themes/foundation5/css/combined-search.css b/themes/foundation5/css/combined-search.css
index 1988fa8c4e2a677b42a7e578f5ff48d9abee606b..7b33a0ebcf92a8cb60210c07b8ea675bda362578 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 7fadfd038128985b6be0f6f97c585ea36a80b3a5..159b7a27ced256272cb418a1830a1800e97b2a4c 100644
--- a/themes/foundation5/css/default.css
+++ b/themes/foundation5/css/default.css
@@ -1,537 +1,982 @@
-@charset "utf-8";
-/* Note: replace #c60f13 with the standard alert color of your customized Foundation download */
-
-html{overflow:-moz-scrollbars-vertical !important;} /* Avoid Mozilla horizontal jumps upon dropdown content extending past bottom of browser window */
-
-html {font-size: 16px} /* Avoid issues with users changing default browser font size */
-
-/* Basic settings taken over from BS3 */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary { display: block }
-
-audio,
-canvas,
-progress,
-video { display: inline-block; vertical-align: baseline }
-
-audio:not([controls]) { display: none; height: 0 }
-
-[hidden],
-template { display: none }
-
-mark,
-.highlight { background:#ff0; color:#000 }
-
-label {margin-bottom: .3rem; display: inline-block}
-
-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; }
-
-/* Basic settings taken over from BS3 - end */
-
-/* LISTS */
- .list-unstyled{padding-left:0;list-style:none none;}
-/* LISTS end */
-
-/* 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}
-
-/*
- 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,
+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: 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 {
+ overflow: -moz-scrollbars-vertical !important;
+}
+
+body {
+ background-color: #F9F9F9;
+}
+
+.main.panel {
+ background: #FFFFFF;
+}
+
+.fa-grid:before {
+ content: "\f00a";
+}
+
+.fa-visual:before {
+ content: "\f1fe";
+}
+
+ul.list-unstyled {
+ margin-left: 0;
+}
+
+ul.list-unstyled li {
+ list-style: none none;
+ padding-left: 0;
+}
+
+.content ul.list-unstyled {
+ margin-left: 1.1rem;
+}
+
+.sidebar ul {
+ font-size: .875rem;
+ margin-left: 0;
+}
+
+ul .label {
+ float: right;
+}
+
+.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;
+}
+
+@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 {
+ font-size: .875rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+}
+
+#modal .close-reveal-modal {
+ right: -2.5rem;
+ color: #FFFFFF;
+}
+
+.sidebar .accordion {
+ margin-left: 0;
+}
+
+.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 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 .list-unstyled {
+ margin-bottom: 1rem;
+}
+
+.sidebar .list-unstyled 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 {
+ border-bottom: 1px solid #DDDDDD;
+}
+
+.sidebar a.title:after {
+ content: '\25B2';
+ float: right;
+ color: #666666;
+}
+
+.sidebar .active a.title:after {
+ content: '\25BC';
+}
+
+.browse .button {
+ font-size: .875rem;
+ 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;
+ font-size: .875rem;
+}
+
+.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.25rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ padding: 1rem 2rem 1.0625rem 2rem;
+ font-size: 1rem;
+ 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: 0.875rem;
+}
+
.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 {
+ margin-left: 81px;
+}
+
+.top-bar #searchForm 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 {
+ padding-left: 0;
+ }
+ .top-bar #searchForm .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: 62.5rem;
+}
+
+.breadcrumbs.columns {
+ float: none;
+}
+
+.breadcrumbs {
+ background-color: inherit;
+ border: none;
+ border-radius: 0;
+ border-top: 1px solid #666666;
+ clear: both;
+ color: #FFFFFF;
+}
+
+.breadcrumbs > * {
+ color: #FFFFFF;
+}
+
+.breadcrumbs > * a {
+ color: #DDDDDD;
+}
+
+@media (min-width: 62rem) {
+ .breadcrumbs {
+ clear: both;
+ max-width: 64rem;
+ }
+}
+
+.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%;
+ }
+}
+
+.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 {
+ padding: 0;
+ }
+}
+
+@media only screen and (min-width: 45rem) {
+ #searchForm .columns {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+}
+
+#searchForm input[type="text"] {
+ margin-bottom: 0;
+}
+
+#searchForm select {
+ margin-bottom: .5em;
+}
+
+#searchForm .button-group.even-2 li {
+ width: 48.25%;
+}
+
+#searchForm .button-group.even-2 li:nth-of-type(2) {
+ float: right;
+}
+
+#searchForm .checkbox label {
+ color: #FFFFFF;
+ font-size: .75rem;
+ line-height: 0.2;
+ margin-left: .75rem;
+}
+
+#searchForm 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 #searchForm input[type="checkbox"] {
+ margin-left: 0;
+}
+
+@media only screen and (min-width: 20em) {
+ #shard-selector {
+ clear: both;
+ color: #CCCCCC;
+ }
+}
+
+@media only screen and (min-width: 45rem) {
+ #shard-selector {
+ float: left;
+ font-size: .7rem;
+ line-height: 1;
+ padding: 0;
+ }
+}
+
+@media (min-width: 62rem) {
+ #shard-selector {
+ left: 1rem;
+ top: 2.5rem;
+ }
+}
+
+@media (min-width: 80rem) {
+ #shard-selector {
+ 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;
+}
+
+#advSearchForm .close {
+ float: right;
+ font-weight: bold;
+ margin-top: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+#advSearchForm .panel {
+ margin-bottom: 1rem;
+}
+
+#advSearchForm #limit {
+ margin-top: 1.25rem;
+}
+
+.row.result {
+ padding-bottom: 1rem;
+ padding-top: 1rem;
+}
+
+.row.result:first-of-type {
+ padding-top: 0;
+}
+
+.row.result:nth-of-type(even) {
+ background-color: #EFEFEF;
+}
+
+.sort select,
+.limit select {
+ width: 100%;
+}
+
+.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%;
+}
+
+.delete.tool,
+.edit.tool,
+.save-record,
+.qrcodeLink,
+.hierarchyTreeLinkText {
+ font-size: .875rem;
+}
+
+.pager {
+ list-style: outside none none;
+ margin: 0 0 1rem 0;
+ padding: 0;
+ text-align: center;
+}
+
+.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: 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;
+}
+
+.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;
+}
+
+.tabs {
+ border: 1px solid #DDDDDD;
+ border-bottom: none;
+}
+
+.tabs dd > a,
+.tabs .tab-title > a {
+ padding: 0.5rem 1rem;
+}
+
+.tabs-content {
+ border: 1px solid #DDDDDD;
+ border-top: none;
+}
+
+.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 {
+ font-size: .875rem;
+ 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.panel {
+ padding: 1rem;
+}
+
+input.auto,
+select.auto {
+ width: auto;
+}
+
+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: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ line-height: .8rem;
+ cursor: pointer;
+}
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ margin-left: -20px;
+ /* margin-top: 4px;*/
+ position: absolute;
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
+}
+
+.hide {
+ 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
index f63e314c96fe211e4c1647f8a737e35ee4133998..e549097666a607c0826024c506f7053423ae7ffb 100644
--- a/themes/foundation5/css/foundation.css
+++ b/themes/foundation5/css/foundation.css
@@ -1,3603 +1,7175 @@
meta.foundation-version {
- font-family: "/5.5.1/"; }
+ font-family: "/{{VERSION}}/";
+}
meta.foundation-mq-small {
font-family: "/only screen/";
- width: 0; }
+ width: 0;
+}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
- width: 0; }
+ width: 0;
+}
meta.foundation-mq-medium {
- font-family: "/only screen and (min-width:40.063em)/";
- width: 40.063em; }
+ 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.063em) and (max-width:64em)/";
- width: 40.063em; }
+ 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.063em)/";
- width: 64.063em; }
+ 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.063em) and (max-width:90em)/";
- width: 64.063em; }
+ 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.063em)/";
- width: 90.063em; }
+ 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.063em) and (max-width:120em)/";
- width: 90.063em; }
+ 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.063em)/";
- width: 120.063em; }
+ font-family: "/only screen and (min-width:120.0625em)/";
+ width: 120.0625em;
+}
meta.foundation-data-attribute-namespace {
- font-family: false; }
+ font-family: false;
+}
html, body {
- height: 100%; }
+ height: 100%;
+}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
html,
body {
- font-size: 100%; }
+ font-size: 100%;
+}
body {
background: #fff;
color: #222;
- padding: 0;
- margin: 0;
+ cursor: auto;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
font-style: normal;
+ font-weight: normal;
line-height: 1.5;
+ margin: 0;
+ padding: 0;
position: relative;
- cursor: auto; }
+}
a:hover {
- cursor: pointer; }
+ cursor: pointer;
+}
img {
max-width: 100%;
- height: auto; }
+ height: auto;
+}
img {
- -ms-interpolation-mode: bicubic; }
+ -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; }
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+ max-width: none !important;
+}
.left {
- float: left !important; }
+ float: left !important;
+}
.right {
- float: right !important; }
+ float: right !important;
+}
.clearfix:before, .clearfix:after {
content: " ";
- display: table; }
+ display: table;
+}
+
.clearfix:after {
- clear: both; }
+ clear: both;
+}
.hide {
- display: none; }
+ display: none;
+}
.invisible {
- visibility: hidden; }
+ visibility: hidden;
+}
.antialiased {
-webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
+ -moz-osx-font-smoothing: grayscale;
+}
img {
display: inline-block;
- vertical-align: middle; }
+ vertical-align: middle;
+}
textarea {
height: auto;
- min-height: 50px; }
+ min-height: 50px;
+}
select {
- width: 100%; }
+ width: 100%;
+}
.row {
+ margin: 0 auto;
+ max-width: 62.5rem;
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; }
+}
+
+.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; }
+ float: left;
+}
-[class*="column"] + [class*="column"]:last-child {
- float: right; }
+.column + .column:last-child,
+.columns + .columns:last-child {
+ float: right;
+}
-[class*="column"] + [class*="column"].end {
- float: left; }
+.column + .column.end,
+.columns + .columns.end {
+ float: left;
+}
@media only screen {
.small-push-0 {
position: relative;
- left: 0%;
- right: auto; }
-
+ left: 0;
+ right: auto;
+ }
.small-pull-0 {
position: relative;
- right: 0%;
- left: auto; }
-
+ right: 0;
+ left: auto;
+ }
.small-push-1 {
position: relative;
- left: 8.33333%;
- right: auto; }
-
+ left: 8.3333333333%;
+ right: auto;
+ }
.small-pull-1 {
position: relative;
- right: 8.33333%;
- left: auto; }
-
+ right: 8.3333333333%;
+ left: auto;
+ }
.small-push-2 {
position: relative;
- left: 16.66667%;
- right: auto; }
-
+ left: 16.6666666667%;
+ right: auto;
+ }
.small-pull-2 {
position: relative;
- right: 16.66667%;
- left: auto; }
-
+ right: 16.6666666667%;
+ left: auto;
+ }
.small-push-3 {
position: relative;
left: 25%;
- right: auto; }
-
+ right: auto;
+ }
.small-pull-3 {
position: relative;
right: 25%;
- left: auto; }
-
+ left: auto;
+ }
.small-push-4 {
position: relative;
- left: 33.33333%;
- right: auto; }
-
+ left: 33.3333333333%;
+ right: auto;
+ }
.small-pull-4 {
position: relative;
- right: 33.33333%;
- left: auto; }
-
+ right: 33.3333333333%;
+ left: auto;
+ }
.small-push-5 {
position: relative;
- left: 41.66667%;
- right: auto; }
-
+ left: 41.6666666667%;
+ right: auto;
+ }
.small-pull-5 {
position: relative;
- right: 41.66667%;
- left: auto; }
-
+ right: 41.6666666667%;
+ left: auto;
+ }
.small-push-6 {
position: relative;
left: 50%;
- right: auto; }
-
+ right: auto;
+ }
.small-pull-6 {
position: relative;
right: 50%;
- left: auto; }
-
+ left: auto;
+ }
.small-push-7 {
position: relative;
- left: 58.33333%;
- right: auto; }
-
+ left: 58.3333333333%;
+ right: auto;
+ }
.small-pull-7 {
position: relative;
- right: 58.33333%;
- left: auto; }
-
+ right: 58.3333333333%;
+ left: auto;
+ }
.small-push-8 {
position: relative;
- left: 66.66667%;
- right: auto; }
-
+ left: 66.6666666667%;
+ right: auto;
+ }
.small-pull-8 {
position: relative;
- right: 66.66667%;
- left: auto; }
-
+ right: 66.6666666667%;
+ left: auto;
+ }
.small-push-9 {
position: relative;
left: 75%;
- right: auto; }
-
+ right: auto;
+ }
.small-pull-9 {
position: relative;
right: 75%;
- left: auto; }
-
+ left: auto;
+ }
.small-push-10 {
position: relative;
- left: 83.33333%;
- right: auto; }
-
+ left: 83.3333333333%;
+ right: auto;
+ }
.small-pull-10 {
position: relative;
- right: 83.33333%;
- left: auto; }
-
+ right: 83.3333333333%;
+ left: auto;
+ }
.small-push-11 {
position: relative;
- left: 91.66667%;
- right: auto; }
-
+ left: 91.6666666667%;
+ right: auto;
+ }
.small-pull-11 {
position: relative;
- right: 91.66667%;
- left: auto; }
-
+ right: 91.6666666667%;
+ left: auto;
+ }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
- float: left; }
-
+ float: left;
+ }
.small-1 {
- width: 8.33333%; }
-
+ width: 8.3333333333%;
+ }
.small-2 {
- width: 16.66667%; }
-
+ width: 16.6666666667%;
+ }
.small-3 {
- width: 25%; }
-
+ width: 25%;
+ }
.small-4 {
- width: 33.33333%; }
-
+ width: 33.3333333333%;
+ }
.small-5 {
- width: 41.66667%; }
-
+ width: 41.6666666667%;
+ }
.small-6 {
- width: 50%; }
-
+ width: 50%;
+ }
.small-7 {
- width: 58.33333%; }
-
+ width: 58.3333333333%;
+ }
.small-8 {
- width: 66.66667%; }
-
+ width: 66.6666666667%;
+ }
.small-9 {
- width: 75%; }
-
+ width: 75%;
+ }
.small-10 {
- width: 83.33333%; }
-
+ width: 83.3333333333%;
+ }
.small-11 {
- width: 91.66667%; }
-
+ width: 91.6666666667%;
+ }
.small-12 {
- width: 100%; }
-
+ width: 100%;
+ }
.small-offset-0 {
- margin-left: 0% !important; }
-
+ margin-left: 0 !important;
+ }
.small-offset-1 {
- margin-left: 8.33333% !important; }
-
+ margin-left: 8.3333333333% !important;
+ }
.small-offset-2 {
- margin-left: 16.66667% !important; }
-
+ margin-left: 16.6666666667% !important;
+ }
.small-offset-3 {
- margin-left: 25% !important; }
-
+ margin-left: 25% !important;
+ }
.small-offset-4 {
- margin-left: 33.33333% !important; }
-
+ margin-left: 33.3333333333% !important;
+ }
.small-offset-5 {
- margin-left: 41.66667% !important; }
-
+ margin-left: 41.6666666667% !important;
+ }
.small-offset-6 {
- margin-left: 50% !important; }
-
+ margin-left: 50% !important;
+ }
.small-offset-7 {
- margin-left: 58.33333% !important; }
-
+ margin-left: 58.3333333333% !important;
+ }
.small-offset-8 {
- margin-left: 66.66667% !important; }
-
+ margin-left: 66.6666666667% !important;
+ }
.small-offset-9 {
- margin-left: 75% !important; }
-
+ margin-left: 75% !important;
+ }
.small-offset-10 {
- margin-left: 83.33333% !important; }
-
+ margin-left: 83.3333333333% !important;
+ }
.small-offset-11 {
- margin-left: 91.66667% !important; }
-
+ margin-left: 91.6666666667% !important;
+ }
.small-reset-order {
+ float: left;
+ left: auto;
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; }
-
+ float: none;
+ }
.column.small-uncentered,
.columns.small-uncentered {
+ float: left;
margin-left: 0;
margin-right: 0;
- float: left; }
-
+ }
.column.small-centered:last-child,
.columns.small-centered:last-child {
- float: none; }
-
+ float: none;
+ }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
- float: left; }
-
+ float: left;
+ }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
- float: right; }
-
+ float: right;
+ }
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
- padding-right: 0; }
+ padding-right: 0;
+ }
.row.small-collapse .row {
margin-left: 0;
- margin-right: 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) {
+ float: left;
+ }
+}
+
+@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
- left: 0%;
- right: auto; }
-
+ left: 0;
+ right: auto;
+ }
.medium-pull-0 {
position: relative;
- right: 0%;
- left: auto; }
-
+ right: 0;
+ left: auto;
+ }
.medium-push-1 {
position: relative;
- left: 8.33333%;
- right: auto; }
-
+ left: 8.3333333333%;
+ right: auto;
+ }
.medium-pull-1 {
position: relative;
- right: 8.33333%;
- left: auto; }
-
+ right: 8.3333333333%;
+ left: auto;
+ }
.medium-push-2 {
position: relative;
- left: 16.66667%;
- right: auto; }
-
+ left: 16.6666666667%;
+ right: auto;
+ }
.medium-pull-2 {
position: relative;
- right: 16.66667%;
- left: auto; }
-
+ right: 16.6666666667%;
+ left: auto;
+ }
.medium-push-3 {
position: relative;
left: 25%;
- right: auto; }
-
+ right: auto;
+ }
.medium-pull-3 {
position: relative;
right: 25%;
- left: auto; }
-
+ left: auto;
+ }
.medium-push-4 {
position: relative;
- left: 33.33333%;
- right: auto; }
-
+ left: 33.3333333333%;
+ right: auto;
+ }
.medium-pull-4 {
position: relative;
- right: 33.33333%;
- left: auto; }
-
+ right: 33.3333333333%;
+ left: auto;
+ }
.medium-push-5 {
position: relative;
- left: 41.66667%;
- right: auto; }
-
+ left: 41.6666666667%;
+ right: auto;
+ }
.medium-pull-5 {
position: relative;
- right: 41.66667%;
- left: auto; }
-
+ right: 41.6666666667%;
+ left: auto;
+ }
.medium-push-6 {
position: relative;
left: 50%;
- right: auto; }
-
+ right: auto;
+ }
.medium-pull-6 {
position: relative;
right: 50%;
- left: auto; }
-
+ left: auto;
+ }
.medium-push-7 {
position: relative;
- left: 58.33333%;
- right: auto; }
-
+ left: 58.3333333333%;
+ right: auto;
+ }
.medium-pull-7 {
position: relative;
- right: 58.33333%;
- left: auto; }
-
+ right: 58.3333333333%;
+ left: auto;
+ }
.medium-push-8 {
position: relative;
- left: 66.66667%;
- right: auto; }
-
+ left: 66.6666666667%;
+ right: auto;
+ }
.medium-pull-8 {
position: relative;
- right: 66.66667%;
- left: auto; }
-
+ right: 66.6666666667%;
+ left: auto;
+ }
.medium-push-9 {
position: relative;
left: 75%;
- right: auto; }
-
+ right: auto;
+ }
.medium-pull-9 {
position: relative;
right: 75%;
- left: auto; }
-
+ left: auto;
+ }
.medium-push-10 {
position: relative;
- left: 83.33333%;
- right: auto; }
-
+ left: 83.3333333333%;
+ right: auto;
+ }
.medium-pull-10 {
position: relative;
- right: 83.33333%;
- left: auto; }
-
+ right: 83.3333333333%;
+ left: auto;
+ }
.medium-push-11 {
position: relative;
- left: 91.66667%;
- right: auto; }
-
+ left: 91.6666666667%;
+ right: auto;
+ }
.medium-pull-11 {
position: relative;
- right: 91.66667%;
- left: auto; }
-
+ right: 91.6666666667%;
+ left: auto;
+ }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
- float: left; }
-
+ float: left;
+ }
.medium-1 {
- width: 8.33333%; }
-
+ width: 8.3333333333%;
+ }
.medium-2 {
- width: 16.66667%; }
-
+ width: 16.6666666667%;
+ }
.medium-3 {
- width: 25%; }
-
+ width: 25%;
+ }
.medium-4 {
- width: 33.33333%; }
-
+ width: 33.3333333333%;
+ }
.medium-5 {
- width: 41.66667%; }
-
+ width: 41.6666666667%;
+ }
.medium-6 {
- width: 50%; }
-
+ width: 50%;
+ }
.medium-7 {
- width: 58.33333%; }
-
+ width: 58.3333333333%;
+ }
.medium-8 {
- width: 66.66667%; }
-
+ width: 66.6666666667%;
+ }
.medium-9 {
- width: 75%; }
-
+ width: 75%;
+ }
.medium-10 {
- width: 83.33333%; }
-
+ width: 83.3333333333%;
+ }
.medium-11 {
- width: 91.66667%; }
-
+ width: 91.6666666667%;
+ }
.medium-12 {
- width: 100%; }
-
+ width: 100%;
+ }
.medium-offset-0 {
- margin-left: 0% !important; }
-
+ margin-left: 0 !important;
+ }
.medium-offset-1 {
- margin-left: 8.33333% !important; }
-
+ margin-left: 8.3333333333% !important;
+ }
.medium-offset-2 {
- margin-left: 16.66667% !important; }
-
+ margin-left: 16.6666666667% !important;
+ }
.medium-offset-3 {
- margin-left: 25% !important; }
-
+ margin-left: 25% !important;
+ }
.medium-offset-4 {
- margin-left: 33.33333% !important; }
-
+ margin-left: 33.3333333333% !important;
+ }
.medium-offset-5 {
- margin-left: 41.66667% !important; }
-
+ margin-left: 41.6666666667% !important;
+ }
.medium-offset-6 {
- margin-left: 50% !important; }
-
+ margin-left: 50% !important;
+ }
.medium-offset-7 {
- margin-left: 58.33333% !important; }
-
+ margin-left: 58.3333333333% !important;
+ }
.medium-offset-8 {
- margin-left: 66.66667% !important; }
-
+ margin-left: 66.6666666667% !important;
+ }
.medium-offset-9 {
- margin-left: 75% !important; }
-
+ margin-left: 75% !important;
+ }
.medium-offset-10 {
- margin-left: 83.33333% !important; }
-
+ margin-left: 83.3333333333% !important;
+ }
.medium-offset-11 {
- margin-left: 91.66667% !important; }
-
+ margin-left: 91.6666666667% !important;
+ }
.medium-reset-order {
+ float: left;
+ left: auto;
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; }
-
+ float: none;
+ }
.column.medium-uncentered,
.columns.medium-uncentered {
+ float: left;
margin-left: 0;
margin-right: 0;
- float: left; }
-
+ }
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
- float: none; }
-
+ float: none;
+ }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
- float: left; }
-
+ float: left;
+ }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
- float: right; }
-
+ float: right;
+ }
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
- padding-right: 0; }
+ padding-right: 0;
+ }
.row.medium-collapse .row {
margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ }
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
- float: left; }
-
+ float: left;
+ }
.push-0 {
position: relative;
- left: 0%;
- right: auto; }
-
+ left: 0;
+ right: auto;
+ }
.pull-0 {
position: relative;
- right: 0%;
- left: auto; }
-
+ right: 0;
+ left: auto;
+ }
.push-1 {
position: relative;
- left: 8.33333%;
- right: auto; }
-
+ left: 8.3333333333%;
+ right: auto;
+ }
.pull-1 {
position: relative;
- right: 8.33333%;
- left: auto; }
-
+ right: 8.3333333333%;
+ left: auto;
+ }
.push-2 {
position: relative;
- left: 16.66667%;
- right: auto; }
-
+ left: 16.6666666667%;
+ right: auto;
+ }
.pull-2 {
position: relative;
- right: 16.66667%;
- left: auto; }
-
+ right: 16.6666666667%;
+ left: auto;
+ }
.push-3 {
position: relative;
left: 25%;
- right: auto; }
-
+ right: auto;
+ }
.pull-3 {
position: relative;
right: 25%;
- left: auto; }
-
+ left: auto;
+ }
.push-4 {
position: relative;
- left: 33.33333%;
- right: auto; }
-
+ left: 33.3333333333%;
+ right: auto;
+ }
.pull-4 {
position: relative;
- right: 33.33333%;
- left: auto; }
-
+ right: 33.3333333333%;
+ left: auto;
+ }
.push-5 {
position: relative;
- left: 41.66667%;
- right: auto; }
-
+ left: 41.6666666667%;
+ right: auto;
+ }
.pull-5 {
position: relative;
- right: 41.66667%;
- left: auto; }
-
+ right: 41.6666666667%;
+ left: auto;
+ }
.push-6 {
position: relative;
left: 50%;
- right: auto; }
-
+ right: auto;
+ }
.pull-6 {
position: relative;
right: 50%;
- left: auto; }
-
+ left: auto;
+ }
.push-7 {
position: relative;
- left: 58.33333%;
- right: auto; }
-
+ left: 58.3333333333%;
+ right: auto;
+ }
.pull-7 {
position: relative;
- right: 58.33333%;
- left: auto; }
-
+ right: 58.3333333333%;
+ left: auto;
+ }
.push-8 {
position: relative;
- left: 66.66667%;
- right: auto; }
-
+ left: 66.6666666667%;
+ right: auto;
+ }
.pull-8 {
position: relative;
- right: 66.66667%;
- left: auto; }
-
+ right: 66.6666666667%;
+ left: auto;
+ }
.push-9 {
position: relative;
left: 75%;
- right: auto; }
-
+ right: auto;
+ }
.pull-9 {
position: relative;
right: 75%;
- left: auto; }
-
+ left: auto;
+ }
.push-10 {
position: relative;
- left: 83.33333%;
- right: auto; }
-
+ left: 83.3333333333%;
+ right: auto;
+ }
.pull-10 {
position: relative;
- right: 83.33333%;
- left: auto; }
-
+ right: 83.3333333333%;
+ left: auto;
+ }
.push-11 {
position: relative;
- left: 91.66667%;
- right: auto; }
-
+ left: 91.6666666667%;
+ right: auto;
+ }
.pull-11 {
position: relative;
- right: 91.66667%;
- left: auto; } }
-@media only screen and (min-width: 64.063em) {
+ right: 91.6666666667%;
+ left: auto;
+ }
+}
+
+@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
- left: 0%;
- right: auto; }
-
+ left: 0;
+ right: auto;
+ }
.large-pull-0 {
position: relative;
- right: 0%;
- left: auto; }
-
+ right: 0;
+ left: auto;
+ }
.large-push-1 {
position: relative;
- left: 8.33333%;
- right: auto; }
-
+ left: 8.3333333333%;
+ right: auto;
+ }
.large-pull-1 {
position: relative;
- right: 8.33333%;
- left: auto; }
-
+ right: 8.3333333333%;
+ left: auto;
+ }
.large-push-2 {
position: relative;
- left: 16.66667%;
- right: auto; }
-
+ left: 16.6666666667%;
+ right: auto;
+ }
.large-pull-2 {
position: relative;
- right: 16.66667%;
- left: auto; }
-
+ right: 16.6666666667%;
+ left: auto;
+ }
.large-push-3 {
position: relative;
left: 25%;
- right: auto; }
-
+ right: auto;
+ }
.large-pull-3 {
position: relative;
right: 25%;
- left: auto; }
-
+ left: auto;
+ }
.large-push-4 {
position: relative;
- left: 33.33333%;
- right: auto; }
-
+ left: 33.3333333333%;
+ right: auto;
+ }
.large-pull-4 {
position: relative;
- right: 33.33333%;
- left: auto; }
-
+ right: 33.3333333333%;
+ left: auto;
+ }
.large-push-5 {
position: relative;
- left: 41.66667%;
- right: auto; }
-
+ left: 41.6666666667%;
+ right: auto;
+ }
.large-pull-5 {
position: relative;
- right: 41.66667%;
- left: auto; }
-
+ right: 41.6666666667%;
+ left: auto;
+ }
.large-push-6 {
position: relative;
left: 50%;
- right: auto; }
-
+ right: auto;
+ }
.large-pull-6 {
position: relative;
right: 50%;
- left: auto; }
-
+ left: auto;
+ }
.large-push-7 {
position: relative;
- left: 58.33333%;
- right: auto; }
-
+ left: 58.3333333333%;
+ right: auto;
+ }
.large-pull-7 {
position: relative;
- right: 58.33333%;
- left: auto; }
-
+ right: 58.3333333333%;
+ left: auto;
+ }
.large-push-8 {
position: relative;
- left: 66.66667%;
- right: auto; }
-
+ left: 66.6666666667%;
+ right: auto;
+ }
.large-pull-8 {
position: relative;
- right: 66.66667%;
- left: auto; }
-
+ right: 66.6666666667%;
+ left: auto;
+ }
.large-push-9 {
position: relative;
left: 75%;
- right: auto; }
-
+ right: auto;
+ }
.large-pull-9 {
position: relative;
right: 75%;
- left: auto; }
-
+ left: auto;
+ }
.large-push-10 {
position: relative;
- left: 83.33333%;
- right: auto; }
-
+ left: 83.3333333333%;
+ right: auto;
+ }
.large-pull-10 {
position: relative;
- right: 83.33333%;
- left: auto; }
-
+ right: 83.3333333333%;
+ left: auto;
+ }
.large-push-11 {
position: relative;
- left: 91.66667%;
- right: auto; }
-
+ left: 91.6666666667%;
+ right: auto;
+ }
.large-pull-11 {
position: relative;
- right: 91.66667%;
- left: auto; }
-
+ right: 91.6666666667%;
+ left: auto;
+ }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
- float: left; }
-
+ float: left;
+ }
.large-1 {
- width: 8.33333%; }
-
+ width: 8.3333333333%;
+ }
.large-2 {
- width: 16.66667%; }
-
+ width: 16.6666666667%;
+ }
.large-3 {
- width: 25%; }
-
+ width: 25%;
+ }
.large-4 {
- width: 33.33333%; }
-
+ width: 33.3333333333%;
+ }
.large-5 {
- width: 41.66667%; }
-
+ width: 41.6666666667%;
+ }
.large-6 {
- width: 50%; }
-
+ width: 50%;
+ }
.large-7 {
- width: 58.33333%; }
-
+ width: 58.3333333333%;
+ }
.large-8 {
- width: 66.66667%; }
-
+ width: 66.6666666667%;
+ }
.large-9 {
- width: 75%; }
-
+ width: 75%;
+ }
.large-10 {
- width: 83.33333%; }
-
+ width: 83.3333333333%;
+ }
.large-11 {
- width: 91.66667%; }
-
+ width: 91.6666666667%;
+ }
.large-12 {
- width: 100%; }
-
+ width: 100%;
+ }
.large-offset-0 {
- margin-left: 0% !important; }
-
+ margin-left: 0 !important;
+ }
.large-offset-1 {
- margin-left: 8.33333% !important; }
-
+ margin-left: 8.3333333333% !important;
+ }
.large-offset-2 {
- margin-left: 16.66667% !important; }
-
+ margin-left: 16.6666666667% !important;
+ }
.large-offset-3 {
- margin-left: 25% !important; }
-
+ margin-left: 25% !important;
+ }
.large-offset-4 {
- margin-left: 33.33333% !important; }
-
+ margin-left: 33.3333333333% !important;
+ }
.large-offset-5 {
- margin-left: 41.66667% !important; }
-
+ margin-left: 41.6666666667% !important;
+ }
.large-offset-6 {
- margin-left: 50% !important; }
-
+ margin-left: 50% !important;
+ }
.large-offset-7 {
- margin-left: 58.33333% !important; }
-
+ margin-left: 58.3333333333% !important;
+ }
.large-offset-8 {
- margin-left: 66.66667% !important; }
-
+ margin-left: 66.6666666667% !important;
+ }
.large-offset-9 {
- margin-left: 75% !important; }
-
+ margin-left: 75% !important;
+ }
.large-offset-10 {
- margin-left: 83.33333% !important; }
-
+ margin-left: 83.3333333333% !important;
+ }
.large-offset-11 {
- margin-left: 91.66667% !important; }
-
+ margin-left: 91.6666666667% !important;
+ }
.large-reset-order {
+ float: left;
+ left: auto;
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; }
-
+ float: none;
+ }
.column.large-uncentered,
.columns.large-uncentered {
+ float: left;
margin-left: 0;
margin-right: 0;
- float: left; }
-
+ }
.column.large-centered:last-child,
.columns.large-centered:last-child {
- float: none; }
-
+ float: none;
+ }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
- float: left; }
-
+ float: left;
+ }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
- float: right; }
-
+ float: right;
+ }
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
- padding-right: 0; }
+ padding-right: 0;
+ }
.row.large-collapse .row {
margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ }
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
- float: left; }
-
+ float: left;
+ }
.push-0 {
position: relative;
- left: 0%;
- right: auto; }
-
+ left: 0;
+ right: auto;
+ }
.pull-0 {
position: relative;
- right: 0%;
- left: auto; }
-
+ right: 0;
+ left: auto;
+ }
.push-1 {
position: relative;
- left: 8.33333%;
- right: auto; }
-
+ left: 8.3333333333%;
+ right: auto;
+ }
.pull-1 {
position: relative;
- right: 8.33333%;
- left: auto; }
-
+ right: 8.3333333333%;
+ left: auto;
+ }
.push-2 {
position: relative;
- left: 16.66667%;
- right: auto; }
-
+ left: 16.6666666667%;
+ right: auto;
+ }
.pull-2 {
position: relative;
- right: 16.66667%;
- left: auto; }
-
+ right: 16.6666666667%;
+ left: auto;
+ }
.push-3 {
position: relative;
left: 25%;
- right: auto; }
-
+ right: auto;
+ }
.pull-3 {
position: relative;
right: 25%;
- left: auto; }
-
+ left: auto;
+ }
.push-4 {
position: relative;
- left: 33.33333%;
- right: auto; }
-
+ left: 33.3333333333%;
+ right: auto;
+ }
.pull-4 {
position: relative;
- right: 33.33333%;
- left: auto; }
-
+ right: 33.3333333333%;
+ left: auto;
+ }
.push-5 {
position: relative;
- left: 41.66667%;
- right: auto; }
-
+ left: 41.6666666667%;
+ right: auto;
+ }
.pull-5 {
position: relative;
- right: 41.66667%;
- left: auto; }
-
+ right: 41.6666666667%;
+ left: auto;
+ }
.push-6 {
position: relative;
left: 50%;
- right: auto; }
-
+ right: auto;
+ }
.pull-6 {
position: relative;
right: 50%;
- left: auto; }
-
+ left: auto;
+ }
.push-7 {
position: relative;
- left: 58.33333%;
- right: auto; }
-
+ left: 58.3333333333%;
+ right: auto;
+ }
.pull-7 {
position: relative;
- right: 58.33333%;
- left: auto; }
-
+ right: 58.3333333333%;
+ left: auto;
+ }
.push-8 {
position: relative;
- left: 66.66667%;
- right: auto; }
-
+ left: 66.6666666667%;
+ right: auto;
+ }
.pull-8 {
position: relative;
- right: 66.66667%;
- left: auto; }
-
+ right: 66.6666666667%;
+ left: auto;
+ }
.push-9 {
position: relative;
left: 75%;
- right: auto; }
-
+ right: auto;
+ }
.pull-9 {
position: relative;
right: 75%;
- left: auto; }
-
+ left: auto;
+ }
.push-10 {
position: relative;
- left: 83.33333%;
- right: auto; }
-
+ left: 83.3333333333%;
+ right: auto;
+ }
.pull-10 {
position: relative;
- right: 83.33333%;
- left: auto; }
-
+ right: 83.3333333333%;
+ left: auto;
+ }
.push-11 {
position: relative;
- left: 91.66667%;
- right: auto; }
-
+ left: 91.6666666667%;
+ right: auto;
+ }
.pull-11 {
position: relative;
- right: 91.66667%;
- left: auto; } }
-button, .button {
- border-style: solid;
- border-width: 0;
- cursor: pointer;
+ 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: 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: #FFFFFF;
+ display: block;
+}
+
+.alert-box {
+ border-style: solid;
+ border-width: 1px;
+ display: block;
+ font-size: 0.8125rem;
font-weight: normal;
- line-height: normal;
- margin: 0 0 1.25rem;
+ margin-bottom: 1.25rem;
+ padding: 0.875rem 1.5rem 0.875rem 0.875rem;
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;
+ transition: opacity 300ms ease-out;
background-color: #008CBA;
- border-color: #007095;
+ border-color: #0078a0;
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; }
+.alert-box .close {
+ right: 0.25rem;
+ background: inherit;
+ color: #333333;
+ font-size: 1.375rem;
+ line-height: .9;
+ margin-top: -0.6875rem;
+ opacity: 0.3;
+ padding: 0 6px 4px;
+ position: absolute;
+ top: 50%;
+}
-@media only screen and (min-width: 40.063em) {
- button, .button {
- display: inline-block; } }
-/* Standard Forms */
-form {
- margin: 0 0 1rem; }
+.alert-box .close:hover,
+.alert-box .close:focus {
+ opacity: 0.5;
+}
-/* 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; }
+.alert-box.radius {
+ border-radius: 3px;
+}
-/* 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; }
+.alert-box.round {
+ border-radius: 1000px;
+}
-/* Attach elements to the beginning or end of an input */
-.prefix,
+.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.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.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: 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.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: 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.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.5625rem 0.875rem 0.5625rem;
+ background-color: #f4f4f4;
+ border-color: gainsboro;
+ 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: #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.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: "/";
+}
+
+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: #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.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: #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: 40.0625em) {
+ 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: 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;
+}
+
+/* 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: 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: #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: 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 #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: 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 #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: 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 #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: 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: #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: 0.875rem;
+ 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 {
+ display: none;
+ left: -9999px;
+ list-style: none;
+ margin-left: 0;
+ position: absolute;
+ background: #FFFFFF;
+ border: solid 1px #cccccc;
+ 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;
+}
+
+.dropdown.button, button.dropdown {
+ position: relative;
+ padding-right: 3.5625rem;
+}
+
+.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.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;
+}
+
+.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;
+}
+
+/* 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 {
+ color: #4d4d4d;
+ cursor: pointer;
+ display: block;
+ font-size: 0.875rem;
+ 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 {
+ 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;
+}
+
+/* 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: 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: #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: 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: #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;
+ margin: 1.125rem 0;
+ padding: 1.25rem;
+}
+
+fieldset legend {
+ background: #FFFFFF;
+ font-weight: bold;
+ margin-left: -0.1875rem;
+ margin: 0;
+ padding: 0 0.1875rem;
+}
+
+/* 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.75rem;
+ font-style: italic;
+ font-weight: normal;
+ margin-bottom: 1rem;
+ margin-top: -1px;
+ padding: 0.375rem 0.5625rem 0.5625rem;
+ background: #f04124;
+ color: #FFFFFF;
+}
+
+[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: #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;
+ 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: #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: 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: #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: 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;
+ }
+}
+
+.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;
+}
+
+/* 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.125rem 1.25rem 1.5rem;
+ 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: 0.875rem;
+ line-height: 1.3;
+ margin: 0 0 1.125rem 0;
+}
+
+.joyride-timer-indicator-wrap {
+ border: solid 1px #555555;
+ bottom: 1rem;
+ height: 3px;
+ position: absolute;
+ width: 50px;
+ right: 1.0625rem;
+}
+
+.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: 40.0625em) {
+ .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.125rem 0.25rem 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.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;
+}
+
+[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: 0.875rem;
+ padding: 0.625rem 0.875rem;
+ 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.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 #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.5625rem;
+ margin-right: 6px;
+ width: 0.5625rem;
+ 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.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;
+ }
+}
+
+ul.pagination {
+ display: block;
+ margin-left: -0.3125rem;
+ min-height: 1.5rem;
+}
+
+ul.pagination li {
+ color: #222222;
+ 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: #999999;
+ 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: #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.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: #d8d8d8;
+ 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;
+}
+
+/* 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;
+ color: #EEEEEE;
+ 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: #333333;
+ 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: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #777777;
+ font-size: 0.75rem;
+ font-weight: normal;
+ line-height: 1.4;
+ padding: 0.9375rem;
+ text-align: center;
+}
+
+.pricing-table .bullet-item {
+ background-color: #FFFFFF;
+ border-bottom: dotted 1px #DDDDDD;
+ color: #333333;
+ font-size: 0.875rem;
+ font-weight: normal;
+ padding: 0.9375rem;
+ text-align: center;
+}
+
+.pricing-table .cta-button {
+ background-color: #FFFFFF;
+ padding: 1.25rem 1.25rem 0;
+ text-align: center;
+}
+
+/* Progress Bar */
+.progress {
+ background-color: #F6F6F6;
+ border: 1px solid white;
+ 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;
+}
+
+.range-slider {
+ border: 1px solid #DDDDDD;
+ 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 #DDDDDD;
+ 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;
+}
+
+.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: 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.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: #AAAAAA;
+ cursor: pointer;
+ font-size: 2.5rem;
+ font-weight: bold;
+ line-height: 1;
+ position: absolute;
+ top: 0.625rem;
+ right: 1.375rem;
+}
+
+.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;
+}
+
+.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: #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;
+ 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: #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.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: #999999;
+ 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: #999999;
+ 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: #FFFFFF;
+ 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;
+}
+
+.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;
- z-index: 2;
- text-align: center;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- border-style: solid;
- border-width: 1px;
- overflow: visible;
+ 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.25rem;
+ 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 {
+ color: #222222;
font-size: 0.875rem;
- height: 2.3125rem;
- line-height: 2.3125rem; }
+ font-weight: bold;
+ padding: 0.5rem 0.625rem 0.625rem;
+}
-/* 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; }
+table tfoot {
+ background: #F5F5F5;
+}
-.prefix.button {
- padding-left: 0;
- padding-right: 0;
- padding-top: 0;
- padding-bottom: 0;
- text-align: center;
- border: none; }
+table tfoot tr th,
+table tfoot tr td {
+ color: #222222;
+ font-size: 0.875rem;
+ font-weight: bold;
+ padding: 0.5rem 0.625rem 0.625rem;
+}
-.prefix.button.radius {
- border-radius: 0;
+table tr th,
+table tr td {
+ color: #222222;
+ 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;
+}
+
+.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: 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: #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; }
+ border-top-left-radius: 3px;
+}
-.postfix.button.radius {
- border-radius: 0;
+.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; }
+ 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;
+}
+
+/* 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: 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 #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.625rem;
+ font-weight: normal;
+}
+
+@media only screen and (min-width: 40.0625em) {
+ .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:40.0625em)/";
+ width: 40.0625em;
+}
-.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; }
+/* Wrapped around .top-bar to contain to grid width */
+.contain-to-grid {
+ width: 100%;
+ background: #333333;
+}
-.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; }
+.contain-to-grid .top-bar {
+ margin-bottom: 0;
+}
-/* 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; }
+.fixed {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 99;
+ left: 0;
+}
-span.postfix, label.postfix {
- background: #f2f2f2;
- border-left: none;
- color: #333333;
- border-color: #cccccc; }
+.fixed.expanded:not(.top-bar) {
+ height: auto;
+ max-height: 100%;
+ overflow-y: auto;
+ width: 100%;
+}
-/* 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;
+.fixed.expanded:not(.top-bar) .title-area {
+ position: fixed;
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; }
+ z-index: 99;
+}
-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; }
+.fixed.expanded:not(.top-bar) .top-bar-section {
+ margin-top: 2.8125rem;
+ z-index: 98;
+}
-input[type="submit"] {
- -webkit-appearance: none;
- border-radius: 0; }
+.top-bar {
+ background: #333333;
+ height: 2.8125rem;
+ line-height: 2.8125rem;
+ margin-bottom: 0;
+ overflow: hidden;
+ position: relative;
+}
-/* Respect enforced amount of rows for textarea */
-textarea[rows] {
- height: auto; }
+.top-bar ul {
+ list-style: none;
+ margin-bottom: 0;
+}
-/* Not allow resize out of parent */
-textarea {
- max-width: 100%; }
+.top-bar .row {
+ max-width: none;
+}
-/* 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; }
+.top-bar form,
+.top-bar input,
+.top-bar select {
+ margin-bottom: 0;
+}
-/* Adjust margin for form elements below */
-input[type="file"],
-input[type="checkbox"],
-input[type="radio"],
-select {
- margin: 0 0 1rem 0; }
+.top-bar input,
+.top-bar select {
+ font-size: 0.75rem;
+ height: 1.75rem;
+ padding-bottom: .35rem;
+ padding-top: .35rem;
+}
-input[type="checkbox"] + label,
-input[type="radio"] + label {
- display: inline-block;
- margin-left: 0.5rem;
- margin-right: 1rem;
+.top-bar .button, .top-bar button {
+ font-size: 0.75rem;
margin-bottom: 0;
- vertical-align: baseline; }
+ padding-bottom: 0.4125rem;
+ padding-top: 0.4125rem;
+}
-/* Normalize file input width */
-input[type="file"] {
- width: 100%; }
+@media only screen and (max-width: 40em) {
+ .top-bar .button, .top-bar button {
+ position: relative;
+ top: -1px;
+ }
+}
-/* 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; }
+.top-bar .title-area {
+ margin: 0;
+ position: relative;
+}
-/* Error Handling */
-[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
+.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: #FFFFFF;
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; }
+ padding: 0 0.9375rem;
+ width: 75%;
+}
-span.error, small.error {
+.top-bar .toggle-topbar {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.top-bar .toggle-topbar a {
+ color: #FFFFFF;
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; }
+ font-size: 0.8125rem;
+ font-weight: bold;
+ height: 2.8125rem;
+ line-height: 2.8125rem;
+ padding: 0 0.9375rem;
+ position: relative;
+ text-transform: uppercase;
+}
-.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 {
+.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.5rem 0 0.9375rem;
+ position: relative;
+}
+
+.top-bar .toggle-topbar.menu-icon a span::after {
+ content: "";
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;
+ height: 0;
+ position: absolute;
+ margin-top: -8px;
+ top: 50%;
+ 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 {
background: transparent;
- padding: 0;
- text-transform: capitalize;
- font-style: normal;
- font-size: 60%;
+ 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: 16px;
+ height: auto;
margin: 0;
- display: inline; }
-.error span.error-message {
- display: block; }
+ 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.8125rem;
+ font-weight: normal;
+ padding-left: 0.9375rem;
+ padding: 12px 0 12px 0.9375rem;
+ text-transform: none;
+ width: 100%;
+}
-input.error,
-textarea.error,
-select.error {
- margin-bottom: 0; }
+.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: #FFFFFF;
+}
-label.error {
- color: #f04124; }
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ background-color: #007095;
+}
-meta.foundation-mq-topbar {
- font-family: "/only screen and (min-width:40.063em)/";
- width: 40.063em; }
+.top-bar-section ul li > a.button:hover,
+.top-bar-section ul li > a.button:focus {
+ color: #FFFFFF;
+}
-/* Wrapped around .top-bar to contain to grid width */
-.contain-to-grid {
- width: 100%;
- background: #333333; }
- .contain-to-grid .top-bar {
- margin-bottom: 0; }
+.top-bar-section ul li > a.button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
-.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-section ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ background-color: #b9b9b9;
+}
-.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 ul li > a.button.secondary:hover,
+.top-bar-section ul li > a.button.secondary:focus {
+ color: #333333;
+}
-.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; }
+.top-bar-section ul li > a.button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
-.js-generated {
- display: block; }
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ background-color: #368a55;
+}
-@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; }
+.top-bar-section ul li > a.button.success:hover,
+.top-bar-section ul li > a.button.success:focus {
+ color: #FFFFFF;
+}
- .contain-to-grid .top-bar {
- max-width: 62.5rem;
- margin: 0 auto;
- margin-bottom: 0; }
+.top-bar-section ul li > a.button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
- .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%; }
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ background-color: #cf2a0e;
+}
- .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; }
+.top-bar-section ul li > a.button.alert:hover,
+.top-bar-section ul li > a.button.alert:focus {
+ color: #FFFFFF;
+}
-/* Accessibility - hides the forward slash */
-[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
- content: "/"; }
+.top-bar-section ul li > a.button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
-.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;
+.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.8125rem;
- transition: opacity 300ms ease-out;
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem;
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; }
+ border-color: #007095;
+ color: #FFFFFF;
+}
-.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; } }
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ background-color: #007095;
+}
-.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; }
+.top-bar-section ul li > button:hover,
+.top-bar-section ul li > button:focus {
+ color: #FFFFFF;
+}
-/* 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; }
+.top-bar-section ul li > button.secondary {
+ background-color: #e7e7e7;
+ border-color: #b9b9b9;
+ color: #333333;
+}
-.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; }
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ background-color: #b9b9b9;
+}
-/* 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; }
+.top-bar-section ul li > button.secondary:hover,
+.top-bar-section ul li > button.secondary:focus {
+ color: #333333;
+}
-.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); }
+.top-bar-section ul li > button.success {
+ background-color: #43AC6A;
+ border-color: #368a55;
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ background-color: #368a55;
+}
-/* 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; }
+.top-bar-section ul li > button.success:hover,
+.top-bar-section ul li > button.success:focus {
+ color: #FFFFFF;
+}
-@-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; }
+.top-bar-section ul li > button.alert {
+ background-color: #f04124;
+ border-color: #cf2a0e;
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ background-color: #cf2a0e;
+}
-.orbit-bullets-container {
- text-align: center; }
+.top-bar-section ul li > button.alert:hover,
+.top-bar-section ul li > button.alert:focus {
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section ul li > button.warning {
+ background-color: #f08a24;
+ border-color: #cf6e0e;
+ color: #FFFFFF;
+}
-.touch .orbit-container .orbit-prev,
-.touch .orbit-container .orbit-next {
- display: none; }
-.touch .orbit-bullets {
- display: none; }
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ background-color: #cf6e0e;
+}
-@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; }
+.top-bar-section ul li > button.warning:hover,
+.top-bar-section ul li > button.warning:focus {
+ color: #FFFFFF;
+}
- .orbit-timer {
- display: none; }
+.top-bar-section ul li > button.info {
+ background-color: #a0d3e8;
+ border-color: #61b6d9;
+ color: #333333;
+}
- .orbit-next, .orbit-prev {
- display: none; }
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ background-color: #61b6d9;
+}
- .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; }
+.top-bar-section ul li > button.info:hover,
+.top-bar-section ul li > button.info:focus {
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section ul li:hover:not(.has-form) > a {
+ background-color: #555555;
+ color: #FFFFFF;
+ background: #222222;
+}
-.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; } }
+.top-bar-section ul li.active > a {
+ background: #008CBA;
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section ul li.active > a:hover {
+ background: #0078a0;
+ color: #FFFFFF;
+}
-.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; }
+.top-bar-section .has-form {
+ padding: 0.9375rem;
+}
-@media only screen and (min-width: 40.063em) {
- .tabs.vertical {
- width: 20%;
- max-width: 20%;
- float: left;
- margin: 0 0 1.25rem; }
+.top-bar-section .has-dropdown {
+ position: relative;
+}
- .tabs-content.vertical {
- width: 80%;
- max-width: 80%;
- float: left;
- margin-left: -1px;
- padding-left: 1rem; } }
-.no-js .tabs-content > .content {
+.top-bar-section .has-dropdown > a:after {
+ border: inset 5px;
+ content: "";
display: block;
- float: none; }
+ 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;
+}
-ul.pagination {
+.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;
- 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; }
+ position: absolute !important;
+ width: 100%;
+}
-/* Pagination centred wrapper */
-.pagination-centered {
- text-align: center; }
- .pagination-centered ul.pagination li {
- float: none;
- display: inline-block; }
+.top-bar-section .has-dropdown.moved > a:after {
+ display: none;
+}
-.side-nav {
+.top-bar-section .dropdown {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
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; }
+ padding: 0;
+ position: absolute;
+ top: 0;
+ z-index: 99;
+ left: 100%;
+}
-.accordion {
- margin-bottom: 0; }
- .accordion:before, .accordion:after {
+.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: #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 {
+ color: #777777;
+ 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: #333333;
+ overflow: visible;
+ }
+ .top-bar:before, .top-bar:after {
content: " ";
- display: table; }
- .accordion:after {
- clear: both; }
- .accordion .accordion-navigation, .accordion dd {
+ 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 .has-form > .button,
+ .top-bar .has-form > button {
+ padding-top: 0.3125rem;
+ top: 0.4375rem;
+ }
+ .top-bar.expanded {
+ background: #333333;
+ }
+ .contain-to-grid .top-bar {
+ margin: 0 auto;
+ margin-bottom: 0;
+ 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: #555555;
+ background: #222222;
+ color: #FFFFFF;
+ }
+ .top-bar-section li:not(.has-form) a:not(.button) {
+ background: #333333;
+ line-height: 2.8125rem;
+ padding: 0 0.9375rem;
+ }
+ .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: 2.8125rem;
+ padding: 0 0.9375rem;
+ }
+ .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 {
+ 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: #333333;
+ color: #FFFFFF;
+ 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: #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: 2.8125rem;
+ width: 0;
+ }
+ .top-bar-section .has-form {
+ background: #333333;
+ 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: #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;
- 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; }
+ position: absolute !important;
+ }
+}
.text-left {
- text-align: left !important; }
+ text-align: left !important;
+}
.text-right {
- text-align: right !important; }
+ text-align: right !important;
+}
.text-center {
- text-align: center !important; }
+ text-align: center !important;
+}
.text-justify {
- text-align: justify !important; }
+ text-align: justify !important;
+}
@media only screen and (max-width: 40em) {
.small-only-text-left {
- text-align: left !important; }
-
+ text-align: left !important;
+ }
.small-only-text-right {
- text-align: right !important; }
-
+ text-align: right !important;
+ }
.small-only-text-center {
- text-align: center !important; }
-
+ text-align: center !important;
+ }
.small-only-text-justify {
- text-align: justify !important; } }
+ text-align: justify !important;
+ }
+}
+
@media only screen {
.small-text-left {
- text-align: left !important; }
-
+ text-align: left !important;
+ }
.small-text-right {
- text-align: right !important; }
-
+ text-align: right !important;
+ }
.small-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.medium-only-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.medium-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.large-only-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.large-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.xlarge-only-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.xlarge-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.xxlarge-only-text-center {
- text-align: center !important; }
-
+ 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; }
+ 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; }
-
+ text-align: right !important;
+ }
.xxlarge-text-center {
- text-align: center !important; }
-
+ text-align: center !important;
+ }
.xxlarge-text-justify {
- text-align: justify !important; } }
+ text-align: justify !important;
+ }
+}
+
/* Typography resets */
div,
dl,
@@ -3619,959 +7191,323 @@ blockquote,
th,
td {
margin: 0;
- padding: 0; }
+ padding: 0;
+}
/* Default Link Styles */
a {
color: #008CBA;
+ line-height: inherit;
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; }
+a:hover,
+a:focus {
+ color: #0078a0;
+}
-/* 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; }
+a img {
+ border: none;
+}
-.tooltip {
- display: none;
- position: absolute;
- z-index: 1006;
+/* Default paragraph styles */
+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;
- 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; }
+ font-style: italic;
+ line-height: 1.35;
+}
-.tap-to-close {
- display: block;
- font-size: 0.625rem;
- color: #777777;
- font-weight: normal; }
+/* 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;
+}
-@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; }
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+ color: #6f6f6f;
+ font-size: 60%;
+ line-height: 0;
+}
-.clearing-blackout {
- background: #333333;
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 998; }
- .clearing-blackout .clearing-close {
- display: block; }
+h1 {
+ font-size: 2.125rem;
+}
-.clearing-container {
- position: relative;
- z-index: 998;
- height: 100%;
- overflow: hidden;
- margin: 0; }
+h2 {
+ font-size: 1.6875rem;
+}
-.clearing-touch-label {
- position: absolute;
- top: 50%;
- left: 50%;
- color: #AAAAAA;
- font-size: 0.6em; }
+h3 {
+ font-size: 1.375rem;
+}
-.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%; }
+h4 {
+ font-size: 1.125rem;
+}
-.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; }
+h5 {
+ font-size: 1.125rem;
+}
-.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; }
+h6 {
+ font-size: 1rem;
+}
-.clearing-assembled .clearing-container {
- height: 100%; }
- .clearing-assembled .clearing-container .carousel > ul {
- display: none; }
+.subheader {
+ line-height: 1.4;
+ color: #6f6f6f;
+ font-weight: normal;
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+}
-.clearing-feature li {
- display: none; }
- .clearing-feature li.clearing-featured-img {
- display: block; }
+hr {
+ border: solid #DDDDDD;
+ border-width: 1px 0 0;
+ clear: both;
+ height: 0;
+ margin: 1.25rem 0 1.1875rem;
+}
-@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; }
+/* Helpful Typography Defaults */
+em,
+i {
+ font-style: italic;
+ line-height: inherit;
+}
- .clearing-main-prev {
- left: 0; }
- .clearing-main-prev > span {
- left: 5px;
- border-color: transparent;
- border-right-color: #CCCCCC; }
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit;
+}
- .clearing-main-next {
- right: 0; }
- .clearing-main-next > span {
- border-color: transparent;
- border-left-color: #CCCCCC; }
+small {
+ font-size: 60%;
+ line-height: inherit;
+}
- .clearing-main-prev.disabled,
- .clearing-main-next.disabled {
- opacity: 0.3; }
+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.125rem 0.3125rem 0.0625rem;
+}
- .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%; }
+/* Lists */
+ul,
+ol,
+dl {
+ font-family: inherit;
+ font-size: 1rem;
+ line-height: 1.6;
+ list-style-position: outside;
+ margin-bottom: 1.25rem;
+}
- .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; }
+ul {
+ margin-left: 1.1rem;
+}
-.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; }
+ul.no-bullet {
+ margin-left: 0;
+}
-/* Foundation Joyride */
-.joyride-list {
- display: none; }
+ul.no-bullet li ul,
+ul.no-bullet li ol {
+ margin-left: 1.25rem;
+ margin-bottom: 0;
+ list-style: 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%; }
+/* Unordered Lists */
+ul li ul,
+ul li ol {
+ margin-left: 1.25rem;
+ margin-bottom: 0;
+}
-.lt-ie9 .joyride-tip-guide {
- max-width: 800px;
- left: 50%;
- margin-left: -400px; }
+ul.square li ul,
+ul.circle li ul,
+ul.disc li ul {
+ list-style: inherit;
+}
-.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; }
+ul.square {
+ list-style-type: square;
+ margin-left: 1.1rem;
+}
-/* 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; }
+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;
+}
-/* 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;
+/* Definition Lists */
+dl dt {
+ margin-bottom: 0.3rem;
font-weight: bold;
- color: #FFFFFF; }
+}
-.joyride-tip-guide p {
- margin: 0 0 1.125rem 0;
- font-size: 0.875rem;
- line-height: 1.3; }
+dl dd {
+ margin-bottom: 0.75rem;
+}
-.joyride-timer-indicator-wrap {
- width: 50px;
- height: 3px;
- border: solid 1px #555555;
- position: absolute;
- right: 1.0625rem;
- bottom: 1rem; }
+/* Abbreviations */
+abbr,
+acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ cursor: help;
+}
-.joyride-timer-indicator {
+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;
- width: 0;
- height: inherit;
- background: #666666; }
+ font-size: 0.8125rem;
+ color: #555555;
+}
-.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; }
+blockquote cite:before {
+ content: "\2014 \0020";
+}
-.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; }
+blockquote cite a,
+blockquote cite a:visited {
+ color: #555555;
+}
-.joyride-expose-wrapper {
- background-color: #FFFFFF;
- position: absolute;
- border-radius: 3px;
- z-index: 102;
- box-shadow: 0 0 15px #FFFFFF; }
+blockquote,
+blockquote p {
+ line-height: 1.6;
+ color: #6f6f6f;
+}
-.joyride-expose-cover {
- background: transparent;
- border-radius: 3px;
- position: absolute;
- z-index: 9999;
- top: 0;
- left: 0; }
+/* Microformats */
+.vcard {
+ display: inline-block;
+ margin: 0 0 1.25rem 0;
+ border: 1px solid #DDDDDD;
+ padding: 0.625rem 0.75rem;
+}
-/* 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;
+.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;
- 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; }
+ 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;
+ }
+}
.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; }
+ overflow: hidden;
+}
+
+.off-canvas-wrap.move-right,
+.off-canvas-wrap.move-left {
+ min-height: 100%;
+ -webkit-overflow-scrolling: touch;
+}
.inner-wrap {
position: relative;
@@ -4580,12 +7516,17 @@ blockquote p {
-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; }
+ transition: transform 500ms ease;
+}
+
+.inner-wrap:before, .inner-wrap:after {
+ content: " ";
+ display: table;
+}
+
+.inner-wrap:after {
+ clear: both;
+}
.tab-bar {
-webkit-backface-visibility: hidden;
@@ -4593,195 +7534,246 @@ blockquote p {
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; }
+ 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;
+ width: 2.8125rem;
border-right: solid 1px #1a1a1a;
- left: 0; }
+ left: 0;
+}
.right-small {
- width: 2.8125rem;
height: 2.8125rem;
position: absolute;
top: 0;
+ width: 2.8125rem;
border-left: solid 1px #1a1a1a;
- right: 0; }
+ right: 0;
+}
.tab-bar-section {
+ height: 2.8125rem;
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; }
+ 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 {
- text-indent: 2.1875rem;
- width: 2.8125rem;
- height: 2.8125rem;
+ color: #FFFFFF;
display: block;
+ height: 2.8125rem;
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; }
+ 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 #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;
+ bottom: 0;
box-sizing: content-box;
- transition: transform 500ms ease 0s;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(-100%, 0);
+ 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; }
+ 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;
+ bottom: 0;
box-sizing: content-box;
- transition: transform 500ms ease 0s;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
- -ms-transform: translate(100%, 0);
+ 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; }
+ right: 0;
+}
+
+.right-off-canvas-menu * {
+ -webkit-backface-visibility: hidden;
+}
ul.off-canvas-list {
list-style-type: none;
+ margin: 0;
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; }
+}
+
+ul.off-canvas-list li label {
+ background: #444444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ 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.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 {
- -ms-transform: translate(15.625rem, 0);
-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); }
+ 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;
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
- top: 0;
bottom: 0;
+ display: block;
left: 0;
+ position: absolute;
right: 0;
+ top: 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); } }
+}
+
+@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 {
- -ms-transform: translate(-15.625rem, 0);
-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); }
+ 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;
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
- top: 0;
bottom: 0;
+ display: block;
left: 0;
+ position: absolute;
right: 0;
+ top: 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); } }
+}
+
+@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;
@@ -4789,24 +7781,30 @@ ul.off-canvas-list {
-moz-transform: none;
-o-transform: none;
transform: none;
- z-index: 1003; }
+ 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;
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
- top: 0;
bottom: 0;
+ display: block;
left: 0;
+ position: absolute;
right: 0;
+ top: 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); } }
+}
+
+@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;
@@ -4814,24 +7812,30 @@ ul.off-canvas-list {
-moz-transform: none;
-o-transform: none;
transform: none;
- z-index: 1003; }
+ 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;
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
- top: 0;
bottom: 0;
+ display: block;
left: 0;
+ position: absolute;
right: 0;
+ top: 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); } }
+}
+
+@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;
@@ -4839,1363 +7843,709 @@ ul.off-canvas-list {
-moz-transform: none;
-o-transform: none;
transform: none;
- z-index: 1003; }
+ 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;
+ cursor: pointer;
+ transition: background 300ms ease;
+ -webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
- top: 0;
bottom: 0;
+ display: block;
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;
+ right: 0;
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; }
+@media only screen and (min-width: 40.0625em) {
+ .offcanvas-overlap-right .exit-off-canvas:hover {
+ background: rgba(255, 255, 255, 0.05);
+ }
+}
- .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; }
+.no-csstransforms .left-off-canvas-menu {
+ left: -15.625rem;
+}
- .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; }
+.no-csstransforms .right-off-canvas-menu {
+ right: -15.625rem;
+}
- .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; }
+.no-csstransforms .move-left > .inner-wrap {
+ right: 15.625rem;
+}
- .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; }
+.no-csstransforms .move-right > .inner-wrap {
+ left: 15.625rem;
+}
- .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; }
+.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: 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;
+}
- .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; }
+.left-submenu * {
+ -webkit-backface-visibility: hidden;
+}
- .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; }
+.left-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 0.9375rem;
+ text-transform: uppercase;
+ margin: 0;
+}
- .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; }
+.left-submenu .back > a:hover {
+ background: #303030;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+}
- .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; }
+.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);
+}
- .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; }
+.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: 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;
+}
- .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%; }
+.right-submenu * {
+ -webkit-backface-visibility: hidden;
+}
-.keystroke,
-kbd {
- background-color: #ededed;
- border-color: #dddddd;
- color: #222222;
- border-style: solid;
- border-width: 1px;
+.right-submenu .back > a {
+ background: #444;
+ border-bottom: none;
+ border-top: 1px solid #5e5e5e;
+ color: #999999;
+ font-weight: bold;
+ padding: 0.3rem 0.9375rem;
+ text-transform: uppercase;
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; }
+.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; }
-
+ 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; }
-
+ 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; }
-
+ 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;
+ clip: rect(1px, 1px, 1px, 1px);
height: 1px;
- width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* medium displays */
-@media only screen and (min-width: 40.063em) {
+@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; }
-
+ 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; }
-
+ 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; }
-
+ 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;
+ clip: rect(1px, 1px, 1px, 1px);
height: 1px;
- width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* large displays */
-@media only screen and (min-width: 64.063em) {
+@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; }
-
+ 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; }
-
+ 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; }
-
+ 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;
+ clip: rect(1px, 1px, 1px, 1px);
height: 1px;
- width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* xlarge displays */
-@media only screen and (min-width: 90.063em) {
+@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; }
-
+ 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; }
-
+ 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; }
-
+ 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;
+ clip: rect(1px, 1px, 1px, 1px);
height: 1px;
- width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* xxlarge displays */
-@media only screen and (min-width: 120.063em) {
+@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; }
-
+ 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; }
-
+ 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; }
-
+ 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;
+ clip: rect(1px, 1px, 1px, 1px);
height: 1px;
- width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px); }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; }
-
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
- display: inherit !important; }
+ display: inherit !important;
+}
.hide-for-landscape,
.show-for-portrait {
- display: none !important; }
+ 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,
+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; }
+ display: table-cell !important;
+}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
- display: inherit !important; }
-
+ display: inherit !important;
+ }
.hide-for-landscape,
.show-for-portrait {
- display: none !important; }
-
+ 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,
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
- display: inherit !important; }
-
+ display: inherit !important;
+ }
.hide-for-portrait,
.show-for-landscape {
- display: none !important; }
-
+ 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,
+ 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; } }
+ display: table-cell !important;
+ }
+}
+
/* Touch-enabled device targeting */
.show-for-touch {
- display: none !important; }
+ display: none !important;
+}
.hide-for-touch {
- display: inherit !important; }
+ display: inherit !important;
+}
.touch .show-for-touch {
- display: inherit !important; }
+ display: inherit !important;
+}
.touch .hide-for-touch {
- display: none !important; }
+ display: none !important;
+}
/* Specific visibility for tables */
table.hide-for-touch {
- display: table !important; }
+ display: table !important;
+}
.touch table.show-for-touch {
- display: table !important; }
+ display: table !important;
+}
thead.hide-for-touch {
- display: table-header-group !important; }
+ display: table-header-group !important;
+}
.touch thead.show-for-touch {
- display: table-header-group !important; }
+ display: table-header-group !important;
+}
tbody.hide-for-touch {
- display: table-row-group !important; }
+ display: table-row-group !important;
+}
.touch tbody.show-for-touch {
- display: table-row-group !important; }
+ display: table-row-group !important;
+}
tr.hide-for-touch {
- display: table-row !important; }
+ display: table-row !important;
+}
.touch tr.show-for-touch {
- display: table-row !important; }
+ display: table-row !important;
+}
td.hide-for-touch {
- display: table-cell !important; }
+ display: table-cell !important;
+}
.touch td.show-for-touch {
- display: table-cell !important; }
+ display: table-cell !important;
+}
th.hide-for-touch {
- display: table-cell !important; }
+ display: table-cell !important;
+}
.touch th.show-for-touch {
- display: table-cell !important; }
+ 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 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; }
+ display: none !important;
+}
@media print {
* {
background: transparent !important;
+ box-shadow: none !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important; }
-
+ text-shadow: none !important;
+ }
.show-for-print {
- display: block; }
-
+ display: block;
+ }
.hide-for-print {
- display: none; }
-
+ display: none;
+ }
table.show-for-print {
- display: table !important; }
-
+ display: table !important;
+ }
thead.show-for-print {
- display: table-header-group !important; }
-
+ display: table-header-group !important;
+ }
tbody.show-for-print {
- display: table-row-group !important; }
-
+ display: table-row-group !important;
+ }
tr.show-for-print {
- display: table-row !important; }
-
+ display: table-row !important;
+ }
td.show-for-print {
- display: table-cell !important; }
-
+ display: table-cell !important;
+ }
th.show-for-print {
- display: table-cell !important; }
-
+ display: table-cell !important;
+ }
a,
a:visited {
- text-decoration: underline; }
-
+ text-decoration: underline;
+ }
a[href]:after {
- content: " (" attr(href) ")"; }
-
+ content: " (" attr(href) ")";
+ }
abbr[title]:after {
- content: " (" attr(title) ")"; }
-
+ content: " (" attr(title) ")";
+ }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
- content: ""; }
-
+ content: "";
+ }
pre,
blockquote {
border: 1px solid #999999;
- page-break-inside: avoid; }
-
+ page-break-inside: avoid;
+ }
thead {
display: table-header-group;
- /* h5bp.com/t */ }
-
+ /* h5bp.com/t */
+ }
tr,
img {
- page-break-inside: avoid; }
-
+ page-break-inside: avoid;
+ }
img {
- max-width: 100% !important; }
-
+ max-width: 100% !important;
+ }
@page {
- margin: 0.5cm; }
+ margin: .5cm;
+ }
p,
h2,
h3 {
orphans: 3;
- widows: 3; }
-
+ widows: 3;
+ }
h2,
h3 {
- page-break-after: avoid; }
-
+ page-break-after: avoid;
+ }
.hide-on-print {
- display: none !important; }
-
+ display: none !important;
+ }
.print-only {
- display: block !important; }
-
+ display: block !important;
+ }
.hide-for-print {
- display: none !important; }
-
+ display: none !important;
+ }
.show-for-print {
- display: inherit !important; } }
+ display: inherit !important;
+ }
+}
+
/* Print visibility */
@media print {
.show-for-print {
- display: block; }
-
+ display: block;
+ }
.hide-for-print {
- display: none; }
-
+ display: none;
+ }
table.show-for-print {
- display: table !important; }
-
+ display: table !important;
+ }
thead.show-for-print {
- display: table-header-group !important; }
-
+ display: table-header-group !important;
+ }
tbody.show-for-print {
- display: table-row-group !important; }
-
+ display: table-row-group !important;
+ }
tr.show-for-print {
- display: table-row !important; }
-
+ display: table-row !important;
+ }
td.show-for-print {
- display: table-cell !important; }
-
+ display: table-cell !important;
+ }
th.show-for-print {
- display: table-cell !important; } }
+ display: table-cell !important;
+ }
+}
+
+@media not print {
+ .show-for-print {
+ display: none !important;
+ }
+}
diff --git a/themes/foundation5/css/foundation.min.css b/themes/foundation5/css/foundation.min.css
deleted file mode 100644
index c00b25b0f4450fbdf640b542e724d6b4bdbce40b..0000000000000000000000000000000000000000
--- 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 fd933cd966fd7ecf695681a8ca2502f163a75baa..0000000000000000000000000000000000000000
--- 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/normalize.css b/themes/foundation5/css/normalize.css
index 458eea1ea3d5d57b8d35a7453763e681e4ffe383..15070a3833ad2bc4ea1ee7dc38fc3eef0108c96f 100644
--- a/themes/foundation5/css/normalize.css
+++ b/themes/foundation5/css/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/print.css b/themes/foundation5/css/print.css
deleted file mode 100644
index d2722e3cb9facd541f6973fa953e7547adaec8aa..0000000000000000000000000000000000000000
--- 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 f9963939d6480dbc0ac6d68e2f388e59b39f7402..59c90ab67a106fd5f67d45b8cbc22c4faff48def 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 0000000000000000000000000000000000000000..f63e314c96fe211e4c1647f8a737e35ee4133998
--- /dev/null
+++ b/themes/foundation5/css/vendor/foundation.css
@@ -0,0 +1,6201 @@
+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/vendor/foundation.min.css b/themes/foundation5/css/vendor/foundation.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..dc4928644eed234742fd5b0d70d553041d7a04ea
--- /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/vendor/normalize.css b/themes/foundation5/css/vendor/normalize.css
new file mode 100644
index 0000000000000000000000000000000000000000..458eea1ea3d5d57b8d35a7453763e681e4ffe383
--- /dev/null
+++ b/themes/foundation5/css/vendor/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -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/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 when focused and also mouse hovered in all browsers.
+ */
+
+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 {
+ -moz-box-sizing: content-box;
+ 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
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * 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/css/vendor/slick.css b/themes/foundation5/css/vendor/slick.css
index 59119f4e6b2804686c3e16a80ef8a59bc7f1ac36..2fb2c42863c11774862fa509a63bfc23b26ce34c 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 4a8eaf9787c01848eb8192084ef374559cff961b..b759f9a6de6464584d24eb0952b1fcbf2cc73f25 100644
--- a/themes/foundation5/js/advanced_search.js
+++ b/themes/foundation5/js/advanced_search.js
@@ -11,18 +11,18 @@ function addSearch(group, term, field)
// 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">';
+ var newSearch = '<div class="search" id="search'+inputID+'"><div class="row"><div class="large-7 columns"><input id="search_lookfor'+inputID+'" type="text" name="lookfor'+group+'[]" value="'+term.replace(/"/g, '"')+'"/></div>'
+ + '<div class="large-4 columns"><select 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 += '<option value="' + key + '"';
+ if (key == field) {
+ newSearch += ' selected="selected"';
+ }
+ newSearch += ">" + searchFields[key] + "</option>";
}
newSearch += '</select></div><div class="large-1 columns"><a class="help-block delete';
if(inputIndex == 0) {
- newSearch += ' hidden';
+ newSearch += ' hidden';
}
newSearch += '" href="#" onClick="deleteSearch('+group+','+inputIndex+')" class="delete">×</a></div></div>';
@@ -30,7 +30,7 @@ function addSearch(group, term, field)
$("#group" + group + "Holder").before(newSearch);
// Show x if we have more than one search inputs
if(inputIndex > 0) {
- $('#group'+group+' .search .delete').removeClass('hidden');
+ $('#group'+group+' .search .delete').removeClass('hide');
}
}
@@ -38,17 +38,17 @@ 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;
+ $(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($('#group'+group+' .search').length > 1) {
- $('#group'+group+' .search:last').remove();
+ $('#group'+group+' .search:last').remove();
}
// Hide x
if($('#group'+group+' .search').length == 1) {
- $('#group'+group+' .search .delete').addClass('hidden');
+ $('#group'+group+' .search .delete').addClass('hide');
}
}
@@ -59,36 +59,36 @@ function addGroup(firstTerm, firstField, join)
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-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"';
+ + '<div class="large-3 columns">'
+ + '<a href="#" onClick="deleteGroup('+nextGroup+')" class="close hide" title="'+deleteSearchGroupString+'">×</a>'
+ + '<label for="search_bool'+nextGroup+'">'+searchMatch+': </label>'
+ + '<select id="search_bool'+nextGroup+'" name="bool'+nextGroup+'[]">'
+ + '<option value="AND"';
if(join == 'AND') {
- newGroup += ' selected';
+ newGroup += ' selected';
}
newGroup += '>' +searchJoins['AND'] + '</option>'
- + '<option value="OR"';
+ + '<option value="OR"';
if(join == 'OR') {
- newGroup += ' selected';
+ newGroup += ' selected';
}
newGroup += '>' +searchJoins['OR'] + '</option>'
- + '<option value="NOT"';
+ + '<option value="NOT"';
if(join == 'NOT') {
- newGroup += ' selected';
+ newGroup += ' selected';
}
newGroup += '>' +searchJoins['NOT'] + '</option>'
- + '</select></div></div>';
+ + '</select></div></div>';
$('#groupPlaceHolder').before(newGroup);
addSearch(nextGroup, firstTerm, firstField);
// Show join menu
if($('.group').length > 1) {
- $('#groupJoin').removeClass('hidden');
- // Show x
- $('.group .close').removeClass('hidden');
+ $('#groupJoin').removeClass('hide');
+ // Show x
+ $('.group .close').removeClass('hide');
}
return nextGroup++;
}
@@ -99,11 +99,11 @@ function deleteGroup(group)
$("#group" + group).remove();
// If the last group was removed, add an empty group
if($('.group').length == 0) {
- addGroup();
+ addGroup();
} else if($('.group').length == 1) { // Hide join menu
- $('#groupJoin').addClass('hidden');
- // Hide x
- $('.group .close').addClass('hidden');
+ $('#groupJoin').addClass('hide');
+ // Hide x
+ $('.group .close').addClass('hide');
}
}
diff --git a/themes/foundation5/js/advanced_search_eds.js b/themes/foundation5/js/advanced_search_eds.js
index d3aa63f907e92abf9a6324ca8a3e534acef4a99d..b91cfd627670fdd368a410a9f7ee6052c9a820e9 100644
--- a/themes/foundation5/js/advanced_search_eds.js
+++ b/themes/foundation5/js/advanced_search_eds.js
@@ -17,9 +17,9 @@ function addSearch(group, term, field, op)
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>';
+ newSearch += '<input type="hidden" name="op' + group + '[]" value="AND" /><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">';
+ newSearch += '<select id="search_op' + group + '_' + groupSearches[group] + '" name="op' + group + '[]" class="medium-9 columns">';
for(var i=0, len= booleanSearchOperators.length; i < len; i++) {
var searchOp = booleanSearchOperators[i];
var sel = '';
@@ -30,9 +30,9 @@ function addSearch(group, term, field, op)
}
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>'
+ newSearch += '</div><div class="medium-9 columns"><div class="medium-6 columns"><input 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+'[]">';
+ + '<div class="medium-4 columns"><select id="search_type'+inputID+'" name="type'+group+'[]">';
for (var key in searchFields) {
newSearch += '<option value="' + key + '"';
if (key == field) {
diff --git a/themes/foundation5/js/cart.js b/themes/foundation5/js/cart.js
index 87f40f8f513366a23997ee5f31a6da0d2f2e81ed..c707be873f9d656a764ef27ebc565a08b2ea95bc 100644
--- a/themes/foundation5/js/cart.js
+++ b/themes/foundation5/js/cart.js
@@ -208,7 +208,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) {
diff --git a/themes/foundation5/js/check_item_statuses.js b/themes/foundation5/js/check_item_statuses.js
index 2c79147047b48fb7c97d0b2f849c27881bf8eb55..35fc1826f6f064f9c9f2c0b9589ea5c848ea8060 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 9ddc276ffe2a4a58008a97010640ffc96c9e5dcb..0192d74834affa0f6295d7c2a189943c0982159d 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 3c9ca54c33bd6a595e64da9e7792f4c5170dac6a..9005ac6ed2f75f94c5c9edf284c7faaf6ad76a9d 100644
--- a/themes/foundation5/js/common.js
+++ b/themes/foundation5/js/common.js
@@ -73,12 +73,12 @@ 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');
}
// Lightbox
@@ -160,8 +160,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();
@@ -361,7 +361,7 @@ $(document).ready(function() {
holder.html(template);
}
- holder.toggleClass('hidden');
+ holder.toggleClass('hide');
return false;
});
@@ -379,7 +379,7 @@ $(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'));
});
@@ -488,4 +488,6 @@ $(document).ready(function() {
var parts = this.href.split('/');
return Lightbox.get(parts[parts.length-3],'Save',{id:$(this).attr('id')});
});
-});
\ No newline at end of file
+});
+
+
diff --git a/themes/foundation5/js/facets.js b/themes/foundation5/js/facets.js
index 1451eff2fcbfb4d51d16340359287e3da184f8fc..bcb39b922e18d6ec3cd4a75c65a1c8cb1833e0a9 100644
--- a/themes/foundation5/js/facets.js
+++ b/themes/foundation5/js/facets.js
@@ -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;
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('list-group-item'); // Where can I see/test this? - fixme CK
});
}
treeNode.jstree({
diff --git a/themes/foundation5/js/lightbox.js b/themes/foundation5/js/lightbox.js
index 18290fee4e23ea255d1af30c4560effacb61cdef..f3bf72d8458afcd226ee1303411bfb9a17e5d7e8 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,
@@ -178,7 +164,7 @@ 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());
@@ -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") {
@@ -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/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc b/themes/foundation5/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..02695fa2eaaf73257c7a74fb8690f91fda8dfba8
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/default.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc b/themes/foundation5/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..774e0203266fb9d49b8ac9512ab0967f4ef42178
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/ac4b02f238ed6b146825d2177271bf1ac0624390/foundation.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc b/themes/foundation5/scss/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..c003ff70d44074a230b341e99a15925fec91e84c
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/b3570cab8b4e0c7ee9e25e076786c425d5596bd9/_functions.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..5a4820941af44f0f68e17a52926aac77f96d19b1
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_accordion.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0652b8c19e52e6c51238b79d9afa77986e0d298a
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_alert-boxes.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..e010aac42576bbb5db34dac29aa82f69f8fb74ed
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_block-grid.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..dc4de50810450c0ed68fd1c8efe3cf8c114176f3
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_breadcrumbs.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..a6eddd273b25466544fd1a18688d867041019940
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_button-groups.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0e17f9d22f04028bd2844be9e424f8ef4322ca68
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_buttons.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..54c79634d323b4e0161742b6aa2ca412a3e8dde6
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_clearing.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..65d43d1de00674006350d720fea6fe28078ad903
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown-buttons.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..d1dd100ce585f868208f3ea02967cb12d94af8ad
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_dropdown.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..4effeacce54036ac33bb3a06d5cd0056528604f0
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_flex-video.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..17432643d973d308eceb5b21b80715755fcc057d
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_forms.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..ae9c39dfdffe46f809607ccbdc9854a9fa7e41fb
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_global.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..4d9234b28cd631a27cef103a25ba61912b2c7eeb
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_grid.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..7e3d67425ff1f766bc80aa7b52f77df1b45c4658
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_icon-bar.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..ae171a3447eb0583eda21e2aa5875e51b9b341e6
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_inline-lists.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..3831b029d222ef4a2f5291aacdd0749a6eef5cd9
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_joyride.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..12bf490d99fa3a76ef8a1353d84de63829a124f5
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_keystrokes.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..5fcebb6b42c3d7c529b926a5cd3ef088ce20c9e6
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_labels.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..964c87c3effdca5476859c8086c41fe89b87b780
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_magellan.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..b9414c9d5ea5ee7695bdcec3e5c08e657d0b9bd8
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_offcanvas.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..d1b5d7a892e97dbe812ba0c135d0ea1675c85bdf
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_orbit.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..9ecf4ce6e3b549fb46ede409394cbf5e7fe664a5
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pagination.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..dd01e92c31072d20a7b92f6ff8dd88483755a344
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_panels.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..8e02a6e09739caae4078d4ef490871da05c1f92f
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_pricing-tables.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..9ccfc1f8434578ec6e3e41e58ebbb7848cdb6308
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_progress-bars.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0908e5ba50f83277200d1e200a9e44a57e3586b2
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_range-slider.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0ebb9119bbdfae5ef0e46b196841d808dc1be508
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_reveal.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..218f88f9342fc7ce82c78abdbfcab0a2854b6bd0
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_side-nav.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..12de74034e858a1e424a4d4aa6977d2f1c3116e4
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_split-buttons.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..cbd9ac210efaf217235ccdd560b6ccbfc54b5e8b
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_sub-nav.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..5d62d442c083a94d33ed67a29df00255ba3571ef
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_switches.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..fc21b817c4f82c0dfd023b014f32eb961b7720d6
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tables.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..b1b215711f7648bca807c365ca7535156f5dcb24
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tabs.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..3301813141776ddf8c4187cca41d3c4be6d0a40f
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_thumbs.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..de873a9545fbf395734590187e99f6f8ca05ebb9
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_tooltips.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..7e93141ef99b9fb1225921f8f9f400959baca1ab
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_top-bar.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0ada2bf51a05d2d6db926a8128c81fbe763ec12a
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_type.scssc differ
diff --git a/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..ca7b33a8c94d83f0c59d74a688aeddd7dd2999c8
Binary files /dev/null and b/themes/foundation5/scss/.sass-cache/c57135b1905a19e57b9cd4f9b9d7ced700cf8a45/_visibility.scssc differ
diff --git a/themes/foundation5/scss/default.scss b/themes/foundation5/scss/default.scss
new file mode 100644
index 0000000000000000000000000000000000000000..72703ca6ead1502e744e766060ab6c0c25a44d47
--- /dev/null
+++ b/themes/foundation5/scss/default.scss
@@ -0,0 +1,1038 @@
+$include-html-classes: false;
+@import "foundation";
+
+// Our own mixins here
+// This is used to adjust the font size in the sidebar, labels and browse collections panels
+@mixin fs-smaller {
+ font-size: .875rem
+}
+// 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;
+}
+
+// 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 {
+ .pace-car th, .pace-car td {
+ border: 0;
+ padding: 0;
+ }
+
+ th {
+ text-align: right;
+ }
+
+ th, td {
+ @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;
+
+ .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;
+
+ 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;
+ }
+ }
+ }
+
+ .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: '\25B2';
+ float: right;
+ color: $steel;
+ }
+ }
+ & .active {
+ a.title {
+ &:after {
+ content: '\25BC';
+ }
+ }
+ }
+}
+
+// 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 {
+ 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;
+ max-width: 62.5rem;
+}
+
+// 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;
+ max-width: 64rem; // limit to max width of central column
+ }
+}
+
+// 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%
+ }
+}
+
+.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 {
+ .columns {
+ @media only screen and (min-width: 20em) {
+ 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 #searchForm input[type="checkbox"] {
+ margin-left: 0;
+}
+
+#shard-selector {
+ @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
+#content.panel {
+ padding: 1rem;
+}
+
+// Advanced Search: criterion remove button and other settings
+#advSearchForm {
+ .close {
+ float: right;
+ font-weight: bold;
+ margin-top: -1.5rem;
+ margin-right: -1.5rem;
+ }
+ .panel {
+ margin-bottom: 1rem;
+ }
+ // top-align the fields at the bottom of advanced search page
+ #limit {
+ margin-top: 1.25rem;
+ }
+}
+
+// Advanced Search: criterion remove button and other settings - END
+
+// LIST VIEW
+// Rows
+.row.result {
+ padding-bottom: 1rem;
+ padding-top: 1rem;
+
+ &:first-of-type {
+ padding-top: 0;
+ }
+
+ &:nth-of-type(even) {
+ background-color: $silver;
+ }
+}
+
+// Rows - END
+
+// Limit, sort and select-boxes
+.sort,
+.limit {
+ select {
+ width: 100%;
+ }
+}
+
+// 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%
+}
+
+// Images column - end
+
+// Favourites, Edit and Delete links
+.delete.tool,
+.edit.tool,
+.save-record,
+.qrcodeLink,
+.hierarchyTreeLinkText {
+ @include fs-smaller;
+}
+
+// Favourites and Delete links - END
+// LIST VIEW - 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 {
+ display: none;
+ }
+
+ &: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
+
+// 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;
+}
+
+// Tabs
+.tabs {
+ border: 1px solid $gainsboro;
+ border-bottom: none;
+
+ dd > a,
+ .tab-title > a {
+ padding: .5rem 1rem;
+ }
+}
+
+.tabs-content {
+ border: 1px solid $gainsboro;
+ border-top: none;
+
+ > .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.panel {
+ padding: 1rem;
+}
+
+// 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;
+ }
+ &.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: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ line-height: .8rem;
+ cursor: pointer;
+ }
+}
+
+// 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: -20px;
+ /* margin-top: 4px;*/
+ position: absolute;
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
+ // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// General visibility classes - leave at end of file to overrule other display settings
+.hide {
+ 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/foundation.scss b/themes/foundation5/scss/foundation.scss
new file mode 100644
index 0000000000000000000000000000000000000000..41bb47e1685171d0fc8e3b9845134ae6181458b6
--- /dev/null
+++ b/themes/foundation5/scss/foundation.scss
@@ -0,0 +1,42 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// Behold, here are all the Foundation components.
+@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/foundation/_functions.scss b/themes/foundation5/scss/foundation/_functions.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a63b920dde733d913bd49f44247a48888775d358
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/_settings.scss b/themes/foundation5/scss/foundation/_settings.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e4b3e92da00e95d60a91235181b4fbfc1d982317
--- /dev/null
+++ b/themes/foundation5/scss/foundation/_settings.scss
@@ -0,0 +1,1486 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+//
+
+// 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 'foundation/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%;
+
+// 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;
+
+// $row-width: rem-calc(1000);
+// $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/foundation/components/_accordion.scss b/themes/foundation5/scss/foundation/components/_accordion.scss
new file mode 100644
index 0000000000000000000000000000000000000000..de4a5ea518a3816f1f716e3fc0f0f27e53face5b
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_alert-boxes.scss b/themes/foundation5/scss/foundation/components/_alert-boxes.scss
new file mode 100644
index 0000000000000000000000000000000000000000..c1d56d80293b98be8374a5fe80dab35e1afeba50
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_block-grid.scss b/themes/foundation5/scss/foundation/components/_block-grid.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a923e764b70e275282bf498874d5dc806f36502e
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_breadcrumbs.scss b/themes/foundation5/scss/foundation/components/_breadcrumbs.scss
new file mode 100644
index 0000000000000000000000000000000000000000..5f55a4eb8ec463d36f3952dd622e760f471c19d3
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_button-groups.scss b/themes/foundation5/scss/foundation/components/_button-groups.scss
new file mode 100644
index 0000000000000000000000000000000000000000..fd39fdaec1e05a4e3d8a4edc52fa8d75a65e3a37
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_buttons.scss b/themes/foundation5/scss/foundation/components/_buttons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..4069b2397f81e864879d169ad9001c52b6cd65ea
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_clearing.scss b/themes/foundation5/scss/foundation/components/_clearing.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e58966a415699c9193466fb20c6cd327d5c6a9b5
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_dropdown-buttons.scss b/themes/foundation5/scss/foundation/components/_dropdown-buttons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1dc92d1eb1c8fbd7ba7a417ed3de34320f3b680d
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_dropdown.scss b/themes/foundation5/scss/foundation/components/_dropdown.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ff1a6ec0ccfc7f0fb6ec34bfdcc3a8850f83f783
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_flex-video.scss b/themes/foundation5/scss/foundation/components/_flex-video.scss
new file mode 100644
index 0000000000000000000000000000000000000000..4df77e5f742ecc422d7cdced4e4a3008529966b1
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_forms.scss b/themes/foundation5/scss/foundation/components/_forms.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f0497499785671f196d1be46cded9a7bd9e92413
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_global.scss b/themes/foundation5/scss/foundation/components/_global.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1fda12acdb58a34b77ce3dadcc5b2cd48beb24d6
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_grid.scss b/themes/foundation5/scss/foundation/components/_grid.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a449af498931feaf072fcb5c4890596bf9bcaaa7
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_icon-bar.scss b/themes/foundation5/scss/foundation/components/_icon-bar.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6ca01dabaf4ca5ade0d7319cbfcc338fe765afc4
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_inline-lists.scss b/themes/foundation5/scss/foundation/components/_inline-lists.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a75c5d830940e38c422cef2b63b89298df6cfdf5
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_joyride.scss b/themes/foundation5/scss/foundation/components/_joyride.scss
new file mode 100644
index 0000000000000000000000000000000000000000..cea07d3ba9ef35193eba89449d14dd15d9f3bd8c
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_keystrokes.scss b/themes/foundation5/scss/foundation/components/_keystrokes.scss
new file mode 100644
index 0000000000000000000000000000000000000000..28076df170efb18a754c915abf8a90141a64314b
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_labels.scss b/themes/foundation5/scss/foundation/components/_labels.scss
new file mode 100644
index 0000000000000000000000000000000000000000..770d82fa6f110f3fac4dc302169c93a3c70a2a98
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_magellan.scss b/themes/foundation5/scss/foundation/components/_magellan.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b06a18b9cbb0c5c660ce1cb733e3c8b6fc6fd083
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_offcanvas.scss b/themes/foundation5/scss/foundation/components/_offcanvas.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f23da55c00437ff1fb5e1edcfdf4b152c6f6e288
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_orbit.scss b/themes/foundation5/scss/foundation/components/_orbit.scss
new file mode 100644
index 0000000000000000000000000000000000000000..dfd02d02fff763bf5544a43e9c63df56d0832fa0
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_pagination.scss b/themes/foundation5/scss/foundation/components/_pagination.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6e75da1fb69ae1d41edc7d67a2bf9e3246b27996
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_panels.scss b/themes/foundation5/scss/foundation/components/_panels.scss
new file mode 100644
index 0000000000000000000000000000000000000000..123ad9c52cb7a7d8a89f445d084f369aedf4866d
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_pricing-tables.scss b/themes/foundation5/scss/foundation/components/_pricing-tables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..71b7b9c7ec2a24da13eab8355413e567c25ee7cf
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_progress-bars.scss b/themes/foundation5/scss/foundation/components/_progress-bars.scss
new file mode 100644
index 0000000000000000000000000000000000000000..87f88ed8322b8afc52327725f9e34a0a5dda8e52
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_range-slider.scss b/themes/foundation5/scss/foundation/components/_range-slider.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1a35218477b79c25a4a0c3fb9f064d71bc8b08e1
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_reveal.scss b/themes/foundation5/scss/foundation/components/_reveal.scss
new file mode 100644
index 0000000000000000000000000000000000000000..19c493d1841c9941c0ab383193a9486e4cf68d2a
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_side-nav.scss b/themes/foundation5/scss/foundation/components/_side-nav.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ba74a53a97feb4c1a2be7f3d0c328e2778840dc6
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_split-buttons.scss b/themes/foundation5/scss/foundation/components/_split-buttons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7e8a4e30c9467fdc407524fae24f54fcf8d075cc
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_sub-nav.scss b/themes/foundation5/scss/foundation/components/_sub-nav.scss
new file mode 100644
index 0000000000000000000000000000000000000000..279b6356f0481cb25baeaac8cf2133af211ccf23
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_switches.scss b/themes/foundation5/scss/foundation/components/_switches.scss
new file mode 100644
index 0000000000000000000000000000000000000000..883d9ad719ddaee855aa7bee78f77aa7a4c7024d
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_tables.scss b/themes/foundation5/scss/foundation/components/_tables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..53e2c7a9f3430ebe45ffba2aa19a00bc84b40bec
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_tabs.scss b/themes/foundation5/scss/foundation/components/_tabs.scss
new file mode 100644
index 0000000000000000000000000000000000000000..03fcc0f0a35a9d027fdfee8f08571eff815b1f8c
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_thumbs.scss b/themes/foundation5/scss/foundation/components/_thumbs.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e40a501c5eaca86c16c07403d105998115ac76da
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_tooltips.scss b/themes/foundation5/scss/foundation/components/_tooltips.scss
new file mode 100644
index 0000000000000000000000000000000000000000..c328dd172eece0533a2e664d37c6fc52c994d687
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_top-bar.scss b/themes/foundation5/scss/foundation/components/_top-bar.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f8e99c6313049f729505676ec2b0dfb8e527d1c5
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_type.scss b/themes/foundation5/scss/foundation/components/_type.scss
new file mode 100644
index 0000000000000000000000000000000000000000..57ad4556ceed69f0c41927d6d17b58f248bc66f6
--- /dev/null
+++ b/themes/foundation5/scss/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/foundation/components/_visibility.scss b/themes/foundation5/scss/foundation/components/_visibility.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f4bfebc5713dc9a5f2f6622e82007bec18d7a9d7
--- /dev/null
+++ b/themes/foundation5/scss/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/normalize.scss b/themes/foundation5/scss/normalize.scss
new file mode 100644
index 0000000000000000000000000000000000000000..5e5e3c898106bb66986f7224bf51eea2dc3c82a3
--- /dev/null
+++ b/themes/foundation5/scss/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 4ff043e65a84565d80448173d4d36b49687bbe54..975490214449095179ce84ba7946bc38340a17a3 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 tiny 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')?>">
<? 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 tiny 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 3366d93c1464fff50ccdd8e684ba5e4502218ef3..b311cc3cf270a91193a97d1d0d5482c1df65ff36 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 f7b89b06c4d085a9586fac5d7fe7bd51e53e2b40..f8d0b97f6d676c93eec04bbb6bad67336e0e5191 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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 1bd2a36645dab995f11d9e022c657c4ebbfc83e5..4ee9629f30fb8254ba0fb152e3515355e68cd5b2 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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 c1374d4dae41fcaf9f0cbdee3a3e8901a09fd9c3..aad983f058db164c2e472f24be14e1920ab3704a 100644
--- a/themes/foundation5/templates/Auth/Database/recovery.phtml
+++ b/themes/foundation5/templates/Auth/Database/recovery.phtml
@@ -1,18 +1,18 @@
<!-- auth - database - RECOVERY.phtml -->
-<div class="form-group">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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>
<?=$this->recaptcha()->html($this->useRecaptcha) ?>
-<div class="form-group">
+<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') ?>"/>
</div>
diff --git a/themes/foundation5/templates/Auth/ILS/newpassword.phtml b/themes/foundation5/templates/Auth/ILS/newpassword.phtml
index b5ecc1089871ff58c74a6a61e22ecf712171b89c..dc00dcee5fcbf4904d337c0e23b5d77d516e67ad 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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 7e030f4f5abaf99d45d97911f4a30739c17e4888..37f1318966f56cbe08c8207ba2c90540409488cf 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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 724ee81cbfffcf2e4f262e4f8bb7f91b50fdd979..1701144baaa215bbf3874e70e197919bc08f2aa4 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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">
+<div class="row">
<label class="medium-3 columns control-label"><?=$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 6947457e4106185092a829a28f9d840c481e4343..7c477d82672841eb52bc7ef0a88e89f3bb35e67a 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">
+<div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+<div class="row">
<label class="medium-3 columns control-label" 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>
@@ -46,7 +46,7 @@
</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')?>"/>
</div>
diff --git a/themes/foundation5/templates/Helpers/openurl.phtml b/themes/foundation5/templates/Helpers/openurl.phtml
index e4b1a452fa9106f9cb7deedf011e2de32e1bd4c2..91072c6747d88960be9ab2f4309c27663d384ba4 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/Recommend/CatalogResults.phtml b/themes/foundation5/templates/Recommend/CatalogResults.phtml
index 3faaec78390bb041cb4ef1cd792afb07d28e9873..d789de835b7f0302fe64d67e567bb025097927de 100644
--- a/themes/foundation5/templates/Recommend/CatalogResults.phtml
+++ b/themes/foundation5/templates/Recommend/CatalogResults.phtml
@@ -1,9 +1,9 @@
<!-- 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)?>">
<?
@@ -41,7 +41,9 @@
<? 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 72456ab77d1774fc9d99c3da55617cf75bc5f0ae..8527ba6ee66b6567d8774e32f7a73061ed56f17f 100644
--- a/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml
+++ b/themes/foundation5/templates/Recommend/CollectionSideFacets.phtml
@@ -21,8 +21,8 @@
<? 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"/>
+ <form role="form" method="get" action="" 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'])?>"" />
diff --git a/themes/foundation5/templates/Recommend/DPLATerms.phtml b/themes/foundation5/templates/Recommend/DPLATerms.phtml
index 8c5d0150a85fed9a10be29d804104ab2e89d572b..7efc7677134fa17d317fbc05990b6909bb29311a 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 30e6e711a7c66f441c71db78cb5da55469ea1ed8..1bb5cbe0eea930eb8263514d58fdaf4e73fa9c36 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/ExpandFacets.phtml b/themes/foundation5/templates/Recommend/ExpandFacets.phtml
index 8e4ab68b92adc9757cc648e050c043f17f086b7a..25b8cf04918fe4d2491d6950d500e58eda4961ec 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 a522171db63af3862bdc9bc29295cdaba80fb831..3b5bf6f477f4fb61ad1c8ea551d497b9ec559344 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 38d43b97c13f632469be61d7ea6d87074b101ccd..10bcadb1b6e87bcb28578fc100cc43a88d673a6d 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/PubDateVisAjax.phtml b/themes/foundation5/templates/Recommend/PubDateVisAjax.phtml
index 1968a59d4e07460129c848c8b5f6ff8c7d957540..a45449fdeb532b98744318c021fe56eada7d9b70 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>
diff --git a/themes/foundation5/templates/Recommend/RandomRecommend.phtml b/themes/foundation5/templates/Recommend/RandomRecommend.phtml
index 978c7453075552fb53928c920a4ef01792a3afa7..ad2eb1f57a6840a2f23de3d9a5260cd8d3faa93d 100644
--- a/themes/foundation5/templates/Recommend/RandomRecommend.phtml
+++ b/themes/foundation5/templates/Recommend/RandomRecommend.phtml
@@ -1,66 +1,66 @@
<!-- 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"): ?>
+ <? /* 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; ?>
- <? endif; ?>
+ <? 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>
+ <? $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; ?>
<!-- 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 52ad46a4807a20c38605081604439cbdab9933a0..4963e5c28457917a38278b9e5d603c0afcb14d36 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 f0d3f4448feb4ca4e38dbf7ef91bdf52a06dea8f..600c34dc803ba41e7133ac73277e91beb1737a45 100644
--- a/themes/foundation5/templates/Recommend/SideFacets.phtml
+++ b/themes/foundation5/templates/Recommend/SideFacets.phtml
@@ -8,48 +8,50 @@
$html = '';
$shown = 0;
foreach ($checkboxFilters as $current) {
- $html .= '<label class="checkbox';
+ $html .= '<div class="checkbox';
if($results->getResultTotal() < 1 && !$current['selected'] && !$current['alwaysVisible']) {
- $html .= ' hidden';
+ $html .= ' hide';
} else {
$shown ++;
}
- $html .= '"><input type="checkbox" name="filter[]" value="'.$this->escapeHtmlAttr($current['filter']).'"
+ $html .= '"><label><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>';
+ onclick="document.location.href=\''.($current['selected'] ? $results->getUrlQuery()->removeFilter($current['filter']) : $results->getUrlQuery()->addFilter($current['filter'])).'\';" />'.$this->transEsc($current['desc']).'</label></div>';
}
?>
- <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): ?>
- <?
- $index = isset($filter['field']) ? array_search($filter['field'], $collapsedFacets) : false;
- if ($index !== false) {
- unset($collapsedFacets[$index]); // Open if we have a match
- }
- if (isset($filter['specialType']) && $filter['specialType'] == 'keyword') {
- $removeLink = $this->currentPath().$results->getUrlQuery()->replaceTerm($filter['value'], '');
- } else {
- $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>
+ <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
+ }
+ if (isset($filter['specialType']) && $filter['specialType'] == 'keyword') {
+ $removeLink = $this->currentPath().$results->getUrlQuery()->replaceTerm($filter['value'], '');
+ } else {
+ $removeLink = $this->currentPath().$results->getUrlQuery()->removeFacet($filter['field'], $filter['value'], true, $filter['operator']);
+ }
+ if ($filter['displayText'] == '[* TO *]') {
+ $filter['displayText'] = $this->translate('filter_wildcard');
+ }
+ ?>
+ <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 : '' ?>
@@ -57,50 +59,49 @@
<? 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'); ?>
- <?
- $min = !empty($rangeFacets[$title]['values'][0]) ? min($rangeFacets[$title]['values'][0], 1400) : 1400;
- $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;
- $high = !empty($rangeFacets[$title]['values'][1]) ? $rangeFacets[$title]['values'][1] : $max;
- $script = <<<JS
+ <li>
+ <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" 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>
+ </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'); ?>
+ <?
+ $min = !empty($rangeFacets[$title]['values'][0]) ? min($rangeFacets[$title]['values'][0], 1400) : 1400;
+ $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;
+ $high = !empty($rangeFacets[$title]['values'][1]) ? $rangeFacets[$title]['values'][1] : $max;
+ $script = <<<JS
$(document).ready(function() {
var fillTexts = function() {
var v = {$this->escapeHtmlAttr($title)}dateSlider.getValue();
@@ -134,81 +135,80 @@ $(document).ready(function() {
initFacetTree($('#facet_{$this->escapeHtml($title)}'), true);
});
JS;
- ?>
- <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
- <? else: ?>
- <?
- $script = <<<JS
+ ?>
+ <?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
+ <? else: ?>
+ <?
+ $script = <<<JS
$('#side-collapse-{$this->escapeHtmlAttr($title)}').on('show.bs.collapse', 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>
+ ?>
+ <?=$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; ?>
+ <ul class="side-nav" role="navigation">
<? 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>
+ <? $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: ?>
- <span class="pull-right"><i class="fa fa-check"></i></span>
+ <li<? if ($i>5): ?> class="<?=$moreClass ?>"<?endif ?>><a href="<?=$addURL ?>" class="facet<?=$thisFacet['operator'] ?>">
<? 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 ?>">
- <? endif; ?>
- <span class="badge">
+ <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="<?=$this->currentPath().$results->getUrlQuery()->addFacet($title, $thisFacet['value'], 'NOT') ?>" title="<?=$this->transEsc('exclude_facet') ?>"><i class="fa fa-times"></i></a>
+ <a href="<?=$addURL ?>">
<? 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; ?>
+ <? 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; ?>
- <? 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)): ?>
- </noscript>
- <? endif; ?>
- </div>
+ <? if (in_array($title, $hierarchicalFacets)): ?>
+ </noscript>
+ <? endif; ?>
+ </div>
</li>
</ul>
<? endforeach; ?>
diff --git a/themes/foundation5/templates/Recommend/SummonResults.phtml b/themes/foundation5/templates/Recommend/SummonResults.phtml
index e5928e13e69fc5e4245dc89adc8cd21aeb4be1f0..d148adb341700e72ecb6518418eea31976aa265e 100644
--- a/themes/foundation5/templates/Recommend/SummonResults.phtml
+++ b/themes/foundation5/templates/Recommend/SummonResults.phtml
@@ -1,9 +1,9 @@
<!-- 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)?>">
@@ -35,7 +35,10 @@
</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/TopFacets.phtml b/themes/foundation5/templates/Recommend/TopFacets.phtml
index 15cd3fc5cecb92dda29434bcade3c2ca1970bed1..5a9803957498f3ff07353529206b23ec6b763ae4 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">
@@ -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().$this->recommend->getResults()->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; ?>
diff --git a/themes/foundation5/templates/Recommend/WebResults.phtml b/themes/foundation5/templates/Recommend/WebResults.phtml
index ad755572c13f011be0c108040157237ebf5dafbc..ae67e51ba760ba4991325b318f3a436d7b9efc5b 100644
--- a/themes/foundation5/templates/Recommend/WebResults.phtml
+++ b/themes/foundation5/templates/Recommend/WebResults.phtml
@@ -3,7 +3,7 @@
<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"><?
diff --git a/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml b/themes/foundation5/templates/Recommend/WorldCatIdentities.phtml
index 934d9b7e4832a53ed3d14d427c6f9337a9f8d66b..04a30dd28188b1cfd2b7fef5e653f3fa3d4e8610 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 b846893a21f3cfdf66edd7f6eed3b911d622694a..f71c9de002bb819d89edeef0919c3022de4ef62e 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 cdc2f821901c39fd0bcb8cb733b8dfdf68bf8bb3..083577fd2d0a5aded1fe11d40a5ac671dd487968 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/result-list.phtml b/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
index fce63f0b439c8fac40b3f1618afa3b3a38f8927a..37d879306274309eb53a1fd0b02ca41ccf5427ef 100644
--- a/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/EDS/result-list.phtml
@@ -85,7 +85,7 @@
?>
<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="qrcode hide">
<script type="text/template" class="qrCodeImgTag">
<img alt="<?=$this->transEsc('QR Code')?>" src="<?=$this->escapeHtmlAttr($QRCode);?>"/>
</script>
@@ -98,7 +98,7 @@
<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-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; ?>
diff --git a/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml b/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
index eb81357600388a4e3fd92a92420a700fc768bb76..4239699ebeac0f31eb9ef3680736a1243c044cfb 100644
--- a/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/Pazpar2/result-list.phtml
@@ -58,14 +58,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 32397fc15bff47262000a9a5b46be530f57737ec..afe3dfab91250e0fda5e363459fd0c9621425c3b 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(); ?>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
index f999084b8840ad6478e61b691ac7c552abfe7ad9..b48dd7efd2316605076dae5fe4804ffd36cdb872 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/core.phtml
@@ -1,8 +1,8 @@
<!-- recordDriver - solrDefault - CORE.phtml -->
<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'); ?>
@@ -22,7 +22,7 @@
<br/><img alt="<?=$this->transEsc('QR Code')?>" data-caption="<?=$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,7 +46,7 @@
<? 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; ?>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
index 48f63d3a4536b3e627b02e0fa82bfd5418b80920..f180575039a31b30dcb9f1d749176223658970b2 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/list-entry.phtml
@@ -111,14 +111,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)?>
@@ -157,7 +157,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,7 +165,7 @@
</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-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; ?>" id="edit-fav" 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)
? $this->url('myresearch-favorites')
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
index ff1010bb0cdcc1aa9ec2d6803d948d05b35669b2..8046d834e21c1682a71e4bfbd28ce73bd5d3c736 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/result-grid.phtml
@@ -28,7 +28,7 @@ $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>
diff --git a/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml b/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
index 3acc8e5ec136bcd0afd9b42f2836b815746eae3c..3d4dd982722c1ac610780537958f0661f2fc21c1 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/result-list.phtml
@@ -1,199 +1,199 @@
<!-- 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">
+ <?
+ $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()): ?>
<?=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'));
+ ?>
+ <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 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/>
+ </span>
+ <? 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-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-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 95c3a139ce51ecff4842a7184e11d92cdc975d78..1b66ed796a6e6ac566eb3c2ee3d2cd96e91470eb 100644
--- a/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml
+++ b/themes/foundation5/templates/RecordDriver/SolrDefault/toolbar.phtml
@@ -41,8 +41,8 @@
<? 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>
+ <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)?>" />
diff --git a/themes/foundation5/templates/RecordTab/collectionlist.phtml b/themes/foundation5/templates/RecordTab/collectionlist.phtml
index db56572b7c946cf1b33c2ac77418ec71da3db580..2707fcd416e5375b25c8680298f29eb5f2455fef 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/hierarchytree.phtml b/themes/foundation5/templates/RecordTab/hierarchytree.phtml
index c17ec49cb91c7539991318f35b602fd1f1d0d55f..c9101c32b0923d6de29715ade652a6d10b495f8d 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>
+ <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/similaritemscarousel.phtml b/themes/foundation5/templates/RecordTab/similaritemscarousel.phtml
index 64a9543194bb187dbf3ca4802466c9665c6b98ea..d777eadf7e83343e073490a3db92c83e0ca3cd13 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/usercomments.phtml b/themes/foundation5/templates/RecordTab/usercomments.phtml
index b30e6abaa9ae504e9b5f5289704bda352fdec4f4..cd8b385c6920aa071be97f4c206ca1bd2068f1c4 100644
--- a/themes/foundation5/templates/RecordTab/usercomments.phtml
+++ b/themes/foundation5/templates/RecordTab/usercomments.phtml
@@ -16,10 +16,10 @@
<div class="medium-9 columns">
<? $user = $this->auth()->isLoggedIn() ?>
<? if($user): ?>
- <textarea id="comment" name="comment" class="form-control" rows="3" required></textarea><br/>
+ <textarea id="comment" name="comment" class="auto" 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")?>"/>
<? else: ?>
- <textarea id="comment" name="comment" class="form-control" rows="3" disabled></textarea><br/>
+ <textarea id="comment" name="comment" class="auto" 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")?>"/>
<? endif; ?>
</div>
diff --git a/themes/foundation5/templates/Related/Editions.phtml b/themes/foundation5/templates/Related/Editions.phtml
index 67560fcadc952efc368881a1cc10fc4302673b96..2d6494b24cf47e46edf59b53583754ac3a08f31a 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 1d44a247febda051a3d69dfab65f9efc2f5f8149..be2d7d058a59146e5c6fd572dfcd2cb6769fab24 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
index 856a261dbf63743d974eedf3ea6142f0c460b4e1..3919bd96a316468600bc87322f19267c2d22f67e 100644
--- a/themes/foundation5/templates/Service/recaptcha.phtml
+++ b/themes/foundation5/templates/Service/recaptcha.phtml
@@ -1,7 +1,7 @@
<!-- 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="row">
<div class="medium-9 medium-offset-3 columns ">
<?=$this->reCaptchaOptions ?>
diff --git a/themes/foundation5/templates/admin/maintenance/home.phtml b/themes/foundation5/templates/admin/maintenance/home.phtml
index da2a331c4ca95b33b84f859c79c18f23e74745a8..31d150d707f05fdd0ec6ca9bbb82772533776524 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 tiny"/>
</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 tiny"/>
</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 tiny"/>
</form>
</div>
diff --git a/themes/foundation5/templates/admin/menu.phtml b/themes/foundation5/templates/admin/menu.phtml
index 7c40ee41e158d7e9809eb0657c2f4c4ce7b06fe2..de58639d6b0b8c0b725bf416ebde55f3e3be1073 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/alphabrowse/home.phtml b/themes/foundation5/templates/alphabrowse/home.phtml
index 11a27fb0554612ac01fc4ab23550291fc23a76fb..cf31bfb31373d98af62d778d99aaa0706597f6d8 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 tiny" 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 f918e879757c23c15153b0abd606be3f8e635e3d..f05b12d17576a2ffc7a601b212bb6bfa4b5ede92 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" />
+<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 tiny" 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 5525fefa8dd04dd35b4ba370bd1977521ae446e4..4e76aa7db548fd6250a7cc75ab0c7ff653295325 100644
--- a/themes/foundation5/templates/browse/home.phtml
+++ b/themes/foundation5/templates/browse/home.phtml
@@ -12,33 +12,43 @@
<? 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 class="button secondary <? if($currentOption['action'] == $this->currentAction): ?>
+ active<? endif; ?>" href="<?=$this->url('browse-' . strtolower
+ ($currentOption['action']));
+ ?>">
<?=$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 class="button secondary <? if ($this->findby == $findby): ?> active<?
+ endif; ?>" href="<?=$BROWSE_BASE ?>?findby=<?=urlencode($findby) ?>&query_field=<?=$this->browse()->getSolrField($findby, $this->currentAction) ?>" class="clearfix">
<? 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 +63,43 @@
}
$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 class="button secondary <? if ($this->query == $secondary['value'].'' ||
+ $this->query == $secondary['value'].'*'): ?> active<? endif; ?>" href="<?=$url ?>" class="clearfix">
<?=$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 *]"><?=$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 420c53fec8cc43ddec6436445e69e21859a1cf72..05abce5b7d4e23fd56463abeb51d11690392cfe8 100644
--- a/themes/foundation5/templates/cart/cart.phtml
+++ b/themes/foundation5/templates/cart/cart.phtml
@@ -8,7 +8,7 @@
. '<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">
<label>
diff --git a/themes/foundation5/templates/cart/email.phtml b/themes/foundation5/templates/cart/email.phtml
index 6346844d40875872e44d2f9e70a1092763c55a15..9bbc62b42c792cabdbbd5e80f556893a7541f937 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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 tiny 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.phtml b/themes/foundation5/templates/cart/export.phtml
index c6ddc9e57dcc367e7da93721771b394463c80a82..0f4e298d5ddd641a51cf94eccca78b302cedc7cc 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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 tiny 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,21 +30,21 @@ $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">
+ <div class="row">
<label for="format" class="medium-3 columns control-label"><?=$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')?>"/>
</div>
@@ -53,7 +53,7 @@ $this->layout()->breadcrumbs = '<li>' . $this->getLastSearchLink($this->transEsc
<? 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 acae60e983d60bf25cfc15e731b03158b3075d6a..1c26bb1d82625595728638a8b2cde4ee0ab212a9 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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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 tiny 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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,20 +47,20 @@
<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 tiny 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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') ?>"/>
</div>
@@ -69,8 +69,8 @@
<?
$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 a4de9d61a3cc8e248dbe9c28390d918b75afb6d4..07ce19e408029d647505cc9262b1ed69bb92ffd5 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 12caeb79056ac9a3a431a74745d9046eeb07a5cd..a3327982cf3514a3d7b1955c5a529a20220e8cda 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>
diff --git a/themes/foundation5/templates/collections/list.phtml b/themes/foundation5/templates/collections/list.phtml
index 75aabde9b459122c389f198f2f20e3f1c204afa6..a5a393a310dfa46044ac993272fbfe5162000c99 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.phtml b/themes/foundation5/templates/combined/results.phtml
index 119320b0c5d0e2d6178da0666216b5f361dcaee8..7ca709a98faaa6b551f88806637413060c26d28a 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/devtools/language.phtml b/themes/foundation5/templates/devtools/language.phtml
index 999d11179166a311406ff63b76b8dd8aa6f831ec..3441b3e99008287b89d6772a80a9d4a62b8e921f 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/feedback/form.phtml b/themes/foundation5/templates/feedback/form.phtml
index 4913714583554d557ed5d031ac8eeb108c72ae90..875d94f9935f253092f28235354e8f9e3c148bc4 100644
--- a/themes/foundation5/templates/feedback/form.phtml
+++ b/themes/foundation5/templates/feedback/form.phtml
@@ -1,28 +1,28 @@
<!-- 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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")?>" />
</div>
diff --git a/themes/foundation5/templates/header.phtml b/themes/foundation5/templates/header.phtml
index 164c0528a071a7b85af10c72092bdb767ea5ca1f..9bc64a4d9ceb276e308ea93997a8f683536f8f3b 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,21 +38,21 @@
<? 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; ?>
@@ -48,7 +62,7 @@
<form method="post" name="themeForm" action="" 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>
@@ -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 8d517085e829fdf043fbeb0123339ff02a9bc60e..ebec401605f70878c5b9dbca313dcb562621e810 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">
+<form action="" method="post">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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') ?>" />
</div>
</div>
- <div class="form-group">
+ <div class="row">
<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="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 tiny" 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 1af4a841d730ad00b2492b26d1656bd904dab8a4..e25ad07a0feff06c5581780bcc65a3257a1d8cd8 100644
--- a/themes/foundation5/templates/install/fixils.phtml
+++ b/themes/foundation5/templates/install/fixils.phtml
@@ -13,18 +13,18 @@
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">
+ <form method="post" action="" role="form">
+ <div class="row">
<label for="driver" class="medium-2 columns control-label">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"/>
</div>
diff --git a/themes/foundation5/templates/layout/layout.phtml b/themes/foundation5/templates/layout/layout.phtml
index 22b868f1f59ebaae9ac7e296b52d4d0e259d46d9..f253be9b24d3d3255d20cab5682f3256a98c97bb 100644
--- a/themes/foundation5/templates/layout/layout.phtml
+++ b/themes/foundation5/templates/layout/layout.phtml
@@ -134,16 +134,9 @@
</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" data-reveal aria-hidden="true" role="dialog">
+ <div class="modal-body"><?=$this->transEsc('loading') ?>...</div>
+ <a class="close-reveal-modal" aria-label="Close">×</a>
</div>
<!-- MODAL IN CASE WE NEED ONE - END -->
<?=$this->googleanalytics()?>
diff --git a/themes/foundation5/templates/myresearch/account.phtml b/themes/foundation5/templates/myresearch/account.phtml
index 9c806dfc6e4d516ac47dbe5a5a36c1089dd787fd..42f49d95eef7b93cb70f7d49dabccbce4c9a223d 100644
--- a/themes/foundation5/templates/myresearch/account.phtml
+++ b/themes/foundation5/templates/myresearch/account.phtml
@@ -9,10 +9,10 @@
<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" action="" 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>
diff --git a/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml b/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
index 75a79684d30d589de718a357143d301441f128e6..7efd6df3065593c8998b56508b9ebc4f68e75545 100644
--- a/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
+++ b/themes/foundation5/templates/myresearch/bulk-action-buttons.phtml
@@ -12,24 +12,24 @@
</div>
<ul class="button-group bulk-action-buttons hide-for-print">
<li>
- <input class="button secondary small" type="submit" name="email" role="button" value="<?=$this->transEsc('Email')?>" title="<?=$this->transEsc('email_selected')?>"/>
+ <input class="button secondary tiny" type="submit" name="email" role="button" value="<?=$this->transEsc('Email')?>" title="<?=$this->transEsc('email_selected')?>"/>
</li>
<? if ((!is_null($this->list) && $this->list->editAllowed($user)) || is_null($this->list) && $user): ?>
<li>
- <input class="button secondary small" id="<?=$this->idPrefix?>delete_list_items_<?=!is_null($this->list) ? $this->escapeHtmlAttr($this->list->id) : ''?>" type="submit" name="delete" role="button" value="<?=$this->transEsc('Delete')?>" title="<?=$this->transEsc('delete_selected')?>"/>
+ <input class="button secondary tiny" id="<?=$this->idPrefix?>delete_list_items_<?=!is_null($this->list) ? $this->escapeHtmlAttr($this->list->id) : ''?>" type="submit" name="delete" role="button" value="<?=$this->transEsc('Delete')?>" title="<?=$this->transEsc('delete_selected')?>"/>
</li>
<? endif; ?>
<? $exportOptions = $this->export()->getBulkOptions(); if (count($exportOptions) > 0): ?>
<li>
- <input class="button secondary small" type="submit" name="export" role="button" value="<?=$this->transEsc('Export')?>" title="<?=$this->transEsc('export_selected')?>"/>
+ <input class="button secondary tiny" type="submit" name="export" role="button" value="<?=$this->transEsc('Export')?>" title="<?=$this->transEsc('export_selected')?>"/>
</li>
<? endif; ?>
<li>
- <input class="button secondary small" type="submit" name="print" role="button" value="<?=$this->transEsc('Print')?>" title="<?=$this->transEsc('print_selected')?>"/>
+ <input class="button secondary tiny" type="submit" name="print" role="button" value="<?=$this->transEsc('Print')?>" title="<?=$this->transEsc('print_selected')?>"/>
</li>
<? if ($this->cart()->isActive()): ?>
<li>
- <input class="button secondary small" id="<?=$this->idPrefix?>updateCart" type="submit" name="add" role="button" value="<?=$this->transEsc('Add to Book Bag')?>"/>
+ <input class="button secondary tiny" id="<?=$this->idPrefix?>updateCart" type="submit" name="add" role="button" value="<?=$this->transEsc('Add to Book Bag')?>"/>
</li>
<? endif; ?>
</ul>
diff --git a/themes/foundation5/templates/myresearch/cataloglogin.phtml b/themes/foundation5/templates/myresearch/cataloglogin.phtml
index 7eda7172199d55260ffed6368895f195e247f481..b1db2e63a28dd38f3a574da49742ecb8a6092697 100644
--- a/themes/foundation5/templates/myresearch/cataloglogin.phtml
+++ b/themes/foundation5/templates/myresearch/cataloglogin.phtml
@@ -21,20 +21,20 @@
<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">
+ <form method="post" action="">
+ <div class="row">
<label class="medium-2 columns control-label" for="profile_cat_username"><?=$this->transEsc('Library Catalog Username')?>:</label>
<div class="medium-10 columns">
- <input id="profile_cat_username" type="text" name="cat_username" 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 control-label" for="profile_cat_password"><?=$this->transEsc('Library Catalog Password')?>:</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_password" value="" class="auto"/>
</div>
</div>
- <div class="form-group">
+ <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')?>">
</div>
diff --git a/themes/foundation5/templates/myresearch/edit.phtml b/themes/foundation5/templates/myresearch/edit.phtml
index 91b9a6f2ff052f9aca9017038631b046d7b3732f..400e07f8d5bb3cd96b18243da71259a4a85233fa 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" action="">
<? if (empty($this->savedData)): ?>
<p data-alert class="alert-box info" tabindex="0" aria-live="assertive" role="dialogalert">
<? if (isset($listFilter)): ?>
@@ -25,22 +25,23 @@
<? 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'])?>
+ <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-reveal-modal">×</a>
</legend>
<input type="hidden" name="lists[]" value="<?=$current['listId'] ?>"/>
<? if ($this->usertags()->getMode() !== 'disabled'): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-2 columns control-label" 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">
+ <div class="row">
<label class="medium-2 columns control-label" 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 +52,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,7 +64,7 @@
</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') ?>"/>
</div>
diff --git a/themes/foundation5/templates/myresearch/editlist.phtml b/themes/foundation5/templates/myresearch/editlist.phtml
index 12ac7843c6b9802bdad009a5b86350b13073dbaf..ccd2b0bf45aae463c7d134599f6dbffbaaf6ded1 100644
--- a/themes/foundation5/templates/myresearch/editlist.phtml
+++ b/themes/foundation5/templates/myresearch/editlist.phtml
@@ -1,53 +1,71 @@
<!-- 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' ?>"
+ action="">
+ <input type="hidden" name="id"
+ value="<?= empty($this->list->id) ? 'NEW' : $this->list->id ?>"/>
-<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>
- </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') ?>"/>
+
+ <label class="medium-3 columns control-label"
+ for="list_title"><?= $this->transEsc('List'); ?>:</label>
+
+ <div class="medium-9 columns">
+ <input id="list_title" class="auto" type="text" name="title"
+ value="<?= isset($this->list['title']) ? $this->escapeHtml($this->list['title']) : '' ?>"/>
+ </div>
+
+
+ <label class="medium-3 columns control-label"
+ 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 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>
+ </div>
+
+ <? endif; ?>
+
+ <div class="medium-9 medium-offset-3 columns">
+ <input class="button tiny" type="submit" name="submit" role="button"
+ value="<?= $this->transEsc('Save') ?>"/>
+ </div>
+
+ </form>
</div>
- </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 09bbfd01ac8fa806bb762dcfdb89aeac7f6d1493..d39577815f39fc90b7df65dae27014e6681f79a0 100644
--- a/themes/foundation5/templates/myresearch/fines.phtml
+++ b/themes/foundation5/templates/myresearch/fines.phtml
@@ -27,7 +27,7 @@
<td>
<? if (empty($record['title'])): ?>
<?=$this->transEsc('not_applicable')?>
- <? elseif (!is_object($record['driver'])): ?>
+ <? 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>
diff --git a/themes/foundation5/templates/myresearch/login.phtml b/themes/foundation5/templates/myresearch/login.phtml
index f2d78ccc0430d6aba6bf7e2c8597a9fb281fdc2f..201743d19e9924227d0a35d3b6747619d0c4ab00 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 a20d75e4e6ba3402f3f18fce0bd70b7d8fcd6483..c7da512f7307592106973298662d1354715ab04f 100644
--- a/themes/foundation5/templates/myresearch/menu.phtml
+++ b/themes/foundation5/templates/myresearch/menu.phtml
@@ -1,88 +1,125 @@
<!-- 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()): ?>
- <? 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>
+<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-star"></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>
+ <? if ('ils-none' !== $this->ils()->getOfflineMode()): ?>
+ <? if ($this->ils()->checkCapability('getMyTransactions')): ?>
+ <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-book"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ($this->ils()->checkCapability('getMyHolds')): ?>
+ <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-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-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-exchange"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ($this->ils()->checkCapability('getMyFines')): ?>
+ <li><a href="<?= $this->url('myresearch-fines') ?>"
+ class="<?= $this->active == 'fines' ? ' active' : '' ?>">
+ <?= $this->transEsc('Fines') ?>
+ <span class="pull-right"><i class="fa fa-usd"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
+ <? if ($this->ils()->checkCapability('getMyProfile')): ?>
+ <li>
+ <a href="<?= $this->url('myresearch-profile') ?>"
+ class="<?= $this->active == 'profile' ? ' active' : '' ?>">
+ <?= $this->transEsc('Profile') ?>
+ <span class="pull-right"><i class="fa fa-user"></i></span>
+ </a>
+ </li>
+ <? endif; ?>
<? 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('search-history') ?>?require_login"
+ class="<?= $this->active == 'history' ? ' active' : '' ?>">
+ <?= $this->transEsc('history_saved_searches') ?>
+ <span class="pull-right"><i class="fa 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-sign-out"></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; ?>
- <? 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-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-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-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 b80033f508454e3cb0a9e6c83210a006bc73e5b0..89bfd901e2bc0d404c98ecb44b17166bb68bc4fe 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 ddc17cdc016fea4810efdefd2876e0e1bb770e7c..7a623fee363c9ff50b068d8286ee6420bc5a4937 100644
--- a/themes/foundation5/templates/myresearch/newpassword.phtml
+++ b/themes/foundation5/templates/myresearch/newpassword.phtml
@@ -19,13 +19,13 @@
<? 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">
<input class="button tiny" name="submit" type="submit" role="button" value="<?=$this->transEsc('Submit')?>" />
</div>
diff --git a/themes/foundation5/templates/myresearch/profile.phtml b/themes/foundation5/templates/myresearch/profile.phtml
index e8e6fdf186d05511c7eb0cc500b3d959a0f6696f..ad578b7720f180dfc9192cf7201b7956ee5757e8 100644
--- a/themes/foundation5/templates/myresearch/profile.phtml
+++ b/themes/foundation5/templates/myresearch/profile.phtml
@@ -34,8 +34,8 @@
? $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" action="" 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; ?>
diff --git a/themes/foundation5/templates/myresearch/recover.phtml b/themes/foundation5/templates/myresearch/recover.phtml
index 0ecb7cec0f949714f13b47c76e6c624c58bc2c2b..c2d8d33275ccfc35312ae0d85d8cd14152dcd1b1 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 action="" method="post">
<?=$this->auth()->getPasswordRecoveryForm() ?>
</form>
<? endif; ?>
\ No newline at end of file
diff --git a/themes/foundation5/templates/oai/home.phtml b/themes/foundation5/templates/oai/home.phtml
index f6c292f623ef5f1ec1ea9b9b9e9753aeddd8ddb6..66e07647ffc2135c7981457cbed9ee5926ebc992 100644
--- a/themes/foundation5/templates/oai/home.phtml
+++ b/themes/foundation5/templates/oai/home.phtml
@@ -29,39 +29,39 @@
<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">
+ <div class="row">
<label for="ListIdentifier_from" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListIdentifier_until" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListIdentifier_set" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListIdentifier_metadataPrefix" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListIdentifier_resumptionToken" class="medium-3 columns control-label"><?=$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>
@@ -73,15 +73,15 @@
<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">
+ <div class="row">
<label for="ListMetadataFormats_identifier" class="medium-3 columns control-label"><?=$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>
@@ -93,21 +93,21 @@
<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">
+ <div class="row">
<label for="ListSets_metadataPrefix" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListSets_resumptionToken" class="medium-3 columns control-label"><?=$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>
@@ -119,39 +119,39 @@
<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">
+ <div class="row">
<label for="ListRecord_from" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListRecord_until" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListRecord_set" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListRecord_metadataPrefix" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="ListRecord_resumptionToken" class="medium-3 columns control-label"><?=$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>
@@ -163,21 +163,21 @@
<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">
+ <div class="row">
<label for="GetRecord_identifier" class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label for="GetRecord_metadataPrefix" class="medium-3 columns control-label"><?=$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>
@@ -189,14 +189,26 @@
</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 aafc5020c3f75eef18b373369eecb5bf03309fc0..f40e4b1a84494617a25762eac815b83b7fcb9c97 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; ?>
@@ -91,8 +91,8 @@
<? endif ?>
<? if (!empty($searchFilters)): ?>
<h4><?=$this->transEsc("adv_search_filters")?></h4>
- <ul class="list-group">
- <li class="list-group-item">
+ <ul class="side-nav">
+ <li>
<div class="checkbox">
<label>
<?=$this->transEsc("adv_search_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 3de5cca2d506fa062688f16d5234f033db71fc77..4ad4e9d1ade9d4d2ad24ee100240842000fa3632 100644
--- a/themes/foundation5/templates/record/addtag.phtml
+++ b/themes/foundation5/templates/record/addtag.phtml
@@ -9,18 +9,18 @@
. '<li class="active">' . $this->transEsc('Add Tag') . '</li>';
?>
<div class="record">
- <form action="" method="post" name="tagRecord" class="form-horizontal">
+ <form action="" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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="row">
<div class="medium-9 medium-offset-3 columns ">
<input class="button tiny" type="submit" role="button" value="<?=$this->transEsc('Save')?>"/>
</div>
diff --git a/themes/foundation5/templates/record/email.phtml b/themes/foundation5/templates/record/email.phtml
index fab7f9078170c2343b6f256b086cd155650e2a14..e672331d5c741330f7453e062a7afc409b1a318c 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 action="" 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 0e7619ef0ab7a443c9066a8a888cd55186a431a2..bd7ce842e0eba0a018367d7c4cc5e803f31a3345 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 action="" method="post" name="placeHold">
<? if (in_array("comments", $this->extraHoldFields)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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'];
@@ -50,7 +50,7 @@
?>
<label class="medium-3 columns control-label"><?=$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">
+ <div class="row">
<label id="pickUpLocationLabel" class="medium-3 columns control-label"><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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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,7 +115,7 @@
<input type="hidden" name="gatheredDetails[pickUpLocation]" value="<?=$this->escapeHtmlAttr($this->defaultPickup)?>" />
<? endif; ?>
<? endif; ?>
- <div class="form-group">
+ <div class="row">
<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>
diff --git a/themes/foundation5/templates/record/illrequest.phtml b/themes/foundation5/templates/record/illrequest.phtml
index 902c2ef379976fea04f45d4956c89c7d9bb0a731..a9579430099223e99817be9f11d3ae9117b977e9 100644
--- a/themes/foundation5/templates/record/illrequest.phtml
+++ b/themes/foundation5/templates/record/illrequest.phtml
@@ -15,13 +15,13 @@
<?=$this->flashmessages()?>
<div id="ILLRequestForm" class="storage-retrieval-request-form">
- <form action="" name="placeILLRequest" class="form-horizontal" method="post">
+ <form action="" name="placeILLRequest" method="post">
<? if (in_array("itemId", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$this->transEsc('ill_request_item')?>:</label>
<div class="medium-9 columns">
- <select id="itemId" name="gatheredDetails[itemId]" class="form-control">
+ <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'])?>
@@ -33,7 +33,7 @@
<? endif; ?>
<? if (in_array("pickUpLibrary", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<? if (count($this->pickupLibraries) > 1): ?>
<?
if (isset($this->gatheredDetails['pickUpLibrary']) && $this->gatheredDetails['pickUpLibrary'] !== "") {
@@ -44,7 +44,7 @@
?>
<label class="medium-3 columns control-label"><?=$this->transEsc("ill_request_pick_up_library")?>:</label>
<div class="medium-9 columns">
- <select id="pickupLibrary" name="gatheredDetails[pickUpLibrary]" class="form-control">
+ <select id="pickupLibrary" name="gatheredDetails[pickUpLibrary]" class="auto">
<? 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'])?>
@@ -57,10 +57,10 @@
<? endif; ?>
<? if (in_array("pickUpLibraryLocation", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<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="medium-9 columns">
- <select id="pickupLibraryLocation" name="gatheredDetails[pickUpLibraryLocation]" class="form-control">
+ <select id="pickupLibraryLocation" name="gatheredDetails[pickUpLibraryLocation]" class="auto">
</select>
</div>
</div>
@@ -68,7 +68,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'];
@@ -80,7 +80,7 @@
?>
<label class="medium-3 columns control-label"><?=$this->transEsc("pick_up_location")?>:</label>
<div class="medium-9 columns">
- <select name="gatheredDetails[pickUpLocation]" class="form-control">
+ <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'])?>
@@ -95,25 +95,25 @@
<? endif; ?>
<? if (in_array("requiredByDate", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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>
<? endif; ?>
<? if (in_array("comments", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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 medium-offset-3 columns ">
<input class="button tiny" type="submit" name="placeILLRequest" role="button" value="<?=$this->transEsc('ill_request_submit_text')?>"/>
</div>
diff --git a/themes/foundation5/templates/record/save.phtml b/themes/foundation5/templates/record/save.phtml
index 81afe764b02c4d80bdfc9bc2bb10166763778d9a..14474862d8ad5c32f06589a56193744ab0687073 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>
<? 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,27 +41,27 @@
<? 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 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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">
+ <div class="row">
<label class="medium-3 columns control-label" 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="row">
<div class="medium-9 medium-offset-3 columns ">
<input class="button tiny" type="submit" role="button" value="<?=$this->transEsc('Save') ?>"/>
</div>
diff --git a/themes/foundation5/templates/record/sms.phtml b/themes/foundation5/templates/record/sms.phtml
index 2f12948347bdfd7b7d70ac7c43b99c4470566668..bd75e681991d13ddb84a07334baaeb30109a7bc0 100644
--- a/themes/foundation5/templates/record/sms.phtml
+++ b/themes/foundation5/templates/record/sms.phtml
@@ -12,20 +12,20 @@
}
?>
<?=$this->flashmessages()?>
-<form method="post" action="" name="smsRecord" class="form-horizontal">
+<form method="post" action="" 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="form-group">
+ <div class="row">
<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()"/>
+ <input id="sms_to" type="tel"<? if(isset($phone_pattern)): ?> pattern="<?=$phone_pattern ?>"<? endif ?> name="to" placeholder="<?=$this->transEsc('sms_phone_number')?>" class="auto" oninvalid="$('#modal .fa-spinner').remove()"/>
</div>
</div>
<? if (is_array($this->carriers) && count($this->carriers) > 1): ?>
- <div class="form-group">
+ <div class="row">
<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">
+ <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>
@@ -38,7 +38,7 @@
<input type="hidden" name="provider" value="<?=isset($keys[0]) ? $keys[0] : ''?>" />
<? endif; ?>
<?=$this->recaptcha()->html($this->useRecaptcha) ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 medium-offset-3 columns ">
<input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Send Text')?>"/>
</div>
diff --git a/themes/foundation5/templates/record/storageretrievalrequest.phtml b/themes/foundation5/templates/record/storageretrievalrequest.phtml
index bfb22fdff9d7c938f9693a7732652371ba03b47c..d7032ed5978e1fd4cc4474a56007752f59441ad4 100644
--- a/themes/foundation5/templates/record/storageretrievalrequest.phtml
+++ b/themes/foundation5/templates/record/storageretrievalrequest.phtml
@@ -15,9 +15,9 @@
<?=$this->flashmessages()?>
<div class="storage-retrieval-request-form">
- <form name="placeStorageRetrievalRequest" action="" class="form-horizontal" method="post">
+ <form name="placeStorageRetrievalRequest" action="" 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>
@@ -34,29 +34,29 @@
</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>
<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>
<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>
<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">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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 +64,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'];
@@ -76,7 +76,7 @@
?>
<label class="medium-3 columns control-label"><?=$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,15 +96,15 @@
<? endif; ?>
<? if (in_array("comments", $this->extraFields)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$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')?>"/>
</div>
diff --git a/themes/foundation5/templates/record/view.phtml b/themes/foundation5/templates/record/view.phtml
index 301d8eb3c02f7361ad0c3cbfbba90ab42fc13538..f1b2f47c3da598a4c4dd76290d28ca75e459166b 100644
--- a/themes/foundation5/templates/record/view.phtml
+++ b/themes/foundation5/templates/record/view.phtml
@@ -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/eds.phtml b/themes/foundation5/templates/search/advanced/eds.phtml
index 826a42bc008a0b97fa1b307b33f3d1c753ad6097..cfdc63445ac2f7bc968c502a8903a74004c792f9 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/layout.phtml b/themes/foundation5/templates/search/advanced/layout.phtml
index f3d46963f646f966dbdb97a7d74235645b7c5207..8acd1ddd66e44d8a19b44770e874efbf83fb096b 100644
--- a/themes/foundation5/templates/search/advanced/layout.phtml
+++ b/themes/foundation5/templates/search/advanced/layout.phtml
@@ -10,22 +10,22 @@ $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:
@@ -33,71 +33,79 @@ if (isset($this->saved) && is_object($this->saved)) {
$this->headScript()->appendScript($this->render('search/advanced/globals.phtml'));
// Step 2: Call the javascript to make use of the above
$this->headScript()->appendFile(
- isset($this->advancedSearchJsOverride) ? $this->advancedSearchJsOverride : 'advanced_search.js'
+ isset($this->advancedSearchJsOverride) ? $this->advancedSearchJsOverride : 'advanced_search.js'
);
// Step 3: 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',
+ array('searchDetails' => $searchDetails)
+ )
);
?>
<?= $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">
+ <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>
+ <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="<?= $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="<?= $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>
+ <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><?= $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 deb393bf8f0cced23970e716e849f7840d18b97d..412a45e27fc4ec3dc9b7c872bee6d24598ddc9fe 100644
--- a/themes/foundation5/templates/search/advanced/limit.phtml
+++ b/themes/foundation5/templates/search/advanced/limit.phtml
@@ -10,7 +10,7 @@
<? if (count($limitList) > 1): ?>
<fieldset class="medium-4 columns">
<legend><?=$this->transEsc('Results per page')?></legend>
- <select id="limit" name="limit" class="form-control">
+ <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; ?>
diff --git a/themes/foundation5/templates/search/advanced/ranges.phtml b/themes/foundation5/templates/search/advanced/ranges.phtml
index 28cb25d088bb9d9448008c577412887ccfdbeec4..649f4d2ed6517960227a99117ef78425e33f2b59 100644
--- a/themes/foundation5/templates/search/advanced/ranges.phtml
+++ b/themes/foundation5/templates/search/advanced/ranges.phtml
@@ -9,11 +9,11 @@
<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?>/>
+ <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]):''?>" class="form-control" <?=$extraInputAttribs?>/>
+ <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'): ?>
diff --git a/themes/foundation5/templates/search/advanced/solr.phtml b/themes/foundation5/templates/search/advanced/solr.phtml
index 8beba168891a1ebe005c93daf03752a6ae0e564a..c5312ef00060f7c8a92f1ad42a07b0a1faa4f160 100644
--- a/themes/foundation5/templates/search/advanced/solr.phtml
+++ b/themes/foundation5/templates/search/advanced/solr.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">
<? 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']); ?>
diff --git a/themes/foundation5/templates/search/advanced/summon.phtml b/themes/foundation5/templates/search/advanced/summon.phtml
index b3843db4bc789b3d00194cb0c6ef5f88b9b74b35..11e446d938cc19f91ef7dc0d4de1346c691cc639 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/controls/limit.phtml b/themes/foundation5/templates/search/controls/limit.phtml
index 10d5da1485832c22cc0b6a345aeb0835627e7f44..9aa1b96ce9a6e369587c4571d83b8a0a869abf91 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 f4a9e05985f2295fa8f524944ff234a571f29f1e..7a9c6fda87e1efebe9b0efa686bbb66913cfe879 100644
--- a/themes/foundation5/templates/search/controls/sort.phtml
+++ b/themes/foundation5/templates/search/controls/sort.phtml
@@ -1,13 +1,19 @@
<!-- 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>
+ <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 tiny" role="button" value="<?=$this->transEsc("Set")?>" /></noscript>
</form>
<? endif; ?>
diff --git a/themes/foundation5/templates/search/email.phtml b/themes/foundation5/templates/search/email.phtml
index 172b40b1f73e4e7c42de2aa39dd50ad538573312..afb6dd44fb3a3ed66fbd3dc731adf784d56235ff 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 action="" 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/newitem.phtml b/themes/foundation5/templates/search/newitem.phtml
index 046e568c28ff503c94cec88a9c0eae4ac48a8554..dc754b4fb1b79532544588cc13de957a37de3b0a 100644
--- a/themes/foundation5/templates/search/newitem.phtml
+++ b/themes/foundation5/templates/search/newitem.phtml
@@ -8,8 +8,8 @@
?>
<div class="row">
<h2><?=$this->transEsc('Find New Items')?></h2>
- <form method="get" action="" class="form-horizontal">
- <div class="form-group">
+ <form method="get" action="">
+ <div class="row">
<label class="medium-3 columns control-label"><?=$this->transEsc('Range')?>:</label>
<div class="medium-9 columns">
<div class="button-group">
@@ -23,10 +23,10 @@
</div>
</div>
<? if (is_array($this->fundList) && !empty($this->fundList)): ?>
- <div class="form-group">
+ <div class="row">
<label class="medium-3 columns control-label" 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,7 +34,7 @@
</div>
</div>
<? endif; ?>
- <div class="form-group">
+ <div class="row">
<div class="medium-9 medium-offset-3 columns ">
<input class="button tiny" type="submit" name="submit" role="button" value="<?=$this->transEsc('Find')?>"/>
</div>
diff --git a/themes/foundation5/templates/search/reserves.phtml b/themes/foundation5/templates/search/reserves.phtml
index dad7ad8154a8415841d9a1fc8041ab5331965d49..d7ef073a6e7c295cafc15cee2d8cd455a723a716 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" action="" name="searchForm">
<? if (is_array($this->courseList)): ?>
- <div class="form-group">
+ <div class="row">
<label for="reserves_by_course" class="medium-2 columns control-label"><?=$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>
@@ -26,10 +26,10 @@
<? endif; ?>
<? if (is_array($this->instList)): ?>
- <div class="form-group">
+ <div class="row">
<label for="reserves_by_inst" class="medium-2 columns control-label"><?=$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>
@@ -43,10 +43,10 @@
<? endif; ?>
<? if (is_array($this->deptList)): ?>
- <div class="form-group">
+ <div class="row">
<label for="reserves_by_dept" class="medium-2 columns control-label"><?=$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>
diff --git a/themes/foundation5/templates/search/reservessearch.phtml b/themes/foundation5/templates/search/reservessearch.phtml
index e585244b7923b5bdf5a56d1db1725a2c4441136c..750f4f94bf64789bbbad783cf3b7b888374b3147 100644
--- a/themes/foundation5/templates/search/reservessearch.phtml
+++ b/themes/foundation5/templates/search/reservessearch.phtml
@@ -13,7 +13,7 @@
<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" action="" 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")?>"/>
diff --git a/themes/foundation5/templates/search/results.phtml b/themes/foundation5/templates/search/results.phtml
index fd6f03512e329e84f75a614c9d36d2278a8204bb..5f9db22a9a12bae93598471f43fb3cda4261341d 100644
--- a/themes/foundation5/templates/search/results.phtml
+++ b/themes/foundation5/templates/search/results.phtml
@@ -100,7 +100,7 @@
<? endif; ?>
<? endforeach; ?>
<? else: ?>
- <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', array('idPrefix' => ''))?>
<?=$this->render('search/list-' . $this->params->getView() . '.phtml')?>
<?=$this->context($this)->renderInContext('search/bulk-action-buttons.phtml', array('idPrefix' => 'bottom_'))?>
diff --git a/themes/foundation5/templates/search/searchTabs.phtml b/themes/foundation5/templates/search/searchTabs.phtml
index e0f5c3f968209bea613fd776227fa94083d654e8..1c72af9e1a77d12035aa4f59db76829cef17bd19 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 0000000000000000000000000000000000000000..9ce9398ec7d5216d17d0b272aec4154db5aedb46
--- /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="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">
+ <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">
+ <? $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 fee7ac49ee1863db93de5549471a34a72299e2ac..d8e829f6cc74f6e2716cb89b9f60a5a52b16d8e3 100644
--- a/themes/foundation5/templates/search/searchbox.phtml
+++ b/themes/foundation5/templates/search/searchbox.phtml
@@ -33,28 +33,31 @@ $lastLimit = $options->getLastLimit();
<? 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">
+ <form role="search" 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 class="row collapse">
+ <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"><?= $this->transEsc("Advanced") ?></a>
+ </div>
+ <? endif; ?>
</div>
<? endif; ?>
<div id="shard-selector">
@@ -84,7 +87,7 @@ $lastLimit = $options->getLastLimit();
<?= $this->transEsc("basic_search_keep_filters") ?>
</label>
</div>
- <div class="hidden">
+ <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>
@@ -111,5 +114,4 @@ $lastLimit = $options->getLastLimit();
?>
</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 9541a340eb4a159c75916f75986ebb43cdf9c8af..f9f1a2038bf59f44ca5b3ee77dc0ff6f0f1a2bf6 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')?>">
+<form 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>
<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')?>">
+<form 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>
diff --git a/themes/foundation5/templates/vudl/about.phtml b/themes/foundation5/templates/vudl/about.phtml
index 759149f59dee411ff8660c61b28c3083fa9c0a2d..a7023bd6800325f8fbd4e4e0a087e4c71f50a217 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 60d74ae7c1651caf0ba693a388f527c83e054cb8..5f440652d39c756722920c8ac3bbcf62412f1cad 100644
--- a/themes/foundation5/templates/vudl/grid.phtml
+++ b/themes/foundation5/templates/vudl/grid.phtml
@@ -78,7 +78,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/navigation.phtml b/themes/foundation5/templates/vudl/navigation.phtml
index b69084edb10752893a74795d0b708a017ee24858..34a4577755dbba10f1cc81a9130a6ed0aa6d33db 100644
--- a/themes/foundation5/templates/vudl/navigation.phtml
+++ b/themes/foundation5/templates/vudl/navigation.phtml
@@ -48,9 +48,9 @@
<? 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="javascript:prevPage()" role="button" class="turn-button button secondary tiny<? 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 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>
+ <li><a href="javascript:nextPage()" role="button" class="button secondary tiny<? if($this->outline['counts'][$this->initList] <= 1): ?> hide<? endif; ?>">Next Page</a></li>
</ul>
</li>
<? if(count($uniqueParents) > 1): ?>
diff --git a/themes/foundation5/templates/vudl/views/audio.phtml b/themes/foundation5/templates/vudl/views/audio.phtml
index cdf963df0adedf4b6df4ae0867e34f2a8ccf8d82..7457eca9d481a5fea87593547d04b71b9d34f04e 100644
--- a/themes/foundation5/templates/vudl/views/audio.phtml
+++ b/themes/foundation5/templates/vudl/views/audio.phtml
@@ -10,12 +10,12 @@
+ '<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');
+ $('#view .tabs dd.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 b50de10b254bd82186604fea10e9a115a78c8f83..7e896ea860867c0850d3bb3e8cc38f2d549b117f 100644
--- a/themes/foundation5/templates/vudl/views/download.phtml
+++ b/themes/foundation5/templates/vudl/views/download.phtml
@@ -5,7 +5,7 @@
$('#file-download').attr("action", data['master']);
};
$(document).ready(function() {
- $('#view .tabs dd.opener a').addClass('hidden');
+ $('#view .tabs dd.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 3b146d17f9efea34238133f27069cfbc53a0b90d..c93c4913d1b79b9aacb758ec7b7a539576017db8 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,7 +56,7 @@
$('#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);
diff --git a/themes/foundation5/templates/vudl/views/video.phtml b/themes/foundation5/templates/vudl/views/video.phtml
index 4362a9c7bd7316db4040f30c138c477ca6d4cbe0..675fc9c18e1d36d6d640d3e89e7a6f205e552148 100644
--- a/themes/foundation5/templates/vudl/views/video.phtml
+++ b/themes/foundation5/templates/vudl/views/video.phtml
@@ -10,12 +10,12 @@
+ '<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');
+ $('#view .tabs dd.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 a7ae685f38ca69527ce9e224c37cc691993f70fc..1125c10580db97027329575396c7800cbdf9d00d 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',
+ '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',
+ //'vendor/bootstrap-modal.js', // remove this and the actual file - Fixme - CK
+ '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(