Commit 0da1865
Changed files (16)
app
assets
javascripts
helpers
views
layouts
sessions
vendor
assets
javascripts
stylesheets
app/assets/javascripts/models/startup.js.coffee
@@ -6,4 +6,3 @@ class Stronglifters.Startup
$(".loading-indicator").show()
$(document).on 'turbolinks:request-end', ->
$(".loading-indicator").hide()
- $(document).foundation()
app/assets/javascripts/views/home_gym.js.coffee
@@ -1,72 +0,0 @@
-Stronglifters.HomeGym = Ractive.extend
- template: RactiveTemplates["templates/home_gym"]
- data: ->
- city: ''
- gyms: []
- search:
- button:
- disabled: true
- searching: false
-
- oninit: ->
- @on 'search', (event) -> @search(event)
- @on 'choose', (event) -> @choose(event.context)
- @observe 'gym', -> @changed()
- @observe 'city', -> @changed()
-
- search: (event) ->
- event.original.preventDefault()
- @disableSearchButton()
- @clearResults()
- @set(searching: true)
- $.getJSON @buildSearchUrl(), (data) =>
- @set(searching: false)
- @displayResults(data)
-
- choose: (gym) ->
- $.ajax
- url: '/gyms',
- dataType: 'json',
- type: 'post',
- contentType: 'application/json',
- data: JSON.stringify({ yelp_id: gym.yelp_id }),
- success: (gym, statux, xhr) =>
- $('#home-gym-name').html(gym.name)
- $('#profile_gym_id').val(gym.id)
- @closeModal()
- error: (xhr, status, error) ->
- console.log(error)
-
- displayResults: (data) ->
- @set(gyms: data.gyms)
-
- buildSearchUrl: ->
- params = [
- "q=#{@get('gym')}",
- "categories[]=gyms",
- "categories[]=stadiumsarenas",
- "city=#{@get('city')}",
- "source=yelp",
- ]
- "/gyms?#{params.join("&")}"
-
- closeModal: ->
- $('#homeGymModal').foundation('close')
-
- enableSearchButton: ->
- @set('search.button.disabled': false)
-
- disableSearchButton: ->
- @set('search.button.disabled': true)
-
- changed: ->
- if @valid()
- @enableSearchButton()
- else
- @disableSearchButton()
-
- valid: ->
- @get('gym').trim().length >= 2 && @get('city').trim().length >= 2
-
- clearResults: ->
- @set(gyms: [])
app/assets/javascripts/application.js
@@ -15,8 +15,6 @@
//= require moment
//= require jquery
//= require jquery_ujs
-//= require foundation
-//= require modernizr
//= require ractive
//= require backbone
//= require ractive-backbone
app/assets/stylesheets/_settings.scss
@@ -1,569 +0,0 @@
-// Foundation for Sites Settings
-// -----------------------------
-//
-// Table of Contents:
-//
-// 1. Global
-// 2. Breakpoints
-// 3. The Grid
-// 4. Base Typography
-// 5. Typography Helpers
-// 6. Abide
-// 7. Accordion
-// 8. Accordion Menu
-// 9. Badge
-// 10. Breadcrumbs
-// 11. Button
-// 12. Button Group
-// 13. Callout
-// 14. Close Button
-// 15. Drilldown
-// 16. Dropdown
-// 17. Dropdown Menu
-// 18. Flex Video
-// 19. Forms
-// 20. Label
-// 21. Media Object
-// 22. Menu
-// 23. Meter
-// 24. Off-canvas
-// 25. Orbit
-// 26. Pagination
-// 27. Progress Bar
-// 28. Reveal
-// 29. Slider
-// 30. Switch
-// 31. Table
-// 32. Tabs
-// 33. Thumbnail
-// 34. Title Bar
-// 35. Tooltip
-// 36. Top Bar
-
-@import 'util/util';
-
-// 1. Global
-// ---------
-
-$global-font-size: 100%;
-$global-width: rem-calc(1200);
-$global-lineheight: 1.5;
-$foundation-palette: (
- primary: #2199e8,
- secondary: #777,
- success: #3adb76,
- warning: #ffae00,
- alert: #ec5840,
-);
-$light-gray: #e6e6e6;
-$medium-gray: #cacaca;
-$dark-gray: #8a8a8a;
-$nav-medium-gray: #353d45;
-$nav-dark-gray: #2c313b;
-$black: #0a0a0a;
-$white: #fefefe;
-$body-background: $white;
-$body-font-color: $black;
-$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
-$body-antialiased: true;
-$global-margin: 1rem;
-$global-padding: 1rem;
-$global-weight-normal: normal;
-$global-weight-bold: bold;
-$global-radius: 0;
-$global-text-direction: ltr;
-$global-flexbox: true;
-$print-transparent-backgrounds: true;
-
-@include add-foundation-colors;
-
-// 2. Breakpoints
-// --------------
-
-$breakpoints: (
- small: 0,
- medium: 640px,
- large: 1024px,
- xlarge: 1200px,
- xxlarge: 1440px,
-);
-$breakpoint-classes: (small medium large);
-
-// 3. The Grid
-// -----------
-
-$grid-row-width: $global-width;
-$grid-column-count: 12;
-$grid-column-gutter: (
- small: 20px,
- medium: 30px,
-);
-$grid-column-align-edge: true;
-$block-grid-max: 8;
-
-// 4. Base Typography
-// ------------------
-
-$header-font-family: $body-font-family;
-$header-font-weight: $global-weight-normal;
-$header-font-style: normal;
-$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-$header-sizes: (
- small: (
- 'h1': 24,
- 'h2': 20,
- 'h3': 19,
- 'h4': 18,
- 'h5': 17,
- 'h6': 16,
- ),
- medium: (
- 'h1': 48,
- 'h2': 40,
- 'h3': 31,
- 'h4': 25,
- 'h5': 20,
- 'h6': 16,
- ),
-);
-$header-color: inherit;
-$header-lineheight: 1.4;
-$header-margin-bottom: 0.5rem;
-$header-text-rendering: optimizeLegibility;
-$small-font-size: 80%;
-$header-small-font-color: $medium-gray;
-$paragraph-lineheight: 1.6;
-$paragraph-margin-bottom: 1rem;
-$paragraph-text-rendering: optimizeLegibility;
-$code-color: $black;
-$code-font-family: $font-family-monospace;
-$code-font-weight: $global-weight-normal;
-$code-background: $light-gray;
-$code-border: 1px solid $medium-gray;
-$code-padding: rem-calc(2 5 1);
-$anchor-color: $primary-color;
-$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
-$anchor-text-decoration: none;
-$anchor-text-decoration-hover: none;
-$hr-width: $global-width;
-$hr-border: 1px solid $medium-gray;
-$hr-margin: rem-calc(20) auto;
-$list-lineheight: $paragraph-lineheight;
-$list-margin-bottom: $paragraph-margin-bottom;
-$list-style-type: disc;
-$list-style-position: outside;
-$list-side-margin: 1.25rem;
-$list-nested-side-margin: 1.25rem;
-$defnlist-margin-bottom: 1rem;
-$defnlist-term-weight: $global-weight-bold;
-$defnlist-term-margin-bottom: 0.3rem;
-$blockquote-color: $dark-gray;
-$blockquote-padding: rem-calc(9 20 0 19);
-$blockquote-border: 1px solid $medium-gray;
-$cite-font-size: rem-calc(13);
-$cite-color: $dark-gray;
-$keystroke-font: $font-family-monospace;
-$keystroke-color: $black;
-$keystroke-background: $light-gray;
-$keystroke-padding: rem-calc(2 4 0);
-$keystroke-radius: $global-radius;
-$abbr-underline: 1px dotted $black;
-
-// 5. Typography Helpers
-// ---------------------
-
-$lead-font-size: $global-font-size * 1.25;
-$lead-lineheight: 1.6;
-$subheader-lineheight: 1.4;
-$subheader-color: $dark-gray;
-$subheader-font-weight: $global-weight-normal;
-$subheader-margin-top: 0.2rem;
-$subheader-margin-bottom: 0.5rem;
-$stat-font-size: 2.5rem;
-
-// 6. Abide
-// --------
-
-$abide-inputs: true;
-$abide-labels: true;
-$input-background-invalid: map-get($foundation-palette, alert);
-$form-label-color-invalid: map-get($foundation-palette, alert);
-$input-error-color: map-get($foundation-palette, alert);
-$input-error-font-size: rem-calc(12);
-$input-error-font-weight: $global-weight-bold;
-
-// 7. Accordion
-// ------------
-
-$accordion-background: $white;
-$accordion-plusminus: true;
-$accordion-item-color: foreground($accordion-background, $primary-color);
-$accordion-item-background-hover: $light-gray;
-$accordion-item-padding: 1.25rem 1rem;
-$accordion-content-background: $white;
-$accordion-content-border: 1px solid $light-gray;
-$accordion-content-color: foreground($accordion-content-background, $body-font-color);
-$accordion-content-padding: 1rem;
-
-// 8. Accordion Menu
-// -----------------
-
-$accordionmenu-arrows: true;
-$accordionmenu-arrow-color: $primary-color;
-
-// 9. Badge
-// --------
-
-$badge-background: $primary-color;
-$badge-color: foreground($badge-background);
-$badge-padding: 0.3em;
-$badge-minwidth: 2.1em;
-$badge-font-size: 0.6rem;
-
-// 10. Breadcrumbs
-// ---------------
-
-$breadcrumbs-margin: 0 0 $global-margin 0;
-$breadcrumbs-item-font-size: rem-calc(11);
-$breadcrumbs-item-color: $primary-color;
-$breadcrumbs-item-color-current: $black;
-$breadcrumbs-item-color-disabled: $medium-gray;
-$breadcrumbs-item-margin: 0.75rem;
-$breadcrumbs-item-uppercase: true;
-$breadcrumbs-item-slash: true;
-
-// 11. Button
-// ----------
-
-$button-padding: 0.85em 1em;
-$button-margin: 0 0 $global-margin 0;
-$button-fill: solid;
-$button-background: $primary-color;
-$button-background-hover: scale-color($button-background, $lightness: -15%);
-$button-color: $white;
-$button-color-alt: $black;
-$button-radius: $global-radius;
-$button-sizes: (
- tiny: 0.6rem,
- small: 0.75rem,
- default: 0.9rem,
- large: 1.25rem,
-);
-$button-opacity-disabled: 0.25;
-
-// 12. Button Group
-// ----------------
-
-$buttongroup-margin: 1rem;
-$buttongroup-spacing: 1px;
-$buttongroup-child-selector: '.button';
-$buttongroup-expand-max: 6;
-
-// 13. Callout
-// -----------
-
-$callout-background: $white;
-$callout-background-fade: 85%;
-$callout-border: 1px solid rgba($black, 0.25);
-$callout-margin: 0 0 1rem 0;
-$callout-padding: 1rem;
-$callout-font-color: $body-font-color;
-$callout-font-color-alt: $body-background;
-$callout-radius: $global-radius;
-$callout-link-tint: 30%;
-
-// 14. Close Button
-// ----------------
-
-$closebutton-position: right top;
-$closebutton-offset-horizontal: 1rem;
-$closebutton-offset-vertical: 0.5rem;
-$closebutton-size: 2em;
-$closebutton-lineheight: 1;
-$closebutton-color: $dark-gray;
-$closebutton-color-hover: $black;
-
-// 15. Drilldown
-// -------------
-
-$drilldown-transition: transform 0.15s linear;
-$drilldown-arrows: true;
-$drilldown-arrow-color: $primary-color;
-$drilldown-background: $white;
-
-// 16. Dropdown
-// ------------
-
-$dropdown-padding: 1rem;
-$dropdown-border: 1px solid $medium-gray;
-$dropdown-font-size: 1rem;
-$dropdown-width: 300px;
-$dropdown-radius: $global-radius;
-$dropdown-sizes: (
- tiny: 100px,
- small: 200px,
- large: 400px,
-);
-
-// 17. Dropdown Menu
-// -----------------
-
-$dropdownmenu-arrows: true;
-$dropdownmenu-arrow-color: $anchor-color;
-$dropdownmenu-min-width: 200px;
-$dropdownmenu-background: $white;
-$dropdownmenu-border: 1px solid $medium-gray;
-
-// 18. Flex Video
-// --------------
-
-$flexvideo-margin-bottom: rem-calc(16);
-$flexvideo-ratio: 4 by 3;
-$flexvideo-ratio-widescreen: 16 by 9;
-
-// 19. Forms
-// ---------
-
-$fieldset-border: 1px solid $medium-gray;
-$fieldset-padding: rem-calc(20);
-$fieldset-margin: rem-calc(18 0);
-$legend-padding: rem-calc(0 3);
-$form-spacing: rem-calc(16);
-$helptext-color: $black;
-$helptext-font-size: rem-calc(13);
-$helptext-font-style: italic;
-$input-prefix-color: $black;
-$input-prefix-background: $light-gray;
-$input-prefix-border: 1px solid $medium-gray;
-$input-prefix-padding: 1rem;
-$form-label-color: $black;
-$form-label-font-size: rem-calc(14);
-$form-label-font-weight: $global-weight-normal;
-$form-label-line-height: 1.8;
-$select-background: $white;
-$select-triangle-color: $dark-gray;
-$select-radius: $global-radius;
-$input-color: $black;
-$input-placeholder-color: $medium-gray;
-$input-font-family: inherit;
-$input-font-size: rem-calc(16);
-$input-background: $white;
-$input-background-focus: $white;
-$input-background-disabled: $light-gray;
-$input-border: 1px solid $medium-gray;
-$input-border-focus: 1px solid $dark-gray;
-$input-shadow: inset 0 1px 2px rgba($black, 0.1);
-$input-shadow-focus: 0 0 5px $medium-gray;
-$input-cursor-disabled: not-allowed;
-$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-$input-number-spinners: true;
-$input-radius: $global-radius;
-
-// 20. Label
-// ---------
-
-$label-background: $primary-color;
-$label-color: foreground($label-background);
-$label-font-size: 0.8rem;
-$label-padding: 0.33333rem 0.5rem;
-$label-radius: $global-radius;
-
-// 21. Media Object
-// ----------------
-
-$mediaobject-margin-bottom: $global-margin;
-$mediaobject-section-padding: $global-padding;
-$mediaobject-image-width-stacked: 100%;
-
-// 22. Menu
-// --------
-
-$menu-margin: 0;
-$menu-margin-nested: 1rem;
-$menu-item-padding: 0.7rem 1rem;
-$menu-item-color-active: $white;
-$menu-item-background-active: map-get($foundation-palette, primary);
-$menu-icon-spacing: 0.25rem;
-
-// 23. Meter
-// ---------
-
-$meter-height: 1rem;
-$meter-radius: $global-radius;
-$meter-background: $medium-gray;
-$meter-fill-good: $success-color;
-$meter-fill-medium: $warning-color;
-$meter-fill-bad: $alert-color;
-
-// 24. Off-canvas
-// --------------
-
-$offcanvas-size: 250px;
-$offcanvas-background: $light-gray;
-$offcanvas-zindex: -1;
-$offcanvas-transition-length: 0.5s;
-$offcanvas-transition-timing: ease;
-$offcanvas-fixed-reveal: true;
-$offcanvas-exit-background: rgba($white, 0.25);
-$maincontent-class: 'off-canvas-content';
-$maincontent-shadow: 0 0 10px rgba($black, 0.5);
-
-// 25. Orbit
-// ---------
-
-$orbit-bullet-background: $medium-gray;
-$orbit-bullet-background-active: $dark-gray;
-$orbit-bullet-diameter: 1.2rem;
-$orbit-bullet-margin: 0.1rem;
-$orbit-bullet-margin-top: 0.8rem;
-$orbit-bullet-margin-bottom: 0.8rem;
-$orbit-caption-background: rgba($black, 0.5);
-$orbit-caption-padding: 1rem;
-$orbit-control-background-hover: rgba($black, 0.5);
-$orbit-control-padding: 1rem;
-$orbit-control-zindex: 10;
-
-// 26. Pagination
-// --------------
-
-$pagination-font-size: rem-calc(14);
-$pagination-margin-bottom: $global-margin;
-$pagination-item-color: $black;
-$pagination-item-padding: rem-calc(3 10);
-$pagination-item-spacing: rem-calc(1);
-$pagination-radius: $global-radius;
-$pagination-item-background-hover: $light-gray;
-$pagination-item-background-current: $primary-color;
-$pagination-item-color-current: foreground($pagination-item-background-current);
-$pagination-item-color-disabled: $medium-gray;
-$pagination-ellipsis-color: $black;
-$pagination-mobile-items: false;
-$pagination-arrows: true;
-
-// 27. Progress Bar
-// ----------------
-
-$progress-height: 1rem;
-$progress-background: $medium-gray;
-$progress-margin-bottom: $global-margin;
-$progress-meter-background: $primary-color;
-$progress-radius: $global-radius;
-
-// 28. Reveal
-// ----------
-
-$reveal-background: $white;
-$reveal-width: 600px;
-$reveal-max-width: $global-width;
-$reveal-padding: $global-padding;
-$reveal-border: 1px solid $medium-gray;
-$reveal-radius: $global-radius;
-$reveal-zindex: 1005;
-$reveal-overlay-background: rgba($black, 0.45);
-
-// 29. Slider
-// ----------
-
-$slider-width-vertical: 0.5rem;
-$slider-transition: all 0.2s ease-in-out;
-$slider-height: 0.5rem;
-$slider-background: $light-gray;
-$slider-fill-background: $medium-gray;
-$slider-handle-height: 1.4rem;
-$slider-handle-width: 1.4rem;
-$slider-handle-background: $primary-color;
-$slider-opacity-disabled: 0.25;
-$slider-radius: $global-radius;
-
-// 30. Switch
-// ----------
-
-$switch-background: $medium-gray;
-$switch-background-active: $primary-color;
-$switch-height: 2rem;
-$switch-height-tiny: 1.5rem;
-$switch-height-small: 1.75rem;
-$switch-height-large: 2.5rem;
-$switch-radius: $global-radius;
-$switch-margin: $global-margin;
-$switch-paddle-background: $white;
-$switch-paddle-offset: 0.25rem;
-$switch-paddle-radius: $global-radius;
-$switch-paddle-transition: all 0.25s ease-out;
-
-// 31. Table
-// ---------
-
-$table-background: $white;
-$table-color-scale: 5%;
-$table-border: 1px solid smart-scale($table-background, $table-color-scale);
-$table-padding: rem-calc(8 10 10);
-$table-hover-scale: 2%;
-$table-row-hover: darken($table-background, $table-hover-scale);
-$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
-$table-striped-background: smart-scale($table-background, $table-color-scale);
-$table-stripe: even;
-$table-head-background: smart-scale($table-background, $table-color-scale / 2);
-$table-foot-background: smart-scale($table-background, $table-color-scale);
-$table-head-font-color: $body-font-color;
-$show-header-for-stacked: false;
-
-// 32. Tabs
-// --------
-
-$tab-margin: 0;
-$tab-background: $white;
-$tab-background-active: $light-gray;
-$tab-item-font-size: rem-calc(12);
-$tab-item-background-hover: $white;
-$tab-item-padding: 1.25rem 1.5rem;
-$tab-expand-max: 6;
-$tab-content-background: $white;
-$tab-content-border: $light-gray;
-$tab-content-color: foreground($tab-background, $primary-color);
-$tab-content-padding: 1rem;
-
-// 33. Thumbnail
-// -------------
-
-$thumbnail-border: solid 4px $white;
-$thumbnail-margin-bottom: $global-margin;
-$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
-$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
-$thumbnail-transition: box-shadow 200ms ease-out;
-$thumbnail-radius: $global-radius;
-
-// 34. Title Bar
-// -------------
-
-$titlebar-background: $black;
-$titlebar-color: $white;
-$titlebar-padding: 0.5rem;
-$titlebar-text-font-weight: bold;
-$titlebar-icon-color: $white;
-$titlebar-icon-color-hover: $medium-gray;
-$titlebar-icon-spacing: 0.25rem;
-
-// 35. Tooltip
-// -----------
-
-$has-tip-font-weight: $global-weight-bold;
-$has-tip-border-bottom: dotted 1px $dark-gray;
-$tooltip-background-color: $black;
-$tooltip-color: $white;
-$tooltip-padding: 0.75rem;
-$tooltip-font-size: $small-font-size;
-$tooltip-pip-width: 0.75rem;
-$tooltip-pip-height: $tooltip-pip-width * 0.866;
-$tooltip-radius: $global-radius;
-
-// 36. Top Bar
-// -----------
-
-$topbar-padding: 0.5rem;
-$topbar-background: $black;
-$topbar-submenu-background: $topbar-background;
-$topbar-title-spacing: 1rem;
-$topbar-input-width: 200px;
-$topbar-unstack-breakpoint: medium;
-
app/assets/stylesheets/application.scss
@@ -11,10 +11,25 @@
* file per style scope.
*
*= require font-awesome
+ *= require bulma
*= require_self
-//= require foundation_and_overrides
-
*/
-@import "**/*";
-@include foundation-everything(true);
+//@import "**/*";
+header {
+ padding: 0.5em 0;
+ h1 {
+ background: asset-url('logos.svg');
+ height: 150px;
+ background-position: 0 -676px;
+ background-repeat: no-repeat;
+ margin: 5px auto 0 auto;
+ width: 150px;
+ span {
+ display: block;
+ overflow: hidden;
+ text-indent: 100%;
+ white-space: nowrap;
+ }
+ }
+}
app/assets/stylesheets/foundation_and_overrides.scss
@@ -1,52 +0,0 @@
-@charset 'utf-8';
-
-@import 'settings';
-@import 'foundation';
-
-// If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
-//
-// @import 'motion-ui/motion-ui';
-
-// We include everything by default. To slim your CSS, remove components you don't use.
-
-@include foundation-global-styles;
-@include foundation-grid;
-@include foundation-typography;
-@include foundation-button;
-@include foundation-forms;
-@include foundation-visibility-classes;
-@include foundation-float-classes;
-@include foundation-accordion;
-@include foundation-accordion-menu;
-@include foundation-badge;
-@include foundation-breadcrumbs;
-@include foundation-button-group;
-@include foundation-callout;
-@include foundation-close-button;
-@include foundation-drilldown-menu;
-@include foundation-dropdown;
-@include foundation-dropdown-menu;
-@include foundation-flex-video;
-@include foundation-label;
-@include foundation-media-object;
-@include foundation-menu;
-@include foundation-menu-icon;
-@include foundation-off-canvas;
-@include foundation-orbit;
-@include foundation-pagination;
-@include foundation-progress-bar;
-@include foundation-slider;
-@include foundation-sticky;
-@include foundation-reveal;
-@include foundation-switch;
-@include foundation-table;
-@include foundation-tabs;
-@include foundation-thumbnail;
-@include foundation-title-bar;
-@include foundation-tooltip;
-@include foundation-top-bar;
-
-// If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
-//
-// @include motion-ui-transitions;
-// @include motion-ui-animations;
app/assets/stylesheets/global.scss
@@ -1,111 +0,0 @@
-/* ---------------------------------------------- */
-/* Branding ------------------------------------- */
-/* ---------------------------------------------- */
-header {
- padding: 0.5em 0;
- h1 {
- background: asset-url('logos.svg');
- height: 150px;
- background-position: 0 -676px;
- background-repeat: no-repeat;
- margin: 5px auto 0 auto;
- width: 150px;
- span {
- display: block;
- overflow: hidden;
- text-indent: 100%;
- white-space: nowrap;
- }
- }
-}
-@media only screen and (min-width: 40.063em) {
- header h1 {
- background-position: 0 -338px;
- height: 135px;
- margin: 25px auto 0 auto;
- width: 336px;
- }
-}
-@media only screen and (min-width: 64.063em) {
- header h1 {
- background-position: 0 0;
- height: 250px;
- margin: 15px auto 0 auto;
- }
-}
-/* ---------------------------------------------- */
-/* Buttons -------------------------------------- */
-/* ---------------------------------------------- */
-.button.secondary.bare {
- &:link,
- &:hover,
- &:active,
- &:visited,
- &:focus {
- background-color: transparent;
- border-color: transparent;
- color: $black;
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- }
-
- &:hover { text-decoration: underline; }
-}
-/* ---------------------------------------------- */
-/* Avatars -------------------------------------- */
-/* ---------------------------------------------- */
-a[class^="gender_"] {
- background: #ffff00;
-}
-a[class^="social_"] {
- background: #ffff00;
-}
-/* ---------------------------------------------- */
-/* Callouts ------------------------------------- */
-/* ---------------------------------------------- */
-.alert.callout ul {
- margin: 0;
- li {
- list-style-type: none;
- text-align: center;
- }
-}
-/* ---------------------------------------------- */
-/* Top Bar -------------------------------------- */
-/* ---------------------------------------------- */
-.top-bar-left .menu-text {
- color: $white;
-}
-.title-bar-title {
- a {
- color: $white;
- }
-}
-input[type=search] {
- background: #222;
- border-color: $dark-gray;
- color: $medium-gray;
- width: 85px;
- -webkit-border-radius: 2em;
- -moz-border-radius: 2em;
- border-radius: 2em;
- -webkit-transition: all .5s;
- -moz-transition: all .5s;
- transition: all .5s;
-}
-input[type=search]:focus {
- background-color: $white;
- color: $black;
- width: 150px;
- -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
- -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
- box-shadow: 0 0 5px rgba(109,207,246,.5);
-}
-/* ---------------------------------------------- */
-/* Footer --------------------------------------- */
-/* ---------------------------------------------- */
-footer {
- border-top: 1px solid $medium-gray;
- padding: 1rem;
- text-align: center;
-}
app/assets/stylesheets/profiles.scss
app/helpers/application_helper.rb
@@ -31,13 +31,13 @@ module ApplicationHelper
def class_for_flash(type)
case type.to_sym
when :notice
- "primary"
+ "is-info"
when :error
- "alert"
+ "is-danger"
when :warning
- "warning"
+ "is-warning"
when :success
- "success"
+ "is-success"
end
end
end
app/views/layouts/_flash.html.erb
@@ -1,17 +1,14 @@
<% if flash.any? %>
- <div class="row align-center">
+ <% flash.each do |type, messages| %>
<div class="columns">
- <% flash.each do |type, messages| %>
- <div class="callout <%= class_for_flash(type) %>" data-closable>
- <h5><%= t(".#{type}") %></h5>
+ <div class="column is-8 is-offset-2">
+ <div class="notification <%= class_for_flash(type) %>">
+ <button class="delete"></button>
<% Array(messages).each do |message| %>
<%= content_tag :p, message %>
<% end %>
- <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
- <span aria-hidden="true">×</span>
- </button>
</div>
- <% end %>
+ </div>
</div>
- </div>
+ <% end %>
<% end %>
app/views/layouts/public.html.erb
@@ -1,22 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= content_for?(:title) ? yield(:title) : "Strong Lifters" %></title>
- <%= stylesheet_link_tag "application" %>
- <%= javascript_include_tag "application" %>
+
+ <%= stylesheet_link_tag :application %>
<%= csrf_meta_tags %>
</head>
<body class="<%= controller_name %> <%= action_name %>">
- <%= render partial: 'layouts/flash' %>
<header>
- <div class="row">
- <div class="columns text-center">
+ <div class="columns">
+ <div class="column is-4 is-offset-4">
<h1><span>Strong Lifters</span></h1>
</div>
</div>
</header>
+ <%= render partial: 'layouts/flash' %>
<%= yield %>
+ <%= javascript_include_tag :application %>
</body>
</html>
app/views/sessions/new.html.erb
@@ -1,14 +1,24 @@
-<div class="row align-center">
-<%= form_for @user, url: sessions_path do |f| %>
+<div class="container">
<div class="columns">
- <label><%= t('.username') %>
- <%= f.text_field :username, placeholder: t('.username') %>
- </label>
- <label><%= t('.password') %>
- <%= f.password_field :password, placeholder: t('.password') %>
- </label>
- <%= f.submit t('.login_button'), class: "button" %>
- <%= link_to t('.register_link'), new_registration_path, class: "button secondary bare" %>
+ <div class="column is-6 is-offset-3">
+ <%= form_for @user, url: sessions_path do |f| %>
+ <p class="control has-icon">
+ <%= f.text_field :username, placeholder: t('.username'), class: 'input is-large' %>
+ <span class="icon is-small">
+ <i class="fa fa-envelope"></i>
+ </span>
+ </p>
+ <p class="control has-icon">
+ <%= f.password_field :password, placeholder: t('.password'), class: 'input is-large' %>
+ <span class="icon is-small">
+ <i class="fa fa-lock"></i>
+ </span>
+ </p>
+ <p class="control">
+ <%= f.submit t('.login_button'), class: "button is-success is-large" %>
+ <%= link_to t('.register_link'), new_registration_path, class: "button is-large" %>
+ </p>
+ <% end %>
+ </div>
</div>
-<% end %>
-</div> <!-- /.row -->
+</div>
vendor/assets/javascripts/modernizr.js
@@ -1,3 +0,0 @@
-/*! modernizr 3.3.1 (Custom Build) | MIT *
- * * https://modernizr.com/download/?-setclasses !*/
-!function(n,e,s){function o(n,e){return typeof n===e}function a(){var n,e,s,a,i,l,r;for(var c in f)if(f.hasOwnProperty(c)){if(n=[],e=f[c],e.name&&(n.push(e.name.toLowerCase()),e.options&&e.options.aliases&&e.options.aliases.length))for(s=0;s<e.options.aliases.length;s++)n.push(e.options.aliases[s].toLowerCase());for(a=o(e.fn,"function")?e.fn():e.fn,i=0;i<n.length;i++)l=n[i],r=l.split("."),1===r.length?Modernizr[r[0]]=a:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=a),t.push((a?"":"no-")+r.join("-"))}}function i(n){var e=r.className,s=Modernizr._config.classPrefix||"";if(c&&(e=e.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+s+"no-js(\\s|$)");e=e.replace(o,"$1"+s+"js$2")}Modernizr._config.enableClasses&&(e+=" "+s+n.join(" "+s),c?r.className.baseVal=e:r.className=e)}var t=[],f=[],l={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(n,e){var s=this;setTimeout(function(){e(s[n])},0)},addTest:function(n,e,s){f.push({name:n,fn:e,options:s})},addAsyncTest:function(n){f.push({name:null,fn:n})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var r=e.documentElement,c="svg"===r.nodeName.toLowerCase();a(),i(t),delete l.addTest,delete l.addAsyncTest;for(var u=0;u<Modernizr._q.length;u++)Modernizr._q[u]();n.Modernizr=Modernizr}(window,document);
vendor/assets/stylesheets/bulma.css
@@ -0,0 +1,6059 @@
+/*! bulma.io v0.3.1 | MIT License | github.com/jgthms/bulma */
+@keyframes spinAround {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: 100%;
+ font-weight: normal;
+}
+
+ul {
+ list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+* {
+ box-sizing: inherit;
+}
+
+*:before, *:after {
+ box-sizing: inherit;
+}
+
+img,
+embed,
+object,
+audio,
+video {
+ height: auto;
+ max-width: 100%;
+}
+
+iframe {
+ border: 0;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+ text-align: left;
+}
+
+html {
+ background-color: white;
+ font-size: 14px;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ min-width: 300px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ text-rendering: optimizeLegibility;
+}
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
+}
+
+body,
+button,
+input,
+select,
+textarea {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+}
+
+code,
+pre {
+ -moz-osx-font-smoothing: auto;
+ -webkit-font-smoothing: auto;
+ font-family: "Inconsolata", "Consolas", "Monaco", monospace;
+}
+
+body {
+ color: #4a4a4a;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+}
+
+a {
+ color: #00d1b2;
+ cursor: pointer;
+ text-decoration: none;
+ transition: none 86ms ease-out;
+}
+
+a:hover {
+ color: #363636;
+}
+
+code {
+ background-color: whitesmoke;
+ color: #ff3860;
+ font-size: 0.8em;
+ font-weight: normal;
+ padding: 0.25em 0.5em 0.25em;
+}
+
+hr {
+ background-color: #dbdbdb;
+ border: none;
+ display: block;
+ height: 1px;
+ margin: 1.5rem 0;
+}
+
+img {
+ max-width: 100%;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ vertical-align: baseline;
+}
+
+small {
+ font-size: 0.8em;
+}
+
+span {
+ font-style: inherit;
+ font-weight: inherit;
+}
+
+strong {
+ color: #363636;
+ font-weight: 700;
+}
+
+pre {
+ background-color: whitesmoke;
+ color: #4a4a4a;
+ font-size: 0.8em;
+ white-space: pre;
+ word-wrap: normal;
+}
+
+pre code {
+ background: none;
+ color: inherit;
+ display: block;
+ font-size: 1em;
+ overflow-x: auto;
+ padding: 1.25rem 1.5rem;
+}
+
+table {
+ width: 100%;
+}
+
+table td,
+table th {
+ text-align: left;
+ vertical-align: top;
+}
+
+table th {
+ color: #363636;
+}
+
+.is-block {
+ display: block;
+}
+
+@media screen and (max-width: 768px) {
+ .is-block-mobile {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-block-tablet {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-block-tablet-only {
+ display: block !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-block-touch {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-block-desktop {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-block-desktop-only {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-block-widescreen {
+ display: block !important;
+ }
+}
+
+.is-flex {
+ display: flex;
+}
+
+@media screen and (max-width: 768px) {
+ .is-flex-mobile {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-flex-tablet {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-flex-tablet-only {
+ display: flex !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-flex-touch {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-flex-desktop {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-flex-desktop-only {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-flex-widescreen {
+ display: flex !important;
+ }
+}
+
+.is-inline {
+ display: inline;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-mobile {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-inline-tablet {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-inline-tablet-only {
+ display: inline !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-inline-touch {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-inline-desktop {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-inline-desktop-only {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-inline-widescreen {
+ display: inline !important;
+ }
+}
+
+.is-inline-block {
+ display: inline-block;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-block-mobile {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-inline-block-tablet {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-inline-block-tablet-only {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-inline-block-touch {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-inline-block-desktop {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-inline-block-desktop-only {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-inline-block-widescreen {
+ display: inline-block !important;
+ }
+}
+
+.is-inline-flex {
+ display: inline-flex;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-flex-mobile {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-inline-flex-tablet {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-inline-flex-tablet-only {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-inline-flex-touch {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-inline-flex-desktop {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-inline-flex-desktop-only {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-inline-flex-widescreen {
+ display: inline-flex !important;
+ }
+}
+
+.is-clearfix:after {
+ clear: both;
+ content: " ";
+ display: table;
+}
+
+.is-pulled-left {
+ float: left;
+}
+
+.is-pulled-right {
+ float: right;
+}
+
+.is-clipped {
+ overflow: hidden !important;
+}
+
+.is-overlay {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.has-text-centered {
+ text-align: center;
+}
+
+.has-text-left {
+ text-align: left;
+}
+
+.has-text-right {
+ text-align: right;
+}
+
+.is-hidden {
+ display: none !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-hidden-mobile {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .is-hidden-tablet {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .is-hidden-tablet-only {
+ display: none !important;
+ }
+}
+
+@media screen and (max-width: 999px) {
+ .is-hidden-touch {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .is-hidden-desktop {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width: 1191px) {
+ .is-hidden-desktop-only {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .is-hidden-widescreen {
+ display: none !important;
+ }
+}
+
+.is-disabled {
+ pointer-events: none;
+}
+
+.is-marginless {
+ margin: 0 !important;
+}
+
+.is-paddingless {
+ padding: 0 !important;
+}
+
+.is-unselectable {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.box {
+ background-color: white;
+ border-radius: 5px;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ display: block;
+ padding: 1.25rem;
+}
+
+.box:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+a.box:hover, a.box:focus {
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
+}
+
+a.box:active {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
+}
+
+.button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ border: none;
+ border-radius: 3px;
+ box-shadow: none;
+ display: inline-flex;
+ font-size: 1rem;
+ height: 2.285em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+ vertical-align: top;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: white;
+ border: 1px solid #dbdbdb;
+ color: #363636;
+ cursor: pointer;
+ justify-content: center;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ text-align: center;
+ white-space: nowrap;
+}
+
+.button:focus, .button.is-focused, .button:active, .button.is-active {
+ outline: none;
+}
+
+.button[disabled], .button.is-disabled {
+ pointer-events: none;
+}
+
+.button strong {
+ color: inherit;
+}
+
+.button .icon:first-child:not(:last-child) {
+ margin-left: -0.25rem;
+ margin-right: 0.5rem;
+}
+
+.button .icon:last-child:not(:first-child) {
+ margin-left: 0.5rem;
+ margin-right: -0.25rem;
+}
+
+.button .icon:first-child:last-child {
+ margin-left: calc(-1px + -0.25rem);
+ margin-right: calc(-1px + -0.25rem);
+}
+
+.button .icon.is-small:first-child:not(:last-child) {
+ margin-left: 0rem;
+}
+
+.button .icon.is-small:last-child:not(:first-child) {
+ margin-right: 0rem;
+}
+
+.button .icon.is-small:first-child:last-child {
+ margin-left: calc(-1px + 0rem);
+ margin-right: calc(-1px + 0rem);
+}
+
+.button .icon.is-medium:first-child:not(:last-child) {
+ margin-left: -0.5rem;
+}
+
+.button .icon.is-medium:last-child:not(:first-child) {
+ margin-right: -0.5rem;
+}
+
+.button .icon.is-medium:first-child:last-child {
+ margin-left: calc(-1px + -0.5rem);
+ margin-right: calc(-1px + -0.5rem);
+}
+
+.button .icon.is-large:first-child:not(:last-child) {
+ margin-left: -1rem;
+}
+
+.button .icon.is-large:last-child:not(:first-child) {
+ margin-right: -1rem;
+}
+
+.button .icon.is-large:first-child:last-child {
+ margin-left: calc(-1px + -1rem);
+ margin-right: calc(-1px + -1rem);
+}
+
+.button:hover, .button.is-hovered {
+ border-color: #b5b5b5;
+ color: #363636;
+}
+
+.button:focus, .button.is-focused {
+ border-color: #00d1b2;
+ box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+ color: #363636;
+}
+
+.button:active, .button.is-active {
+ border-color: #4a4a4a;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #363636;
+}
+
+.button.is-link {
+ background-color: transparent;
+ border-color: transparent;
+ color: #4a4a4a;
+ text-decoration: underline;
+}
+
+.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-white {
+ background-color: white;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white:hover, .button.is-white.is-hovered {
+ background-color: #f9f9f9;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white:focus, .button.is-white.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
+ color: #0a0a0a;
+}
+
+.button.is-white:active, .button.is-white.is-active {
+ background-color: #f2f2f2;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #0a0a0a;
+}
+
+.button.is-white.is-inverted {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-white.is-inverted:hover {
+ background-color: black;
+}
+
+.button.is-white.is-loading:after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important;
+}
+
+.button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ color: white;
+}
+
+.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
+ background-color: white;
+ border-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-white.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ color: #0a0a0a;
+}
+
+.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-black {
+ background-color: #0a0a0a;
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black:hover, .button.is-black.is-hovered {
+ background-color: #040404;
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black:focus, .button.is-black.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+ color: white;
+}
+
+.button.is-black:active, .button.is-black.is-active {
+ background-color: black;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: white;
+}
+
+.button.is-black.is-inverted {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-inverted:hover {
+ background-color: #f2f2f2;
+}
+
+.button.is-black.is-loading:after {
+ border-color: transparent transparent white white !important;
+}
+
+.button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-black.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ color: white;
+}
+
+.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-light {
+ background-color: whitesmoke;
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light:hover, .button.is-light.is-hovered {
+ background-color: #eeeeee;
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light:focus, .button.is-light.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+ color: #363636;
+}
+
+.button.is-light:active, .button.is-light.is-active {
+ background-color: #e8e8e8;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #363636;
+}
+
+.button.is-light.is-inverted {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-light.is-inverted:hover {
+ background-color: #292929;
+}
+
+.button.is-light.is-loading:after {
+ border-color: transparent transparent #363636 #363636 !important;
+}
+
+.button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ color: whitesmoke;
+}
+
+.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-light.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ color: #363636;
+}
+
+.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-dark {
+ background-color: #363636;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark:hover, .button.is-dark.is-hovered {
+ background-color: #2f2f2f;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark:focus, .button.is-dark.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+ color: whitesmoke;
+}
+
+.button.is-dark:active, .button.is-dark.is-active {
+ background-color: #292929;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: whitesmoke;
+}
+
+.button.is-dark.is-inverted {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-dark.is-inverted:hover {
+ background-color: #e8e8e8;
+}
+
+.button.is-dark.is-loading:after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
+}
+
+.button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ color: #363636;
+}
+
+.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
+ background-color: #363636;
+ border-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-dark.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ color: whitesmoke;
+}
+
+.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-primary {
+ background-color: #00d1b2;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary:hover, .button.is-primary.is-hovered {
+ background-color: #00c4a7;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary:focus, .button.is-primary.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+ color: #fff;
+}
+
+.button.is-primary:active, .button.is-primary.is-active {
+ background-color: #00b89c;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #fff;
+}
+
+.button.is-primary.is-inverted {
+ background-color: #fff;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-inverted:hover {
+ background-color: #f2f2f2;
+}
+
+.button.is-primary.is-loading:after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-primary.is-outlined {
+ background-color: transparent;
+ border-color: #00d1b2;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
+ background-color: #00d1b2;
+ border-color: #00d1b2;
+ color: #fff;
+}
+
+.button.is-primary.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
+ background-color: #fff;
+ color: #00d1b2;
+}
+
+.button.is-info {
+ background-color: #3273dc;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:hover, .button.is-info.is-hovered {
+ background-color: #276cda;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:focus, .button.is-info.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
+ color: #fff;
+}
+
+.button.is-info:active, .button.is-info.is-active {
+ background-color: #2366d1;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #fff;
+}
+
+.button.is-info.is-inverted {
+ background-color: #fff;
+ color: #3273dc;
+}
+
+.button.is-info.is-inverted:hover {
+ background-color: #f2f2f2;
+}
+
+.button.is-info.is-loading:after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-info.is-outlined {
+ background-color: transparent;
+ border-color: #3273dc;
+ color: #3273dc;
+}
+
+.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
+ background-color: #3273dc;
+ border-color: #3273dc;
+ color: #fff;
+}
+
+.button.is-info.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
+ background-color: #fff;
+ color: #3273dc;
+}
+
+.button.is-success {
+ background-color: #23d160;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:hover, .button.is-success.is-hovered {
+ background-color: #22c65b;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:focus, .button.is-success.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
+ color: #fff;
+}
+
+.button.is-success:active, .button.is-success.is-active {
+ background-color: #20bc56;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #fff;
+}
+
+.button.is-success.is-inverted {
+ background-color: #fff;
+ color: #23d160;
+}
+
+.button.is-success.is-inverted:hover {
+ background-color: #f2f2f2;
+}
+
+.button.is-success.is-loading:after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-success.is-outlined {
+ background-color: transparent;
+ border-color: #23d160;
+ color: #23d160;
+}
+
+.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
+ background-color: #23d160;
+ border-color: #23d160;
+ color: #fff;
+}
+
+.button.is-success.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
+ background-color: #fff;
+ color: #23d160;
+}
+
+.button.is-warning {
+ background-color: #ffdd57;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:hover, .button.is-warning.is-hovered {
+ background-color: #ffdb4a;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:focus, .button.is-warning.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:active, .button.is-warning.is-active {
+ background-color: #ffd83d;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffdd57;
+}
+
+.button.is-warning.is-inverted:hover {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-loading:after {
+ border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+}
+
+.button.is-warning.is-outlined {
+ background-color: transparent;
+ border-color: #ffdd57;
+ color: #ffdd57;
+}
+
+.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
+ background-color: #ffdd57;
+ border-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.7);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffdd57;
+}
+
+.button.is-danger {
+ background-color: #ff3860;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:hover, .button.is-danger.is-hovered {
+ background-color: #ff2b56;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:focus, .button.is-danger.is-focused {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
+ color: #fff;
+}
+
+.button.is-danger:active, .button.is-danger.is-active {
+ background-color: #ff1f4b;
+ border-color: transparent;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ color: #fff;
+}
+
+.button.is-danger.is-inverted {
+ background-color: #fff;
+ color: #ff3860;
+}
+
+.button.is-danger.is-inverted:hover {
+ background-color: #f2f2f2;
+}
+
+.button.is-danger.is-loading:after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-danger.is-outlined {
+ background-color: transparent;
+ border-color: #ff3860;
+ color: #ff3860;
+}
+
+.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
+ background-color: #ff3860;
+ border-color: #ff3860;
+ color: #fff;
+}
+
+.button.is-danger.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
+ background-color: #fff;
+ color: #ff3860;
+}
+
+.button.is-small {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.button.is-small .icon:first-child:not(:last-child) {
+ margin-left: -0.375rem;
+ margin-right: 0.375rem;
+}
+
+.button.is-small .icon:last-child:not(:first-child) {
+ margin-left: 0.375rem;
+ margin-right: -0.375rem;
+}
+
+.button.is-small .icon:first-child:last-child {
+ margin-left: calc(-1px + -0.375rem);
+ margin-right: calc(-1px + -0.375rem);
+}
+
+.button.is-small .icon.is-small:first-child:not(:last-child) {
+ margin-left: -0.125rem;
+}
+
+.button.is-small .icon.is-small:last-child:not(:first-child) {
+ margin-right: -0.125rem;
+}
+
+.button.is-small .icon.is-small:first-child:last-child {
+ margin-left: calc(-1px + -0.125rem);
+ margin-right: calc(-1px + -0.125rem);
+}
+
+.button.is-small .icon.is-medium:first-child:not(:last-child) {
+ margin-left: -0.625rem;
+}
+
+.button.is-small .icon.is-medium:last-child:not(:first-child) {
+ margin-right: -0.625rem;
+}
+
+.button.is-small .icon.is-medium:first-child:last-child {
+ margin-left: calc(-1px + -0.625rem);
+ margin-right: calc(-1px + -0.625rem);
+}
+
+.button.is-small .icon.is-large:first-child:not(:last-child) {
+ margin-left: -1.125rem;
+}
+
+.button.is-small .icon.is-large:last-child:not(:first-child) {
+ margin-right: -1.125rem;
+}
+
+.button.is-small .icon.is-large:first-child:last-child {
+ margin-left: calc(-1px + -1.125rem);
+ margin-right: calc(-1px + -1.125rem);
+}
+
+.button.is-medium {
+ font-size: 1.25rem;
+}
+
+.button.is-medium .icon:first-child:not(:last-child) {
+ margin-left: -0.125rem;
+ margin-right: 0.625rem;
+}
+
+.button.is-medium .icon:last-child:not(:first-child) {
+ margin-left: 0.625rem;
+ margin-right: -0.125rem;
+}
+
+.button.is-medium .icon:first-child:last-child {
+ margin-left: calc(-1px + -0.125rem);
+ margin-right: calc(-1px + -0.125rem);
+}
+
+.button.is-medium .icon.is-small:first-child:not(:last-child) {
+ margin-left: 0.125rem;
+}
+
+.button.is-medium .icon.is-small:last-child:not(:first-child) {
+ margin-right: 0.125rem;
+}
+
+.button.is-medium .icon.is-small:first-child:last-child {
+ margin-left: calc(-1px + 0.125rem);
+ margin-right: calc(-1px + 0.125rem);
+}
+
+.button.is-medium .icon.is-medium:first-child:not(:last-child) {
+ margin-left: -0.375rem;
+}
+
+.button.is-medium .icon.is-medium:last-child:not(:first-child) {
+ margin-right: -0.375rem;
+}
+
+.button.is-medium .icon.is-medium:first-child:last-child {
+ margin-left: calc(-1px + -0.375rem);
+ margin-right: calc(-1px + -0.375rem);
+}
+
+.button.is-medium .icon.is-large:first-child:not(:last-child) {
+ margin-left: -0.875rem;
+}
+
+.button.is-medium .icon.is-large:last-child:not(:first-child) {
+ margin-right: -0.875rem;
+}
+
+.button.is-medium .icon.is-large:first-child:last-child {
+ margin-left: calc(-1px + -0.875rem);
+ margin-right: calc(-1px + -0.875rem);
+}
+
+.button.is-large {
+ font-size: 1.5rem;
+}
+
+.button.is-large .icon:first-child:not(:last-child) {
+ margin-left: 0rem;
+ margin-right: 0.75rem;
+}
+
+.button.is-large .icon:last-child:not(:first-child) {
+ margin-left: 0.75rem;
+ margin-right: 0rem;
+}
+
+.button.is-large .icon:first-child:last-child {
+ margin-left: calc(-1px + 0rem);
+ margin-right: calc(-1px + 0rem);
+}
+
+.button.is-large .icon.is-small:first-child:not(:last-child) {
+ margin-left: 0.25rem;
+}
+
+.button.is-large .icon.is-small:last-child:not(:first-child) {
+ margin-right: 0.25rem;
+}
+
+.button.is-large .icon.is-small:first-child:last-child {
+ margin-left: calc(-1px + 0.25rem);
+ margin-right: calc(-1px + 0.25rem);
+}
+
+.button.is-large .icon.is-medium:first-child:not(:last-child) {
+ margin-left: -0.25rem;
+}
+
+.button.is-large .icon.is-medium:last-child:not(:first-child) {
+ margin-right: -0.25rem;
+}
+
+.button.is-large .icon.is-medium:first-child:last-child {
+ margin-left: calc(-1px + -0.25rem);
+ margin-right: calc(-1px + -0.25rem);
+}
+
+.button.is-large .icon.is-large:first-child:not(:last-child) {
+ margin-left: -0.75rem;
+}
+
+.button.is-large .icon.is-large:last-child:not(:first-child) {
+ margin-right: -0.75rem;
+}
+
+.button.is-large .icon.is-large:first-child:last-child {
+ margin-left: calc(-1px + -0.75rem);
+ margin-right: calc(-1px + -0.75rem);
+}
+
+.button[disabled], .button.is-disabled {
+ opacity: 0.5;
+}
+
+.button.is-fullwidth {
+ display: flex;
+ width: 100%;
+}
+
+.button.is-loading {
+ color: transparent !important;
+ pointer-events: none;
+}
+
+.button.is-loading:after {
+ animation: spinAround 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ position: relative;
+ width: 1rem;
+ left: 50%;
+ margin-left: -8px;
+ margin-top: -8px;
+ position: absolute;
+ top: 50%;
+ position: absolute !important;
+}
+
+.content {
+ color: #4a4a4a;
+}
+
+.content:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.content li + li {
+ margin-top: 0.25em;
+}
+
+.content p:not(:last-child),
+.content ol:not(:last-child),
+.content ul:not(:last-child),
+.content blockquote:not(:last-child),
+.content table:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+ color: #363636;
+ font-weight: 400;
+ line-height: 1.125;
+}
+
+.content h1 {
+ font-size: 2em;
+ margin-bottom: 0.5em;
+}
+
+.content h1:not(:first-child) {
+ margin-top: 1em;
+}
+
+.content h2 {
+ font-size: 1.75em;
+ margin-bottom: 0.5714em;
+}
+
+.content h2:not(:first-child) {
+ margin-top: 1.1428em;
+}
+
+.content h3 {
+ font-size: 1.5em;
+ margin-bottom: 0.6666em;
+}
+
+.content h3:not(:first-child) {
+ margin-top: 1.3333em;
+}
+
+.content h4 {
+ font-size: 1.25em;
+ margin-bottom: 0.8em;
+}
+
+.content h5 {
+ font-size: 1.125em;
+ margin-bottom: 0.8888em;
+}
+
+.content h6 {
+ font-size: 1em;
+ margin-bottom: 1em;
+}
+
+.content blockquote {
+ background-color: whitesmoke;
+ border-left: 5px solid #dbdbdb;
+ padding: 1.25em 1.5em;
+}
+
+.content ol {
+ list-style: decimal outside;
+ margin-left: 2em;
+ margin-right: 2em;
+ margin-top: 1em;
+}
+
+.content ul {
+ list-style: disc outside;
+ margin-left: 2em;
+ margin-right: 2em;
+ margin-top: 1em;
+}
+
+.content ul ul {
+ list-style-type: circle;
+ margin-top: 0.5em;
+}
+
+.content ul ul ul {
+ list-style-type: square;
+}
+
+.content table {
+ width: 100%;
+}
+
+.content table td,
+.content table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.content table th {
+ color: #363636;
+ text-align: left;
+}
+
+.content table tr:hover {
+ background-color: whitesmoke;
+}
+
+.content table thead td,
+.content table thead th {
+ border-width: 0 0 2px;
+ color: #363636;
+}
+
+.content table tfoot td,
+.content table tfoot th {
+ border-width: 2px 0 0;
+ color: #363636;
+}
+
+.content table tbody tr:last-child td,
+.content table tbody tr:last-child th {
+ border-bottom-width: 0;
+}
+
+.content.is-small {
+ font-size: 0.75rem;
+}
+
+.content.is-medium {
+ font-size: 1.25rem;
+}
+
+.content.is-large {
+ font-size: 1.5rem;
+}
+
+.input,
+.textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ border: none;
+ border-radius: 3px;
+ box-shadow: none;
+ display: inline-flex;
+ font-size: 1rem;
+ height: 2.285em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+ vertical-align: top;
+ background-color: white;
+ border: 1px solid #dbdbdb;
+ color: #363636;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ max-width: 100%;
+ width: 100%;
+}
+
+.input:focus, .input.is-focused, .input:active, .input.is-active,
+.textarea:focus,
+.textarea.is-focused,
+.textarea:active,
+.textarea.is-active {
+ outline: none;
+}
+
+.input[disabled], .input.is-disabled,
+.textarea[disabled],
+.textarea.is-disabled {
+ pointer-events: none;
+}
+
+.input:hover, .input.is-hovered,
+.textarea:hover,
+.textarea.is-hovered {
+ border-color: #b5b5b5;
+}
+
+.input:focus, .input.is-focused, .input:active, .input.is-active,
+.textarea:focus,
+.textarea.is-focused,
+.textarea:active,
+.textarea.is-active {
+ border-color: #00d1b2;
+}
+
+.input[disabled], .input.is-disabled,
+.textarea[disabled],
+.textarea.is-disabled {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ box-shadow: none;
+ color: #7a7a7a;
+}
+
+.input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder,
+.textarea[disabled]::-moz-placeholder,
+.textarea.is-disabled::-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input[disabled]::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder,
+.textarea[disabled]::-webkit-input-placeholder,
+.textarea.is-disabled::-webkit-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input[disabled]:-moz-placeholder, .input.is-disabled:-moz-placeholder,
+.textarea[disabled]:-moz-placeholder,
+.textarea.is-disabled:-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input[disabled]:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder,
+.textarea[disabled]:-ms-input-placeholder,
+.textarea.is-disabled:-ms-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input[type="search"],
+.textarea[type="search"] {
+ border-radius: 290486px;
+}
+
+.input.is-white,
+.textarea.is-white {
+ border-color: white;
+}
+
+.input.is-black,
+.textarea.is-black {
+ border-color: #0a0a0a;
+}
+
+.input.is-light,
+.textarea.is-light {
+ border-color: whitesmoke;
+}
+
+.input.is-dark,
+.textarea.is-dark {
+ border-color: #363636;
+}
+
+.input.is-primary,
+.textarea.is-primary {
+ border-color: #00d1b2;
+}
+
+.input.is-info,
+.textarea.is-info {
+ border-color: #3273dc;
+}
+
+.input.is-success,
+.textarea.is-success {
+ border-color: #23d160;
+}
+
+.input.is-warning,
+.textarea.is-warning {
+ border-color: #ffdd57;
+}
+
+.input.is-danger,
+.textarea.is-danger {
+ border-color: #ff3860;
+}
+
+.input.is-small,
+.textarea.is-small {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.input.is-medium,
+.textarea.is-medium {
+ font-size: 1.25rem;
+}
+
+.input.is-large,
+.textarea.is-large {
+ font-size: 1.5rem;
+}
+
+.input.is-fullwidth,
+.textarea.is-fullwidth {
+ display: block;
+ width: 100%;
+}
+
+.input.is-inline,
+.textarea.is-inline {
+ display: inline;
+ width: auto;
+}
+
+.textarea {
+ display: block;
+ line-height: 1.25;
+ max-height: 600px;
+ max-width: 100%;
+ min-height: 120px;
+ min-width: 100%;
+ padding: 10px;
+ resize: vertical;
+}
+
+.checkbox,
+.radio {
+ align-items: center;
+ cursor: pointer;
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ position: relative;
+ vertical-align: top;
+}
+
+.checkbox input,
+.radio input {
+ cursor: pointer;
+ margin-right: 0.5em;
+}
+
+.checkbox:hover,
+.radio:hover {
+ color: #363636;
+}
+
+.checkbox.is-disabled,
+.radio.is-disabled {
+ color: #7a7a7a;
+ pointer-events: none;
+}
+
+.checkbox.is-disabled input,
+.radio.is-disabled input {
+ pointer-events: none;
+}
+
+.radio + .radio {
+ margin-left: 0.5em;
+}
+
+.select {
+ display: inline-block;
+ height: 2.5em;
+ position: relative;
+ vertical-align: top;
+}
+
+.select:after {
+ border: 1px solid #00d1b2;
+ border-right: 0;
+ border-top: 0;
+ content: " ";
+ display: block;
+ height: 0.5em;
+ pointer-events: none;
+ position: absolute;
+ transform: rotate(-45deg);
+ width: 0.5em;
+ margin-top: -0.375em;
+ right: 1.125em;
+ top: 50%;
+ z-index: 4;
+}
+
+.select select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ border: none;
+ border-radius: 3px;
+ box-shadow: none;
+ display: inline-flex;
+ font-size: 1rem;
+ height: 2.285em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+ vertical-align: top;
+ background-color: white;
+ border: 1px solid #dbdbdb;
+ color: #363636;
+ cursor: pointer;
+ display: block;
+ font-size: 1em;
+ outline: none;
+ padding-right: 2.5em;
+}
+
+.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
+ outline: none;
+}
+
+.select select[disabled], .select select.is-disabled {
+ pointer-events: none;
+}
+
+.select select:hover, .select select.is-hovered {
+ border-color: #b5b5b5;
+}
+
+.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
+ border-color: #00d1b2;
+}
+
+.select select[disabled], .select select.is-disabled {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ box-shadow: none;
+ color: #7a7a7a;
+}
+
+.select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select:hover {
+ border-color: #b5b5b5;
+}
+
+.select select::ms-expand {
+ display: none;
+}
+
+.select:hover:after {
+ border-color: #363636;
+}
+
+.select.is-small {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.select.is-medium {
+ font-size: 1.25rem;
+}
+
+.select.is-large {
+ font-size: 1.5rem;
+}
+
+.select.is-fullwidth {
+ width: 100%;
+}
+
+.select.is-fullwidth select {
+ width: 100%;
+}
+
+.label {
+ color: #363636;
+ display: block;
+ font-weight: bold;
+}
+
+.label:not(:last-child) {
+ margin-bottom: 0.5em;
+}
+
+.help {
+ display: block;
+ font-size: 0.75rem;
+ margin-top: 5px;
+}
+
+.help.is-white {
+ color: white;
+}
+
+.help.is-black {
+ color: #0a0a0a;
+}
+
+.help.is-light {
+ color: whitesmoke;
+}
+
+.help.is-dark {
+ color: #363636;
+}
+
+.help.is-primary {
+ color: #00d1b2;
+}
+
+.help.is-info {
+ color: #3273dc;
+}
+
+.help.is-success {
+ color: #23d160;
+}
+
+.help.is-warning {
+ color: #ffdd57;
+}
+
+.help.is-danger {
+ color: #ff3860;
+}
+
+@media screen and (max-width: 768px) {
+ .control-label {
+ margin-bottom: 0.5em;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .control-label {
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ margin-right: 1.5em;
+ padding-top: 0.5em;
+ text-align: right;
+ }
+}
+
+.control {
+ position: relative;
+ text-align: left;
+}
+
+.control:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.control.has-addons {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.control.has-addons .button,
+.control.has-addons .input,
+.control.has-addons .select {
+ border-radius: 0;
+ margin-right: -1px;
+ width: auto;
+}
+
+.control.has-addons .button:hover,
+.control.has-addons .input:hover,
+.control.has-addons .select:hover {
+ z-index: 2;
+}
+
+.control.has-addons .button:focus, .control.has-addons .button:active,
+.control.has-addons .input:focus,
+.control.has-addons .input:active,
+.control.has-addons .select:focus,
+.control.has-addons .select:active {
+ z-index: 3;
+}
+
+.control.has-addons .button:first-child,
+.control.has-addons .input:first-child,
+.control.has-addons .select:first-child {
+ border-radius: 3px 0 0 3px;
+}
+
+.control.has-addons .button:first-child select,
+.control.has-addons .input:first-child select,
+.control.has-addons .select:first-child select {
+ border-radius: 3px 0 0 3px;
+}
+
+.control.has-addons .button:last-child,
+.control.has-addons .input:last-child,
+.control.has-addons .select:last-child {
+ border-radius: 0 3px 3px 0;
+}
+
+.control.has-addons .button:last-child select,
+.control.has-addons .input:last-child select,
+.control.has-addons .select:last-child select {
+ border-radius: 0 3px 3px 0;
+}
+
+.control.has-addons .button.is-expanded,
+.control.has-addons .input.is-expanded,
+.control.has-addons .select.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.control.has-addons .select select:hover {
+ z-index: 2;
+}
+
+.control.has-addons .select select:focus, .control.has-addons .select select:active {
+ z-index: 3;
+}
+
+.control.has-addons.has-addons-centered {
+ justify-content: center;
+}
+
+.control.has-addons.has-addons-right {
+ justify-content: flex-end;
+}
+
+.control.has-addons.has-addons-fullwidth .button,
+.control.has-addons.has-addons-fullwidth .input,
+.control.has-addons.has-addons-fullwidth .select {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.control.has-icon .icon {
+ color: #dbdbdb;
+ pointer-events: none;
+ position: absolute;
+ top: 1.25rem;
+ z-index: 4;
+}
+
+.control.has-icon .input:focus + .icon {
+ color: #7a7a7a;
+}
+
+.control.has-icon .input.is-small + .icon {
+ top: 0.9375rem;
+}
+
+.control.has-icon .input.is-medium + .icon {
+ top: 1.5625rem;
+}
+
+.control.has-icon .input.is-large + .icon {
+ top: 1.875rem;
+}
+
+.control.has-icon:not(.has-icon-right) .icon {
+ left: 1.25rem;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+.control.has-icon:not(.has-icon-right) .input {
+ padding-left: 2.5em;
+}
+
+.control.has-icon:not(.has-icon-right) .input.is-small + .icon {
+ left: 0.9375rem;
+}
+
+.control.has-icon:not(.has-icon-right) .input.is-medium + .icon {
+ left: 1.5625rem;
+}
+
+.control.has-icon:not(.has-icon-right) .input.is-large + .icon {
+ left: 1.875rem;
+}
+
+.control.has-icon.has-icon-right .icon {
+ right: 1.25rem;
+ transform: translateX(50%) translateY(-50%);
+}
+
+.control.has-icon.has-icon-right .input {
+ padding-right: 2.5em;
+}
+
+.control.has-icon.has-icon-right .input.is-small + .icon {
+ right: 0.9375rem;
+}
+
+.control.has-icon.has-icon-right .input.is-medium + .icon {
+ right: 1.5625rem;
+}
+
+.control.has-icon.has-icon-right .input.is-large + .icon {
+ right: 1.875rem;
+}
+
+.control.is-grouped {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.control.is-grouped > .control {
+ flex-basis: 0;
+ flex-shrink: 0;
+}
+
+.control.is-grouped > .control:not(:last-child) {
+ margin-bottom: 0;
+ margin-right: 0.75rem;
+}
+
+.control.is-grouped > .control.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.control.is-grouped.is-grouped-centered {
+ justify-content: center;
+}
+
+.control.is-grouped.is-grouped-right {
+ justify-content: flex-end;
+}
+
+@media screen and (min-width: 769px) {
+ .control.is-horizontal {
+ display: flex;
+ }
+ .control.is-horizontal > .control {
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 5;
+ flex-shrink: 1;
+ }
+}
+
+.control.is-loading:after {
+ animation: spinAround 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ position: relative;
+ width: 1rem;
+ position: absolute !important;
+ right: 0.75em;
+ top: 0.75em;
+}
+
+.icon {
+ display: inline-block;
+ font-size: 21px;
+ height: 1.5rem;
+ line-height: 1.5rem;
+ text-align: center;
+ vertical-align: top;
+ width: 1.5rem;
+}
+
+.icon .fa {
+ font-size: inherit;
+ line-height: inherit;
+}
+
+.icon.is-small {
+ display: inline-block;
+ font-size: 14px;
+ height: 1rem;
+ line-height: 1rem;
+ text-align: center;
+ vertical-align: top;
+ width: 1rem;
+}
+
+.icon.is-medium {
+ display: inline-block;
+ font-size: 28px;
+ height: 2rem;
+ line-height: 2rem;
+ text-align: center;
+ vertical-align: top;
+ width: 2rem;
+}
+
+.icon.is-large {
+ display: inline-block;
+ font-size: 42px;
+ height: 3rem;
+ line-height: 3rem;
+ text-align: center;
+ vertical-align: top;
+ width: 3rem;
+}
+
+.image {
+ display: block;
+ position: relative;
+}
+
+.image img {
+ display: block;
+ height: auto;
+ width: 100%;
+}
+
+.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
+}
+
+.image.is-square, .image.is-1by1 {
+ padding-top: 100%;
+}
+
+.image.is-4by3 {
+ padding-top: 75%;
+}
+
+.image.is-3by2 {
+ padding-top: 66.6666%;
+}
+
+.image.is-16by9 {
+ padding-top: 56.25%;
+}
+
+.image.is-2by1 {
+ padding-top: 50%;
+}
+
+.image.is-16x16 {
+ height: 16px;
+ width: 16px;
+}
+
+.image.is-24x24 {
+ height: 24px;
+ width: 24px;
+}
+
+.image.is-32x32 {
+ height: 32px;
+ width: 32px;
+}
+
+.image.is-48x48 {
+ height: 48px;
+ width: 48px;
+}
+
+.image.is-64x64 {
+ height: 64px;
+ width: 64px;
+}
+
+.image.is-96x96 {
+ height: 96px;
+ width: 96px;
+}
+
+.image.is-128x128 {
+ height: 128px;
+ width: 128px;
+}
+
+.notification {
+ background-color: whitesmoke;
+ border-radius: 3px;
+ padding: 1.25rem 2.5rem 1.25rem 1.5rem;
+ position: relative;
+}
+
+.notification:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.notification code,
+.notification pre {
+ background: white;
+}
+
+.notification pre code {
+ background: transparent;
+}
+
+.notification .delete {
+ position: absolute;
+ right: 0.5em;
+ top: 0.5em;
+}
+
+.notification .title,
+.notification .subtitle,
+.notification .content {
+ color: inherit;
+}
+
+.notification.is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.notification.is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.notification.is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.notification.is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.notification.is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.notification.is-info {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.notification.is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.notification.is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.notification.is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.progress {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ border: none;
+ border-radius: 290486px;
+ display: block;
+ height: 1rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+}
+
+.progress:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: #dbdbdb;
+}
+
+.progress::-webkit-progress-value {
+ background-color: #4a4a4a;
+}
+
+.progress::-moz-progress-bar {
+ background-color: #4a4a4a;
+}
+
+.progress.is-white::-webkit-progress-value {
+ background-color: white;
+}
+
+.progress.is-white::-moz-progress-bar {
+ background-color: white;
+}
+
+.progress.is-black::-webkit-progress-value {
+ background-color: #0a0a0a;
+}
+
+.progress.is-black::-moz-progress-bar {
+ background-color: #0a0a0a;
+}
+
+.progress.is-light::-webkit-progress-value {
+ background-color: whitesmoke;
+}
+
+.progress.is-light::-moz-progress-bar {
+ background-color: whitesmoke;
+}
+
+.progress.is-dark::-webkit-progress-value {
+ background-color: #363636;
+}
+
+.progress.is-dark::-moz-progress-bar {
+ background-color: #363636;
+}
+
+.progress.is-primary::-webkit-progress-value {
+ background-color: #00d1b2;
+}
+
+.progress.is-primary::-moz-progress-bar {
+ background-color: #00d1b2;
+}
+
+.progress.is-info::-webkit-progress-value {
+ background-color: #3273dc;
+}
+
+.progress.is-info::-moz-progress-bar {
+ background-color: #3273dc;
+}
+
+.progress.is-success::-webkit-progress-value {
+ background-color: #23d160;
+}
+
+.progress.is-success::-moz-progress-bar {
+ background-color: #23d160;
+}
+
+.progress.is-warning::-webkit-progress-value {
+ background-color: #ffdd57;
+}
+
+.progress.is-warning::-moz-progress-bar {
+ background-color: #ffdd57;
+}
+
+.progress.is-danger::-webkit-progress-value {
+ background-color: #ff3860;
+}
+
+.progress.is-danger::-moz-progress-bar {
+ background-color: #ff3860;
+}
+
+.progress.is-small {
+ height: 0.75rem;
+}
+
+.progress.is-medium {
+ height: 1.25rem;
+}
+
+.progress.is-large {
+ height: 1.5rem;
+}
+
+.table {
+ background-color: white;
+ color: #363636;
+ margin-bottom: 1.5rem;
+ width: 100%;
+}
+
+.table td,
+.table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.table td.is-narrow,
+.table th.is-narrow {
+ white-space: nowrap;
+ width: 1%;
+}
+
+.table th {
+ color: #363636;
+ text-align: left;
+}
+
+.table tr:hover {
+ background-color: #fafafa;
+}
+
+.table thead td,
+.table thead th {
+ border-width: 0 0 2px;
+ color: #7a7a7a;
+}
+
+.table tfoot td,
+.table tfoot th {
+ border-width: 2px 0 0;
+ color: #7a7a7a;
+}
+
+.table tbody tr:last-child td,
+.table tbody tr:last-child th {
+ border-bottom-width: 0;
+}
+
+.table.is-bordered td,
+.table.is-bordered th {
+ border-width: 1px;
+}
+
+.table.is-bordered tr:last-child td,
+.table.is-bordered tr:last-child th {
+ border-bottom-width: 1px;
+}
+
+.table.is-narrow td,
+.table.is-narrow th {
+ padding: 0.25em 0.5em;
+}
+
+.table.is-striped tbody tr:nth-child(even) {
+ background-color: #fafafa;
+}
+
+.table.is-striped tbody tr:nth-child(even):hover {
+ background-color: whitesmoke;
+}
+
+.tag {
+ align-items: center;
+ background-color: whitesmoke;
+ border-radius: 290486px;
+ color: #4a4a4a;
+ display: inline-flex;
+ font-size: 0.75rem;
+ height: 2em;
+ justify-content: center;
+ line-height: 1.5;
+ padding-left: 0.875em;
+ padding-right: 0.875em;
+ vertical-align: top;
+ white-space: nowrap;
+}
+
+.tag .delete {
+ margin-left: 0.25em;
+ margin-right: -0.5em;
+}
+
+.tag.is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.tag.is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.tag.is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.tag.is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.tag.is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.tag.is-info {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.tag.is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.tag.is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.tag.is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.tag.is-medium {
+ font-size: 1rem;
+}
+
+.tag.is-large {
+ font-size: 1.25rem;
+}
+
+.title,
+.subtitle {
+ word-break: break-word;
+}
+
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.title em,
+.title span,
+.subtitle em,
+.subtitle span {
+ font-weight: 300;
+}
+
+.title strong,
+.subtitle strong {
+ font-weight: 500;
+}
+
+.title .tag,
+.subtitle .tag {
+ vertical-align: middle;
+}
+
+.title {
+ color: #363636;
+ font-size: 2rem;
+ font-weight: 300;
+ line-height: 1.125;
+}
+
+.title strong {
+ color: inherit;
+}
+
+.title + .highlight {
+ margin-top: -0.75rem;
+}
+
+.title + .subtitle {
+ margin-top: -1.25rem;
+}
+
+.title.is-1 {
+ font-size: 3.5rem;
+}
+
+.title.is-2 {
+ font-size: 2.75rem;
+}
+
+.title.is-3 {
+ font-size: 2rem;
+}
+
+.title.is-4 {
+ font-size: 1.5rem;
+}
+
+.title.is-5 {
+ font-size: 1.25rem;
+}
+
+.title.is-6 {
+ font-size: 14px;
+}
+
+.subtitle {
+ color: #4a4a4a;
+ font-size: 1.25rem;
+ font-weight: 300;
+ line-height: 1.25;
+}
+
+.subtitle strong {
+ color: #363636;
+}
+
+.subtitle + .title {
+ margin-top: -1.5rem;
+}
+
+.subtitle.is-1 {
+ font-size: 3.5rem;
+}
+
+.subtitle.is-2 {
+ font-size: 2.75rem;
+}
+
+.subtitle.is-3 {
+ font-size: 2rem;
+}
+
+.subtitle.is-4 {
+ font-size: 1.5rem;
+}
+
+.subtitle.is-5 {
+ font-size: 1.25rem;
+}
+
+.subtitle.is-6 {
+ font-size: 14px;
+}
+
+.block:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.container {
+ position: relative;
+}
+
+@media screen and (min-width: 1000px) {
+ .container {
+ margin: 0 auto;
+ max-width: 960px;
+ }
+ .container.is-fluid {
+ margin: 0 20px;
+ max-width: none;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .container {
+ max-width: 1152px;
+ }
+}
+
+.delete {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1rem;
+ height: 20px;
+ outline: none;
+ position: relative;
+ transform: rotate(45deg);
+ transform-origin: center center;
+ vertical-align: top;
+ width: 20px;
+}
+
+.delete:before, .delete:after {
+ background-color: white;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+.delete:before {
+ height: 2px;
+ width: 50%;
+}
+
+.delete:after {
+ height: 50%;
+ width: 2px;
+}
+
+.delete:hover, .delete:focus {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.delete:active {
+ background-color: rgba(10, 10, 10, 0.4);
+}
+
+.delete.is-small {
+ height: 14px;
+ width: 14px;
+}
+
+.delete.is-medium {
+ height: 26px;
+ width: 26px;
+}
+
+.delete.is-large {
+ height: 30px;
+ width: 30px;
+}
+
+.fa {
+ font-size: 21px;
+ text-align: center;
+ vertical-align: top;
+}
+
+.heading {
+ display: block;
+ font-size: 11px;
+ letter-spacing: 1px;
+ margin-bottom: 5px;
+ text-transform: uppercase;
+}
+
+.highlight {
+ font-weight: 400;
+ max-width: 100%;
+ overflow: hidden;
+ padding: 0;
+}
+
+.highlight:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.highlight pre {
+ overflow: auto;
+ max-width: 100%;
+}
+
+.loader {
+ animation: spinAround 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1rem;
+ position: relative;
+ width: 1rem;
+}
+
+.number {
+ align-items: center;
+ background-color: whitesmoke;
+ border-radius: 290486px;
+ display: inline-flex;
+ font-size: 1.25rem;
+ height: 2em;
+ justify-content: center;
+ margin-right: 1.5rem;
+ min-width: 2.5em;
+ padding: 0.25rem 0.5rem;
+ text-align: center;
+ vertical-align: top;
+}
+
+.card-header {
+ align-items: stretch;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
+ display: flex;
+}
+
+.card-header-title {
+ align-items: center;
+ color: #363636;
+ display: flex;
+ flex-grow: 1;
+ font-weight: 700;
+ padding: 0.75rem;
+}
+
+.card-header-icon {
+ align-items: center;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ padding: 0.75rem;
+}
+
+.card-image {
+ display: block;
+ position: relative;
+}
+
+.card-content {
+ padding: 1.5rem;
+}
+
+.card-content .title + .subtitle {
+ margin-top: -1.5rem;
+}
+
+.card-footer {
+ border-top: 1px solid #dbdbdb;
+ align-items: stretch;
+ display: flex;
+}
+
+.card-footer-item {
+ align-items: center;
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: center;
+ padding: 0.75rem;
+}
+
+.card-footer-item:not(:last-child) {
+ border-right: 1px solid #dbdbdb;
+}
+
+.card {
+ background-color: white;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ color: #4a4a4a;
+ max-width: 100%;
+ position: relative;
+}
+
+.card .media:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.level-item {
+ align-items: center;
+ display: flex;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+}
+
+.level-item .title,
+.level-item .subtitle {
+ margin-bottom: 0;
+}
+
+@media screen and (max-width: 768px) {
+ .level-item:not(:last-child) {
+ margin-bottom: 0.75rem;
+ }
+}
+
+.level-left,
+.level-right {
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.level-left .level-item:not(:last-child),
+.level-right .level-item:not(:last-child) {
+ margin-right: 0.75rem;
+}
+
+.level-left .level-item.is-flexible,
+.level-right .level-item.is-flexible {
+ flex-grow: 1;
+}
+
+.level-left {
+ align-items: center;
+ justify-content: flex-start;
+}
+
+@media screen and (max-width: 768px) {
+ .level-left + .level-right {
+ margin-top: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .level-left {
+ display: flex;
+ }
+}
+
+.level-right {
+ align-items: center;
+ justify-content: flex-end;
+}
+
+@media screen and (min-width: 769px) {
+ .level-right {
+ display: flex;
+ }
+}
+
+.level {
+ align-items: center;
+ justify-content: space-between;
+}
+
+.level:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.level code {
+ border-radius: 3px;
+}
+
+.level img {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.level.is-mobile {
+ display: flex;
+}
+
+.level.is-mobile > .level-item:not(:last-child) {
+ margin-bottom: 0;
+}
+
+.level.is-mobile > .level-item:not(.is-narrow) {
+ flex-grow: 1;
+}
+
+@media screen and (min-width: 769px) {
+ .level {
+ display: flex;
+ }
+ .level > .level-item:not(.is-narrow) {
+ flex-grow: 1;
+ }
+}
+
+.media-left,
+.media-right {
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.media-left {
+ margin-right: 1rem;
+}
+
+.media-right {
+ margin-left: 1rem;
+}
+
+.media-content {
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
+ text-align: left;
+}
+
+.media {
+ align-items: flex-start;
+ display: flex;
+ text-align: left;
+}
+
+.media .content:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.media .media {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ display: flex;
+ padding-top: 0.75rem;
+}
+
+.media .media .content:not(:last-child),
+.media .media .control:not(:last-child) {
+ margin-bottom: 0.5rem;
+}
+
+.media .media .media {
+ padding-top: 0.5rem;
+}
+
+.media .media .media + .media {
+ margin-top: 0.5rem;
+}
+
+.media + .media {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ margin-top: 1rem;
+ padding-top: 1rem;
+}
+
+.media.is-large + .media {
+ margin-top: 1.5rem;
+ padding-top: 1.5rem;
+}
+
+.menu {
+ font-size: 1rem;
+}
+
+.menu-list {
+ line-height: 1.25;
+}
+
+.menu-list a {
+ border-radius: 2px;
+ color: #4a4a4a;
+ display: block;
+ padding: 0.5em 0.75em;
+}
+
+.menu-list a:hover {
+ background-color: whitesmoke;
+ color: #00d1b2;
+}
+
+.menu-list a.is-active {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.menu-list li ul {
+ border-left: 1px solid #dbdbdb;
+ margin: 0.75em;
+ padding-left: 0.75em;
+}
+
+.menu-label {
+ color: #7a7a7a;
+ font-size: 0.8em;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.menu-label:not(:first-child) {
+ margin-top: 1em;
+}
+
+.menu-label:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.message {
+ background-color: whitesmoke;
+ border-radius: 3px;
+ font-size: 1rem;
+}
+
+.message:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.message.is-white {
+ background-color: white;
+}
+
+.message.is-white .message-header {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.message.is-white .message-body {
+ border-color: white;
+ color: #4d4d4d;
+}
+
+.message.is-black {
+ background-color: #fafafa;
+}
+
+.message.is-black .message-header {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.message.is-black .message-body {
+ border-color: #0a0a0a;
+ color: #090909;
+}
+
+.message.is-light {
+ background-color: #fafafa;
+}
+
+.message.is-light .message-header {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.message.is-light .message-body {
+ border-color: whitesmoke;
+ color: #505050;
+}
+
+.message.is-dark {
+ background-color: #fafafa;
+}
+
+.message.is-dark .message-header {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.message.is-dark .message-body {
+ border-color: #363636;
+ color: #2a2a2a;
+}
+
+.message.is-primary {
+ background-color: #f5fffd;
+}
+
+.message.is-primary .message-header {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.message.is-primary .message-body {
+ border-color: #00d1b2;
+ color: #021310;
+}
+
+.message.is-info {
+ background-color: #f6f9fe;
+}
+
+.message.is-info .message-header {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.message.is-info .message-body {
+ border-color: #3273dc;
+ color: #22509a;
+}
+
+.message.is-success {
+ background-color: #f6fef9;
+}
+
+.message.is-success .message-header {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.message.is-success .message-body {
+ border-color: #23d160;
+ color: #0e301a;
+}
+
+.message.is-warning {
+ background-color: #fffdf5;
+}
+
+.message.is-warning .message-header {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.message.is-warning .message-body {
+ border-color: #ffdd57;
+ color: #3b3108;
+}
+
+.message.is-danger {
+ background-color: #fff5f7;
+}
+
+.message.is-danger .message-header {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.message.is-danger .message-body {
+ border-color: #ff3860;
+ color: #cd0930;
+}
+
+.message-header {
+ align-items: center;
+ background-color: #4a4a4a;
+ border-radius: 3px 3px 0 0;
+ color: #fff;
+ display: flex;
+ justify-content: space-between;
+ line-height: 1.25;
+ padding: 0.5em 0.75em;
+ position: relative;
+}
+
+.message-header a,
+.message-header strong {
+ color: inherit;
+}
+
+.message-header a {
+ text-decoration: underline;
+}
+
+.message-header .delete {
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-left: 0.75em;
+}
+
+.message-header + .message-body {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top: none;
+}
+
+.message-body {
+ border: 1px solid #dbdbdb;
+ border-radius: 3px;
+ color: #4a4a4a;
+ padding: 1em 1.25em;
+}
+
+.message-body a,
+.message-body strong {
+ color: inherit;
+}
+
+.message-body a {
+ text-decoration: underline;
+}
+
+.message-body code,
+.message-body pre {
+ background: white;
+}
+
+.message-body pre code {
+ background: transparent;
+}
+
+.modal-background {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background-color: rgba(10, 10, 10, 0.86);
+}
+
+.modal-content,
+.modal-card {
+ margin: 0 20px;
+ max-height: calc(100vh - 160px);
+ overflow: auto;
+ position: relative;
+ width: 100%;
+}
+
+@media screen and (min-width: 769px) {
+ .modal-content,
+ .modal-card {
+ margin: 0 auto;
+ max-height: calc(100vh - 40px);
+ width: 640px;
+ }
+}
+
+.modal-close {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1rem;
+ height: 20px;
+ outline: none;
+ position: relative;
+ transform: rotate(45deg);
+ transform-origin: center center;
+ vertical-align: top;
+ width: 20px;
+ background: none;
+ height: 40px;
+ position: fixed;
+ right: 20px;
+ top: 20px;
+ width: 40px;
+}
+
+.modal-close:before, .modal-close:after {
+ background-color: white;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+.modal-close:before {
+ height: 2px;
+ width: 50%;
+}
+
+.modal-close:after {
+ height: 50%;
+ width: 2px;
+}
+
+.modal-close:hover, .modal-close:focus {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.modal-close:active {
+ background-color: rgba(10, 10, 10, 0.4);
+}
+
+.modal-close.is-small {
+ height: 14px;
+ width: 14px;
+}
+
+.modal-close.is-medium {
+ height: 26px;
+ width: 26px;
+}
+
+.modal-close.is-large {
+ height: 30px;
+ width: 30px;
+}
+
+.modal-card {
+ display: flex;
+ flex-direction: column;
+ max-height: calc(100vh - 40px);
+ overflow: hidden;
+}
+
+.modal-card-head,
+.modal-card-foot {
+ align-items: center;
+ background-color: whitesmoke;
+ display: flex;
+ flex-shrink: 0;
+ justify-content: flex-start;
+ padding: 20px;
+ position: relative;
+}
+
+.modal-card-head {
+ border-bottom: 1px solid #dbdbdb;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+}
+
+.modal-card-title {
+ color: #363636;
+ flex-grow: 1;
+ flex-shrink: 0;
+ font-size: 1.5rem;
+ line-height: 1;
+}
+
+.modal-card-foot {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ border-top: 1px solid #dbdbdb;
+}
+
+.modal-card-foot .button:not(:last-child) {
+ margin-right: 10px;
+}
+
+.modal-card-body {
+ -webkit-overflow-scrolling: touch;
+ background-color: white;
+ flex-grow: 1;
+ flex-shrink: 1;
+ overflow: auto;
+ padding: 20px;
+}
+
+.modal {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ align-items: center;
+ display: none;
+ justify-content: center;
+ overflow: hidden;
+ position: fixed;
+ z-index: 1986;
+}
+
+.modal.is-active {
+ display: flex;
+}
+
+.nav-toggle {
+ cursor: pointer;
+ display: block;
+ height: 3.5rem;
+ position: relative;
+ width: 3.5rem;
+}
+
+.nav-toggle span {
+ background-color: #4a4a4a;
+ display: block;
+ height: 1px;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ top: 50%;
+ transition: none 86ms ease-out;
+ transition-property: background, left, opacity, transform;
+ width: 15px;
+}
+
+.nav-toggle span:nth-child(1) {
+ margin-top: -6px;
+}
+
+.nav-toggle span:nth-child(2) {
+ margin-top: -1px;
+}
+
+.nav-toggle span:nth-child(3) {
+ margin-top: 4px;
+}
+
+.nav-toggle:hover {
+ background-color: whitesmoke;
+}
+
+.nav-toggle.is-active span {
+ background-color: #00d1b2;
+}
+
+.nav-toggle.is-active span:nth-child(1) {
+ margin-left: -5px;
+ transform: rotate(45deg);
+ transform-origin: left top;
+}
+
+.nav-toggle.is-active span:nth-child(2) {
+ opacity: 0;
+}
+
+.nav-toggle.is-active span:nth-child(3) {
+ margin-left: -5px;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
+}
+
+@media screen and (min-width: 769px) {
+ .nav-toggle {
+ display: none;
+ }
+}
+
+.nav-item {
+ align-items: center;
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ font-size: 1rem;
+ justify-content: center;
+ padding: 0.5rem 0.75rem;
+}
+
+.nav-item a {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.nav-item img {
+ max-height: 1.75rem;
+}
+
+.nav-item .button + .button {
+ margin-left: 0.75rem;
+}
+
+.nav-item .tag:first-child:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.nav-item .tag:last-child:not(:first-child) {
+ margin-left: 0.5rem;
+}
+
+@media screen and (max-width: 768px) {
+ .nav-item {
+ justify-content: flex-start;
+ }
+}
+
+.nav-item a,
+a.nav-item {
+ color: #7a7a7a;
+}
+
+.nav-item a:hover,
+a.nav-item:hover {
+ color: #363636;
+}
+
+.nav-item a.is-active,
+a.nav-item.is-active {
+ color: #363636;
+}
+
+.nav-item a.is-tab,
+a.nav-item.is-tab {
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ padding-bottom: calc(0.5rem - 1px);
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-top: calc(0.5rem - 1px);
+}
+
+.nav-item a.is-tab:hover,
+a.nav-item.is-tab:hover {
+ border-bottom-color: #00d1b2;
+ border-top-color: transparent;
+}
+
+.nav-item a.is-tab.is-active,
+a.nav-item.is-tab.is-active {
+ border-bottom: 3px solid #00d1b2;
+ color: #00d1b2;
+ padding-bottom: calc(0.5rem - 3px);
+}
+
+@media screen and (min-width: 1000px) {
+ .nav-item a.is-brand,
+ a.nav-item.is-brand {
+ padding-left: 0;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .nav-menu {
+ background-color: white;
+ box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
+ left: 0;
+ display: none;
+ right: 0;
+ top: 100%;
+ position: absolute;
+ }
+ .nav-menu .nav-item {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ padding: 0.75rem;
+ }
+ .nav-menu.is-active {
+ display: block;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 999px) {
+ .nav-menu {
+ padding-right: 1.5rem;
+ }
+}
+
+.nav-left,
+.nav-right {
+ align-items: stretch;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.nav-left {
+ display: flex;
+ justify-content: flex-start;
+ overflow: hidden;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
+.nav-center {
+ align-items: stretch;
+ display: flex;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.nav-right {
+ justify-content: flex-end;
+}
+
+@media screen and (min-width: 769px) {
+ .nav-right {
+ display: flex;
+ }
+}
+
+.nav {
+ align-items: stretch;
+ background-color: white;
+ display: flex;
+ min-height: 3.5rem;
+ position: relative;
+ text-align: center;
+ z-index: 2;
+}
+
+.nav > .container {
+ align-items: stretch;
+ display: flex;
+ min-height: 3.5rem;
+ width: 100%;
+}
+
+.nav.has-shadow {
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
+}
+
+.pagination,
+.pagination-list {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+}
+
+.pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ border: none;
+ border-radius: 3px;
+ box-shadow: none;
+ display: inline-flex;
+ font-size: 1rem;
+ height: 2.285em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+ vertical-align: top;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: 0.875rem;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ justify-content: center;
+ text-align: center;
+}
+
+.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
+.pagination-next:focus,
+.pagination-next.is-focused,
+.pagination-next:active,
+.pagination-next.is-active,
+.pagination-link:focus,
+.pagination-link.is-focused,
+.pagination-link:active,
+.pagination-link.is-active,
+.pagination-ellipsis:focus,
+.pagination-ellipsis.is-focused,
+.pagination-ellipsis:active,
+.pagination-ellipsis.is-active {
+ outline: none;
+}
+
+.pagination-previous[disabled], .pagination-previous.is-disabled,
+.pagination-next[disabled],
+.pagination-next.is-disabled,
+.pagination-link[disabled],
+.pagination-link.is-disabled,
+.pagination-ellipsis[disabled],
+.pagination-ellipsis.is-disabled {
+ pointer-events: none;
+}
+
+.pagination-previous,
+.pagination-next,
+.pagination-link {
+ border: 1px solid #dbdbdb;
+ min-width: 2.5em;
+}
+
+.pagination-previous:hover,
+.pagination-next:hover,
+.pagination-link:hover {
+ border-color: #b5b5b5;
+ color: #363636;
+}
+
+.pagination-previous:focus,
+.pagination-next:focus,
+.pagination-link:focus {
+ border-color: #00d1b2;
+}
+
+.pagination-previous:active,
+.pagination-next:active,
+.pagination-link:active {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+}
+
+.pagination-previous[disabled], .pagination-previous.is-disabled,
+.pagination-next[disabled],
+.pagination-next.is-disabled,
+.pagination-link[disabled],
+.pagination-link.is-disabled {
+ background: #dbdbdb;
+ color: #7a7a7a;
+ opacity: 0.5;
+ pointer-events: none;
+}
+
+.pagination-previous,
+.pagination-next {
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+}
+
+.pagination-link.is-current {
+ background-color: #00d1b2;
+ border-color: #00d1b2;
+ color: #fff;
+}
+
+.pagination-ellipsis {
+ color: #b5b5b5;
+ pointer-events: none;
+}
+
+.pagination-list li:not(:first-child) {
+ margin-left: 0.375rem;
+}
+
+@media screen and (max-width: 768px) {
+ .pagination {
+ flex-wrap: wrap;
+ }
+ .pagination-previous,
+ .pagination-next {
+ flex-grow: 1;
+ flex-shrink: 1;
+ width: calc(50% - 0.375rem);
+ }
+ .pagination-next {
+ margin-left: 0.75rem;
+ }
+ .pagination-list {
+ margin-top: 0.75rem;
+ }
+ .pagination-list li {
+ flex-grow: 1;
+ flex-shrink: 1;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .pagination-list {
+ flex-grow: 1;
+ flex-shrink: 1;
+ justify-content: flex-start;
+ order: 1;
+ }
+ .pagination-previous,
+ .pagination-next {
+ margin-left: 0.75rem;
+ }
+ .pagination-previous {
+ order: 2;
+ }
+ .pagination-next {
+ order: 3;
+ }
+ .pagination {
+ justify-content: space-between;
+ }
+ .pagination.is-centered .pagination-previous {
+ margin-left: 0;
+ order: 1;
+ }
+ .pagination.is-centered .pagination-list {
+ justify-content: center;
+ order: 2;
+ }
+ .pagination.is-centered .pagination-next {
+ order: 3;
+ }
+ .pagination.is-right .pagination-previous {
+ margin-left: 0;
+ order: 1;
+ }
+ .pagination.is-right .pagination-next {
+ order: 2;
+ margin-right: 0.75rem;
+ }
+ .pagination.is-right .pagination-list {
+ justify-content: flex-end;
+ order: 3;
+ }
+}
+
+.panel {
+ font-size: 1rem;
+}
+
+.panel:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.panel-heading,
+.panel-tabs,
+.panel-block {
+ border-bottom: 1px solid #dbdbdb;
+ border-left: 1px solid #dbdbdb;
+ border-right: 1px solid #dbdbdb;
+}
+
+.panel-heading:first-child,
+.panel-tabs:first-child,
+.panel-block:first-child {
+ border-top: 1px solid #dbdbdb;
+}
+
+.panel-heading {
+ background-color: whitesmoke;
+ border-radius: 3px 3px 0 0;
+ color: #363636;
+ font-size: 1.25em;
+ font-weight: 300;
+ line-height: 1.25;
+ padding: 0.5em 0.75em;
+}
+
+.panel-tabs {
+ align-items: flex-end;
+ display: flex;
+ font-size: 0.875em;
+ justify-content: center;
+}
+
+.panel-tabs a {
+ border-bottom: 1px solid #dbdbdb;
+ margin-bottom: -1px;
+ padding: 0.5em;
+}
+
+.panel-tabs a.is-active {
+ border-bottom-color: #4a4a4a;
+ color: #363636;
+}
+
+.panel-list a {
+ color: #4a4a4a;
+}
+
+.panel-list a:hover {
+ color: #00d1b2;
+}
+
+.panel-block {
+ align-items: center;
+ color: #363636;
+ display: flex;
+ justify-content: flex-start;
+ padding: 0.5em 0.75em;
+}
+
+.panel-block input[type="checkbox"] {
+ margin-right: 0.75em;
+}
+
+.panel-block > .control {
+ flex-grow: 1;
+ flex-shrink: 1;
+ width: 100%;
+}
+
+.panel-block.is-active {
+ border-left-color: #00d1b2;
+ color: #363636;
+}
+
+.panel-block.is-active .panel-icon {
+ color: #00d1b2;
+}
+
+a.panel-block,
+label.panel-block {
+ cursor: pointer;
+}
+
+a.panel-block:hover,
+label.panel-block:hover {
+ background-color: whitesmoke;
+}
+
+.panel-icon {
+ display: inline-block;
+ font-size: 14px;
+ height: 1em;
+ line-height: 1em;
+ text-align: center;
+ vertical-align: top;
+ width: 1em;
+ color: #7a7a7a;
+ margin-right: 0.75em;
+}
+
+.panel-icon .fa {
+ font-size: inherit;
+ line-height: inherit;
+}
+
+.tabs {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ align-items: stretch;
+ display: flex;
+ font-size: 1rem;
+ justify-content: space-between;
+ overflow: hidden;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
+.tabs:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.tabs a {
+ align-items: center;
+ border-bottom: 1px solid #dbdbdb;
+ color: #4a4a4a;
+ display: flex;
+ justify-content: center;
+ margin-bottom: -1px;
+ padding: 0.5em 1em;
+ vertical-align: top;
+}
+
+.tabs a:hover {
+ border-bottom-color: #363636;
+ color: #363636;
+}
+
+.tabs li {
+ display: block;
+}
+
+.tabs li.is-active a {
+ border-bottom-color: #00d1b2;
+ color: #00d1b2;
+}
+
+.tabs ul {
+ align-items: center;
+ border-bottom: 1px solid #dbdbdb;
+ display: flex;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-start;
+}
+
+.tabs ul.is-left {
+ padding-right: 0.75em;
+}
+
+.tabs ul.is-center {
+ flex: none;
+ justify-content: center;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+}
+
+.tabs ul.is-right {
+ justify-content: flex-end;
+ padding-left: 0.75em;
+}
+
+.tabs .icon:first-child {
+ margin-right: 0.5em;
+}
+
+.tabs .icon:last-child {
+ margin-left: 0.5em;
+}
+
+.tabs.is-centered ul {
+ justify-content: center;
+}
+
+.tabs.is-right ul {
+ justify-content: flex-end;
+}
+
+.tabs.is-boxed a {
+ border: 1px solid transparent;
+ border-radius: 3px 3px 0 0;
+}
+
+.tabs.is-boxed a:hover {
+ background-color: whitesmoke;
+ border-bottom-color: #dbdbdb;
+}
+
+.tabs.is-boxed li.is-active a {
+ background-color: white;
+ border-color: #dbdbdb;
+ border-bottom-color: transparent !important;
+}
+
+.tabs.is-fullwidth li {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.tabs.is-toggle a {
+ border: 1px solid #dbdbdb;
+ margin-bottom: 0;
+ position: relative;
+}
+
+.tabs.is-toggle a:hover {
+ background-color: whitesmoke;
+ border-color: #b5b5b5;
+ z-index: 2;
+}
+
+.tabs.is-toggle li + li {
+ margin-left: -1px;
+}
+
+.tabs.is-toggle li:first-child a {
+ border-radius: 3px 0 0 3px;
+}
+
+.tabs.is-toggle li:last-child a {
+ border-radius: 0 3px 3px 0;
+}
+
+.tabs.is-toggle li.is-active a {
+ background-color: #00d1b2;
+ border-color: #00d1b2;
+ color: #fff;
+ z-index: 1;
+}
+
+.tabs.is-toggle ul {
+ border-bottom: none;
+}
+
+.tabs.is-small {
+ font-size: 0.75rem;
+}
+
+.tabs.is-medium {
+ font-size: 1.25rem;
+}
+
+.tabs.is-large {
+ font-size: 1.5rem;
+}
+
+.column {
+ display: block;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
+ padding: 0.75rem;
+}
+
+.columns.is-mobile > .column.is-narrow {
+ flex: none;
+}
+
+.columns.is-mobile > .column.is-full {
+ flex: none;
+ width: 100%;
+}
+
+.columns.is-mobile > .column.is-three-quarters {
+ flex: none;
+ width: 75%;
+}
+
+.columns.is-mobile > .column.is-two-thirds {
+ flex: none;
+ width: 66.6666%;
+}
+
+.columns.is-mobile > .column.is-half {
+ flex: none;
+ width: 50%;
+}
+
+.columns.is-mobile > .column.is-one-third {
+ flex: none;
+ width: 33.3333%;
+}
+
+.columns.is-mobile > .column.is-one-quarter {
+ flex: none;
+ width: 25%;
+}
+
+.columns.is-mobile > .column.is-offset-three-quarters {
+ margin-left: 75%;
+}
+
+.columns.is-mobile > .column.is-offset-two-thirds {
+ margin-left: 66.6666%;
+}
+
+.columns.is-mobile > .column.is-offset-half {
+ margin-left: 50%;
+}
+
+.columns.is-mobile > .column.is-offset-one-third {
+ margin-left: 33.3333%;
+}
+
+.columns.is-mobile > .column.is-offset-one-quarter {
+ margin-left: 25%;
+}
+
+.columns.is-mobile > .column.is-1 {
+ flex: none;
+ width: 8.33333%;
+}
+
+.columns.is-mobile > .column.is-offset-1 {
+ margin-left: 8.33333%;
+}
+
+.columns.is-mobile > .column.is-2 {
+ flex: none;
+ width: 16.66667%;
+}
+
+.columns.is-mobile > .column.is-offset-2 {
+ margin-left: 16.66667%;
+}
+
+.columns.is-mobile > .column.is-3 {
+ flex: none;
+ width: 25%;
+}
+
+.columns.is-mobile > .column.is-offset-3 {
+ margin-left: 25%;
+}
+
+.columns.is-mobile > .column.is-4 {
+ flex: none;
+ width: 33.33333%;
+}
+
+.columns.is-mobile > .column.is-offset-4 {
+ margin-left: 33.33333%;
+}
+
+.columns.is-mobile > .column.is-5 {
+ flex: none;
+ width: 41.66667%;
+}
+
+.columns.is-mobile > .column.is-offset-5 {
+ margin-left: 41.66667%;
+}
+
+.columns.is-mobile > .column.is-6 {
+ flex: none;
+ width: 50%;
+}
+
+.columns.is-mobile > .column.is-offset-6 {
+ margin-left: 50%;
+}
+
+.columns.is-mobile > .column.is-7 {
+ flex: none;
+ width: 58.33333%;
+}
+
+.columns.is-mobile > .column.is-offset-7 {
+ margin-left: 58.33333%;
+}
+
+.columns.is-mobile > .column.is-8 {
+ flex: none;
+ width: 66.66667%;
+}
+
+.columns.is-mobile > .column.is-offset-8 {
+ margin-left: 66.66667%;
+}
+
+.columns.is-mobile > .column.is-9 {
+ flex: none;
+ width: 75%;
+}
+
+.columns.is-mobile > .column.is-offset-9 {
+ margin-left: 75%;
+}
+
+.columns.is-mobile > .column.is-10 {
+ flex: none;
+ width: 83.33333%;
+}
+
+.columns.is-mobile > .column.is-offset-10 {
+ margin-left: 83.33333%;
+}
+
+.columns.is-mobile > .column.is-11 {
+ flex: none;
+ width: 91.66667%;
+}
+
+.columns.is-mobile > .column.is-offset-11 {
+ margin-left: 91.66667%;
+}
+
+.columns.is-mobile > .column.is-12 {
+ flex: none;
+ width: 100%;
+}
+
+.columns.is-mobile > .column.is-offset-12 {
+ margin-left: 100%;
+}
+
+@media screen and (max-width: 768px) {
+ .column.is-narrow-mobile {
+ flex: none;
+ }
+ .column.is-full-mobile {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-three-quarters-mobile {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-two-thirds-mobile {
+ flex: none;
+ width: 66.6666%;
+ }
+ .column.is-half-mobile {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-one-third-mobile {
+ flex: none;
+ width: 33.3333%;
+ }
+ .column.is-one-quarter-mobile {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-three-quarters-mobile {
+ margin-left: 75%;
+ }
+ .column.is-offset-two-thirds-mobile {
+ margin-left: 66.6666%;
+ }
+ .column.is-offset-half-mobile {
+ margin-left: 50%;
+ }
+ .column.is-offset-one-third-mobile {
+ margin-left: 33.3333%;
+ }
+ .column.is-offset-one-quarter-mobile {
+ margin-left: 25%;
+ }
+ .column.is-1-mobile {
+ flex: none;
+ width: 8.33333%;
+ }
+ .column.is-offset-1-mobile {
+ margin-left: 8.33333%;
+ }
+ .column.is-2-mobile {
+ flex: none;
+ width: 16.66667%;
+ }
+ .column.is-offset-2-mobile {
+ margin-left: 16.66667%;
+ }
+ .column.is-3-mobile {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-3-mobile {
+ margin-left: 25%;
+ }
+ .column.is-4-mobile {
+ flex: none;
+ width: 33.33333%;
+ }
+ .column.is-offset-4-mobile {
+ margin-left: 33.33333%;
+ }
+ .column.is-5-mobile {
+ flex: none;
+ width: 41.66667%;
+ }
+ .column.is-offset-5-mobile {
+ margin-left: 41.66667%;
+ }
+ .column.is-6-mobile {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-offset-6-mobile {
+ margin-left: 50%;
+ }
+ .column.is-7-mobile {
+ flex: none;
+ width: 58.33333%;
+ }
+ .column.is-offset-7-mobile {
+ margin-left: 58.33333%;
+ }
+ .column.is-8-mobile {
+ flex: none;
+ width: 66.66667%;
+ }
+ .column.is-offset-8-mobile {
+ margin-left: 66.66667%;
+ }
+ .column.is-9-mobile {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-offset-9-mobile {
+ margin-left: 75%;
+ }
+ .column.is-10-mobile {
+ flex: none;
+ width: 83.33333%;
+ }
+ .column.is-offset-10-mobile {
+ margin-left: 83.33333%;
+ }
+ .column.is-11-mobile {
+ flex: none;
+ width: 91.66667%;
+ }
+ .column.is-offset-11-mobile {
+ margin-left: 91.66667%;
+ }
+ .column.is-12-mobile {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-offset-12-mobile {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .column.is-narrow, .column.is-narrow-tablet {
+ flex: none;
+ }
+ .column.is-full, .column.is-full-tablet {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-three-quarters, .column.is-three-quarters-tablet {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-two-thirds, .column.is-two-thirds-tablet {
+ flex: none;
+ width: 66.6666%;
+ }
+ .column.is-half, .column.is-half-tablet {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-one-third, .column.is-one-third-tablet {
+ flex: none;
+ width: 33.3333%;
+ }
+ .column.is-one-quarter, .column.is-one-quarter-tablet {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
+ margin-left: 75%;
+ }
+ .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
+ margin-left: 66.6666%;
+ }
+ .column.is-offset-half, .column.is-offset-half-tablet {
+ margin-left: 50%;
+ }
+ .column.is-offset-one-third, .column.is-offset-one-third-tablet {
+ margin-left: 33.3333%;
+ }
+ .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
+ margin-left: 25%;
+ }
+ .column.is-1, .column.is-1-tablet {
+ flex: none;
+ width: 8.33333%;
+ }
+ .column.is-offset-1, .column.is-offset-1-tablet {
+ margin-left: 8.33333%;
+ }
+ .column.is-2, .column.is-2-tablet {
+ flex: none;
+ width: 16.66667%;
+ }
+ .column.is-offset-2, .column.is-offset-2-tablet {
+ margin-left: 16.66667%;
+ }
+ .column.is-3, .column.is-3-tablet {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-3, .column.is-offset-3-tablet {
+ margin-left: 25%;
+ }
+ .column.is-4, .column.is-4-tablet {
+ flex: none;
+ width: 33.33333%;
+ }
+ .column.is-offset-4, .column.is-offset-4-tablet {
+ margin-left: 33.33333%;
+ }
+ .column.is-5, .column.is-5-tablet {
+ flex: none;
+ width: 41.66667%;
+ }
+ .column.is-offset-5, .column.is-offset-5-tablet {
+ margin-left: 41.66667%;
+ }
+ .column.is-6, .column.is-6-tablet {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-offset-6, .column.is-offset-6-tablet {
+ margin-left: 50%;
+ }
+ .column.is-7, .column.is-7-tablet {
+ flex: none;
+ width: 58.33333%;
+ }
+ .column.is-offset-7, .column.is-offset-7-tablet {
+ margin-left: 58.33333%;
+ }
+ .column.is-8, .column.is-8-tablet {
+ flex: none;
+ width: 66.66667%;
+ }
+ .column.is-offset-8, .column.is-offset-8-tablet {
+ margin-left: 66.66667%;
+ }
+ .column.is-9, .column.is-9-tablet {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-offset-9, .column.is-offset-9-tablet {
+ margin-left: 75%;
+ }
+ .column.is-10, .column.is-10-tablet {
+ flex: none;
+ width: 83.33333%;
+ }
+ .column.is-offset-10, .column.is-offset-10-tablet {
+ margin-left: 83.33333%;
+ }
+ .column.is-11, .column.is-11-tablet {
+ flex: none;
+ width: 91.66667%;
+ }
+ .column.is-offset-11, .column.is-offset-11-tablet {
+ margin-left: 91.66667%;
+ }
+ .column.is-12, .column.is-12-tablet {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-offset-12, .column.is-offset-12-tablet {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .column.is-narrow-desktop {
+ flex: none;
+ }
+ .column.is-full-desktop {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-three-quarters-desktop {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-two-thirds-desktop {
+ flex: none;
+ width: 66.6666%;
+ }
+ .column.is-half-desktop {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-one-third-desktop {
+ flex: none;
+ width: 33.3333%;
+ }
+ .column.is-one-quarter-desktop {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-three-quarters-desktop {
+ margin-left: 75%;
+ }
+ .column.is-offset-two-thirds-desktop {
+ margin-left: 66.6666%;
+ }
+ .column.is-offset-half-desktop {
+ margin-left: 50%;
+ }
+ .column.is-offset-one-third-desktop {
+ margin-left: 33.3333%;
+ }
+ .column.is-offset-one-quarter-desktop {
+ margin-left: 25%;
+ }
+ .column.is-1-desktop {
+ flex: none;
+ width: 8.33333%;
+ }
+ .column.is-offset-1-desktop {
+ margin-left: 8.33333%;
+ }
+ .column.is-2-desktop {
+ flex: none;
+ width: 16.66667%;
+ }
+ .column.is-offset-2-desktop {
+ margin-left: 16.66667%;
+ }
+ .column.is-3-desktop {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-3-desktop {
+ margin-left: 25%;
+ }
+ .column.is-4-desktop {
+ flex: none;
+ width: 33.33333%;
+ }
+ .column.is-offset-4-desktop {
+ margin-left: 33.33333%;
+ }
+ .column.is-5-desktop {
+ flex: none;
+ width: 41.66667%;
+ }
+ .column.is-offset-5-desktop {
+ margin-left: 41.66667%;
+ }
+ .column.is-6-desktop {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-offset-6-desktop {
+ margin-left: 50%;
+ }
+ .column.is-7-desktop {
+ flex: none;
+ width: 58.33333%;
+ }
+ .column.is-offset-7-desktop {
+ margin-left: 58.33333%;
+ }
+ .column.is-8-desktop {
+ flex: none;
+ width: 66.66667%;
+ }
+ .column.is-offset-8-desktop {
+ margin-left: 66.66667%;
+ }
+ .column.is-9-desktop {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-offset-9-desktop {
+ margin-left: 75%;
+ }
+ .column.is-10-desktop {
+ flex: none;
+ width: 83.33333%;
+ }
+ .column.is-offset-10-desktop {
+ margin-left: 83.33333%;
+ }
+ .column.is-11-desktop {
+ flex: none;
+ width: 91.66667%;
+ }
+ .column.is-offset-11-desktop {
+ margin-left: 91.66667%;
+ }
+ .column.is-12-desktop {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-offset-12-desktop {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 1192px) {
+ .column.is-narrow-widescreen {
+ flex: none;
+ }
+ .column.is-full-widescreen {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-three-quarters-widescreen {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-two-thirds-widescreen {
+ flex: none;
+ width: 66.6666%;
+ }
+ .column.is-half-widescreen {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-one-third-widescreen {
+ flex: none;
+ width: 33.3333%;
+ }
+ .column.is-one-quarter-widescreen {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-three-quarters-widescreen {
+ margin-left: 75%;
+ }
+ .column.is-offset-two-thirds-widescreen {
+ margin-left: 66.6666%;
+ }
+ .column.is-offset-half-widescreen {
+ margin-left: 50%;
+ }
+ .column.is-offset-one-third-widescreen {
+ margin-left: 33.3333%;
+ }
+ .column.is-offset-one-quarter-widescreen {
+ margin-left: 25%;
+ }
+ .column.is-1-widescreen {
+ flex: none;
+ width: 8.33333%;
+ }
+ .column.is-offset-1-widescreen {
+ margin-left: 8.33333%;
+ }
+ .column.is-2-widescreen {
+ flex: none;
+ width: 16.66667%;
+ }
+ .column.is-offset-2-widescreen {
+ margin-left: 16.66667%;
+ }
+ .column.is-3-widescreen {
+ flex: none;
+ width: 25%;
+ }
+ .column.is-offset-3-widescreen {
+ margin-left: 25%;
+ }
+ .column.is-4-widescreen {
+ flex: none;
+ width: 33.33333%;
+ }
+ .column.is-offset-4-widescreen {
+ margin-left: 33.33333%;
+ }
+ .column.is-5-widescreen {
+ flex: none;
+ width: 41.66667%;
+ }
+ .column.is-offset-5-widescreen {
+ margin-left: 41.66667%;
+ }
+ .column.is-6-widescreen {
+ flex: none;
+ width: 50%;
+ }
+ .column.is-offset-6-widescreen {
+ margin-left: 50%;
+ }
+ .column.is-7-widescreen {
+ flex: none;
+ width: 58.33333%;
+ }
+ .column.is-offset-7-widescreen {
+ margin-left: 58.33333%;
+ }
+ .column.is-8-widescreen {
+ flex: none;
+ width: 66.66667%;
+ }
+ .column.is-offset-8-widescreen {
+ margin-left: 66.66667%;
+ }
+ .column.is-9-widescreen {
+ flex: none;
+ width: 75%;
+ }
+ .column.is-offset-9-widescreen {
+ margin-left: 75%;
+ }
+ .column.is-10-widescreen {
+ flex: none;
+ width: 83.33333%;
+ }
+ .column.is-offset-10-widescreen {
+ margin-left: 83.33333%;
+ }
+ .column.is-11-widescreen {
+ flex: none;
+ width: 91.66667%;
+ }
+ .column.is-offset-11-widescreen {
+ margin-left: 91.66667%;
+ }
+ .column.is-12-widescreen {
+ flex: none;
+ width: 100%;
+ }
+ .column.is-offset-12-widescreen {
+ margin-left: 100%;
+ }
+}
+
+.columns {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ margin-top: -0.75rem;
+}
+
+.columns:last-child {
+ margin-bottom: -0.75rem;
+}
+
+.columns:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.columns.is-centered {
+ justify-content: center;
+}
+
+.columns.is-gapless {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+}
+
+.columns.is-gapless:last-child {
+ margin-bottom: 0;
+}
+
+.columns.is-gapless:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.columns.is-gapless > .column {
+ margin: 0;
+ padding: 0;
+}
+
+@media screen and (min-width: 769px) {
+ .columns.is-grid {
+ flex-wrap: wrap;
+ }
+ .columns.is-grid > .column {
+ max-width: 33.3333%;
+ padding: 0.75rem;
+ width: 33.3333%;
+ }
+ .columns.is-grid > .column + .column {
+ margin-left: 0;
+ }
+}
+
+.columns.is-mobile {
+ display: flex;
+}
+
+.columns.is-multiline {
+ flex-wrap: wrap;
+}
+
+.columns.is-vcentered {
+ align-items: center;
+}
+
+@media screen and (min-width: 769px) {
+ .columns:not(.is-desktop) {
+ display: flex;
+ }
+}
+
+@media screen and (min-width: 1000px) {
+ .columns.is-desktop {
+ display: flex;
+ }
+}
+
+.tile {
+ align-items: stretch;
+ display: block;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
+ min-height: min-content;
+}
+
+.tile.is-ancestor {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ margin-top: -0.75rem;
+}
+
+.tile.is-ancestor:last-child {
+ margin-bottom: -0.75rem;
+}
+
+.tile.is-ancestor:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.tile.is-child {
+ margin: 0 !important;
+}
+
+.tile.is-parent {
+ padding: 0.75rem;
+}
+
+.tile.is-vertical {
+ flex-direction: column;
+}
+
+.tile.is-vertical > .tile.is-child:not(:last-child) {
+ margin-bottom: 1.5rem !important;
+}
+
+@media screen and (min-width: 769px) {
+ .tile:not(.is-child) {
+ display: flex;
+ }
+ .tile.is-1 {
+ flex: none;
+ width: 8.33333%;
+ }
+ .tile.is-2 {
+ flex: none;
+ width: 16.66667%;
+ }
+ .tile.is-3 {
+ flex: none;
+ width: 25%;
+ }
+ .tile.is-4 {
+ flex: none;
+ width: 33.33333%;
+ }
+ .tile.is-5 {
+ flex: none;
+ width: 41.66667%;
+ }
+ .tile.is-6 {
+ flex: none;
+ width: 50%;
+ }
+ .tile.is-7 {
+ flex: none;
+ width: 58.33333%;
+ }
+ .tile.is-8 {
+ flex: none;
+ width: 66.66667%;
+ }
+ .tile.is-9 {
+ flex: none;
+ width: 75%;
+ }
+ .tile.is-10 {
+ flex: none;
+ width: 83.33333%;
+ }
+ .tile.is-11 {
+ flex: none;
+ width: 91.66667%;
+ }
+ .tile.is-12 {
+ flex: none;
+ width: 100%;
+ }
+}
+
+.hero-video {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ overflow: hidden;
+}
+
+.hero-video video {
+ left: 50%;
+ min-height: 100%;
+ min-width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translate3d(-50%, -50%, 0);
+}
+
+.hero-video.is-transparent {
+ opacity: 0.3;
+}
+
+@media screen and (max-width: 768px) {
+ .hero-video {
+ display: none;
+ }
+}
+
+.hero-buttons {
+ margin-top: 1.5rem;
+}
+
+@media screen and (max-width: 768px) {
+ .hero-buttons .button {
+ display: flex;
+ }
+ .hero-buttons .button:not(:last-child) {
+ margin-bottom: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .hero-buttons {
+ display: flex;
+ justify-content: center;
+ }
+ .hero-buttons .button:not(:last-child) {
+ margin-right: 1.5rem;
+ }
+}
+
+.hero-head,
+.hero-foot {
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.hero-body {
+ flex-grow: 1;
+ flex-shrink: 0;
+ padding: 3rem 1.5rem;
+}
+
+@media screen and (min-width: 1192px) {
+ .hero-body {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.hero {
+ align-items: stretch;
+ background-color: white;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.hero .nav {
+ background: none;
+ box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
+}
+
+.hero .tabs ul {
+ border-bottom: none;
+}
+
+.hero.is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.hero.is-white a,
+.hero.is-white strong {
+ color: inherit;
+}
+
+.hero.is-white .title {
+ color: #0a0a0a;
+}
+
+.hero.is-white .subtitle {
+ color: rgba(10, 10, 10, 0.9);
+}
+
+.hero.is-white .subtitle a,
+.hero.is-white .subtitle strong {
+ color: #0a0a0a;
+}
+
+.hero.is-white .nav {
+ box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-white .nav-menu {
+ background-color: white;
+ }
+}
+
+.hero.is-white a.nav-item,
+.hero.is-white .nav-item a:not(.button) {
+ color: rgba(10, 10, 10, 0.7);
+}
+
+.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,
+.hero.is-white .nav-item a:not(.button):hover,
+.hero.is-white .nav-item a:not(.button).is-active {
+ color: #0a0a0a;
+}
+
+.hero.is-white .tabs a {
+ color: #0a0a0a;
+ opacity: 0.9;
+}
+
+.hero.is-white .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-white .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
+ color: #0a0a0a;
+}
+
+.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: white;
+}
+
+.hero.is-white.is-bold {
+ background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-white .nav-toggle span {
+ background-color: #0a0a0a;
+ }
+ .hero.is-white .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-white .nav-toggle.is-active span {
+ background-color: #0a0a0a;
+ }
+ .hero.is-white .nav-menu .nav-item {
+ border-top-color: rgba(10, 10, 10, 0.2);
+ }
+}
+
+.hero.is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.hero.is-black a,
+.hero.is-black strong {
+ color: inherit;
+}
+
+.hero.is-black .title {
+ color: white;
+}
+
+.hero.is-black .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-black .subtitle a,
+.hero.is-black .subtitle strong {
+ color: white;
+}
+
+.hero.is-black .nav {
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-black .nav-menu {
+ background-color: #0a0a0a;
+ }
+}
+
+.hero.is-black a.nav-item,
+.hero.is-black .nav-item a:not(.button) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,
+.hero.is-black .nav-item a:not(.button):hover,
+.hero.is-black .nav-item a:not(.button).is-active {
+ color: white;
+}
+
+.hero.is-black .tabs a {
+ color: white;
+ opacity: 0.9;
+}
+
+.hero.is-black .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-black .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
+ color: white;
+}
+
+.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
+ background-color: white;
+ border-color: white;
+ color: #0a0a0a;
+}
+
+.hero.is-black.is-bold {
+ background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-black .nav-toggle span {
+ background-color: white;
+ }
+ .hero.is-black .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-black .nav-toggle.is-active span {
+ background-color: white;
+ }
+ .hero.is-black .nav-menu .nav-item {
+ border-top-color: rgba(255, 255, 255, 0.2);
+ }
+}
+
+.hero.is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.hero.is-light a,
+.hero.is-light strong {
+ color: inherit;
+}
+
+.hero.is-light .title {
+ color: #363636;
+}
+
+.hero.is-light .subtitle {
+ color: rgba(54, 54, 54, 0.9);
+}
+
+.hero.is-light .subtitle a,
+.hero.is-light .subtitle strong {
+ color: #363636;
+}
+
+.hero.is-light .nav {
+ box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-light .nav-menu {
+ background-color: whitesmoke;
+ }
+}
+
+.hero.is-light a.nav-item,
+.hero.is-light .nav-item a:not(.button) {
+ color: rgba(54, 54, 54, 0.7);
+}
+
+.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,
+.hero.is-light .nav-item a:not(.button):hover,
+.hero.is-light .nav-item a:not(.button).is-active {
+ color: #363636;
+}
+
+.hero.is-light .tabs a {
+ color: #363636;
+ opacity: 0.9;
+}
+
+.hero.is-light .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-light .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
+ color: #363636;
+}
+
+.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
+ background-color: #363636;
+ border-color: #363636;
+ color: whitesmoke;
+}
+
+.hero.is-light.is-bold {
+ background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-light .nav-toggle span {
+ background-color: #363636;
+ }
+ .hero.is-light .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-light .nav-toggle.is-active span {
+ background-color: #363636;
+ }
+ .hero.is-light .nav-menu .nav-item {
+ border-top-color: rgba(54, 54, 54, 0.2);
+ }
+}
+
+.hero.is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.hero.is-dark a,
+.hero.is-dark strong {
+ color: inherit;
+}
+
+.hero.is-dark .title {
+ color: whitesmoke;
+}
+
+.hero.is-dark .subtitle {
+ color: rgba(245, 245, 245, 0.9);
+}
+
+.hero.is-dark .subtitle a,
+.hero.is-dark .subtitle strong {
+ color: whitesmoke;
+}
+
+.hero.is-dark .nav {
+ box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-dark .nav-menu {
+ background-color: #363636;
+ }
+}
+
+.hero.is-dark a.nav-item,
+.hero.is-dark .nav-item a:not(.button) {
+ color: rgba(245, 245, 245, 0.7);
+}
+
+.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,
+.hero.is-dark .nav-item a:not(.button):hover,
+.hero.is-dark .nav-item a:not(.button).is-active {
+ color: whitesmoke;
+}
+
+.hero.is-dark .tabs a {
+ color: whitesmoke;
+ opacity: 0.9;
+}
+
+.hero.is-dark .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-dark .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
+ color: whitesmoke;
+}
+
+.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ color: #363636;
+}
+
+.hero.is-dark.is-bold {
+ background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-dark .nav-toggle span {
+ background-color: whitesmoke;
+ }
+ .hero.is-dark .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-dark .nav-toggle.is-active span {
+ background-color: whitesmoke;
+ }
+ .hero.is-dark .nav-menu .nav-item {
+ border-top-color: rgba(245, 245, 245, 0.2);
+ }
+}
+
+.hero.is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.hero.is-primary a,
+.hero.is-primary strong {
+ color: inherit;
+}
+
+.hero.is-primary .title {
+ color: #fff;
+}
+
+.hero.is-primary .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-primary .subtitle a,
+.hero.is-primary .subtitle strong {
+ color: #fff;
+}
+
+.hero.is-primary .nav {
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-primary .nav-menu {
+ background-color: #00d1b2;
+ }
+}
+
+.hero.is-primary a.nav-item,
+.hero.is-primary .nav-item a:not(.button) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,
+.hero.is-primary .nav-item a:not(.button):hover,
+.hero.is-primary .nav-item a:not(.button).is-active {
+ color: #fff;
+}
+
+.hero.is-primary .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-primary .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-primary .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #00d1b2;
+}
+
+.hero.is-primary.is-bold {
+ background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-primary .nav-toggle span {
+ background-color: #fff;
+ }
+ .hero.is-primary .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-primary .nav-toggle.is-active span {
+ background-color: #fff;
+ }
+ .hero.is-primary .nav-menu .nav-item {
+ border-top-color: rgba(255, 255, 255, 0.2);
+ }
+}
+
+.hero.is-info {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.hero.is-info a,
+.hero.is-info strong {
+ color: inherit;
+}
+
+.hero.is-info .title {
+ color: #fff;
+}
+
+.hero.is-info .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-info .subtitle a,
+.hero.is-info .subtitle strong {
+ color: #fff;
+}
+
+.hero.is-info .nav {
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-info .nav-menu {
+ background-color: #3273dc;
+ }
+}
+
+.hero.is-info a.nav-item,
+.hero.is-info .nav-item a:not(.button) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,
+.hero.is-info .nav-item a:not(.button):hover,
+.hero.is-info .nav-item a:not(.button).is-active {
+ color: #fff;
+}
+
+.hero.is-info .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-info .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-info .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #3273dc;
+}
+
+.hero.is-info.is-bold {
+ background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-info .nav-toggle span {
+ background-color: #fff;
+ }
+ .hero.is-info .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-info .nav-toggle.is-active span {
+ background-color: #fff;
+ }
+ .hero.is-info .nav-menu .nav-item {
+ border-top-color: rgba(255, 255, 255, 0.2);
+ }
+}
+
+.hero.is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.hero.is-success a,
+.hero.is-success strong {
+ color: inherit;
+}
+
+.hero.is-success .title {
+ color: #fff;
+}
+
+.hero.is-success .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-success .subtitle a,
+.hero.is-success .subtitle strong {
+ color: #fff;
+}
+
+.hero.is-success .nav {
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-success .nav-menu {
+ background-color: #23d160;
+ }
+}
+
+.hero.is-success a.nav-item,
+.hero.is-success .nav-item a:not(.button) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,
+.hero.is-success .nav-item a:not(.button):hover,
+.hero.is-success .nav-item a:not(.button).is-active {
+ color: #fff;
+}
+
+.hero.is-success .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-success .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-success .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #23d160;
+}
+
+.hero.is-success.is-bold {
+ background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-success .nav-toggle span {
+ background-color: #fff;
+ }
+ .hero.is-success .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-success .nav-toggle.is-active span {
+ background-color: #fff;
+ }
+ .hero.is-success .nav-menu .nav-item {
+ border-top-color: rgba(255, 255, 255, 0.2);
+ }
+}
+
+.hero.is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning a,
+.hero.is-warning strong {
+ color: inherit;
+}
+
+.hero.is-warning .title {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .subtitle {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.hero.is-warning .subtitle a,
+.hero.is-warning .subtitle strong {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .nav {
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-warning .nav-menu {
+ background-color: #ffdd57;
+ }
+}
+
+.hero.is-warning a.nav-item,
+.hero.is-warning .nav-item a:not(.button) {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
+.hero.is-warning .nav-item a:not(.button):hover,
+.hero.is-warning .nav-item a:not(.button).is-active {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .tabs a {
+ color: rgba(0, 0, 0, 0.7);
+ opacity: 0.9;
+}
+
+.hero.is-warning .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-warning .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7);
+ color: #ffdd57;
+}
+
+.hero.is-warning.is-bold {
+ background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-warning .nav-toggle span {
+ background-color: rgba(0, 0, 0, 0.7);
+ }
+ .hero.is-warning .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-warning .nav-toggle.is-active span {
+ background-color: rgba(0, 0, 0, 0.7);
+ }
+ .hero.is-warning .nav-menu .nav-item {
+ border-top-color: rgba(0, 0, 0, 0.2);
+ }
+}
+
+.hero.is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.hero.is-danger a,
+.hero.is-danger strong {
+ color: inherit;
+}
+
+.hero.is-danger .title {
+ color: #fff;
+}
+
+.hero.is-danger .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-danger .subtitle a,
+.hero.is-danger .subtitle strong {
+ color: #fff;
+}
+
+.hero.is-danger .nav {
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-danger .nav-menu {
+ background-color: #ff3860;
+ }
+}
+
+.hero.is-danger a.nav-item,
+.hero.is-danger .nav-item a:not(.button) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,
+.hero.is-danger .nav-item a:not(.button):hover,
+.hero.is-danger .nav-item a:not(.button).is-active {
+ color: #fff;
+}
+
+.hero.is-danger .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-danger .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-danger .tabs li.is-active a {
+ opacity: 1;
+}
+
+.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #ff3860;
+}
+
+.hero.is-danger.is-bold {
+ background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-danger .nav-toggle span {
+ background-color: #fff;
+ }
+ .hero.is-danger .nav-toggle:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+ }
+ .hero.is-danger .nav-toggle.is-active span {
+ background-color: #fff;
+ }
+ .hero.is-danger .nav-menu .nav-item {
+ border-top-color: rgba(255, 255, 255, 0.2);
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .hero.is-medium .hero-body {
+ padding-bottom: 9rem;
+ padding-top: 9rem;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ .hero.is-large .hero-body {
+ padding-bottom: 18rem;
+ padding-top: 18rem;
+ }
+}
+
+.hero.is-fullheight {
+ min-height: 100vh;
+}
+
+.hero.is-fullheight .hero-body {
+ align-items: center;
+ display: flex;
+}
+
+.hero.is-fullheight .hero-body > .container {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.section {
+ background-color: white;
+ padding: 3rem 1.5rem;
+}
+
+@media screen and (min-width: 1000px) {
+ .section.is-medium {
+ padding: 9rem 1.5rem;
+ }
+ .section.is-large {
+ padding: 18rem 1.5rem;
+ }
+}
+
+.footer {
+ background-color: whitesmoke;
+ padding: 3rem 1.5rem 6rem;
+}
+
+/*# sourceMappingURL=bulma.css.map */
\ No newline at end of file
Gemfile
@@ -24,7 +24,6 @@ source "https://rubygems.org" do
gem "flipper-redis"
gem "font-awesome-rails"
gem "foreman", group: :development
- gem "foundation-rails", "~> 6.2"
gem "geocoder"
gem "geokit-rails"
gem "griddler"
@@ -40,7 +39,7 @@ source "https://rubygems.org" do
gem "pg"
gem "poltergeist", group: :test
gem "puma", "~> 3.0"
- gem "rack-mini-profiler", group: :development
+ gem "rack-mini-profiler", group: :development, require: false
gem "rack-timeout"
gem "rack_session_access", group: :test
gem "ractive-rails"
Gemfile.lock
@@ -2,57 +2,53 @@ GEM
remote: https://rubygems.org/
remote: https://rails-assets.org/
specs:
- actioncable (5.0.0)
- actionpack (= 5.0.0)
+ actioncable (5.0.1)
+ actionpack (= 5.0.1)
nio4r (~> 1.2)
websocket-driver (~> 0.6.1)
- actionmailer (5.0.0)
- actionpack (= 5.0.0)
- actionview (= 5.0.0)
- activejob (= 5.0.0)
+ actionmailer (5.0.1)
+ actionpack (= 5.0.1)
+ actionview (= 5.0.1)
+ activejob (= 5.0.1)
mail (~> 2.5, >= 2.5.4)
rails-dom-testing (~> 2.0)
- actionpack (5.0.0)
- actionview (= 5.0.0)
- activesupport (= 5.0.0)
+ actionpack (5.0.1)
+ actionview (= 5.0.1)
+ activesupport (= 5.0.1)
rack (~> 2.0)
rack-test (~> 0.6.3)
rails-dom-testing (~> 2.0)
rails-html-sanitizer (~> 1.0, >= 1.0.2)
- actionview (5.0.0)
- activesupport (= 5.0.0)
+ actionview (5.0.1)
+ activesupport (= 5.0.1)
builder (~> 3.1)
erubis (~> 2.7.0)
rails-dom-testing (~> 2.0)
rails-html-sanitizer (~> 1.0, >= 1.0.2)
- activejob (5.0.0)
- activesupport (= 5.0.0)
+ activejob (5.0.1)
+ activesupport (= 5.0.1)
globalid (>= 0.3.6)
- activemodel (5.0.0)
- activesupport (= 5.0.0)
- activerecord (5.0.0)
- activemodel (= 5.0.0)
- activesupport (= 5.0.0)
+ activemodel (5.0.1)
+ activesupport (= 5.0.1)
+ activerecord (5.0.1)
+ activemodel (= 5.0.1)
+ activesupport (= 5.0.1)
arel (~> 7.0)
- activesupport (5.0.0)
+ activesupport (5.0.1)
concurrent-ruby (~> 1.0, >= 1.0.2)
i18n (~> 0.7)
minitest (~> 5.1)
tzinfo (~> 1.1)
addressable (2.4.0)
- arel (7.0.0)
+ arel (7.1.4)
ast (2.3.0)
axiom-types (0.1.1)
descendants_tracker (~> 0.0.4)
ice_nine (~> 0.11.0)
thread_safe (~> 0.3, >= 0.3.1)
- babel-source (5.8.35)
- babel-transpiler (0.7.0)
- babel-source (>= 4.0, < 6)
- execjs (~> 2.0)
bcrypt (3.1.11)
brakeman (3.3.2)
- builder (3.2.2)
+ builder (3.2.3)
bullet (5.1.1)
activesupport (>= 3.0.0)
uniform_notifier (~> 1.10.0)
@@ -94,7 +90,7 @@ GEM
coffee-script-source
execjs
coffee-script-source (1.10.0)
- concurrent-ruby (1.0.2)
+ concurrent-ruby (1.0.4)
connection_pool (2.2.0)
coveralls (0.8.14)
json (>= 1.8, < 3)
@@ -160,17 +156,13 @@ GEM
railties (>= 3.2, < 5.1)
foreman (0.82.0)
thor (~> 0.19.1)
- foundation-rails (6.2.3.0)
- railties (>= 3.1.0)
- sass (>= 3.3.0, < 3.5)
- sprockets-es6 (>= 0.9.0)
geocoder (1.3.7)
geokit (1.10.0)
geokit-rails (2.1.0)
geokit (~> 1.5)
rails (>= 3.0)
gherkin (4.0.0)
- globalid (0.3.6)
+ globalid (0.3.7)
activesupport (>= 4.1.0)
griddler (1.3.1)
htmlentities
@@ -183,7 +175,7 @@ GEM
highline (1.7.8)
htmlentities (4.3.4)
http_accept_language (2.0.5)
- i18n (0.7.0)
+ i18n (0.8.0)
i18n-tasks (0.9.5)
activesupport (>= 4.0.2)
ast (>= 2.1.0)
@@ -224,7 +216,7 @@ GEM
mime-types-data (~> 3.2015)
mime-types-data (3.2016.0521)
mini_portile2 (2.1.0)
- minitest (5.9.0)
+ minitest (5.10.1)
multi_json (1.12.1)
multi_test (0.1.2)
multipart-post (2.0.0)
@@ -232,13 +224,11 @@ GEM
net-ssh (>= 2.6.5)
net-ssh (3.2.0)
nio4r (1.2.1)
- nokogiri (1.6.8)
+ nokogiri (1.6.8.1)
mini_portile2 (~> 2.1.0)
- pkg-config (~> 1.1.7)
parser (2.3.1.2)
ast (~> 2.2)
pg (0.18.4)
- pkg-config (1.1.7)
poltergeist (1.10.0)
capybara (~> 2.1)
cliver (~> 0.3.1)
@@ -259,17 +249,17 @@ GEM
execjs (>= 1.3)
sprockets (>= 2.0)
tilt (>= 1.3)
- rails (5.0.0)
- actioncable (= 5.0.0)
- actionmailer (= 5.0.0)
- actionpack (= 5.0.0)
- actionview (= 5.0.0)
- activejob (= 5.0.0)
- activemodel (= 5.0.0)
- activerecord (= 5.0.0)
- activesupport (= 5.0.0)
+ rails (5.0.1)
+ actioncable (= 5.0.1)
+ actionmailer (= 5.0.1)
+ actionpack (= 5.0.1)
+ actionview (= 5.0.1)
+ activejob (= 5.0.1)
+ activemodel (= 5.0.1)
+ activerecord (= 5.0.1)
+ activesupport (= 5.0.1)
bundler (>= 1.3.0, < 2.0)
- railties (= 5.0.0)
+ railties (= 5.0.1)
sprockets-rails (>= 2.0.0)
rails-assets-backbone (1.3.3)
rails-assets-underscore (>= 1.8.3)
@@ -284,9 +274,9 @@ GEM
actionpack (~> 5.x)
actionview (~> 5.x)
activesupport (~> 5.x)
- rails-dom-testing (2.0.1)
+ rails-dom-testing (2.0.2)
activesupport (>= 4.2.0, < 6.0)
- nokogiri (~> 1.6.0)
+ nokogiri (~> 1.6)
rails-erd (1.4.7)
activerecord (>= 3.2)
activesupport (>= 3.2)
@@ -302,13 +292,13 @@ GEM
rails_stdout_logging
rails_serve_static_assets (0.0.5)
rails_stdout_logging (0.0.5)
- railties (5.0.0)
- actionpack (= 5.0.0)
- activesupport (= 5.0.0)
+ railties (5.0.1)
+ actionpack (= 5.0.1)
+ activesupport (= 5.0.1)
method_source
rake (>= 0.8.7)
thor (>= 0.18.1, < 2.0)
- rake (11.2.2)
+ rake (12.0.0)
rb-fsevent (0.9.7)
rb-inotify (0.9.7)
ffi (>= 0.5.0)
@@ -336,8 +326,8 @@ GEM
ruby-graphviz (1.2.2)
rubyzip (1.2.0)
safe_yaml (1.0.4)
- sass (3.4.22)
- sass-rails (5.0.5)
+ sass (3.4.23)
+ sass-rails (5.0.6)
railties (>= 4.0.0, < 6)
sass (~> 3.1)
sprockets (>= 2.8, < 4.0)
@@ -369,14 +359,10 @@ GEM
spring-watcher-listen (2.0.0)
listen (>= 2.7, < 4.0)
spring (~> 1.2)
- sprockets (3.6.3)
+ sprockets (3.7.1)
concurrent-ruby (~> 1.0)
rack (> 1, < 3)
- sprockets-es6 (0.9.0)
- babel-source (>= 5.8.11)
- babel-transpiler
- sprockets (>= 3.0.0)
- sprockets-rails (3.1.1)
+ sprockets-rails (3.2.0)
actionpack (>= 4.0)
activesupport (>= 4.0)
sprockets (>= 3.0.0)
@@ -394,10 +380,10 @@ GEM
therubyracer (0.12.2)
libv8 (~> 3.16.14.0)
ref
- thor (0.19.1)
+ thor (0.19.4)
thread (0.2.2)
thread_safe (0.3.5)
- tilt (2.0.5)
+ tilt (2.0.6)
tins (1.6.0)
turbolinks (5.0.0)
turbolinks-source (~> 5)
@@ -422,7 +408,7 @@ GEM
addressable (>= 2.3.6)
crack (>= 0.3.2)
hashdiff
- websocket-driver (0.6.4)
+ websocket-driver (0.6.5)
websocket-extensions (>= 0.1.0)
websocket-extensions (0.1.2)
xpath (2.0.0)
@@ -461,7 +447,6 @@ DEPENDENCIES
flipper-redis!
font-awesome-rails!
foreman!
- foundation-rails (~> 6.2)!
geocoder!
geokit-rails!
griddler!
@@ -518,4 +503,4 @@ DEPENDENCIES
yelp!
BUNDLED WITH
- 1.12.5
+ 1.13.7