diff --git a/README.md b/README.md
index ac64b78..f01831c 100644
--- a/README.md
+++ b/README.md
@@ -17,19 +17,6 @@ _This command will look at your `.nvmrc` file and use the version node.js specif
_This command looks at `package.json` and installs all the npm dependencies specified in it. Some of the dependencies include grunt and grunt-sass._
-## Usage
-
-### Compile CSS
-
-`grunt sass`
-
-See more available Grunt commands:
-
-`grunt --help`
-
-
-## Stuff we're not using
-
### Rebuild the style guide
`grunt kss`
diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 1b2df05..0856d54 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -17,24 +17,24 @@
font-weight: 700;
font-style: normal; }
-/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
from {
transform: rotate(0deg); }
to {
transform: rotate(359deg); } }
-.tabs, .pagination-previous,
+.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
-.pagination-ellipsis, .breadcrumb, .file, .button, .is-unselectable, .modal-close, .delete {
+.pagination-ellipsis, .tabs {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
-.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
+.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
@@ -50,11 +50,11 @@
transform-origin: center;
width: 0.625em; }
-.tabs:not(:last-child), .message:not(:last-child), .list:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
+.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
+.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
margin-bottom: 1.5rem; }
-.modal-close, .delete {
+.delete, .modal-close {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
@@ -75,7 +75,7 @@
position: relative;
vertical-align: top;
width: 20px; }
- .modal-close::before, .delete::before, .modal-close::after, .delete::after {
+ .delete::before, .modal-close::before, .delete::after, .modal-close::after {
background-color: #FFFFFF;
content: "";
display: block;
@@ -84,31 +84,31 @@
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center; }
- .modal-close::before, .delete::before {
+ .delete::before, .modal-close::before {
height: 2px;
width: 50%; }
- .modal-close::after, .delete::after {
+ .delete::after, .modal-close::after {
height: 50%;
width: 2px; }
- .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
+ .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
background-color: rgba(10, 10, 10, 0.3); }
- .modal-close:active, .delete:active {
+ .delete:active, .modal-close:active {
background-color: rgba(10, 10, 10, 0.4); }
- .is-small.modal-close, .is-small.delete {
+ .is-small.delete, .is-small.modal-close {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px; }
- .is-medium.modal-close, .is-medium.delete {
+ .is-medium.delete, .is-medium.modal-close {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px; }
- .is-large.modal-close, .is-large.delete {
+ .is-large.delete, .is-large.modal-close {
height: 32px;
max-height: 32px;
max-width: 32px;
@@ -116,7 +116,7 @@
min-width: 32px;
width: 32px; }
-.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
+.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
@@ -128,34 +128,19 @@
position: relative;
width: 1em; }
-.hero-video, .modal-background, .modal, .image.is-square img,
-.image.is-square .has-ratio, .image.is-1by1 img,
-.image.is-1by1 .has-ratio, .image.is-5by4 img,
-.image.is-5by4 .has-ratio, .image.is-4by3 img,
-.image.is-4by3 .has-ratio, .image.is-3by2 img,
-.image.is-3by2 .has-ratio, .image.is-5by3 img,
-.image.is-5by3 .has-ratio, .image.is-16by9 img,
-.image.is-16by9 .has-ratio, .image.is-2by1 img,
-.image.is-2by1 .has-ratio, .image.is-3by1 img,
-.image.is-3by1 .has-ratio, .image.is-4by5 img,
-.image.is-4by5 .has-ratio, .image.is-3by4 img,
-.image.is-3by4 .has-ratio, .image.is-2by3 img,
-.image.is-2by3 .has-ratio, .image.is-3by5 img,
-.image.is-3by5 .has-ratio, .image.is-9by16 img,
-.image.is-9by16 .has-ratio, .image.is-1by2 img,
-.image.is-1by2 .has-ratio, .image.is-1by3 img,
-.image.is-1by3 .has-ratio, .is-overlay {
+.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
-.pagination-previous,
+.button, .input,
+.textarea, .select select, .file-cta,
+.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
-.pagination-ellipsis, .file-cta,
-.file-name, .select select, .textarea, .input, .button {
+.pagination-ellipsis {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
@@ -173,36 +158,37 @@
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top; }
- .pagination-previous:focus,
+ .button:focus, .input:focus,
+ .textarea:focus, .select select:focus, .file-cta:focus,
+ .file-name:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
- .pagination-ellipsis:focus, .file-cta:focus,
- .file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
+ .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
+ .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
+ .is-focused.file-name, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
- .is-focused.pagination-ellipsis, .is-focused.file-cta,
- .is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
+ .is-focused.pagination-ellipsis, .button:active, .input:active,
+ .textarea:active, .select select:active, .file-cta:active,
+ .file-name:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
- .pagination-ellipsis:active, .file-cta:active,
- .file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
+ .pagination-ellipsis:active, .is-active.button, .is-active.input,
+ .is-active.textarea, .select select.is-active, .is-active.file-cta,
+ .is-active.file-name, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
- .is-active.pagination-ellipsis, .is-active.file-cta,
- .is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
+ .is-active.pagination-ellipsis {
outline: none; }
- [disabled].pagination-previous,
- [disabled].pagination-next,
- [disabled].pagination-link,
- [disabled].pagination-ellipsis, [disabled].file-cta,
- [disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
- fieldset[disabled] .pagination-next,
- fieldset[disabled] .pagination-link,
- fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
- fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
+ .button[disabled], .input[disabled],
+ .textarea[disabled], .select select[disabled], .file-cta[disabled],
+ .file-name[disabled], .pagination-previous[disabled],
+ .pagination-next[disabled],
+ .pagination-link[disabled],
+ .pagination-ellipsis[disabled] {
cursor: not-allowed; }
-/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
+/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
@@ -254,16 +240,11 @@ html {
box-sizing: inherit; }
img,
-embed,
-iframe,
-object,
+audio,
video {
height: auto;
max-width: 100%; }
-audio {
- max-width: 100%; }
-
iframe {
border: 0; }
@@ -273,10 +254,8 @@ table {
td,
th {
- padding: 0; }
- td:not([align]),
- th:not([align]) {
- text-align: left; }
+ padding: 0;
+ text-align: left; }
html {
background-color: #FFFFFF;
@@ -313,7 +292,7 @@ pre {
body {
color: #0D1E34;
- font-size: 1em;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5; }
@@ -359,9 +338,6 @@ strong {
color: #0D1E34;
font-weight: 700; }
-fieldset {
- border: none; }
-
pre {
-webkit-overflow-scrolling: touch;
background-color: #FFFFFF;
@@ -379,10 +355,8 @@ pre {
table td,
table th {
+ text-align: left;
vertical-align: top; }
- table td:not([align]),
- table th:not([align]) {
- text-align: left; }
table th {
color: #0D1E34; }
@@ -690,7 +664,7 @@ table th {
color: #FFFFFF !important; }
a.has-text-white:hover, a.has-text-white:focus {
- color: #e6e6e6 !important; }
+ color: #e6e5e5 !important; }
.has-background-white {
background-color: #FFFFFF !important; }
@@ -708,7 +682,7 @@ a.has-text-black:hover, a.has-text-black:focus {
color: #FFFFFF !important; }
a.has-text-light:hover, a.has-text-light:focus {
- color: #e6e6e6 !important; }
+ color: #e6e5e5 !important; }
.has-background-light {
background-color: #FFFFFF !important; }
@@ -836,30 +810,12 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.has-text-weight-normal {
font-weight: 400 !important; }
-.has-text-weight-medium {
- font-weight: 400 !important; }
-
.has-text-weight-semibold {
font-weight: 700 !important; }
.has-text-weight-bold {
font-weight: 700 !important; }
-.is-family-primary {
- font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
-
-.is-family-secondary {
- font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
-
-.is-family-sans-serif {
- font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; }
-
-.is-family-monospace {
- font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; }
-
-.is-family-code {
- font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; }
-
.is-block {
display: block !important; }
@@ -1155,9 +1111,6 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.is-shadowless {
box-shadow: none !important; }
-.is-relative {
- position: relative !important; }
-
.box {
background-color: #FFFFFF;
border-radius: 0;
@@ -1221,7 +1174,7 @@ a.box:active {
.button.is-text:active, .button.is-text.is-active {
background-color: #f2f2f2;
color: #0D1E34; }
- .button.is-text[disabled], fieldset[disabled] .button.is-text {
+ .button.is-text[disabled] {
background-color: transparent;
border-color: transparent;
box-shadow: none; }
@@ -1242,16 +1195,16 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a; }
- .button.is-white[disabled], fieldset[disabled] .button.is-white {
+ .button.is-white[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: #FFFFFF; }
- .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
+ .button.is-white.is-inverted:hover {
background-color: black; }
- .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
+ .button.is-white.is-inverted[disabled] {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
@@ -1262,15 +1215,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
+ .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #0a0a0a; }
.button.is-white.is-outlined.is-loading::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
+ .button.is-white.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1279,12 +1230,10 @@ a.box:active {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a; }
- .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
+ .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
background-color: #0a0a0a;
color: #FFFFFF; }
- .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
+ .button.is-white.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1306,16 +1255,16 @@ a.box:active {
background-color: black;
border-color: transparent;
color: #FFFFFF; }
- .button.is-black[disabled], fieldset[disabled] .button.is-black {
+ .button.is-black[disabled] {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none; }
.button.is-black.is-inverted {
background-color: #FFFFFF;
color: #0a0a0a; }
- .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
+ .button.is-black.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
+ .button.is-black.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1326,15 +1275,13 @@ a.box:active {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a; }
- .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
+ .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #FFFFFF; }
.button.is-black.is-outlined.is-loading::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
+ .button.is-black.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1343,12 +1290,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
+ .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #0a0a0a; }
- .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #0a0a0a #0a0a0a !important; }
- .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
+ .button.is-black.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1370,16 +1315,16 @@ a.box:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0D1E34; }
- .button.is-light[disabled], fieldset[disabled] .button.is-light {
+ .button.is-light[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none; }
.button.is-light.is-inverted {
background-color: #0D1E34;
color: #FFFFFF; }
- .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
+ .button.is-light.is-inverted:hover {
background-color: #081220; }
- .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
+ .button.is-light.is-inverted[disabled] {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none;
@@ -1390,15 +1335,13 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
+ .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #0D1E34; }
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
+ .button.is-light.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1407,12 +1350,10 @@ a.box:active {
background-color: transparent;
border-color: #0D1E34;
color: #0D1E34; }
- .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
+ .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
background-color: #0D1E34;
color: #FFFFFF; }
- .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
+ .button.is-light.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1434,16 +1375,16 @@ a.box:active {
background-color: #081220;
border-color: transparent;
color: #FFFFFF; }
- .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
+ .button.is-dark[disabled] {
background-color: #0D1E34;
border-color: transparent;
box-shadow: none; }
.button.is-dark.is-inverted {
background-color: #FFFFFF;
color: #0D1E34; }
- .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
+ .button.is-dark.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
+ .button.is-dark.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1454,15 +1395,13 @@ a.box:active {
background-color: transparent;
border-color: #0D1E34;
color: #0D1E34; }
- .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
+ .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
background-color: #0D1E34;
border-color: #0D1E34;
color: #FFFFFF; }
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
+ .button.is-dark.is-outlined[disabled] {
background-color: transparent;
border-color: #0D1E34;
box-shadow: none;
@@ -1471,12 +1410,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
+ .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #0D1E34; }
- .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #0D1E34 #0D1E34 !important; }
- .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
+ .button.is-dark.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1498,16 +1435,16 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
+ .button.is-primary[disabled] {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-primary.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
+ .button.is-primary.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
+ .button.is-primary.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1518,15 +1455,13 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
+ .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
+ .button.is-primary.is-outlined[disabled] {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1535,12 +1470,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
+ .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #26599B #26599B !important; }
- .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
+ .button.is-primary.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1562,16 +1495,16 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-link[disabled], fieldset[disabled] .button.is-link {
+ .button.is-link[disabled] {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-link.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
+ .button.is-link.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
+ .button.is-link.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1582,15 +1515,13 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
+ .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
+ .button.is-link.is-outlined[disabled] {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1599,12 +1530,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
+ .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #26599B #26599B !important; }
- .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
+ .button.is-link.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1626,16 +1555,16 @@ a.box:active {
background-color: #214d87;
border-color: transparent;
color: #FFFFFF; }
- .button.is-info[disabled], fieldset[disabled] .button.is-info {
+ .button.is-info[disabled] {
background-color: #26599B;
border-color: transparent;
box-shadow: none; }
.button.is-info.is-inverted {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
+ .button.is-info.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
+ .button.is-info.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1646,15 +1575,13 @@ a.box:active {
background-color: transparent;
border-color: #26599B;
color: #26599B; }
- .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
+ .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
background-color: #26599B;
border-color: #26599B;
color: #FFFFFF; }
.button.is-info.is-outlined.is-loading::after {
border-color: transparent transparent #26599B #26599B !important; }
- .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
+ .button.is-info.is-outlined[disabled] {
background-color: transparent;
border-color: #26599B;
box-shadow: none;
@@ -1663,12 +1590,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
+ .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #26599B; }
- .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #26599B #26599B !important; }
- .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
+ .button.is-info.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1690,16 +1615,16 @@ a.box:active {
background-color: #37a28f;
border-color: transparent;
color: #FFFFFF; }
- .button.is-success[disabled], fieldset[disabled] .button.is-success {
+ .button.is-success[disabled] {
background-color: #3DB5A0;
border-color: transparent;
box-shadow: none; }
.button.is-success.is-inverted {
background-color: #FFFFFF;
color: #3DB5A0; }
- .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
+ .button.is-success.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
+ .button.is-success.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1710,15 +1635,13 @@ a.box:active {
background-color: transparent;
border-color: #3DB5A0;
color: #3DB5A0; }
- .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
+ .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
background-color: #3DB5A0;
border-color: #3DB5A0;
color: #FFFFFF; }
.button.is-success.is-outlined.is-loading::after {
border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
- .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
+ .button.is-success.is-outlined[disabled] {
background-color: transparent;
border-color: #3DB5A0;
box-shadow: none;
@@ -1727,12 +1650,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
+ .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #3DB5A0; }
- .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #3DB5A0 #3DB5A0 !important; }
- .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
+ .button.is-success.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1754,16 +1675,16 @@ a.box:active {
background-color: #b4ac16;
border-color: transparent;
color: #FFFFFF; }
- .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
+ .button.is-warning[disabled] {
background-color: #CBC219;
border-color: transparent;
box-shadow: none; }
.button.is-warning.is-inverted {
background-color: #FFFFFF;
color: #CBC219; }
- .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
+ .button.is-warning.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
+ .button.is-warning.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1774,15 +1695,13 @@ a.box:active {
background-color: transparent;
border-color: #CBC219;
color: #CBC219; }
- .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
+ .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
background-color: #CBC219;
border-color: #CBC219;
color: #FFFFFF; }
.button.is-warning.is-outlined.is-loading::after {
border-color: transparent transparent #CBC219 #CBC219 !important; }
- .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
+ .button.is-warning.is-outlined[disabled] {
background-color: transparent;
border-color: #CBC219;
box-shadow: none;
@@ -1791,12 +1710,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
+ .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #CBC219; }
- .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #CBC219 #CBC219 !important; }
- .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
+ .button.is-warning.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1818,16 +1735,16 @@ a.box:active {
background-color: #c94722;
border-color: transparent;
color: #FFFFFF; }
- .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
+ .button.is-danger[disabled] {
background-color: #DB512A;
border-color: transparent;
box-shadow: none; }
.button.is-danger.is-inverted {
background-color: #FFFFFF;
color: #DB512A; }
- .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
+ .button.is-danger.is-inverted:hover {
background-color: #f2f2f2; }
- .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
+ .button.is-danger.is-inverted[disabled] {
background-color: #FFFFFF;
border-color: transparent;
box-shadow: none;
@@ -1838,15 +1755,13 @@ a.box:active {
background-color: transparent;
border-color: #DB512A;
color: #DB512A; }
- .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
+ .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
background-color: #DB512A;
border-color: #DB512A;
color: #FFFFFF; }
.button.is-danger.is-outlined.is-loading::after {
border-color: transparent transparent #DB512A #DB512A !important; }
- .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #FFFFFF #FFFFFF !important; }
- .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
+ .button.is-danger.is-outlined[disabled] {
background-color: transparent;
border-color: #DB512A;
box-shadow: none;
@@ -1855,12 +1770,10 @@ a.box:active {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF; }
- .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
+ .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
background-color: #FFFFFF;
color: #DB512A; }
- .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
- border-color: transparent transparent #DB512A #DB512A !important; }
- .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
+ .button.is-danger.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #FFFFFF;
box-shadow: none;
@@ -1868,13 +1781,11 @@ a.box:active {
.button.is-small {
border-radius: 0;
font-size: 0.63rem; }
- .button.is-normal {
- font-size: 0.88rem; }
.button.is-medium {
font-size: 1.25rem; }
.button.is-large {
font-size: 1.75rem; }
- .button[disabled], fieldset[disabled] .button {
+ .button[disabled] {
background-color: #FFFFFF;
border-color: #dbdbdb;
box-shadow: none;
@@ -1914,13 +1825,6 @@ a.box:active {
margin-bottom: -0.5rem; }
.buttons:not(:last-child) {
margin-bottom: 1rem; }
- .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
- border-radius: 0;
- font-size: 0.63rem; }
- .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
- font-size: 1.25rem; }
- .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
- font-size: 1.75rem; }
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
@@ -1937,43 +1841,41 @@ a.box:active {
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
z-index: 4; }
.buttons.has-addons .button.is-expanded {
- flex-grow: 1;
- flex-shrink: 1; }
+ flex-grow: 1; }
.buttons.is-centered {
justify-content: center; }
- .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
- margin-left: 0.25rem;
- margin-right: 0.25rem; }
.buttons.is-right {
justify-content: flex-end; }
- .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
- margin-left: 0.25rem;
- margin-right: 0.25rem; }
.container {
- flex-grow: 1;
margin: 0 auto;
- position: relative;
- width: auto; }
+ position: relative; }
@media screen and (min-width: 1024px) {
.container {
- max-width: 960px; }
+ max-width: 960px;
+ width: 960px; }
.container.is-fluid {
margin-left: 32px;
margin-right: 32px;
- max-width: none; } }
+ max-width: none;
+ width: auto; } }
@media screen and (max-width: 1215px) {
.container.is-widescreen {
- max-width: 1152px; } }
+ max-width: 1152px;
+ width: auto; } }
@media screen and (max-width: 1407px) {
.container.is-fullhd {
- max-width: 1344px; } }
+ max-width: 1344px;
+ width: auto; } }
@media screen and (min-width: 1216px) {
.container {
- max-width: 1152px; } }
+ max-width: 1152px;
+ width: 1152px; } }
@media screen and (min-width: 1408px) {
.container {
- max-width: 1344px; } }
+ max-width: 1344px;
+ width: 1344px; } }
+
.content li + li {
margin-top: 0.25em; }
@@ -2092,9 +1994,8 @@ a.box:active {
padding: 0.5em 0.75em;
vertical-align: top; }
.content table th {
- color: #0D1E34; }
- .content table th:not([align]) {
- text-align: left; }
+ color: #0D1E34;
+ text-align: left; }
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
@@ -2107,9 +2008,6 @@ a.box:active {
.content table tbody tr:last-child th {
border-bottom-width: 0; }
-.content .tabs li + li {
- margin-top: 0; }
-
.content.is-small {
font-size: 0.63rem; }
@@ -2119,729 +2017,164 @@ a.box:active {
.content.is-large {
font-size: 1.75rem; }
-.icon {
- align-items: center;
- display: inline-flex;
- justify-content: center;
- height: 1.5rem;
- width: 1.5rem; }
- .icon.is-small {
- height: 1rem;
- width: 1rem; }
- .icon.is-medium {
- height: 2rem;
- width: 2rem; }
- .icon.is-large {
- height: 3rem;
- width: 3rem; }
-
-.image {
- display: block;
- position: relative; }
- .image img {
- display: block;
- height: auto;
- width: 100%; }
- .image img.is-rounded {
- border-radius: 290486px; }
- .image.is-square img,
- .image.is-square .has-ratio, .image.is-1by1 img,
- .image.is-1by1 .has-ratio, .image.is-5by4 img,
- .image.is-5by4 .has-ratio, .image.is-4by3 img,
- .image.is-4by3 .has-ratio, .image.is-3by2 img,
- .image.is-3by2 .has-ratio, .image.is-5by3 img,
- .image.is-5by3 .has-ratio, .image.is-16by9 img,
- .image.is-16by9 .has-ratio, .image.is-2by1 img,
- .image.is-2by1 .has-ratio, .image.is-3by1 img,
- .image.is-3by1 .has-ratio, .image.is-4by5 img,
- .image.is-4by5 .has-ratio, .image.is-3by4 img,
- .image.is-3by4 .has-ratio, .image.is-2by3 img,
- .image.is-2by3 .has-ratio, .image.is-3by5 img,
- .image.is-3by5 .has-ratio, .image.is-9by16 img,
- .image.is-9by16 .has-ratio, .image.is-1by2 img,
- .image.is-1by2 .has-ratio, .image.is-1by3 img,
- .image.is-1by3 .has-ratio {
- height: 100%;
- width: 100%; }
- .image.is-square, .image.is-1by1 {
- padding-top: 100%; }
- .image.is-5by4 {
- padding-top: 80%; }
- .image.is-4by3 {
- padding-top: 75%; }
- .image.is-3by2 {
- padding-top: 66.6666%; }
- .image.is-5by3 {
- padding-top: 60%; }
- .image.is-16by9 {
- padding-top: 56.25%; }
- .image.is-2by1 {
- padding-top: 50%; }
- .image.is-3by1 {
- padding-top: 33.3333%; }
- .image.is-4by5 {
- padding-top: 125%; }
- .image.is-3by4 {
- padding-top: 133.3333%; }
- .image.is-2by3 {
- padding-top: 150%; }
- .image.is-3by5 {
- padding-top: 166.6666%; }
- .image.is-9by16 {
- padding-top: 177.7777%; }
- .image.is-1by2 {
- padding-top: 200%; }
- .image.is-1by3 {
- padding-top: 300%; }
- .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: #FFFFFF;
- border-radius: 0;
- padding: 1.25rem 2.5rem 1.25rem 1.5rem;
- position: relative; }
- .notification a:not(.button):not(.dropdown-item) {
- color: currentColor;
- text-decoration: underline; }
- .notification strong {
- color: currentColor; }
- .notification code,
- .notification pre {
- background: #FFFFFF; }
- .notification pre code {
- background: transparent; }
- .notification > .delete {
- position: absolute;
- right: 0.5rem;
- top: 0.5rem; }
- .notification .title,
- .notification .subtitle,
- .notification .content {
- color: currentColor; }
- .notification.is-white {
- background-color: #FFFFFF;
- color: #0a0a0a; }
- .notification.is-black {
- background-color: #0a0a0a;
- color: #FFFFFF; }
- .notification.is-light {
- background-color: #FFFFFF;
- color: #0D1E34; }
- .notification.is-dark {
- background-color: #0D1E34;
- color: #FFFFFF; }
- .notification.is-primary {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-link {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-info {
- background-color: #26599B;
- color: #FFFFFF; }
- .notification.is-success {
- background-color: #3DB5A0;
- color: #FFFFFF; }
- .notification.is-warning {
- background-color: #CBC219;
- color: #FFFFFF; }
- .notification.is-danger {
- background-color: #DB512A;
- color: #FFFFFF; }
-
-.progress {
- -moz-appearance: none;
- -webkit-appearance: none;
- border: none;
- border-radius: 290486px;
- display: block;
- height: 0.88rem;
- overflow: hidden;
- padding: 0;
- width: 100%; }
- .progress::-webkit-progress-bar {
- background-color: #E4E5E7; }
- .progress::-webkit-progress-value {
- background-color: #0D1E34; }
- .progress::-moz-progress-bar {
- background-color: #0D1E34; }
- .progress::-ms-fill {
- background-color: #0D1E34;
- border: none; }
- .progress.is-white::-webkit-progress-value {
- background-color: #FFFFFF; }
- .progress.is-white::-moz-progress-bar {
- background-color: #FFFFFF; }
- .progress.is-white::-ms-fill {
- background-color: #FFFFFF; }
- .progress.is-white:indeterminate {
- background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); }
- .progress.is-black::-webkit-progress-value {
- background-color: #0a0a0a; }
- .progress.is-black::-moz-progress-bar {
- background-color: #0a0a0a; }
- .progress.is-black::-ms-fill {
- background-color: #0a0a0a; }
- .progress.is-black:indeterminate {
- background-image: linear-gradient(to right, #0a0a0a 30%, #E4E5E7 30%); }
- .progress.is-light::-webkit-progress-value {
- background-color: #FFFFFF; }
- .progress.is-light::-moz-progress-bar {
- background-color: #FFFFFF; }
- .progress.is-light::-ms-fill {
- background-color: #FFFFFF; }
- .progress.is-light:indeterminate {
- background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); }
- .progress.is-dark::-webkit-progress-value {
- background-color: #0D1E34; }
- .progress.is-dark::-moz-progress-bar {
- background-color: #0D1E34; }
- .progress.is-dark::-ms-fill {
- background-color: #0D1E34; }
- .progress.is-dark:indeterminate {
- background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%); }
- .progress.is-primary::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-primary::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-primary::-ms-fill {
- background-color: #26599B; }
- .progress.is-primary:indeterminate {
- background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
- .progress.is-link::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-link::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-link::-ms-fill {
- background-color: #26599B; }
- .progress.is-link:indeterminate {
- background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
- .progress.is-info::-webkit-progress-value {
- background-color: #26599B; }
- .progress.is-info::-moz-progress-bar {
- background-color: #26599B; }
- .progress.is-info::-ms-fill {
- background-color: #26599B; }
- .progress.is-info:indeterminate {
- background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); }
- .progress.is-success::-webkit-progress-value {
- background-color: #3DB5A0; }
- .progress.is-success::-moz-progress-bar {
- background-color: #3DB5A0; }
- .progress.is-success::-ms-fill {
- background-color: #3DB5A0; }
- .progress.is-success:indeterminate {
- background-image: linear-gradient(to right, #3DB5A0 30%, #E4E5E7 30%); }
- .progress.is-warning::-webkit-progress-value {
- background-color: #CBC219; }
- .progress.is-warning::-moz-progress-bar {
- background-color: #CBC219; }
- .progress.is-warning::-ms-fill {
- background-color: #CBC219; }
- .progress.is-warning:indeterminate {
- background-image: linear-gradient(to right, #CBC219 30%, #E4E5E7 30%); }
- .progress.is-danger::-webkit-progress-value {
- background-color: #DB512A; }
- .progress.is-danger::-moz-progress-bar {
- background-color: #DB512A; }
- .progress.is-danger::-ms-fill {
- background-color: #DB512A; }
- .progress.is-danger:indeterminate {
- background-image: linear-gradient(to right, #DB512A 30%, #E4E5E7 30%); }
- .progress:indeterminate {
- animation-duration: 1.5s;
- animation-iteration-count: infinite;
- animation-name: moveIndeterminate;
- animation-timing-function: linear;
- background-color: #E4E5E7;
- background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%);
- background-position: top left;
- background-repeat: no-repeat;
- background-size: 150% 150%; }
- .progress:indeterminate::-webkit-progress-bar {
- background-color: transparent; }
- .progress:indeterminate::-moz-progress-bar {
- background-color: transparent; }
- .progress.is-small {
- height: 0.63rem; }
- .progress.is-medium {
- height: 1.25rem; }
- .progress.is-large {
- height: 1.75rem; }
-
-@keyframes moveIndeterminate {
- from {
- background-position: 200% 0; }
- to {
- background-position: -200% 0; } }
-
-.table {
- background-color: #FFFFFF;
- color: #363636; }
- .table td,
- .table th {
- border: 1px solid #dbdbdb;
- border-width: 0 0 1px;
- padding: 0.5em 0.75em;
- vertical-align: top; }
- .table td.is-white,
- .table th.is-white {
- background-color: #FFFFFF;
- border-color: #FFFFFF;
- color: #0a0a0a; }
- .table td.is-black,
- .table th.is-black {
- background-color: #0a0a0a;
- border-color: #0a0a0a;
- color: #FFFFFF; }
- .table td.is-light,
- .table th.is-light {
- background-color: #FFFFFF;
- border-color: #FFFFFF;
- color: #0D1E34; }
- .table td.is-dark,
- .table th.is-dark {
- background-color: #0D1E34;
- border-color: #0D1E34;
- color: #FFFFFF; }
- .table td.is-primary,
- .table th.is-primary {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-link,
- .table th.is-link {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-info,
- .table th.is-info {
- background-color: #26599B;
- border-color: #26599B;
- color: #FFFFFF; }
- .table td.is-success,
- .table th.is-success {
- background-color: #3DB5A0;
- border-color: #3DB5A0;
- color: #FFFFFF; }
- .table td.is-warning,
- .table th.is-warning {
- background-color: #CBC219;
- border-color: #CBC219;
- color: #FFFFFF; }
- .table td.is-danger,
- .table th.is-danger {
- background-color: #DB512A;
- border-color: #DB512A;
- color: #FFFFFF; }
- .table td.is-narrow,
- .table th.is-narrow {
- white-space: nowrap;
- width: 1%; }
- .table td.is-selected,
- .table th.is-selected {
- background-color: #26599B;
- color: #FFFFFF; }
- .table td.is-selected a,
- .table td.is-selected strong,
- .table th.is-selected a,
- .table th.is-selected strong {
- color: currentColor; }
- .table th {
- color: #0D1E34; }
- .table th:not([align]) {
- text-align: left; }
- .table tr.is-selected {
- background-color: #26599B;
- color: #FFFFFF; }
- .table tr.is-selected a,
- .table tr.is-selected strong {
- color: currentColor; }
- .table tr.is-selected td,
- .table tr.is-selected th {
- border-color: #FFFFFF;
- color: currentColor; }
- .table thead {
- background-color: transparent; }
- .table thead td,
- .table thead th {
- border-width: 0 0 2px;
- color: #0D1E34; }
- .table tfoot {
- background-color: transparent; }
- .table tfoot td,
- .table tfoot th {
- border-width: 2px 0 0;
- color: #0D1E34; }
- .table tbody {
- background-color: transparent; }
- .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-fullwidth {
- width: 100%; }
- .table.is-hoverable tbody tr:not(.is-selected):hover {
- background-color: #fafafa; }
- .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
- background-color: #fafafa; }
- .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
- background-color: whitesmoke; }
- .table.is-narrow td,
- .table.is-narrow th {
- padding: 0.25em 0.5em; }
- .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
- background-color: #fafafa; }
-
-.table-container {
- -webkit-overflow-scrolling: touch;
- overflow: auto;
- overflow-y: hidden;
- max-width: 100%; }
-
-.tags {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start; }
- .tags .tag {
- margin-bottom: 0.5rem; }
- .tags .tag:not(:last-child) {
- margin-right: 0.5rem; }
- .tags:last-child {
- margin-bottom: -0.5rem; }
- .tags:not(:last-child) {
- margin-bottom: 1rem; }
- .tags.are-medium .tag:not(.is-normal):not(.is-large) {
- font-size: 0.88rem; }
- .tags.are-large .tag:not(.is-normal):not(.is-medium) {
- font-size: 1.25rem; }
- .tags.is-centered {
- justify-content: center; }
- .tags.is-centered .tag {
- margin-right: 0.25rem;
- margin-left: 0.25rem; }
- .tags.is-right {
- justify-content: flex-end; }
- .tags.is-right .tag:not(:first-child) {
- margin-left: 0.5rem; }
- .tags.is-right .tag:not(:last-child) {
- margin-right: 0; }
- .tags.has-addons .tag {
- margin-right: 0; }
- .tags.has-addons .tag:not(:first-child) {
- margin-left: 0;
- border-bottom-left-radius: 0;
- border-top-left-radius: 0; }
- .tags.has-addons .tag:not(:last-child) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0; }
-
-.tag:not(body) {
- align-items: center;
- background-color: #FFFFFF;
- border-radius: 0;
- color: #0D1E34;
- display: inline-flex;
- font-size: 0.63rem;
- height: 2em;
- justify-content: center;
- line-height: 1.5;
- padding-left: 0.75em;
- padding-right: 0.75em;
- white-space: nowrap; }
- .tag:not(body) .delete {
- margin-left: 0.25rem;
- margin-right: -0.375rem; }
- .tag:not(body).is-white {
- background-color: #FFFFFF;
- color: #0a0a0a; }
- .tag:not(body).is-black {
- background-color: #0a0a0a;
- color: #FFFFFF; }
- .tag:not(body).is-light {
- background-color: #FFFFFF;
- color: #0D1E34; }
- .tag:not(body).is-dark {
- background-color: #0D1E34;
- color: #FFFFFF; }
- .tag:not(body).is-primary {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-link {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-info {
- background-color: #26599B;
- color: #FFFFFF; }
- .tag:not(body).is-success {
- background-color: #3DB5A0;
- color: #FFFFFF; }
- .tag:not(body).is-warning {
- background-color: #CBC219;
- color: #FFFFFF; }
- .tag:not(body).is-danger {
- background-color: #DB512A;
- color: #FFFFFF; }
- .tag:not(body).is-normal {
- font-size: 0.63rem; }
- .tag:not(body).is-medium {
- font-size: 0.88rem; }
- .tag:not(body).is-large {
- font-size: 1.25rem; }
- .tag:not(body) .icon:first-child:not(:last-child) {
- margin-left: -0.375em;
- margin-right: 0.1875em; }
- .tag:not(body) .icon:last-child:not(:first-child) {
- margin-left: 0.1875em;
- margin-right: -0.375em; }
- .tag:not(body) .icon:first-child:last-child {
- margin-left: -0.375em;
- margin-right: -0.375em; }
- .tag:not(body).is-delete {
- margin-left: 1px;
- padding: 0;
- position: relative;
- width: 2em; }
- .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
- background-color: currentColor;
- content: "";
- display: block;
- left: 50%;
- position: absolute;
- top: 50%;
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- transform-origin: center center; }
- .tag:not(body).is-delete::before {
- height: 1px;
- width: 50%; }
- .tag:not(body).is-delete::after {
- height: 50%;
- width: 1px; }
- .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
- background-color: #f2f2f2; }
- .tag:not(body).is-delete:active {
- background-color: #e6e6e6; }
- .tag:not(body).is-rounded {
- border-radius: 290486px; }
-
-a.tag:hover {
- text-decoration: underline; }
-
-.title,
-.subtitle {
- word-break: break-word; }
- .title em,
- .title span,
- .subtitle em,
- .subtitle span {
- font-weight: inherit; }
- .title sub,
- .subtitle sub {
- font-size: 0.75em; }
- .title sup,
- .subtitle sup {
- font-size: 0.75em; }
- .title .tag,
- .subtitle .tag {
- vertical-align: middle; }
-
-.title {
- color: #363636;
- font-size: 2.5rem;
- font-weight: 700;
- line-height: 1.125; }
- .title strong {
- color: inherit;
- font-weight: inherit; }
- .title + .highlight {
- margin-top: -0.75rem; }
- .title:not(.is-spaced) + .subtitle {
- margin-top: -1.25rem; }
- .title.is-1 {
- font-size: 5.63rem; }
- .title.is-2 {
- font-size: 3.5rem; }
- .title.is-3 {
- font-size: 2.5rem; }
- .title.is-4 {
- font-size: 1.75rem; }
- .title.is-5 {
- font-size: 1.25rem; }
- .title.is-6 {
- font-size: 0.88rem; }
- .title.is-7 {
- font-size: 0.63rem; }
-
-.subtitle {
- color: #4a4a4a;
- font-size: 1.25rem;
- font-weight: 400;
- line-height: 1.25; }
- .subtitle strong {
- color: #363636;
- font-weight: 700; }
- .subtitle:not(.is-spaced) + .title {
- margin-top: -1.25rem; }
- .subtitle.is-1 {
- font-size: 5.63rem; }
- .subtitle.is-2 {
- font-size: 3.5rem; }
- .subtitle.is-3 {
- font-size: 2.5rem; }
- .subtitle.is-4 {
- font-size: 1.75rem; }
- .subtitle.is-5 {
- font-size: 1.25rem; }
- .subtitle.is-6 {
- font-size: 0.88rem; }
- .subtitle.is-7 {
- font-size: 0.63rem; }
-
-.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 pre {
- overflow: auto;
- max-width: 100%; }
-
-.number {
- align-items: center;
- background-color: #FFFFFF;
- 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; }
-
-.select select, .textarea, .input {
+.input,
+.textarea {
background-color: #FFFFFF;
border-color: #dbdbdb;
- border-radius: 0;
- color: #363636; }
- .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
+ color: #363636;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ max-width: 100%;
+ width: 100%; }
+ .input::-moz-placeholder,
+ .textarea::-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
+ .input::-webkit-input-placeholder,
+ .textarea::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
+ .input:-moz-placeholder,
+ .textarea:-moz-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
+ .input:-ms-input-placeholder,
+ .textarea:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3); }
- .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
+ .input:hover, .input.is-hovered,
+ .textarea:hover,
+ .textarea.is-hovered {
border-color: #b5b5b5; }
- .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
+ .input:focus, .input.is-focused, .input:active, .input.is-active,
+ .textarea:focus,
+ .textarea.is-focused,
+ .textarea:active,
+ .textarea.is-active {
border-color: #26599B;
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
+ .input[disabled],
+ .textarea[disabled] {
background-color: #FFFFFF;
border-color: #FFFFFF;
box-shadow: none;
color: #E4E5E7; }
- .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
+ .input[disabled]::-moz-placeholder,
+ .textarea[disabled]::-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
+ .input[disabled]::-webkit-input-placeholder,
+ .textarea[disabled]::-webkit-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
+ .input[disabled]:-moz-placeholder,
+ .textarea[disabled]:-moz-placeholder {
color: rgba(228, 229, 231, 0.3); }
- .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
+ .input[disabled]:-ms-input-placeholder,
+ .textarea[disabled]:-ms-input-placeholder {
color: rgba(228, 229, 231, 0.3); }
-
-.textarea, .input {
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
- max-width: 100%;
- width: 100%; }
- [readonly].textarea, [readonly].input {
+ .input[readonly],
+ .textarea[readonly] {
box-shadow: none; }
- .is-white.textarea, .is-white.input {
+ .input.is-white,
+ .textarea.is-white {
border-color: #FFFFFF; }
- .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
+ .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
+ .textarea.is-white:focus,
+ .textarea.is-white.is-focused,
+ .textarea.is-white:active,
+ .textarea.is-white.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .is-black.textarea, .is-black.input {
+ .input.is-black,
+ .textarea.is-black {
border-color: #0a0a0a; }
- .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
+ .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
+ .textarea.is-black:focus,
+ .textarea.is-black.is-focused,
+ .textarea.is-black:active,
+ .textarea.is-black.is-active {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
- .is-light.textarea, .is-light.input {
+ .input.is-light,
+ .textarea.is-light {
border-color: #FFFFFF; }
- .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
+ .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
+ .textarea.is-light:focus,
+ .textarea.is-light.is-focused,
+ .textarea.is-light:active,
+ .textarea.is-light.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
- .is-dark.textarea, .is-dark.input {
+ .input.is-dark,
+ .textarea.is-dark {
border-color: #0D1E34; }
- .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
+ .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
+ .textarea.is-dark:focus,
+ .textarea.is-dark.is-focused,
+ .textarea.is-dark:active,
+ .textarea.is-dark.is-active {
box-shadow: 0 0 0 0.125em rgba(13, 30, 52, 0.25); }
- .is-primary.textarea, .is-primary.input {
+ .input.is-primary,
+ .textarea.is-primary {
border-color: #26599B; }
- .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
+ .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
+ .textarea.is-primary:focus,
+ .textarea.is-primary.is-focused,
+ .textarea.is-primary:active,
+ .textarea.is-primary.is-active {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-link.textarea, .is-link.input {
+ .input.is-link,
+ .textarea.is-link {
border-color: #26599B; }
- .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
+ .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
+ .textarea.is-link:focus,
+ .textarea.is-link.is-focused,
+ .textarea.is-link:active,
+ .textarea.is-link.is-active {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-info.textarea, .is-info.input {
+ .input.is-info,
+ .textarea.is-info {
border-color: #26599B; }
- .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
+ .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
+ .textarea.is-info:focus,
+ .textarea.is-info.is-focused,
+ .textarea.is-info:active,
+ .textarea.is-info.is-active {
box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
- .is-success.textarea, .is-success.input {
+ .input.is-success,
+ .textarea.is-success {
border-color: #3DB5A0; }
- .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
+ .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
+ .textarea.is-success:focus,
+ .textarea.is-success.is-focused,
+ .textarea.is-success:active,
+ .textarea.is-success.is-active {
box-shadow: 0 0 0 0.125em rgba(61, 181, 160, 0.25); }
- .is-warning.textarea, .is-warning.input {
+ .input.is-warning,
+ .textarea.is-warning {
border-color: #CBC219; }
- .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
+ .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
+ .textarea.is-warning:focus,
+ .textarea.is-warning.is-focused,
+ .textarea.is-warning:active,
+ .textarea.is-warning.is-active {
box-shadow: 0 0 0 0.125em rgba(203, 194, 25, 0.25); }
- .is-danger.textarea, .is-danger.input {
+ .input.is-danger,
+ .textarea.is-danger {
border-color: #DB512A; }
- .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
+ .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
+ .textarea.is-danger:focus,
+ .textarea.is-danger.is-focused,
+ .textarea.is-danger:active,
+ .textarea.is-danger.is-active {
box-shadow: 0 0 0 0.125em rgba(219, 81, 42, 0.25); }
- .is-small.textarea, .is-small.input {
+ .input.is-small,
+ .textarea.is-small {
border-radius: 0;
font-size: 0.63rem; }
- .is-medium.textarea, .is-medium.input {
+ .input.is-medium,
+ .textarea.is-medium {
font-size: 1.25rem; }
- .is-large.textarea, .is-large.input {
+ .input.is-large,
+ .textarea.is-large {
font-size: 1.75rem; }
- .is-fullwidth.textarea, .is-fullwidth.input {
+ .input.is-fullwidth,
+ .textarea.is-fullwidth {
display: block;
width: 100%; }
- .is-inline.textarea, .is-inline.input {
+ .input.is-inline,
+ .textarea.is-inline {
display: inline;
width: auto; }
@@ -2871,16 +2204,20 @@ a.tag:hover {
.textarea.has-fixed-size {
resize: none; }
-.radio, .checkbox {
+.checkbox,
+.radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative; }
- .radio input, .checkbox input {
+ .checkbox input,
+ .radio input {
cursor: pointer; }
- .radio:hover, .checkbox:hover {
+ .checkbox:hover,
+ .radio:hover {
color: #363636; }
- [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox {
+ .checkbox[disabled],
+ .radio[disabled] {
color: #E4E5E7;
cursor: not-allowed; }
@@ -2902,14 +2239,43 @@ a.tag:hover {
border-radius: 290486px;
padding-left: 1em; }
.select select {
+ background-color: #FFFFFF;
+ border-color: #dbdbdb;
+ color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none; }
+ .select select::-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3); }
+ .select select::-webkit-input-placeholder {
+ color: rgba(54, 54, 54, 0.3); }
+ .select select:-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3); }
+ .select select:-ms-input-placeholder {
+ color: rgba(54, 54, 54, 0.3); }
+ .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: #26599B;
+ box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); }
+ .select select[disabled] {
+ background-color: #FFFFFF;
+ border-color: #FFFFFF;
+ box-shadow: none;
+ color: #E4E5E7; }
+ .select select[disabled]::-moz-placeholder {
+ color: rgba(228, 229, 231, 0.3); }
+ .select select[disabled]::-webkit-input-placeholder {
+ color: rgba(228, 229, 231, 0.3); }
+ .select select[disabled]:-moz-placeholder {
+ color: rgba(228, 229, 231, 0.3); }
+ .select select[disabled]:-ms-input-placeholder {
+ color: rgba(228, 229, 231, 0.3); }
.select select::-ms-expand {
display: none; }
- .select select[disabled]:hover, fieldset[disabled] .select select:hover {
+ .select select[disabled]:hover {
border-color: #FFFFFF; }
.select select:not([multiple]) {
padding-right: 2.5em; }
@@ -3362,14 +2728,14 @@ a.tag:hover {
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0; }
- .field.has-addons .control:first-child:not(:only-child) .button,
- .field.has-addons .control:first-child:not(:only-child) .input,
- .field.has-addons .control:first-child:not(:only-child) .select select {
+ .field.has-addons .control:first-child .button,
+ .field.has-addons .control:first-child .input,
+ .field.has-addons .control:first-child .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
- .field.has-addons .control:last-child:not(:only-child) .button,
- .field.has-addons .control:last-child:not(:only-child) .input,
- .field.has-addons .control:last-child:not(:only-child) .select select {
+ .field.has-addons .control:last-child .button,
+ .field.has-addons .control:last-child .input,
+ .field.has-addons .control:last-child .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
@@ -3399,8 +2765,7 @@ a.tag:hover {
.field.has-addons .control .select select:not([disabled]).is-active:hover {
z-index: 4; }
.field.has-addons .control.is-expanded {
- flex-grow: 1;
- flex-shrink: 1; }
+ flex-grow: 1; }
.field.has-addons.has-addons-centered {
justify-content: center; }
.field.has-addons.has-addons-right {
@@ -3482,11 +2847,34 @@ a.tag:hover {
margin-right: 0.75rem; } }
.control {
- box-sizing: border-box;
clear: both;
font-size: 0.88rem;
position: relative;
text-align: left; }
+ .control.has-icon .icon {
+ color: #dbdbdb;
+ height: 2.25em;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 2.25em;
+ z-index: 4; }
+ .control.has-icon .input:focus + .icon {
+ color: #E4E5E7; }
+ .control.has-icon .input.is-small + .icon {
+ font-size: 0.63rem; }
+ .control.has-icon .input.is-medium + .icon {
+ font-size: 1.25rem; }
+ .control.has-icon .input.is-large + .icon {
+ font-size: 1.75rem; }
+ .control.has-icon:not(.has-icon-right) .icon {
+ left: 0; }
+ .control.has-icon:not(.has-icon-right) .input {
+ padding-left: 2.25em; }
+ .control.has-icon.has-icon-right .icon {
+ right: 0; }
+ .control.has-icon.has-icon-right .input {
+ padding-right: 2.25em; }
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
@@ -3533,6 +2921,570 @@ a.tag:hover {
.control.is-loading.is-large:after {
font-size: 1.75rem; }
+.icon {
+ align-items: center;
+ display: inline-flex;
+ justify-content: center;
+ height: 1.5rem;
+ width: 1.5rem; }
+ .icon.is-small {
+ height: 1rem;
+ width: 1rem; }
+ .icon.is-medium {
+ height: 2rem;
+ width: 2rem; }
+ .icon.is-large {
+ height: 3rem;
+ width: 3rem; }
+
+.image {
+ display: block;
+ position: relative; }
+ .image img {
+ display: block;
+ height: auto;
+ width: 100%; }
+ .image img.is-rounded {
+ border-radius: 290486px; }
+ .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
+ height: 100%;
+ width: 100%; }
+ .image.is-square, .image.is-1by1 {
+ padding-top: 100%; }
+ .image.is-5by4 {
+ padding-top: 80%; }
+ .image.is-4by3 {
+ padding-top: 75%; }
+ .image.is-3by2 {
+ padding-top: 66.6666%; }
+ .image.is-5by3 {
+ padding-top: 60%; }
+ .image.is-16by9 {
+ padding-top: 56.25%; }
+ .image.is-2by1 {
+ padding-top: 50%; }
+ .image.is-3by1 {
+ padding-top: 33.3333%; }
+ .image.is-4by5 {
+ padding-top: 125%; }
+ .image.is-3by4 {
+ padding-top: 133.3333%; }
+ .image.is-2by3 {
+ padding-top: 150%; }
+ .image.is-3by5 {
+ padding-top: 166.6666%; }
+ .image.is-9by16 {
+ padding-top: 177.7777%; }
+ .image.is-1by2 {
+ padding-top: 200%; }
+ .image.is-1by3 {
+ padding-top: 300%; }
+ .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: #FFFFFF;
+ border-radius: 0;
+ padding: 1.25rem 2.5rem 1.25rem 1.5rem;
+ position: relative; }
+ .notification a:not(.button):not(.dropdown-item) {
+ color: currentColor;
+ text-decoration: underline; }
+ .notification strong {
+ color: currentColor; }
+ .notification code,
+ .notification pre {
+ background: #FFFFFF; }
+ .notification pre code {
+ background: transparent; }
+ .notification > .delete {
+ position: absolute;
+ right: 0.5rem;
+ top: 0.5rem; }
+ .notification .title,
+ .notification .subtitle,
+ .notification .content {
+ color: currentColor; }
+ .notification.is-white {
+ background-color: #FFFFFF;
+ color: #0a0a0a; }
+ .notification.is-black {
+ background-color: #0a0a0a;
+ color: #FFFFFF; }
+ .notification.is-light {
+ background-color: #FFFFFF;
+ color: #0D1E34; }
+ .notification.is-dark {
+ background-color: #0D1E34;
+ color: #FFFFFF; }
+ .notification.is-primary {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-link {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-info {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .notification.is-success {
+ background-color: #3DB5A0;
+ color: #FFFFFF; }
+ .notification.is-warning {
+ background-color: #CBC219;
+ color: #FFFFFF; }
+ .notification.is-danger {
+ background-color: #DB512A;
+ color: #FFFFFF; }
+
+.progress {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ border: none;
+ border-radius: 290486px;
+ display: block;
+ height: 0.88rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%; }
+ .progress::-webkit-progress-bar {
+ background-color: #E4E5E7; }
+ .progress::-webkit-progress-value {
+ background-color: #0D1E34; }
+ .progress::-moz-progress-bar {
+ background-color: #0D1E34; }
+ .progress::-ms-fill {
+ background-color: #0D1E34;
+ border: none; }
+ .progress.is-white::-webkit-progress-value {
+ background-color: #FFFFFF; }
+ .progress.is-white::-moz-progress-bar {
+ background-color: #FFFFFF; }
+ .progress.is-white::-ms-fill {
+ background-color: #FFFFFF; }
+ .progress.is-black::-webkit-progress-value {
+ background-color: #0a0a0a; }
+ .progress.is-black::-moz-progress-bar {
+ background-color: #0a0a0a; }
+ .progress.is-black::-ms-fill {
+ background-color: #0a0a0a; }
+ .progress.is-light::-webkit-progress-value {
+ background-color: #FFFFFF; }
+ .progress.is-light::-moz-progress-bar {
+ background-color: #FFFFFF; }
+ .progress.is-light::-ms-fill {
+ background-color: #FFFFFF; }
+ .progress.is-dark::-webkit-progress-value {
+ background-color: #0D1E34; }
+ .progress.is-dark::-moz-progress-bar {
+ background-color: #0D1E34; }
+ .progress.is-dark::-ms-fill {
+ background-color: #0D1E34; }
+ .progress.is-primary::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-primary::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-primary::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-link::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-link::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-link::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-info::-webkit-progress-value {
+ background-color: #26599B; }
+ .progress.is-info::-moz-progress-bar {
+ background-color: #26599B; }
+ .progress.is-info::-ms-fill {
+ background-color: #26599B; }
+ .progress.is-success::-webkit-progress-value {
+ background-color: #3DB5A0; }
+ .progress.is-success::-moz-progress-bar {
+ background-color: #3DB5A0; }
+ .progress.is-success::-ms-fill {
+ background-color: #3DB5A0; }
+ .progress.is-warning::-webkit-progress-value {
+ background-color: #CBC219; }
+ .progress.is-warning::-moz-progress-bar {
+ background-color: #CBC219; }
+ .progress.is-warning::-ms-fill {
+ background-color: #CBC219; }
+ .progress.is-danger::-webkit-progress-value {
+ background-color: #DB512A; }
+ .progress.is-danger::-moz-progress-bar {
+ background-color: #DB512A; }
+ .progress.is-danger::-ms-fill {
+ background-color: #DB512A; }
+ .progress.is-small {
+ height: 0.63rem; }
+ .progress.is-medium {
+ height: 1.25rem; }
+ .progress.is-large {
+ height: 1.75rem; }
+
+.table {
+ background-color: #FFFFFF;
+ color: #363636; }
+ .table td,
+ .table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top; }
+ .table td.is-white,
+ .table th.is-white {
+ background-color: #FFFFFF;
+ border-color: #FFFFFF;
+ color: #0a0a0a; }
+ .table td.is-black,
+ .table th.is-black {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: #FFFFFF; }
+ .table td.is-light,
+ .table th.is-light {
+ background-color: #FFFFFF;
+ border-color: #FFFFFF;
+ color: #0D1E34; }
+ .table td.is-dark,
+ .table th.is-dark {
+ background-color: #0D1E34;
+ border-color: #0D1E34;
+ color: #FFFFFF; }
+ .table td.is-primary,
+ .table th.is-primary {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-link,
+ .table th.is-link {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-info,
+ .table th.is-info {
+ background-color: #26599B;
+ border-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-success,
+ .table th.is-success {
+ background-color: #3DB5A0;
+ border-color: #3DB5A0;
+ color: #FFFFFF; }
+ .table td.is-warning,
+ .table th.is-warning {
+ background-color: #CBC219;
+ border-color: #CBC219;
+ color: #FFFFFF; }
+ .table td.is-danger,
+ .table th.is-danger {
+ background-color: #DB512A;
+ border-color: #DB512A;
+ color: #FFFFFF; }
+ .table td.is-narrow,
+ .table th.is-narrow {
+ white-space: nowrap;
+ width: 1%; }
+ .table td.is-selected,
+ .table th.is-selected {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .table td.is-selected a,
+ .table td.is-selected strong,
+ .table th.is-selected a,
+ .table th.is-selected strong {
+ color: currentColor; }
+ .table th {
+ color: #0D1E34;
+ text-align: left; }
+ .table tr.is-selected {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .table tr.is-selected a,
+ .table tr.is-selected strong {
+ color: currentColor; }
+ .table tr.is-selected td,
+ .table tr.is-selected th {
+ border-color: #FFFFFF;
+ color: currentColor; }
+ .table thead td,
+ .table thead th {
+ border-width: 0 0 2px;
+ color: #0D1E34; }
+ .table tfoot td,
+ .table tfoot th {
+ border-width: 2px 0 0;
+ color: #0D1E34; }
+ .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-fullwidth {
+ width: 100%; }
+ .table.is-hoverable tbody tr:not(.is-selected):hover {
+ background-color: #fafafa; }
+ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
+ background-color: #fafafa; }
+ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+ background-color: whitesmoke; }
+ .table.is-narrow td,
+ .table.is-narrow th {
+ padding: 0.25em 0.5em; }
+ .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
+ background-color: #fafafa; }
+
+.table-container {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%; }
+
+.tags {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start; }
+ .tags .tag {
+ margin-bottom: 0.5rem; }
+ .tags .tag:not(:last-child) {
+ margin-right: 0.5rem; }
+ .tags:last-child {
+ margin-bottom: -0.5rem; }
+ .tags:not(:last-child) {
+ margin-bottom: 1rem; }
+ .tags.has-addons .tag {
+ margin-right: 0; }
+ .tags.has-addons .tag:not(:first-child) {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0; }
+ .tags.has-addons .tag:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0; }
+ .tags.is-centered {
+ justify-content: center; }
+ .tags.is-centered .tag {
+ margin-right: 0.25rem;
+ margin-left: 0.25rem; }
+ .tags.is-right {
+ justify-content: flex-end; }
+ .tags.is-right .tag:not(:first-child) {
+ margin-left: 0.5rem; }
+ .tags.is-right .tag:not(:last-child) {
+ margin-right: 0; }
+
+.tag:not(body) {
+ align-items: center;
+ background-color: #FFFFFF;
+ border-radius: 0;
+ color: #0D1E34;
+ display: inline-flex;
+ font-size: 0.63rem;
+ height: 2em;
+ justify-content: center;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ white-space: nowrap; }
+ .tag:not(body) .delete {
+ margin-left: 0.25rem;
+ margin-right: -0.375rem; }
+ .tag:not(body).is-white {
+ background-color: #FFFFFF;
+ color: #0a0a0a; }
+ .tag:not(body).is-black {
+ background-color: #0a0a0a;
+ color: #FFFFFF; }
+ .tag:not(body).is-light {
+ background-color: #FFFFFF;
+ color: #0D1E34; }
+ .tag:not(body).is-dark {
+ background-color: #0D1E34;
+ color: #FFFFFF; }
+ .tag:not(body).is-primary {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-link {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-info {
+ background-color: #26599B;
+ color: #FFFFFF; }
+ .tag:not(body).is-success {
+ background-color: #3DB5A0;
+ color: #FFFFFF; }
+ .tag:not(body).is-warning {
+ background-color: #CBC219;
+ color: #FFFFFF; }
+ .tag:not(body).is-danger {
+ background-color: #DB512A;
+ color: #FFFFFF; }
+ .tag:not(body).is-medium {
+ font-size: 0.88rem; }
+ .tag:not(body).is-large {
+ font-size: 1.25rem; }
+ .tag:not(body) .icon:first-child:not(:last-child) {
+ margin-left: -0.375em;
+ margin-right: 0.1875em; }
+ .tag:not(body) .icon:last-child:not(:first-child) {
+ margin-left: 0.1875em;
+ margin-right: -0.375em; }
+ .tag:not(body) .icon:first-child:last-child {
+ margin-left: -0.375em;
+ margin-right: -0.375em; }
+ .tag:not(body).is-delete {
+ margin-left: 1px;
+ padding: 0;
+ position: relative;
+ width: 2em; }
+ .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
+ background-color: currentColor;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center; }
+ .tag:not(body).is-delete::before {
+ height: 1px;
+ width: 50%; }
+ .tag:not(body).is-delete::after {
+ height: 50%;
+ width: 1px; }
+ .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
+ background-color: #f2f2f2; }
+ .tag:not(body).is-delete:active {
+ background-color: #e6e5e5; }
+ .tag:not(body).is-rounded {
+ border-radius: 290486px; }
+
+a.tag:hover {
+ text-decoration: underline; }
+
+.title,
+.subtitle {
+ word-break: break-word; }
+ .title em,
+ .title span,
+ .subtitle em,
+ .subtitle span {
+ font-weight: inherit; }
+ .title sub,
+ .subtitle sub {
+ font-size: 0.75em; }
+ .title sup,
+ .subtitle sup {
+ font-size: 0.75em; }
+ .title .tag,
+ .subtitle .tag {
+ vertical-align: middle; }
+
+.title {
+ color: #363636;
+ font-size: 2.5rem;
+ font-weight: 700;
+ line-height: 1.125; }
+ .title strong {
+ color: inherit;
+ font-weight: inherit; }
+ .title + .highlight {
+ margin-top: -0.75rem; }
+ .title:not(.is-spaced) + .subtitle {
+ margin-top: -1.25rem; }
+ .title.is-1 {
+ font-size: 5.63rem; }
+ .title.is-2 {
+ font-size: 3.5rem; }
+ .title.is-3 {
+ font-size: 2.5rem; }
+ .title.is-4 {
+ font-size: 1.75rem; }
+ .title.is-5 {
+ font-size: 1.25rem; }
+ .title.is-6 {
+ font-size: 0.88rem; }
+ .title.is-7 {
+ font-size: 0.63rem; }
+
+.subtitle {
+ color: #4a4a4a;
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1.25; }
+ .subtitle strong {
+ color: #363636;
+ font-weight: 700; }
+ .subtitle:not(.is-spaced) + .title {
+ margin-top: -1.25rem; }
+ .subtitle.is-1 {
+ font-size: 5.63rem; }
+ .subtitle.is-2 {
+ font-size: 3.5rem; }
+ .subtitle.is-3 {
+ font-size: 2.5rem; }
+ .subtitle.is-4 {
+ font-size: 1.75rem; }
+ .subtitle.is-5 {
+ font-size: 1.25rem; }
+ .subtitle.is-6 {
+ font-size: 0.88rem; }
+ .subtitle.is-7 {
+ font-size: 0.63rem; }
+
+.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 pre {
+ overflow: auto;
+ max-width: 100%; }
+
+.number {
+ align-items: center;
+ background-color: #FFFFFF;
+ 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; }
+
.breadcrumb {
font-size: 0.88rem;
white-space: nowrap; }
@@ -3643,7 +3595,7 @@ a.tag:hover {
border-right: 1px solid #E4E5E7; }
.card .media:not(:last-child) {
- margin-bottom: 1.5rem; }
+ margin-bottom: 0.75rem; }
.dropdown {
display: inline-flex;
@@ -3731,6 +3683,7 @@ button.dropdown-item {
display: flex; }
.level > .level-item:not(.is-narrow) {
flex-grow: 1; } }
+
.level-item {
align-items: center;
display: flex;
@@ -3744,6 +3697,7 @@ button.dropdown-item {
@media screen and (max-width: 768px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem; } }
+
.level-left,
.level-right {
flex-basis: auto;
@@ -3756,6 +3710,7 @@ button.dropdown-item {
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem; } }
+
.level-left {
align-items: center;
justify-content: flex-start; }
@@ -3765,12 +3720,14 @@ button.dropdown-item {
@media screen and (min-width: 769px), print {
.level-left {
display: flex; } }
+
.level-right {
align-items: center;
justify-content: flex-end; }
@media screen and (min-width: 769px), print {
.level-right {
display: flex; } }
+
.list {
background-color: #FFFFFF;
border-radius: 0;
@@ -3785,8 +3742,8 @@ button.dropdown-item {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.list-item:last-child {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0; }
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
.list-item:not(:last-child) {
border-bottom: 1px solid #E4E5E7; }
.list-item.is-active {
@@ -3887,7 +3844,7 @@ a.list-item {
font-size: 0.88rem; }
.message strong {
color: currentColor; }
- .message a:not(.button):not(.tag):not(.dropdown-item) {
+ .message a:not(.button):not(.tag) {
color: currentColor;
text-decoration: underline; }
.message.is-small {
@@ -3903,7 +3860,7 @@ a.list-item {
color: #0a0a0a; }
.message.is-white .message-body {
border-color: #FFFFFF;
- color: #4d4d4d; }
+ color: #4d4c4c; }
.message.is-black {
background-color: #fafafa; }
.message.is-black .message-header {
@@ -3919,7 +3876,7 @@ a.list-item {
color: #0D1E34; }
.message.is-light .message-body {
border-color: #FFFFFF;
- color: #4d4d4d; }
+ color: #4d4c4c; }
.message.is-dark {
background-color: #f7fafd; }
.message.is-dark .message-header {
@@ -4037,6 +3994,7 @@ a.list-item {
margin: 0 auto;
max-height: calc(100vh - 40px);
width: 640px; } }
+
.modal-close {
background: none;
height: 40px;
@@ -4079,7 +4037,7 @@ a.list-item {
border-bottom-right-radius: 0;
border-top: 1px solid #E4E5E7; }
.modal-card-foot .button:not(:last-child) {
- margin-right: 0.5em; }
+ margin-right: 10px; }
.modal-card-body {
-webkit-overflow-scrolling: touch;
@@ -4100,8 +4058,7 @@ a.list-item {
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
color: #0a0a0a; }
- .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
- .navbar.is-white .navbar-brand .navbar-link:focus,
+ .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4116,14 +4073,11 @@ a.list-item {
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
color: #0a0a0a; }
- .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
- .navbar.is-white .navbar-start .navbar-link:focus,
+ .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
- .navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
- .navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4131,7 +4085,6 @@ a.list-item {
.navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
border-color: #0a0a0a; }
- .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
@@ -4145,8 +4098,7 @@ a.list-item {
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
- .navbar.is-black .navbar-brand .navbar-link:focus,
+ .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
background-color: black;
@@ -4161,14 +4113,11 @@ a.list-item {
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
- .navbar.is-black .navbar-start .navbar-link:focus,
+ .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
- .navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
- .navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
background-color: black;
@@ -4176,7 +4125,6 @@ a.list-item {
.navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
background-color: black;
@@ -4190,8 +4138,7 @@ a.list-item {
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
color: #0D1E34; }
- .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
- .navbar.is-light .navbar-brand .navbar-link:focus,
+ .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4206,14 +4153,11 @@ a.list-item {
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
color: #0D1E34; }
- .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
- .navbar.is-light .navbar-start .navbar-link:focus,
+ .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
- .navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
- .navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
@@ -4221,7 +4165,6 @@ a.list-item {
.navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
border-color: #0D1E34; }
- .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
@@ -4235,8 +4178,7 @@ a.list-item {
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
- .navbar.is-dark .navbar-brand .navbar-link:focus,
+ .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
background-color: #081220;
@@ -4251,14 +4193,11 @@ a.list-item {
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
- .navbar.is-dark .navbar-start .navbar-link:focus,
+ .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
- .navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
- .navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
background-color: #081220;
@@ -4266,7 +4205,6 @@ a.list-item {
.navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #081220;
@@ -4280,8 +4218,7 @@ a.list-item {
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
- .navbar.is-primary .navbar-brand .navbar-link:focus,
+ .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4296,14 +4233,11 @@ a.list-item {
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
- .navbar.is-primary .navbar-start .navbar-link:focus,
+ .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
- .navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
- .navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4311,7 +4245,6 @@ a.list-item {
.navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4325,8 +4258,7 @@ a.list-item {
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
- .navbar.is-link .navbar-brand .navbar-link:focus,
+ .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4341,14 +4273,11 @@ a.list-item {
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
- .navbar.is-link .navbar-start .navbar-link:focus,
+ .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
- .navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
- .navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4356,7 +4285,6 @@ a.list-item {
.navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4370,8 +4298,7 @@ a.list-item {
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
- .navbar.is-info .navbar-brand .navbar-link:focus,
+ .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
background-color: #214d87;
@@ -4386,14 +4313,11 @@ a.list-item {
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
- .navbar.is-info .navbar-start .navbar-link:focus,
+ .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
- .navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
- .navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
background-color: #214d87;
@@ -4401,7 +4325,6 @@ a.list-item {
.navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #214d87;
@@ -4415,8 +4338,7 @@ a.list-item {
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
- .navbar.is-success .navbar-brand .navbar-link:focus,
+ .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
background-color: #37a28f;
@@ -4431,14 +4353,11 @@ a.list-item {
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
- .navbar.is-success .navbar-start .navbar-link:focus,
+ .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
- .navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
- .navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
background-color: #37a28f;
@@ -4446,7 +4365,6 @@ a.list-item {
.navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #37a28f;
@@ -4460,8 +4378,7 @@ a.list-item {
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
- .navbar.is-warning .navbar-brand .navbar-link:focus,
+ .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
background-color: #b4ac16;
@@ -4476,14 +4393,11 @@ a.list-item {
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
- .navbar.is-warning .navbar-start .navbar-link:focus,
+ .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
- .navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
- .navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
background-color: #b4ac16;
@@ -4491,7 +4405,6 @@ a.list-item {
.navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #b4ac16;
@@ -4505,8 +4418,7 @@ a.list-item {
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
color: #FFFFFF; }
- .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
- .navbar.is-danger .navbar-brand .navbar-link:focus,
+ .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
background-color: #c94722;
@@ -4521,14 +4433,11 @@ a.list-item {
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
color: #FFFFFF; }
- .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
- .navbar.is-danger .navbar-start .navbar-link:focus,
+ .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
- .navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
- .navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
background-color: #c94722;
@@ -4536,7 +4445,6 @@ a.list-item {
.navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
border-color: #FFFFFF; }
- .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #c94722;
@@ -4578,7 +4486,7 @@ body.has-navbar-fixed-bottom {
flex-shrink: 0;
min-height: 3.25rem; }
-.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
+.navbar-brand a.navbar-item:hover {
background-color: transparent; }
.navbar-tabs {
@@ -4639,9 +4547,7 @@ body.has-navbar-fixed-bottom {
a.navbar-item,
.navbar-link {
cursor: pointer; }
- a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
- .navbar-link:focus,
- .navbar-link:focus-within,
+ a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
background-color: #fafafa;
@@ -4662,7 +4568,7 @@ a.navbar-item,
border-bottom: 1px solid transparent;
min-height: 3.25rem;
padding-bottom: calc(0.5rem - 1px); }
- .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
+ .navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #26599B; }
.navbar-item.is-tab.is-active {
@@ -4753,14 +4659,13 @@ a.navbar-item,
.navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
border-radius: 0; }
- .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
- .navbar.is-transparent .navbar-link:focus,
+ .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent !important; }
- .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
+ .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important; }
- .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
+ .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: #FFFFFF;
color: #0a0a0a; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
@@ -4785,9 +4690,9 @@ a.navbar-item,
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto; }
- .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
+ .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
display: block; }
- .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
+ .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
opacity: 1;
pointer-events: auto;
transform: translateY(0); }
@@ -4818,7 +4723,7 @@ a.navbar-item,
white-space: nowrap; }
.navbar-dropdown a.navbar-item {
padding-right: 3rem; }
- .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
+ .navbar-dropdown a.navbar-item:hover {
background-color: #FFFFFF;
color: #0a0a0a; }
.navbar-dropdown a.navbar-item.is-active {
@@ -4872,15 +4777,12 @@ a.navbar-item,
a.navbar-item.is-active,
.navbar-link.is-active {
color: #0a0a0a; }
- a.navbar-item.is-active:not(:focus):not(:hover),
- .navbar-link.is-active:not(:focus):not(:hover) {
+ a.navbar-item.is-active:not(:hover),
+ .navbar-link.is-active:not(:hover) {
background-color: transparent; }
- .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
+ .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #fafafa; } }
-.hero.is-fullheight-with-navbar {
- min-height: calc(100vh - 3.25rem); }
-
.pagination {
font-size: 0.88rem;
margin: -0.25rem; }
@@ -4910,10 +4812,10 @@ a.navbar-item,
.pagination-link,
.pagination-ellipsis {
font-size: 1em;
- justify-content: center;
- margin: 0.25rem;
padding-left: 0.5em;
padding-right: 0.5em;
+ justify-content: center;
+ margin: 0.25rem;
text-align: center; }
.pagination-previous,
@@ -5246,11 +5148,6 @@ label.panel-block {
margin-left: 60%; }
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%; }
- .columns.is-mobile > .column.is-0 {
- flex: none;
- width: 0%; }
- .columns.is-mobile > .column.is-offset-0 {
- margin-left: 0%; }
.columns.is-mobile > .column.is-1 {
flex: none;
width: 8.3333333333%; }
@@ -5362,11 +5259,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-mobile {
margin-left: 80%; }
- .column.is-0-mobile {
- flex: none;
- width: 0%; }
- .column.is-offset-0-mobile {
- margin-left: 0%; }
.column.is-1-mobile {
flex: none;
width: 8.3333333333%; }
@@ -5478,11 +5370,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
margin-left: 80%; }
- .column.is-0, .column.is-0-tablet {
- flex: none;
- width: 0%; }
- .column.is-offset-0, .column.is-offset-0-tablet {
- margin-left: 0%; }
.column.is-1, .column.is-1-tablet {
flex: none;
width: 8.3333333333%; }
@@ -5594,11 +5481,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-touch {
margin-left: 80%; }
- .column.is-0-touch {
- flex: none;
- width: 0%; }
- .column.is-offset-0-touch {
- margin-left: 0%; }
.column.is-1-touch {
flex: none;
width: 8.3333333333%; }
@@ -5710,11 +5592,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-desktop {
margin-left: 80%; }
- .column.is-0-desktop {
- flex: none;
- width: 0%; }
- .column.is-offset-0-desktop {
- margin-left: 0%; }
.column.is-1-desktop {
flex: none;
width: 8.3333333333%; }
@@ -5826,11 +5703,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-widescreen {
margin-left: 80%; }
- .column.is-0-widescreen {
- flex: none;
- width: 0%; }
- .column.is-offset-0-widescreen {
- margin-left: 0%; }
.column.is-1-widescreen {
flex: none;
width: 8.3333333333%; }
@@ -5942,11 +5814,6 @@ label.panel-block {
margin-left: 60%; }
.column.is-offset-four-fifths-fullhd {
margin-left: 80%; }
- .column.is-0-fullhd {
- flex: none;
- width: 0%; }
- .column.is-offset-0-fullhd {
- margin-left: 0%; }
.column.is-1-fullhd {
flex: none;
width: 8.3333333333%; }
@@ -6007,6 +5874,7 @@ label.panel-block {
width: 100%; }
.column.is-offset-12-fullhd {
margin-left: 100%; } }
+
.columns {
margin-left: -1.5rem;
margin-right: -1.5rem;
@@ -6040,6 +5908,7 @@ label.panel-block {
@media screen and (min-width: 1024px) {
.columns.is-desktop {
display: flex; } }
+
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
@@ -6308,6 +6177,7 @@ label.panel-block {
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem; } }
+
.tile {
align-items: stretch;
display: block;
@@ -6370,6 +6240,7 @@ label.panel-block {
.tile.is-12 {
flex: none;
width: 100%; } }
+
.hero {
align-items: stretch;
display: flex;
@@ -6382,7 +6253,7 @@ label.panel-block {
.hero.is-white {
background-color: #FFFFFF;
color: #0a0a0a; }
- .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-white strong {
color: inherit; }
.hero.is-white .title {
@@ -6419,14 +6290,14 @@ label.panel-block {
border-color: #0a0a0a;
color: #FFFFFF; }
.hero.is-white.is-bold {
- background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); } }
.hero.is-black {
background-color: #0a0a0a;
color: #FFFFFF; }
- .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-black strong {
color: inherit; }
.hero.is-black .title {
@@ -6470,7 +6341,7 @@ label.panel-block {
.hero.is-light {
background-color: #FFFFFF;
color: #0D1E34; }
- .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-light strong {
color: inherit; }
.hero.is-light .title {
@@ -6507,14 +6378,14 @@ label.panel-block {
border-color: #0D1E34;
color: #FFFFFF; }
.hero.is-light.is-bold {
- background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); }
+ background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); }
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
- background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } }
+ background-image: linear-gradient(141deg, #e6e5e5 0%, #FFFFFF 71%, white 100%); } }
.hero.is-dark {
background-color: #0D1E34;
color: #FFFFFF; }
- .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-dark strong {
color: inherit; }
.hero.is-dark .title {
@@ -6558,7 +6429,7 @@ label.panel-block {
.hero.is-primary {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong {
color: inherit; }
.hero.is-primary .title {
@@ -6602,7 +6473,7 @@ label.panel-block {
.hero.is-link {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-link strong {
color: inherit; }
.hero.is-link .title {
@@ -6646,7 +6517,7 @@ label.panel-block {
.hero.is-info {
background-color: #26599B;
color: #FFFFFF; }
- .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-info strong {
color: inherit; }
.hero.is-info .title {
@@ -6690,7 +6561,7 @@ label.panel-block {
.hero.is-success {
background-color: #3DB5A0;
color: #FFFFFF; }
- .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-success strong {
color: inherit; }
.hero.is-success .title {
@@ -6734,7 +6605,7 @@ label.panel-block {
.hero.is-warning {
background-color: #CBC219;
color: #FFFFFF; }
- .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-warning strong {
color: inherit; }
.hero.is-warning .title {
@@ -6778,7 +6649,7 @@ label.panel-block {
.hero.is-danger {
background-color: #DB512A;
color: #FFFFFF; }
- .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+ .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-danger strong {
color: inherit; }
.hero.is-danger .title {
@@ -6840,6 +6711,8 @@ label.panel-block {
min-height: 50vh; }
.hero.is-fullheight {
min-height: 100vh; }
+ .hero.is-fullheight-with-navbar {
+ min-height: calc(100vh - 3.25rem); }
.hero-video {
overflow: hidden; }
@@ -6855,6 +6728,7 @@ label.panel-block {
@media screen and (max-width: 768px) {
.hero-video {
display: none; } }
+
.hero-buttons {
margin-top: 1.5rem; }
@media screen and (max-width: 768px) {
@@ -6868,6 +6742,7 @@ label.panel-block {
justify-content: center; }
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem; } }
+
.hero-head,
.hero-foot {
flex-grow: 0;
@@ -6885,6 +6760,7 @@ label.panel-block {
padding: 9rem 1.5rem; }
.section.is-large {
padding: 18rem 1.5rem; } }
+
.footer {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem; }
@@ -7252,20 +7128,25 @@ p label::after {
content: ':'; }
.content a {
- font-weight: bold;
- padding: 0.25em;
- margin: -0.25em; }
+ font-weight: bold; }
.content a:hover {
color: #FFFFFF;
- background-color: #26599B; }
+ background-color: #26599B;
+ padding: 0.25em;
+ margin: -0.25em; }
.content a:focus {
color: #FFFFFF;
- background-color: #26599B; }
+ background-color: #26599B;
+ padding: 0.25em;
+ margin: -0.25em; }
.content a:active {
color: #CBC219;
- background-color: #26599B; }
+ background-color: #26599B;
+ padding: 0.25em;
+ margin: -0.25em; }
-.footer .container, .media.media-comment + .media.media-comment, .media.media-comment .media.media-comment, .media.media-comment, .titlebar-bigborder, hr {
+hr, .titlebar-bigborder, .media.media-comment, .media.media-comment + .media.media-comment,
+.media.media-comment .media.media-comment, .footer .container {
border-top: 4px solid #193B68; }
.is-compact.subtitle, .is-compact.title {
@@ -7325,23 +7206,13 @@ iframe {
.form-item {
margin-bottom: .6rem; }
-.content p.form-label,
.form-label {
- margin-top: 1rem;
- margin-bottom: .6rem; }
+ margin-top: .6rem; }
-.webform-form,
-.webform-submission-form {
- border-left: 4px solid #193B68;
- border-right: 4px solid #193B68;
- margin: .1rem 1.5rem .1rem 1.5rem;
- padding: 0 1.5rem; }
- @media screen and (min-width: 1216px) {
- .webform-form,
- .webform-submission-form {
- margin: .5rem 6rem .5rem 6rem;
- padding: 0 6rem; } }
.content blockquote {
+ border-left-width: 0;
+ padding-left: 0;
+ padding-right: 0;
color: currentColor; }
.content blockquote * {
color: currentColor; }
@@ -7386,8 +7257,6 @@ iframe {
margin-right: 1.5rem; } }
.flow [class^=flow] + [class^=flow] h2:first-child {
margin-top: 1.1428em; }
- .flow [class^=flow] + [class^=flow] .columns h2:first-child {
- margin-top: inherit; }
@media screen and (min-width: 769px), print {
.flow .flow_full {
margin-left: -25%;
@@ -7402,6 +7271,7 @@ iframe {
float: right;
margin-right: -25%;
width: 25%; } }
+
@media screen and (min-width: 769px), print {
.flow-thirds {
margin-left: calc(25% - 0.75rem);
@@ -7614,11 +7484,18 @@ ion-icon {
z-index: +400; }
.is-fixed #logo .logo-color {
fill: currentColor; }
- .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + section,
+ .is-fixed + .floating-tabs + #main-content + section,
+ .is-fixed + .floating-tabs + #main-content + article > section:first-child,
+ .is-fixed + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 3.3125em; }
@media screen and (min-width: 1024px) {
- .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
+ .is-fixed + section,
+ .is-fixed + .floating-tabs + #main-content + section,
+ .is-fixed + .floating-tabs + #main-content + article > section:first-child,
+ .is-fixed + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 5.875em; } }
+
.toolbar-tray-open.toolbar-horizontal .is-fixed {
padding-top: 79px; }
@@ -7631,6 +7508,7 @@ ion-icon {
:target::before {
height: 5.875em;
margin: -5.875em 0 0; } }
+
a:target,
a:target:hover {
padding: 0;
@@ -7641,6 +7519,7 @@ a:target:hover {
@media screen and (min-width: 1024px) {
.message {
margin-top: 5.875rem; } }
+
.navbar {
color: #FFFFFF;
background-color: #0D1E34;
@@ -7648,6 +7527,7 @@ a:target:hover {
@media screen and (min-width: 1024px) {
.navbar {
padding: 1.25em 0; } }
+
@media screen and (min-width: 769px), print {
.navbar-transition {
transition-property: color, background-color;
@@ -7708,11 +7588,13 @@ a:target:hover {
border-top: 3px solid #0D1E34;
padding-left: 0;
padding-right: 0; } }
+
.navbar-dropdown a.navbar-item {
padding: 1em; }
@media screen and (min-width: 769px), print {
.navbar-dropdown a.navbar-item {
color: #0D1E34; } }
+
.navbar-dropdown a:hover.navbar-item,
.navbar-dropdown a:focus.navbar-item {
border-color: #FFFFFF; }
@@ -7721,21 +7603,25 @@ a:target:hover {
.navbar-dropdown a:focus.navbar-item {
color: #FFFFFF;
background-color: #0D1E34; } }
+
.navbar-dropdown .navbar-item:first-child {
border-top: 3px solid #FFFFFF; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item:first-child {
border-top: 0; } }
+
.navbar-dropdown .navbar-item:last-child {
border-bottom: 3px solid #FFFFFF; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item:last-child {
border-bottom: 0; } }
+
.navbar-dropdown .navbar-item {
padding-left: 3em; }
@media screen and (min-width: 769px), print {
.navbar-dropdown .navbar-item {
padding-left: 1em; } }
+
.navbar-link {
padding-right: 1rem;
color: currentColor; }
@@ -7772,6 +7658,7 @@ a.navbar-link.is-active {
a.navbar-link.is-active:hover::before,
a.navbar-link.is-active:focus::before {
display: none; } }
+
@media screen and (min-width: 769px), print {
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
@@ -7856,6 +7743,7 @@ a.navbar-link:focus,
@media screen and (min-width: 769px), print {
.header-search .form-text.input {
width: 20em; } }
+
.hero.is-dark .tabs a,
.is-dark .tabs a {
color: #3276CF; }
@@ -7875,6 +7763,7 @@ a.navbar-link:focus,
@media screen and (min-width: 1024px) {
.floating-tabs {
top: 5.875em; } }
+
@media screen and (min-width: 1024px) {
.toolbar-tray-open.toolbar-horizontal .floating-tabs {
top: 9.875em; } }
@@ -8070,7 +7959,8 @@ a.card-initiative:hover {
border-top-color: #E4E5E7;
padding-top: 32px;
padding-bottom: 32px; }
- .media.media-comment + .media.media-comment, .media.media-comment .media.media-comment {
+ .media.media-comment + .media.media-comment,
+ .media.media-comment .media.media-comment {
border-top-width: 2px;
border-top-color: #E4E5E7; }
.media.media-comment .media-left {
@@ -8085,6 +7975,7 @@ a.card-initiative:hover {
display: flex; }
.media.media-comment .media-left {
width: 12em; } }
+
.media-list .media,
.media-list .media + .media {
margin-top: 32px;
@@ -8110,11 +8001,14 @@ a.teaser {
.teaser + .teaser {
margin-top: 32px; }
-.media.teaser .media-left {
- width: 12em; }
- .media.teaser .media-left img {
- width: 100%;
- height: auto; }
+.media.teaser {
+ display: flex; }
+ .media.teaser .media-left {
+ width: 12em; }
+ .media.teaser .media-left img {
+ width: 100%;
+ height: auto;
+ display: block; }
.media-list .media,
.media-list .media + .media {
@@ -8132,6 +8026,15 @@ a.teaser {
.media-list .teaser:hover .media-left .byline {
display: block; }
+.hero {
+ margin-top: 52px; }
+ @media screen and (min-width: 769px), print {
+ .hero {
+ margin-top: 55px; } }
+ @media screen and (min-width: 1024px) {
+ .hero {
+ margin-top: 95px; } }
+
.hero.is-light {
background: #E4E5E7; }
@@ -8266,7 +8169,7 @@ a.teaser {
.hero-project .container .hero-body .title {
margin-top: 0.25em;
margin-left: -1.25em;
- max-width: 12em; }
+ max-width: 6em; }
.hero-project .container .hero-body .subtitle {
font-size: 1.25rem; } }
@@ -8391,6 +8294,7 @@ a.teaser {
@media screen and (min-width: 769px), print {
.slick-slide {
padding: 0 32px; } }
+
ul.slick-dots {
bottom: 10.6666666667px; }
ul.slick-dots li button {
@@ -8466,6 +8370,7 @@ ul.slick-dots {
.icon-list-cols li {
padding-bottom: 64px;
width: 48%; } }
+
.icon-list-cols li.is-blue::before {
color: #26599B; }
@@ -8497,11 +8402,6 @@ ul.slick-dots {
.hero + .section.related .titlebar-bigborder {
border-top: 0; }
-.section.related .title.is-5 {
- font-size: 1.1rem;
- line-height: 1.25em;
- font-weight: normal; }
-
.footer {
font-size: 0.88rem;
font-weight: 700;
@@ -8520,22 +8420,3 @@ ul.slick-dots {
font-size: 4.5em; }
.footer .footer-logo .icon .agc {
display: block; }
-
-code .tag, code .number {
- display: inline;
- padding: inherit;
- font-size: inherit;
- line-height: inherit;
- text-align: inherit;
- vertical-align: inherit;
- border-radius: inherit;
- font-weight: inherit;
- white-space: inherit;
- background: inherit;
- margin: inherit; }
-
-code {
- background-color: inherit;
- color: inherit;
- font-size: inherit;
- padding: 0.2em 0.25em; }
diff --git a/agaric/sass/agaric.scss b/agaric/sass/agaric.scss
index afe7cd6..28705b6 100644
--- a/agaric/sass/agaric.scss
+++ b/agaric/sass/agaric.scss
@@ -67,4 +67,3 @@
@import "agaric/component.iconlist";
@import "agaric/component.related";
@import "agaric/component.footer";
-@import "agaric/component.code";
diff --git a/agaric/sass/agaric/_base.blockquote.scss b/agaric/sass/agaric/_base.blockquote.scss
index 9363e50..373b00e 100644
--- a/agaric/sass/agaric/_base.blockquote.scss
+++ b/agaric/sass/agaric/_base.blockquote.scss
@@ -5,6 +5,9 @@
// Styleguide: Base.Blockquote
.content blockquote {
+ border-left-width: 0;
+ padding-left: 0;
+ padding-right: 0;
color: currentColor;
//
* {
diff --git a/agaric/sass/agaric/_base.elements.scss b/agaric/sass/agaric/_base.elements.scss
index 32e6e8d..f4e00b4 100644
--- a/agaric/sass/agaric/_base.elements.scss
+++ b/agaric/sass/agaric/_base.elements.scss
@@ -59,19 +59,23 @@ p {
.content a {
font-weight: bold;
- padding: $link-hover-padding;
- margin: -$link-hover-padding;
&:hover {
color: $link-hover;
background-color: $link-hover-background;
+ padding: $link-hover-padding;
+ margin: -$link-hover-padding;
}
&:focus {
color: $link-focus;
background-color: $link-hover-background;
+ padding: $link-hover-padding;
+ margin: -$link-hover-padding;
}
&:active {
color: $link-active;
background-color: $link-hover-background;
+ padding: $link-hover-padding;
+ margin: -$link-hover-padding;
}
}
diff --git a/agaric/sass/agaric/_base.form.scss b/agaric/sass/agaric/_base.form.scss
index b63e19b..1291cb7 100644
--- a/agaric/sass/agaric/_base.form.scss
+++ b/agaric/sass/agaric/_base.form.scss
@@ -25,22 +25,6 @@
margin-bottom: .6rem;
}
-.content p.form-label,
.form-label {
- margin-top: 1rem;
- margin-bottom: .6rem;
-}
-
-// Webforms
-
-.webform-form,
-.webform-submission-form {
- border-left: 4px solid $blue-dark;
- border-right: 4px solid $blue-dark;
- margin: .1rem 1.5rem .1rem 1.5rem;
- padding: 0 1.5rem;
- @include widescreen {
- margin: .5rem 6rem .5rem 6rem;
- padding: 0 6rem;
- }
+ margin-top: .6rem;
}
diff --git a/agaric/sass/agaric/_component.code.scss b/agaric/sass/agaric/_component.code.scss
deleted file mode 100644
index 4b50477..0000000
--- a/agaric/sass/agaric/_component.code.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Fixes https://github.com/jgthms/bulma/issues/1708
-code .tag, code .number {
- display: inline;
- padding: inherit;
- font-size: inherit;
- line-height: inherit;
- text-align: inherit;
- vertical-align: inherit;
- border-radius: inherit;
- font-weight: inherit;
- white-space: inherit;
- background: inherit;
- margin: inherit;
-}
-
-// Try to undo what presumably prism styling is doing to our in-text code:
-code {
- background-color: inherit;
- color: inherit;
- font-size: inherit;
- padding: 0.2em 0.25em;
-}
diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index e04f9c1..8d4456d 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -9,6 +9,18 @@
//
// Styleguide: Componenet.Hero
+// The topbar-fixed is hidding the Hero banner.
+.hero {
+ margin-top: 52px;
+
+ @include tablet {
+ margin-top: 55px;
+ }
+ @include desktop {
+ margin-top: 95px;
+ }
+}
+
.hero.is-light {
background: $grey;
}
@@ -170,7 +182,7 @@
.title {
margin-top: 0.25em;
margin-left: -1.25em;
- max-width: 12em;
+ max-width: 6em;
}
.subtitle {
font-size: $size-5;
diff --git a/agaric/sass/agaric/_component.navbar.scss b/agaric/sass/agaric/_component.navbar.scss
index 3084f69..3e9ee4f 100644
--- a/agaric/sass/agaric/_component.navbar.scss
+++ b/agaric/sass/agaric/_component.navbar.scss
@@ -17,10 +17,10 @@
#logo .logo-color {
fill: currentColor;
}
- & + div[data-drupal-messages-fallback] + section,
- & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section,
- & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child,
- & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child {
+ & + section,
+ & + .floating-tabs + #main-content + section,
+ & + .floating-tabs + #main-content + article > section:first-child,
+ & + .floating-tabs + #main-content + .node > section:first-child {
padding-top: 3.3125em;
@include desktop {
padding-top: 5.875em;
diff --git a/agaric/sass/agaric/_component.related.scss b/agaric/sass/agaric/_component.related.scss
index 0ca4cbe..2f6b6ae 100644
--- a/agaric/sass/agaric/_component.related.scss
+++ b/agaric/sass/agaric/_component.related.scss
@@ -19,9 +19,3 @@
border-top: 0;
}
}
-
-.section.related .title.is-5 {
- font-size: 1.1rem;
- line-height: 1.25em;
- font-weight: normal; // TODO just remove the '.title' instead.
-}
diff --git a/agaric/sass/agaric/_component.teaser.scss b/agaric/sass/agaric/_component.teaser.scss
index a0e56c3..c63c4c7 100644
--- a/agaric/sass/agaric/_component.teaser.scss
+++ b/agaric/sass/agaric/_component.teaser.scss
@@ -35,11 +35,15 @@ a.teaser {
}
.media.teaser {
+ display: flex;
+ //
.media-left {
width: 12em;
+ //
img {
width: 100%;
height: auto;
+ display: block;
}
}
}
diff --git a/agaric/sass/agaric/_layout.flow.scss b/agaric/sass/agaric/_layout.flow.scss
index a2eefbe..d44da4a 100644
--- a/agaric/sass/agaric/_layout.flow.scss
+++ b/agaric/sass/agaric/_layout.flow.scss
@@ -45,9 +45,6 @@
h2:first-child {
margin-top: 1.1428em;
}
- .columns h2:first-child {
- margin-top: inherit;
- }
}
}
.flow_full {
diff --git a/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig b/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
index 2d79b0f..149d68d 100644
--- a/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
+++ b/agaric/templates/field/field--field-body-paragraph--rss-teaser.html.twig
@@ -39,8 +39,8 @@
#}
<description>
{% set one_and_done = false %}
-{% for item in items %}
- {% if item.content['#paragraph'].type.0.entity.id == 'text' and not one_and_done %}
+{% for item in items if not one_and_done %}
+ {% if item.content['#paragraph'].type.0.entity.id == 'text' %}
{% set one_and_done = true %}
{{ item.content|render|escape }}
{% endif %}
diff --git a/agaric/templates/field/field--field-title.html.twig b/agaric/templates/field/field--field-title.html.twig
index db78354..4441b7c 100644
--- a/agaric/templates/field/field--field-title.html.twig
+++ b/agaric/templates/field/field--field-title.html.twig
@@ -46,9 +46,4 @@
})
%}
<h1{{ item.attributes }}>{{ item.content}} </h1>
-
- {% if authors is not empty %}
- <p class="byline is-mono">Written by {{ authors }}</p>
- <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
- {% endif %}
{% endfor %}
diff --git a/agaric/templates/layout/ds-2col--node-landing-page-simple-card.html.twig b/agaric/templates/layout/ds-2col--node-landing-page-simple-card.html.twig
deleted file mode 100644
index 173e2c4..0000000
--- a/agaric/templates/layout/ds-2col--node-landing-page-simple-card.html.twig
+++ /dev/null
@@ -1,2 +0,0 @@
-{% extends "ds-2col.html.twig" %}
-{% set attributes = attributes.addClass('is-mobile') %}
diff --git a/agaric/templates/layout/ds-2col.html.twig b/agaric/templates/layout/ds-2col.html.twig
deleted file mode 100644
index 552985f..0000000
--- a/agaric/templates/layout/ds-2col.html.twig
+++ /dev/null
@@ -1,29 +0,0 @@
-{#
-/**
- * @file
- * Override Display Suite 2 column template to get rid of DS classes.
- *
- * Available variables:
- * - outer_wrapper: outer wrapper element
- * - left_wrapper: wrapper element around left region
- * - right_wrapper: wrapper element around right region
- * - attributes: layout attributes
- * - left_attributes: attributes for left region
- * - right_attributes: attributes for right region
- * - left: content of left region
- * - right: content of right region
- */
-#}
-<{{ outer_wrapper }}{{ attributes.addClass('columns', 'clearfix') }}>
-
- {{ title_suffix.contextual_links }}
-
- <{{ left_wrapper }}{{ left_attributes.addClass('column') }}>
- {{ left }}
- </{{ left_wrapper }}>
-
- <{{ right_wrapper }}{{ right_attributes.addClass('column') }}>
- {{ right }}
- </{{ right_wrapper }}>
-
-</{{ outer_wrapper }}>
diff --git a/agaric/templates/layout/item-list--indieweb-syndication.html.twig b/agaric/templates/layout/item-list--indieweb-syndication.html.twig
deleted file mode 100644
index cddd6d9..0000000
--- a/agaric/templates/layout/item-list--indieweb-syndication.html.twig
+++ /dev/null
@@ -1,40 +0,0 @@
-{#
-/**
- * @file
- * Theme override for an item list.
- *
- * Available variables:
- * - items: A list of items. Each item contains:
- * - attributes: HTML attributes to be applied to each list item.
- * - value: The content of the list element.
- * - title: The title of the list.
- * - list_type: The tag for list element ("ul" or "ol").
- * - wrapper_attributes: HTML attributes to be applied to the list wrapper.
- * - attributes: HTML attributes to be applied to the list.
- * - empty: A message to display when there are no items. Allowed value is a
- * string or render array.
- * - context: A list of contextual data associated with the list. May contain:
- * - list_style: The custom list style.
- *
- * @see template_preprocess_item_list()
- */
-#}
-{% if context.list_style %}
- {%- set attributes = attributes.addClass('item-list__' ~ context.list_style) %}
-{% endif %}
-{% if items or empty %}
- {%- if title is not empty -%}
- <h3>{{'Shared to'|t}}</h3>
- {%- endif -%}
-
- {%- if items -%}
- <{{list_type}}{{attributes}}>
- {%- for item in items -%}
- <li{{item.attributes}}>{{ item.value }}</li>
- {%- endfor -%}
- </{{list_type}}>
- {%- else -%}
- {{- empty -}}
- {%- endif -%}
-{%- endif %}
-
diff --git a/agaric/templates/layout/node--case-study--full.html.twig b/agaric/templates/layout/node--case-study--full.html.twig
index 9c99d7c..d6e5747 100644
--- a/agaric/templates/layout/node--case-study--full.html.twig
+++ b/agaric/templates/layout/node--case-study--full.html.twig
@@ -74,8 +74,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -103,8 +103,8 @@
<div class="container">
<div class="flow content">
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if i is not same as(title_paragraph_index) %}
{{ paragraph }}
{% endif %}
{% endfor %}
diff --git a/agaric/templates/layout/node--case-study--teaser.html.twig b/agaric/templates/layout/node--case-study--teaser.html.twig
index 3359fc1..a9375fd 100644
--- a/agaric/templates/layout/node--case-study--teaser.html.twig
+++ b/agaric/templates/layout/node--case-study--teaser.html.twig
@@ -6,8 +6,8 @@
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
diff --git a/agaric/templates/layout/node--full.html.twig b/agaric/templates/layout/node--full.html.twig
index 76e3512..efed28d 100644
--- a/agaric/templates/layout/node--full.html.twig
+++ b/agaric/templates/layout/node--full.html.twig
@@ -76,8 +76,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -106,15 +106,15 @@
</div>
{% endif %}
</div>
+ {% if content.field_authors is not empty %}
+ <p class="byline is-mono">Written by {{ content.field_authors }}</p>
+ <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
+ {% endif %}
</div>
</div>
</section>
-{% endif %}
-{% if content.field_authors is not empty %}
- <div class="container">
- <p class="byline is-mono">{{ content.field_authors }}</p>
- <p class="byline is-mono">Posted on <time class="dt-published" datetime="{{ iso_datetime }}">{{ date }}</time></p>
- </div>
+{% elseif content.field_authors is not empty %}
+<span class="hidden"><a href="{{ url }}" class="u-url">{{ date }}</a><a class="u-author" href="/"></a></span>
{% endif %}
<div class="e-content">
@@ -123,8 +123,8 @@
{% set walls_up = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if i is not same as(title_paragraph_index) %}
{% if paragraph['#paragraph'].field_style_escape_flow.value is not empty %}
{% set bust_out = paragraph['#paragraph'].field_style_escape_flow.value %}
{% endif %}
@@ -167,14 +167,14 @@
{{ content.field_tags }}
{% endif %}
</div>
- {{content.indieweb_syndication}}
</div>
</section>
{% endif %}
+
</article>{# end h-entry article #}
<!-- Unexpected extra content -->
-{{ content|without('field_body_paragraph', 'field_authors', 'field_tags', 'uid', 'created', 'comment', 'indieweb_syndication') }}
+{{ content|without('field_body_paragraph', 'field_authors', 'field_tags', 'uid', 'created', 'comment') }}
{% if content.comment %}
{{ content.comment }}
diff --git a/agaric/templates/layout/node--people--full.html.twig b/agaric/templates/layout/node--people--full.html.twig
index fd56534..360a06c 100644
--- a/agaric/templates/layout/node--people--full.html.twig
+++ b/agaric/templates/layout/node--people--full.html.twig
@@ -74,8 +74,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
{{ paragraph }}
@@ -109,8 +109,8 @@
{% set walls_up = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and i is not same as(title_paragraph_index) %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if i is not same as(title_paragraph_index) %}
{% if paragraph['#paragraph'].field_style_escape_flow.value is not empty %}
{% set bust_out = paragraph['#paragraph'].field_style_escape_flow.value %}
{% endif %}
diff --git a/agaric/templates/layout/node--rss-teaser.html.twig b/agaric/templates/layout/node--rss-teaser.html.twig
index fcdb606..013223e 100644
--- a/agaric/templates/layout/node--rss-teaser.html.twig
+++ b/agaric/templates/layout/node--rss-teaser.html.twig
@@ -71,12 +71,14 @@
*/
#}
+BOW! BOW BEFORE MY POWER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
<a class="teaser media content" href="{{ url }}">
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
diff --git a/agaric/templates/layout/node--teaser.html.twig b/agaric/templates/layout/node--teaser.html.twig
index fed82e7..e896d2e 100644
--- a/agaric/templates/layout/node--teaser.html.twig
+++ b/agaric/templates/layout/node--teaser.html.twig
@@ -71,12 +71,12 @@
*/
#}
-<a class="teaser media content columns" href="{{ url }}">
+<a class="teaser media content" href="{{ url }}">
{% set has_title_paragraph = false %}
{% if content.field_body_paragraph %}
- {% for i, paragraph in content.field_body_paragraph %}
- {% if i|first != '#' and content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in content.field_body_paragraph if i|first != '#' %}
+ {% if content.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{{ paragraph }}
{% endif %}
@@ -84,7 +84,7 @@
{% endif %}
{% if not has_title_paragraph %}
- <div class="media-left column is-one-third is-one-quarter-desktop">
+ <div class="media-left">
{{ content.field_image }}
{% if node.bundle == 'blog' and content.field_authors is not empty %}
<p class="byline is-mono">
@@ -93,7 +93,7 @@
</p>
{% endif %}
</div>
- <div class="media-content content column is-two-thirds is-three-quarters-desktop ">
+ <div class="media-content content">
<h3 class="title is-5">{{ label }}</h3>
<div class="subtitle is-6">
{{ content.field_summary }}
diff --git a/agaric/templates/layout/region--footer.html.twig b/agaric/templates/layout/region--footer.html.twig
index 36b5194..ce0b339 100644
--- a/agaric/templates/layout/region--footer.html.twig
+++ b/agaric/templates/layout/region--footer.html.twig
@@ -28,9 +28,6 @@
<div class="column">
Powered by <a href="https://www.drutopia.org/">Drutopia</a>
</div>
- <div class="column">
- <a href="/privacy-policy">Privacy Policy</a>
- </div>
</div>
</div>
{% endif %}
diff --git a/agaric/templates/paragraph/paragraph--title.html.twig b/agaric/templates/paragraph/paragraph--title.html.twig
index bb7c68b..e02cdbf 100644
--- a/agaric/templates/paragraph/paragraph--title.html.twig
+++ b/agaric/templates/paragraph/paragraph--title.html.twig
@@ -38,7 +38,6 @@
* @ingroup themeable
*/
#}
-{% set attributes = attributes.setAttribute('data-headerbg', 'transparent') %}
{%
set classes = [
'hero',
@@ -47,9 +46,6 @@
%}
{% if paragraph.field_style_color is not empty %}
{% set classes = classes|merge(['is-'~paragraph.field_style_color.value]) %}
- {% if paragraph.field_style_color.value == 'white' %}
- {% set attributes = attributes.removeAttribute('data-headerbg') %}
- {% endif %}
{% endif %}
{% if paragraph.field_style_titlebar.value == false %}
{% set classes = classes|merge(['hero-project']) %}
@@ -62,13 +58,12 @@
{% set classes = classes|merge(styles) %}
{% endif %}
-
{% if paragraph.field_style_titlebar.value == true and paragraph.field_image is not empty %}
- {% set attributes = attributes.setAttribute('style', 'background-image: url('~file_url(paragraph.field_image.entity.uri.value)~')') %}
+ {% set attributes = attributes.setAttribute('data-headerbg', 'transparent').setAttribute('style', 'background-image: url('~file_url(paragraph.field_image.entity.uri.value)~')') %}
{% endif %}
{% block paragraph %}
- <section{{ attributes.addClass(classes) }}>
+ <section{{ attributes.addClass(classes) }} data-headerbg="transparent">
{% block content %}
{% if paragraph.field_style_titlebar.value == false %}
<div class="container">
diff --git a/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig b/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
index 1f9c51a..76ca276 100644
--- a/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
+++ b/agaric/templates/patterns/title_paragraph/pattern-title-paragraph.html.twig
@@ -13,8 +13,8 @@
{% set title_paragraph_index = null %}
{% set has_title_paragraph = false %}
{% if paragraphs.field_body_paragraph %}
- {% for i, paragraph in paragraphs.field_body_paragraph %}
- {% if i|first != '#' and paragraphs.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
+ {% for i, paragraph in paragraphs.field_body_paragraph if i|first != '#' %}
+ {% if paragraphs.field_body_paragraph['#items'][i].entity.type.0.entity.id == 'title' %}
{% set has_title_paragraph = true %}
{% set title_paragraph_index = i %}
<div class="column is-one-third">
diff --git a/agaric/templates/webform/webform-confirmation.html.twig b/agaric/templates/webform/webform-confirmation.html.twig
deleted file mode 100644
index 6892558..0000000
--- a/agaric/templates/webform/webform-confirmation.html.twig
+++ /dev/null
@@ -1,34 +0,0 @@
-{#
-/**
- * @file
- * Default theme implementation to webform confirmation.
- *
- * Available variables:
- * - progress: Progress bar.
- * - message: Confirmation message.
- * - back_url: URL to the previous webform submission.
- *
- * @see template_preprocess_webform_confirmation()
- *
- * @ingroup themeable
- */
-#}
-{{ attach_library('webform/webform.confirmation') }}
-
-{% if progress %}
- {{ progress }}
-{% endif %}
-
-<div{{ attributes.addClass('webform-confirmation container') }}>
-
- {% if message %}
- <div class="webform-confirmation__message">{{ message }}</div>
- {% endif %}
-
- {% if back %}
- <div class="webform-confirmation__back">
- <a href="{{ back_url }}" rel="prev"{{ back_attributes }}>{{ back_label }}</a>
- </div>
- {% endif %}
-
-</div>
diff --git a/css b/css
deleted file mode 100755
index c75e8a5..0000000
--- a/css
+++ /dev/null
@@ -1 +0,0 @@
-grunt sass
diff --git a/package.json b/package.json
index 14f7ab1..c7007bf 100755
--- a/package.json
+++ b/package.json
@@ -3,21 +3,21 @@
"version": "1.0.0",
"devDependencies": {
"assemble": "^0.4.42",
- "grunt": "^1.0.4",
+ "grunt": "^1.0.1",
"grunt-contrib-clean": "^0.6.0",
"grunt-contrib-connect": "^1.0.2",
"grunt-contrib-watch": "^1.0.0",
"grunt-kss": "^5.0.1",
"grunt-sass": "^2.1.0",
"grunt-shell": "^2.1.0",
- "kss": "^3.0.0-beta.25",
- "node-sass": "^4.13.0"
+ "kss": "^3.0.0-beta.18",
+ "node-sass": "^4.10.0"
},
"dependencies": {
- "bulma": "^0.7.5",
+ "bulma": "^0.7.2",
"bulma-extensions": "^1.0.4",
"grunt-cli": "^1.3.2",
- "ionicons": "^4.6.3",
+ "ionicons": "^4.4.6",
"slick-carousel": "^1.8.1"
}
}