From 33e6ebba752fc9ad4fd98b1931f74d96f7e6de3a Mon Sep 17 00:00:00 2001 From: mohin7 Date: Mon, 19 Aug 2024 15:31:47 +0600 Subject: [PATCH] Add event page Signed-off-by: mohin7 --- content/events/_index.md | 3 + data/events.json | 85 + hugo_stats.json | 14 + layouts/_default/events.html | 77 + layouts/partials/helpers/style-bundle.html | 6 +- static/assets/sass/main.css | 27558 ++++++++++++++++--- static/assets/sass/main.scss | 2 + static/assets/sass/pages/_events.scss | 37 + 8 files changed, 23467 insertions(+), 4315 deletions(-) create mode 100644 content/events/_index.md create mode 100644 data/events.json create mode 100644 layouts/_default/events.html create mode 100644 static/assets/sass/pages/_events.scss diff --git a/content/events/_index.md b/content/events/_index.md new file mode 100644 index 0000000000..a2575e561c --- /dev/null +++ b/content/events/_index.md @@ -0,0 +1,3 @@ +--- +title: Events | AppsCode +--- \ No newline at end of file diff --git a/data/events.json b/data/events.json new file mode 100644 index 0000000000..79c81a9861 --- /dev/null +++ b/data/events.json @@ -0,0 +1,85 @@ +[ + { + "id":"1", + "date": "AUG 01 - 04, 2024", + "sort_date": "2024-08-01", + "title": "1 AUG KubeCon | CloudNativeCon 2024", + "description": "AUG The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities in Salt Lake City, Utah from November 12-15, 2024.", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"2", + "date": "SEP 01 - 04, 2024", + "sort_date": "2024-09-01", + "title": "2 KubeCon | CloudNativeCon 2024", + "description": "The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities in Salt Lake City, Utah from November 12-15, 2024.", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"3", + "date": "OCT 02 - 04, 2024", + "sort_date": "2024-10-02", + "title": "3 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"4", + "date": "NOV 03 - 04, 2024", + "sort_date": "2024-11-03", + "title": "4 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2", + "show": true + }, + { + "id":"5", + "date": "DEC 03 - 04, 2024", + "sort_date": "2024-12-03", + "title": "5 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"6", + "date": "JAN 03 - 04, 2025", + "sort_date": "2025-01-03", + "title": "6 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"6", + "date": "FEB 03 - 04, 2025", + "sort_date": "2025-02-03", + "title": "7 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"6", + "date": "MAR 03 - 04, 2025", + "sort_date": "2025-03-03", + "title": "8 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + }, + { + "id":"6", + "date": "APR 03 - 04, 2025", + "sort_date": "2025-04-03", + "title": "9 ContainerDays Conference", + "description": "The CDS family grows every year and you can't miss this fantastic learning experience...", + "meet_with_us": "#link1", + "event_details": "#link2" + } + +] diff --git a/hugo_stats.json b/hugo_stats.json index 609105c158..3baa3b1011 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -73,6 +73,7 @@ "arrow", "arrows", "back-button", + "badge", "bb-1", "bg-color-available", "bg-gradient-1", @@ -141,6 +142,7 @@ "disaster-recovery", "dots-style", "embeded-console-button", + "events-page", "fa", "fa-angle-down", "fa-angle-up", @@ -178,6 +180,7 @@ "gallery-area", "gallery-card", "gallery-wrapper", + "gap-4", "go-to-top", "h-6", "h-right-content", @@ -194,6 +197,7 @@ "has-text-right-tablet", "has-text-weight-light", "has-text-weight-semibold", + "has-text-white", "header--fixed", "header-items", "header-left", @@ -218,6 +222,8 @@ "is-10-desktop", "is-10-tablet", "is-12", + "is-2", + "is-2-desktop", "is-3", "is-4", "is-4-desktop", @@ -226,6 +232,7 @@ "is-6", "is-6-desktop", "is-6-tablet", + "is-6-touch", "is-64x64", "is-7", "is-8", @@ -239,6 +246,7 @@ "is-centered", "is-checkradio", "is-danger", + "is-elipsis-4", "is-ellipsis-2", "is-ellipsis-3", "is-ellipsis-4", @@ -254,6 +262,7 @@ "is-full-touch", "is-fullwidth", "is-gap-4", + "is-gap-8", "is-gradient", "is-half-mobile", "is-half-tablet", @@ -283,6 +292,7 @@ "is-one-third-tablet", "is-one-third-widescreen", "is-one-thirds-fullhd", + "is-outlined", "is-paddingless", "is-paddingless-desktop", "is-primary", @@ -303,6 +313,7 @@ "is-variable", "is-vcentered", "is-warning", + "is-white", "item", "kd-left-sidebar", "kd-sidebar-menu", @@ -398,6 +409,7 @@ "pr-20", "pr-40", "pr-60", + "primary-gradient", "product-description", "product-info", "product-logo", @@ -409,6 +421,7 @@ "provisioing", "provisioning", "pt-0", + "pt-40", "quote-icon", "reg-illustration", "register-notification", @@ -432,6 +445,7 @@ "single-brand", "single-card", "single-contact-info", + "single-event", "single-feature", "single-footer-widget", "single-input-form", diff --git a/layouts/_default/events.html b/layouts/_default/events.html new file mode 100644 index 0000000000..f774c19215 --- /dev/null +++ b/layouts/_default/events.html @@ -0,0 +1,77 @@ +{{ define "header-bottom" }} +
+{{ end }} + +{{ define "main" }} + +
+
+
+ {{ $currentDate := now.Format "2006-01-02" }} + + + {{ $sortedEvents := sort (where $.Site.Data.events "sort_date" "ge" $currentDate) "sort_date" "ase" }} + {{ $lastEvent := first 1 $sortedEvents }} + {{ range $event := $lastEvent }} +
+
+
+ {{ $event.date }} + UPCOMING +
+

{{ $event.title }}

+

{{ $event.description }}

+ +
+ Join with us + Event Details +
+
+
+ {{ end }} + + + {{ $lastEventID := (index $sortedEvents 0).id }} + {{ $restEvents := where $sortedEvents "id" "!=" $lastEventID }} + + {{ range $event := sort $restEvents "sort_date" "ase" }} +
+
+
+ {{ $event.date }} +
+

{{ $event.title }}

+

{{ $event.description }}

+ +
+ Join with us + Event Details +
+
+
+ {{ end }} + + + +
+ +
+
+ +{{ end }} + +{{ define "testimonial" }} +
+{{ end }} + +{{ define "customer-logos" }} +
+{{ end }} + +{{ define "cta-install" }} +
+{{ end }} diff --git a/layouts/partials/helpers/style-bundle.html b/layouts/partials/helpers/style-bundle.html index 918c723109..6f51902651 100644 --- a/layouts/partials/helpers/style-bundle.html +++ b/layouts/partials/helpers/style-bundle.html @@ -16,8 +16,8 @@ - + -{{ with $style := resources.Get "/assets/sass/main.css" | resources.PostCSS | resources.Minify | resources.Fingerprint }} + diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css index 92b8105e0a..2f5cc44276 100644 --- a/static/assets/sass/main.css +++ b/static/assets/sass/main.css @@ -1,7 +1,11 @@ @charset "UTF-8"; /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ - .select select, .textarea, .input, .button { +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .file-cta, +.file-name, .select select, .textarea, .input, .button { -moz-appearance: none; -webkit-appearance: none; align-items: center; @@ -20,18 +24,48 @@ position: relative; vertical-align: top; } - .select select:focus, .textarea:focus, .input:focus, .button:focus, .select select:active, .textarea:active, .input:active, .button:active, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button { +.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, +.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, +.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, +.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 { outline: none; } - - .button { +[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 { + cursor: not-allowed; +} + +.is-unselectable, .tabs, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .breadcrumb, .file, .button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } - .select:not(.is-multiple):not(.is-loading)::after { +.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; @@ -48,11 +82,87 @@ width: 0.625em; } - .message:not(:last-child), .title:not(:last-child), .notification:not(:last-child), .content:not(:last-child) { +.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb: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) { margin-bottom: 1.5rem; } -.control.is-loading::after, .select.is-loading::after, .button.is-loading::after { +.modal-close, .delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 9999px; + cursor: pointer; + pointer-events: auto; + display: inline-block; + flex-grow: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} +.modal-close::before, .delete::before, .modal-close::after, .delete::after { + background-color: hsl(0, 0%, 100%); + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.modal-close::before, .delete::before { + height: 2px; + width: 50%; +} +.modal-close::after, .delete::after { + height: 50%; + width: 2px; +} +.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} +.modal-close:active, .delete:active { + background-color: rgba(10, 10, 10, 0.4); +} +.is-small.modal-close, .is-small.delete { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} +.is-medium.modal-close, .is-medium.delete { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} +.is-large.modal-close, .is-large.delete { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; @@ -65,6 +175,30 @@ width: 1em; } +.hero-video, .is-overlay, .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 { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + .navbar-burger { -moz-appearance: none; -webkit-appearance: none; @@ -86,7 +220,13 @@ p, ol, ul, li, +dl, +dt, +dd, +blockquote, figure, +fieldset, +legend, textarea, pre, iframe, @@ -130,7 +270,8 @@ html { box-sizing: inherit; } -img { +img, +video { height: auto; max-width: 100%; } @@ -139,6 +280,20 @@ iframe { border: 0; } +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: inherit; +} + html { background-color: hsl(0, 0%, 100%); font-size: 16px; @@ -153,10 +308,12 @@ html { text-size-adjust: 100%; } - +article, +aside, figure, footer, header, +hgroup, section { display: block; } @@ -164,12 +321,13 @@ section { body, button, input, +optgroup, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } - +code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; @@ -195,6 +353,14 @@ a:hover { color: hsl(0, 0%, 21%); } +code { + background-color: hsl(0, 0%, 96%); + color: #da1039; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + hr { background-color: hsl(0, 0%, 96%); border: none; @@ -208,6 +374,15 @@ img { max-width: 100%; } +input[type=checkbox], +input[type=radio] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + span { font-style: inherit; font-weight: inherit; @@ -218,6 +393,10 @@ strong { font-weight: 700; } +fieldset { + border: none; +} + pre { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 96%); @@ -228,6 +407,24 @@ pre { white-space: pre; word-wrap: normal; } +pre code { + background-color: transparent; + color: currentColor; + font-size: 1em; + padding: 0; +} + +table td, +table th { + vertical-align: top; +} +table td:not([align]), +table th:not([align]) { + text-align: inherit; +} +table th { + color: hsl(0, 0%, 21%); +} @keyframes spinAround { from { @@ -238,6 +435,21 @@ pre { } } /* Bulma Elements */ +.box { + background-color: hsl(0, 0%, 100%); + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + color: hsl(0, 0%, 29%); + display: block; + padding: 1.25rem; +} + +a.box:hover, a.box:focus { + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px hsl(229, 53%, 53%); +} +a.box:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px hsl(229, 53%, 53%); +} .button { background-color: hsl(0, 0%, 100%); @@ -256,7 +468,7 @@ pre { .button strong { color: inherit; } -.button .icon, .button .icon.is-small { +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } @@ -272,4980 +484,22990 @@ pre { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); } -.button:hover { +.button:hover, .button.is-hovered { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } -.button:focus { +.button:focus, .button.is-focused { border-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } -.button:focus:not(:active) { +.button:focus:not(:active), .button.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); } .button:active, .button.is-active { border-color: hsl(0, 0%, 29%); color: hsl(0, 0%, 21%); } -.button.is-light { - background-color: hsl(0, 0%, 96%); +.button.is-text { + background-color: transparent; border-color: transparent; - color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 29%); + text-decoration: underline; } -.button.is-light:hover { - background-color: #eeeeee; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 21%); } -.button.is-light:focus { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.button.is-text:active, .button.is-text.is-active { + background-color: #e8e8e8; + color: hsl(0, 0%, 21%); } -.button.is-light:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +.button.is-text[disabled], fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; } -.button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; +.button.is-ghost { + background: none; border-color: transparent; - color: rgba(0, 0, 0, 0.7); + color: hsl(229, 53%, 53%); + text-decoration: none; } -.button.is-light.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +.button.is-ghost:hover, .button.is-ghost.is-hovered { + color: hsl(229, 53%, 53%); + text-decoration: underline; } -.button.is-primary { - background-color: hsl(171, 100%, 41%); +.button.is-white { + background-color: hsl(0, 0%, 100%); border-color: transparent; - color: #fff; + color: hsl(0, 0%, 4%); } -.button.is-primary:hover { - background-color: #00c4a7; +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; border-color: transparent; - color: #fff; + color: hsl(0, 0%, 4%); } -.button.is-primary:focus { +.button.is-white:focus, .button.is-white.is-focused { border-color: transparent; - color: #fff; + color: hsl(0, 0%, 4%); } -.button.is-primary:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } -.button.is-primary:active, .button.is-primary.is-active { - background-color: #00b89c; +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; border-color: transparent; - color: #fff; + color: hsl(0, 0%, 4%); } -.button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.button.is-white[disabled], fieldset[disabled] .button.is-white { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + box-shadow: none; } -.button.is-primary.is-light { - background-color: #ebfffc; - color: #00947e; +.button.is-white.is-inverted { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); } -.button.is-primary.is-light:hover { - background-color: #defffa; - border-color: transparent; - color: #00947e; +.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { + background-color: black; } -.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: #d1fff8; +.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { + background-color: hsl(0, 0%, 4%); border-color: transparent; - color: #00947e; + box-shadow: none; + color: hsl(0, 0%, 100%); } -.button.is-info { - background-color: hsl(207, 61%, 53%); - border-color: transparent; - color: #fff; +.button.is-white.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } -.button.is-info:hover { - background-color: #3488ce; - border-color: transparent; - color: #fff; +.button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); } -.button.is-info:focus { - border-color: transparent; - color: #fff; +.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 { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); } -.button.is-info:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } -.button.is-info:active, .button.is-info.is-active { - background-color: #3082c5; - border-color: transparent; - color: #fff; +.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 hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } -.button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); } -.button.is-info.is-light { - background-color: #eff5fb; - color: #296fa8; +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 4%); } -.button.is-info.is-light:hover { - background-color: #e4eff9; - border-color: transparent; - color: #296fa8; +.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 { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); } -.button.is-info.is-light:active, .button.is-info.is-light.is-active { - background-color: #dae9f6; - border-color: transparent; - color: #296fa8; +.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 hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } -.button.is-success { - background-color: hsl(153, 53%, 53%); +.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + box-shadow: none; + color: hsl(0, 0%, 4%); +} +.button.is-black { + background-color: hsl(0, 0%, 4%); border-color: transparent; - color: #fff; + color: hsl(0, 0%, 100%); } -.button.is-success:hover { - background-color: #3ec487; +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; border-color: transparent; - color: #fff; + color: hsl(0, 0%, 100%); } -.button.is-success:focus { +.button.is-black:focus, .button.is-black.is-focused { border-color: transparent; - color: #fff; + color: hsl(0, 0%, 100%); } -.button.is-success:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); +.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } -.button.is-success:active, .button.is-success.is-active { - background-color: #3abb81; +.button.is-black:active, .button.is-black.is-active { + background-color: black; border-color: transparent; - color: #fff; + color: hsl(0, 0%, 100%); } -.button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.button.is-black[disabled], fieldset[disabled] .button.is-black { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + box-shadow: none; } -.button.is-success.is-light { - background-color: #effaf5; - color: #257953; +.button.is-black.is-inverted { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); } -.button.is-success.is-light:hover { - background-color: #e6f7ef; - border-color: transparent; - color: #257953; +.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { + background-color: #f2f2f2; } -.button.is-success.is-light:active, .button.is-success.is-light.is-active { - background-color: #dcf4e9; +.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { + background-color: hsl(0, 0%, 100%); border-color: transparent; - color: #257953; + box-shadow: none; + color: hsl(0, 0%, 4%); } -.button.is-warning { - background-color: hsl(44, 100%, 77%); +.button.is-black.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 4%); +} +.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 { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !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 hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + box-shadow: none; + color: hsl(0, 0%, 4%); +} +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.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 { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.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 hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +} +.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-light { + background-color: hsl(0, 0%, 96%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning:hover { - background-color: #ffdc7d; +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning:focus { +.button.is-light:focus, .button.is-light.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } -.button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd970; +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +.button.is-light[disabled], fieldset[disabled] .button.is-light { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + box-shadow: none; } -.button.is-warning.is-light { - background-color: #fffaeb; - color: #946c00; +.button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); } -.button.is-warning.is-light:hover { - background-color: #fff6de; - border-color: transparent; - color: #946c00; +.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); } -.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { - background-color: #fff3d1; +.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - color: #946c00; + box-shadow: none; + color: hsl(0, 0%, 96%); } -.button.is-danger { - background-color: hsl(348, 86%, 61%); - border-color: transparent; - color: #fff; +.button.is-light.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.button.is-danger:hover { - background-color: #f03a5f; - border-color: transparent; - color: #fff; +.button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 96%); } -.button.is-danger:focus { - border-color: transparent; - color: #fff; +.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 { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } -.button.is-danger:focus:not(:active) { - box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; } -.button.is-danger:active, .button.is-danger.is-active { - background-color: #ef2e55; - border-color: transparent; - color: #fff; +.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 96%); + box-shadow: none; + color: hsl(0, 0%, 96%); } -.button.is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } -.button.is-danger.is-light:hover { - background-color: #fde0e6; +.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 { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); +} +.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 hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; +} +.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} +.button.is-dark { + background-color: hsl(0, 0%, 21%); border-color: transparent; - color: #cc0f35; + color: #fff; } -.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { - background-color: #fcd4dc; +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; border-color: transparent; - color: #cc0f35; + color: #fff; } -.button.is-small { - font-size: 0.75rem; +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + color: #fff; } -.button.is-small:not(.is-rounded) { - border-radius: 2px; +.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } -.button.is-fullwidth { - display: flex; - width: 100%; +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: #fff; } -.button.is-loading { - color: transparent !important; - pointer-events: none; +.button.is-dark[disabled], fieldset[disabled] .button.is-dark { + background-color: hsl(0, 0%, 21%); + border-color: hsl(0, 0%, 21%); + box-shadow: none; } -.button.is-loading::after { - position: absolute; - left: calc(50% - 1em * 0.5); - top: calc(50% - 1em * 0.5); - position: absolute !important; +.button.is-dark.is-inverted { + background-color: #fff; + color: hsl(0, 0%, 21%); } -.button.is-rounded { - border-radius: 9999px; - padding-left: calc(1em + 0.25em); - padding-right: calc(1em + 0.25em); +.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { + background-color: #f2f2f2; } - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; +.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(0, 0%, 21%); } -.buttons .button { - margin-bottom: 0.5rem; +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.buttons .button:not(:last-child):not(.is-fullwidth) { - margin-right: 0.5rem; +.button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 21%); + color: hsl(0, 0%, 21%); } -.buttons:last-child { - margin-bottom: -0.5rem; +.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 { + background-color: hsl(0, 0%, 21%); + border-color: hsl(0, 0%, 21%); + color: #fff; } -.buttons:not(:last-child) { - margin-bottom: 1rem; +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } -.buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.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 #fff #fff !important; } -.buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; +.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 21%); + box-shadow: none; + color: hsl(0, 0%, 21%); } -.buttons.has-addons .button:last-child { - margin-right: 0; +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } -.buttons.has-addons .button:hover { - z-index: 2; +.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 { + background-color: #fff; + color: hsl(0, 0%, 21%); } -.buttons.has-addons .button:focus, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active { - z-index: 3; +.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 hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } -.buttons.has-addons .button:focus:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover { - z-index: 4; +.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; } -.buttons.is-centered { - justify-content: center; +.button.is-primary { + background-color: hsl(171, 100%, 41%); + border-color: transparent; + color: #fff; } -.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; } -.container { - flex-grow: 1; - margin: 0 auto; - position: relative; - width: auto; +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + color: #fff; } -.container.is-fluid { - max-width: none !important; - padding-left: 32px; - padding-right: 32px; - width: 100%; +.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } -@media screen and (min-width: 1024px) { - .container { - max-width: 960px; - } +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; } -@media screen and (min-width: 1216px) { - .container:not(.is-max-desktop) { - max-width: 1152px; - } +.button.is-primary[disabled], fieldset[disabled] .button.is-primary { + background-color: hsl(171, 100%, 41%); + border-color: hsl(171, 100%, 41%); + box-shadow: none; } -@media screen and (min-width: 1408px) { - .container:not(.is-max-desktop):not(.is-max-widescreen) { - max-width: 1344px; - } +.button.is-primary.is-inverted { + background-color: #fff; + color: hsl(171, 100%, 41%); } - -.content li + li { - margin-top: 0.25em; +.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { + background-color: #f2f2f2; } -.content p:not(:last-child), -.content ol:not(:last-child), -.content ul:not(:last-child), -.content pre:not(:last-child) { - margin-bottom: 1em; +.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(171, 100%, 41%); } -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: hsl(0, 0%, 21%); - font-weight: 600; - line-height: 1.125; +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; +.button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171, 100%, 41%); + color: hsl(171, 100%, 41%); } -.content h1:not(:first-child) { - margin-top: 1em; +.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 { + background-color: hsl(171, 100%, 41%); + border-color: hsl(171, 100%, 41%); + color: #fff; } -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } -.content h2:not(:first-child) { - margin-top: 1.1428em; +.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 #fff #fff !important; } -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; +.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171, 100%, 41%); + box-shadow: none; + color: hsl(171, 100%, 41%); } -.content h3:not(:first-child) { - margin-top: 1.3333em; +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; +.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 { + background-color: #fff; + color: hsl(171, 100%, 41%); } -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; +.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 hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } -.content h6 { - font-size: 1em; - margin-bottom: 1em; +.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; } -.content ol { - list-style-position: outside; - margin-left: 2em; - margin-top: 1em; +.button.is-primary.is-light { + background-color: #ebfffc; + color: #00947e; } -.content ol:not([type]) { - list-style-type: decimal; +.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { + background-color: #defffa; + border-color: transparent; + color: #00947e; } -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; +.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { + background-color: #d1fff8; + border-color: transparent; + color: #00947e; } -.content ul ul { - list-style-type: circle; - margin-top: 0.5em; +.button.is-link { + background-color: hsl(229, 53%, 53%); + border-color: transparent; + color: #fff; } -.content ul ul ul { - list-style-type: square; +.button.is-link:hover, .button.is-link.is-hovered { + background-color: #3e56c4; + border-color: transparent; + color: #fff; } -.content figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; +.button.is-link:focus, .button.is-link.is-focused { + border-color: transparent; + color: #fff; } -.content figure:not(:first-child) { - margin-top: 2em; +.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); } -.content figure:not(:last-child) { - margin-bottom: 2em; +.button.is-link:active, .button.is-link.is-active { + background-color: #3a51bb; + border-color: transparent; + color: #fff; } -.content figure img { - display: inline-block; -} -.content pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; -} -.content.is-small { - font-size: 0.75rem; +.button.is-link[disabled], fieldset[disabled] .button.is-link { + background-color: hsl(229, 53%, 53%); + border-color: hsl(229, 53%, 53%); + box-shadow: none; } - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; +.button.is-link.is-inverted { + background-color: #fff; + color: hsl(229, 53%, 53%); } -.icon.is-small { - height: 1rem; - width: 1rem; +.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { + background-color: #f2f2f2; } - -.image { - display: block; - position: relative; +.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(229, 53%, 53%); } -.image img { - display: block; - height: auto; - width: 100%; +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.image img.is-rounded { - border-radius: 9999px; +.button.is-link.is-outlined { + background-color: transparent; + border-color: hsl(229, 53%, 53%); + color: hsl(229, 53%, 53%); } -.image.is-fullwidth { - width: 100%; +.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 { + background-color: hsl(229, 53%, 53%); + border-color: hsl(229, 53%, 53%); + color: #fff; } -.image.is-48x48 { - height: 48px; - width: 48px; +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } -.image.is-64x64 { - height: 64px; - width: 64px; +.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 #fff #fff !important; } - -.notification { - background-color: hsl(0, 0%, 96%); - border-radius: 4px; - position: relative; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; +.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: hsl(229, 53%, 53%); + box-shadow: none; + color: hsl(229, 53%, 53%); } -.notification a:not(.button):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } -.notification strong { - color: currentColor; +.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 { + background-color: #fff; + color: hsl(229, 53%, 53%); } - -.notification pre { - background: hsl(0, 0%, 100%); +.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 hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } -.notification .title, -.notification .content { - color: currentColor; +.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; } -.notification.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); +.button.is-link.is-light { + background-color: #eff1fa; + color: #3850b7; } -.notification.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; +.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { + background-color: #e6e9f7; + border-color: transparent; + color: #3850b7; } -.notification.is-primary.is-light { - background-color: #ebfffc; - color: #00947e; +.button.is-link.is-light:active, .button.is-link.is-light.is-active { + background-color: #dce0f4; + border-color: transparent; + color: #3850b7; } -.notification.is-info { +.button.is-info { background-color: hsl(207, 61%, 53%); + border-color: transparent; color: #fff; } -.notification.is-info.is-light { - background-color: #eff5fb; - color: #296fa8; -} -.notification.is-success { - background-color: hsl(153, 53%, 53%); +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #3488ce; + border-color: transparent; color: #fff; } -.notification.is-success.is-light { - background-color: #effaf5; - color: #257953; -} -.notification.is-warning { - background-color: hsl(44, 100%, 77%); - color: rgba(0, 0, 0, 0.7); +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + color: #fff; } -.notification.is-warning.is-light { - background-color: #fffaeb; - color: #946c00; +.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); } -.notification.is-danger { - background-color: hsl(348, 86%, 61%); +.button.is-info:active, .button.is-info.is-active { + background-color: #3082c5; + border-color: transparent; color: #fff; } -.notification.is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; -} - -@keyframes moveIndeterminate { - from { - background-position: 200% 0; - } - to { - background-position: -200% 0; - } +.button.is-info[disabled], fieldset[disabled] .button.is-info { + background-color: hsl(207, 61%, 53%); + border-color: hsl(207, 61%, 53%); + box-shadow: none; } - -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; +.button.is-info.is-inverted { + background-color: #fff; + color: hsl(207, 61%, 53%); } -.tags .tag { - margin-bottom: 0.5rem; +.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { + background-color: #f2f2f2; } -.tags .tag:not(:last-child) { - margin-right: 0.5rem; +.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(207, 61%, 53%); } -.tags:last-child { - margin-bottom: -0.5rem; +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.tags:not(:last-child) { - margin-bottom: 1rem; +.button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207, 61%, 53%); + color: hsl(207, 61%, 53%); } -.tags.is-centered { - justify-content: center; +.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 { + background-color: hsl(207, 61%, 53%); + border-color: hsl(207, 61%, 53%); + color: #fff; } -.tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } -.tags.has-addons .tag { - margin-right: 0; +.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 #fff #fff !important; } -.tags.has-addons .tag:not(:first-child) { - margin-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207, 61%, 53%); + box-shadow: none; + color: hsl(207, 61%, 53%); } -.tags.has-addons .tag:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } - -.tag:not(body) { - align-items: center; - background-color: hsl(0, 0%, 96%); - border-radius: 4px; - color: hsl(0, 0%, 29%); - display: inline-flex; - font-size: 0.75rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; +.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 { + background-color: #fff; + color: hsl(207, 61%, 53%); } -.tag:not(body).is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); +.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 hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } -.tag:not(body).is-primary { - background-color: hsl(171, 100%, 41%); +.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; color: #fff; } -.tag:not(body).is-primary.is-light { - background-color: #ebfffc; - color: #00947e; +.button.is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } -.tag:not(body).is-info { - background-color: hsl(207, 61%, 53%); - color: #fff; +.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { + background-color: #e4eff9; + border-color: transparent; + color: #296fa8; } -.tag:not(body).is-info.is-light { - background-color: #eff5fb; +.button.is-info.is-light:active, .button.is-info.is-light.is-active { + background-color: #dae9f6; + border-color: transparent; color: #296fa8; } -.tag:not(body).is-success { +.button.is-success { background-color: hsl(153, 53%, 53%); + border-color: transparent; color: #fff; } -.tag:not(body).is-success.is-light { - background-color: #effaf5; - color: #257953; +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #3ec487; + border-color: transparent; + color: #fff; } -.tag:not(body).is-warning { - background-color: hsl(44, 100%, 77%); - color: rgba(0, 0, 0, 0.7); +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + color: #fff; } -.tag:not(body).is-warning.is-light { - background-color: #fffaeb; - color: #946c00; +.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); } -.tag:not(body).is-danger { - background-color: hsl(348, 86%, 61%); +.button.is-success:active, .button.is-success.is-active { + background-color: #3abb81; + border-color: transparent; color: #fff; } -.tag:not(body).is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; +.button.is-success[disabled], fieldset[disabled] .button.is-success { + background-color: hsl(153, 53%, 53%); + border-color: hsl(153, 53%, 53%); + box-shadow: none; } -.tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; +.button.is-success.is-inverted { + background-color: #fff; + color: hsl(153, 53%, 53%); } -.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; +.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { + background-color: #f2f2f2; } -.tag:not(body).is-rounded { - border-radius: 9999px; +.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(153, 53%, 53%); } - -a.tag:hover { - text-decoration: underline; +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; } - -.title { - word-break: break-word; +.button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153, 53%, 53%); + color: hsl(153, 53%, 53%); } - -.title span { - font-weight: inherit; +.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 { + background-color: hsl(153, 53%, 53%); + border-color: hsl(153, 53%, 53%); + color: #fff; } -.title .tag { - vertical-align: middle; +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } - -.title { - color: hsl(0, 0%, 21%); - font-size: 2rem; - font-weight: 600; - line-height: 1.125; +.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 #fff #fff !important; } -.title strong { - color: inherit; - font-weight: inherit; +.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153, 53%, 53%); + box-shadow: none; + color: hsl(153, 53%, 53%); } -.title.is-3 { - font-size: 2rem; +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } -.title.is-4 { - font-size: 1.5rem; +.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 { + background-color: #fff; + color: hsl(153, 53%, 53%); } -.title.is-5 { - font-size: 1.25rem; +.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 hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } -.title.is-6 { - font-size: 1rem; +.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; } -.title.is-7 { - font-size: 0.75rem; +.button.is-success.is-light { + background-color: #effaf5; + color: #257953; } - -/* Bulma Form */ -.select select, .textarea, .input { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); - border-radius: 4px; - color: hsl(0, 0%, 21%); +.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { + background-color: #e6f7ef; + border-color: transparent; + color: #257953; } -.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); +.button.is-success.is-light:active, .button.is-success.is-light.is-active { + background-color: #dcf4e9; + border-color: transparent; + color: #257953; } -.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); +.button.is-warning { + background-color: hsl(44, 100%, 77%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } -.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdc7d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } -.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } -.select select:hover, .textarea:hover, .input:hover { - border-color: hsl(0, 0%, 71%); +.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); } -.select select:focus, .textarea:focus, .input:focus, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input { - border-color: hsl(229, 53%, 53%); - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd970; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } - -.textarea, .input { - box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); - max-width: 100%; - width: 100%; +.button.is-warning[disabled], fieldset[disabled] .button.is-warning { + background-color: hsl(44, 100%, 77%); + border-color: hsl(44, 100%, 77%); + box-shadow: none; } -.is-light.textarea, .is-light.input { - border-color: hsl(0, 0%, 96%); +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); } -.is-light.textarea:focus, .is-light.input:focus, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); } -.is-primary.textarea, .is-primary.input { - border-color: hsl(171, 100%, 41%); +.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: hsl(44, 100%, 77%); } -.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.is-info.textarea, .is-info.input { - border-color: hsl(207, 61%, 53%); +.button.is-warning.is-outlined { + background-color: transparent; + border-color: hsl(44, 100%, 77%); + color: hsl(44, 100%, 77%); } -.is-info.textarea:focus, .is-info.input:focus, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input { - box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); +.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 { + background-color: hsl(44, 100%, 77%); + border-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } -.is-success.textarea, .is-success.input { - border-color: hsl(153, 53%, 53%); +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } -.is-success.textarea:focus, .is-success.input:focus, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input { - box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); +.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.is-warning.textarea, .is-warning.input { +.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; border-color: hsl(44, 100%, 77%); + box-shadow: none; + color: hsl(44, 100%, 77%); } -.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input { - box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } -.is-danger.textarea, .is-danger.input { - border-color: hsl(348, 86%, 61%); +.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 { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); } -.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input { - box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +.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 hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } -.is-small.textarea, .is-small.input { - border-radius: 2px; - font-size: 0.75rem; +.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); } -.is-fullwidth.textarea, .is-fullwidth.input { - display: block; - width: 100%; +.button.is-warning.is-light { + background-color: #fffaeb; + color: #946c00; } - -.input.is-rounded { - border-radius: 9999px; - padding-left: calc(calc(0.75em - 1px) + 0.375em); - padding-right: calc(calc(0.75em - 1px) + 0.375em); +.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { + background-color: #fff6de; + border-color: transparent; + color: #946c00; } - -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: calc(0.75em - 1px); - resize: vertical; +.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { + background-color: #fff3d1; + border-color: transparent; + color: #946c00; } -.textarea:not([rows]) { - max-height: 40em; - min-height: 8em; +.button.is-danger { + background-color: hsl(348, 86%, 61%); + border-color: transparent; + color: #fff; } - -.select { - display: inline-block; - max-width: 100%; - position: relative; - vertical-align: top; +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #f03a5f; + border-color: transparent; + color: #fff; } -.select:not(.is-multiple) { - height: 2.5em; +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + color: #fff; } -.select:not(.is-multiple):not(.is-loading)::after { - border-color: hsl(229, 53%, 53%); - right: 1.125em; - z-index: 4; +.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); } -.select.is-rounded select { - border-radius: 9999px; - padding-left: 1em; +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ef2e55; + border-color: transparent; + color: #fff; } -.select select { - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; +.button.is-danger[disabled], fieldset[disabled] .button.is-danger { + background-color: hsl(348, 86%, 61%); + border-color: hsl(348, 86%, 61%); + box-shadow: none; } -.select select::-ms-expand { - display: none; +.button.is-danger.is-inverted { + background-color: #fff; + color: hsl(348, 86%, 61%); } -.select select:not([multiple]) { - padding-right: 2.5em; +.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { + background-color: #f2f2f2; } -.select:not(.is-multiple):not(.is-loading):hover::after { - border-color: hsl(0, 0%, 21%); +.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(348, 86%, 61%); } -.select.is-light:not(:hover)::after { - border-color: hsl(0, 0%, 96%); +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.select.is-light select { - border-color: hsl(0, 0%, 96%); +.button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348, 86%, 61%); + color: hsl(348, 86%, 61%); } -.select.is-light select:hover { - border-color: #e8e8e8; +.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 { + background-color: hsl(348, 86%, 61%); + border-color: hsl(348, 86%, 61%); + color: #fff; } -.select.is-light select:focus, .select.is-light select:active, .select.is-light select.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } -.select.is-primary:not(:hover)::after { - border-color: hsl(171, 100%, 41%); +.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 #fff #fff !important; } -.select.is-primary select { - border-color: hsl(171, 100%, 41%); +.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348, 86%, 61%); + box-shadow: none; + color: hsl(348, 86%, 61%); } -.select.is-primary select:hover { - border-color: #00b89c; +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; } -.select.is-primary select:focus, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +.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 { + background-color: #fff; + color: hsl(348, 86%, 61%); } -.select.is-info:not(:hover)::after { - border-color: hsl(207, 61%, 53%); +.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 hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } -.select.is-info select { - border-color: hsl(207, 61%, 53%); +.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; } -.select.is-info select:hover { - border-color: #3082c5; +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.select.is-info select:focus, .select.is-info select:active, .select.is-info select.is-active { - box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); -} -.select.is-success:not(:hover)::after { - border-color: hsl(153, 53%, 53%); -} -.select.is-success select { - border-color: hsl(153, 53%, 53%); +.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35; } -.select.is-success select:hover { - border-color: #3abb81; +.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; } -.select.is-success select:focus, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); +.button.is-small { + font-size: 0.75rem; } -.select.is-warning:not(:hover)::after { - border-color: hsl(44, 100%, 77%); +.button.is-small:not(.is-rounded) { + border-radius: 2px; } -.select.is-warning select { - border-color: hsl(44, 100%, 77%); +.button.is-normal { + font-size: 1rem; } -.select.is-warning select:hover { - border-color: #ffd970; +.button.is-medium { + font-size: 1.25rem; } -.select.is-warning select:focus, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +.button.is-large { + font-size: 1.5rem; } -.select.is-danger:not(:hover)::after { - border-color: hsl(348, 86%, 61%); +.button[disabled], fieldset[disabled] .button { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 86%); + box-shadow: none; + opacity: 0.5; } -.select.is-danger select { - border-color: hsl(348, 86%, 61%); +.button.is-fullwidth { + display: flex; + width: 100%; } -.select.is-danger select:hover { - border-color: #ef2e55; +.button.is-loading { + color: transparent !important; + pointer-events: none; } -.select.is-danger select:focus, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +.button.is-loading::after { + position: absolute; + left: calc(50% - 1em * 0.5); + top: calc(50% - 1em * 0.5); + position: absolute !important; } -.select.is-small { - border-radius: 2px; - font-size: 0.75rem; +.button.is-static { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 86%); + color: hsl(0, 0%, 48%); + box-shadow: none; + pointer-events: none; } -.select.is-fullwidth { - width: 100%; +.button.is-rounded { + border-radius: 9999px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); } -.select.is-fullwidth select { - width: 100%; + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } -.select.is-loading::after { - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; +.buttons .button { + margin-bottom: 0.5rem; } -.select.is-loading.is-small:after { - font-size: 0.75rem; +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; } - -.label { - color: hsl(0, 0%, 21%); - display: block; - font-size: 1rem; - font-weight: 700; +.buttons:last-child { + margin-bottom: -0.5rem; } -.label:not(:last-child) { - margin-bottom: 0.5em; +.buttons:not(:last-child) { + margin-bottom: 1rem; } -.label.is-small { +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; } - -.field:not(:last-child) { - margin-bottom: 0.75rem; +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { + border-radius: 2px; } -.field.has-addons { - display: flex; - justify-content: flex-start; +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; } -.field.has-addons .control:not(:last-child) { - margin-right: -1px; +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; } -.field.has-addons .control:not(:first-child):not(:last-child) .button, -.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; +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-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 { +.buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; + margin-right: -1px; } -.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 { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.buttons.has-addons .button:last-child { + margin-right: 0; } -.field.has-addons .control .button:not([disabled]):hover, -.field.has-addons .control .input:not([disabled]):hover, -.field.has-addons .control .select select:not([disabled]):hover { +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; } -.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, -.field.has-addons .control .input:not([disabled]):focus, -.field.has-addons .control .input:not([disabled]):active, -.field.has-addons .control .input:not([disabled]).is-active, -.field.has-addons .control .select select:not([disabled]):focus, -.field.has-addons .control .select select:not([disabled]):active, -.field.has-addons .control .select select:not([disabled]).is-active { +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; } -.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, -.field.has-addons .control .input:not([disabled]):focus:hover, -.field.has-addons .control .input:not([disabled]):active:hover, -.field.has-addons .control .input:not([disabled]).is-active:hover, -.field.has-addons .control .select select:not([disabled]):focus:hover, -.field.has-addons .control .select select:not([disabled]):active:hover, -.field.has-addons .control .select select:not([disabled]).is-active:hover { +.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; } - -.control { - box-sizing: border-box; - clear: both; - font-size: 1rem; - position: relative; - text-align: inherit; +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; } -.control.is-loading::after { - position: absolute !important; - right: 0.625em; - top: 0.625em; - z-index: 4; +.buttons.is-centered { + justify-content: center; } -.control.is-loading.is-small:after { - font-size: 0.75rem; +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } - -/* Bulma Components */ - -.message { - background-color: hsl(0, 0%, 96%); - border-radius: 4px; - font-size: 1rem; +.buttons.is-right { + justify-content: flex-end; } -.message strong { - color: currentColor; +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.message a:not(.button):not(.tag):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; + +@media screen and (max-width: 768px) { + .button.is-responsive.is-small { + font-size: 0.5625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.65625rem; + } + .button.is-responsive.is-medium { + font-size: 0.75rem; + } + .button.is-responsive.is-large { + font-size: 1rem; + } } -.message.is-small { - font-size: 0.75rem; +@media screen and (min-width: 769px) and (max-width: 1023px) { + .button.is-responsive.is-small { + font-size: 0.65625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.75rem; + } + .button.is-responsive.is-medium { + font-size: 1rem; + } + .button.is-responsive.is-large { + font-size: 1.25rem; + } } -.message.is-light { - background-color: #fafafa; +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; } -.message.is-primary { - background-color: #ebfffc; +.container.is-fluid { + max-width: none !important; + padding-left: 32px; + padding-right: 32px; + width: 100%; } -.message.is-info { - background-color: #eff5fb; +@media screen and (min-width: 1024px) { + .container { + max-width: 960px; + } } -.message.is-success { - background-color: #effaf5; +@media screen and (max-width: 1215px) { + .container.is-widescreen:not(.is-max-desktop) { + max-width: 1152px; + } } -.message.is-warning { - background-color: #fffaeb; +@media screen and (max-width: 1407px) { + .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } } -.message.is-danger { - background-color: #feecf0; +@media screen and (min-width: 1216px) { + .container:not(.is-max-desktop) { + max-width: 1152px; + } } - -.navbar { - background-color: hsl(0, 0%, 100%); - min-height: 3.25rem; - position: relative; - z-index: 30; +@media screen and (min-width: 1408px) { + .container:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } } -.navbar.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); + +.content li + li { + margin-top: 0.25em; } -.navbar.is-light .navbar-brand > .navbar-item { - color: rgba(0, 0, 0, 0.7); +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; } -.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 { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: hsl(0, 0%, 21%); + font-weight: 600; + line-height: 1.125; } -.navbar.is-light .navbar-burger { - color: rgba(0, 0, 0, 0.7); +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; } -@media screen and (min-width: 1024px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-end > .navbar-item { - color: rgba(0, 0, 0, 0.7); - } - .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-end > a.navbar-item:focus, - .navbar.is-light .navbar-end > a.navbar-item:hover, - .navbar.is-light .navbar-end > a.navbar-item.is-active { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); - } +.content h1:not(:first-child) { + margin-top: 1em; } -.navbar.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; } -.navbar.is-primary .navbar-brand > .navbar-item { - color: #fff; +.content h2:not(:first-child) { + margin-top: 1.1428em; } -.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 { - background-color: #00b89c; - color: #fff; +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; } -.navbar.is-primary .navbar-burger { - color: #fff; +.content h3:not(:first-child) { + margin-top: 1.3333em; } -@media screen and (min-width: 1024px) { - .navbar.is-primary .navbar-start > .navbar-item, - .navbar.is-primary .navbar-end > .navbar-item { - color: #fff; - } - .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-end > a.navbar-item:focus, - .navbar.is-primary .navbar-end > a.navbar-item:hover, - .navbar.is-primary .navbar-end > a.navbar-item.is-active { - background-color: #00b89c; - color: #fff; - } +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; } -.navbar.is-info { - background-color: hsl(207, 61%, 53%); - color: #fff; +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; } -.navbar.is-info .navbar-brand > .navbar-item { - color: #fff; +.content h6 { + font-size: 1em; + margin-bottom: 1em; } -.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 { - background-color: #3082c5; - color: #fff; +.content blockquote { + background-color: hsl(0, 0%, 96%); + border-left: 5px solid hsl(0, 0%, 86%); + padding: 1.25em 1.5em; } -.navbar.is-info .navbar-burger { - color: #fff; +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em; } -@media screen and (min-width: 1024px) { - .navbar.is-info .navbar-start > .navbar-item, - .navbar.is-info .navbar-end > .navbar-item { - color: #fff; - } - .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-end > a.navbar-item:focus, - .navbar.is-info .navbar-end > a.navbar-item:hover, - .navbar.is-info .navbar-end > a.navbar-item.is-active { - background-color: #3082c5; - color: #fff; - } +.content ol:not([type]) { + list-style-type: decimal; } -.navbar.is-success { - background-color: hsl(153, 53%, 53%); - color: #fff; +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha; } -.navbar.is-success .navbar-brand > .navbar-item { - color: #fff; +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman; } -.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 { - background-color: #3abb81; - color: #fff; +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha; } -.navbar.is-success .navbar-burger { - color: #fff; +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman; } -@media screen and (min-width: 1024px) { - .navbar.is-success .navbar-start > .navbar-item, - .navbar.is-success .navbar-end > .navbar-item { - color: #fff; - } - .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-end > a.navbar-item:focus, - .navbar.is-success .navbar-end > a.navbar-item:hover, - .navbar.is-success .navbar-end > a.navbar-item.is-active { - background-color: #3abb81; - color: #fff; - } +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; } -.navbar.is-warning { - background-color: hsl(44, 100%, 77%); - color: rgba(0, 0, 0, 0.7); +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; } -.navbar.is-warning .navbar-brand > .navbar-item { - color: rgba(0, 0, 0, 0.7); +.content ul ul ul { + list-style-type: square; } -.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 { - background-color: #ffd970; - color: rgba(0, 0, 0, 0.7); +.content dd { + margin-left: 2em; } -.navbar.is-warning .navbar-burger { - color: rgba(0, 0, 0, 0.7); +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center; } -@media screen and (min-width: 1024px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-end > .navbar-item { - color: rgba(0, 0, 0, 0.7); - } - .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-end > a.navbar-item:focus, - .navbar.is-warning .navbar-end > a.navbar-item:hover, - .navbar.is-warning .navbar-end > a.navbar-item.is-active { - background-color: #ffd970; - color: rgba(0, 0, 0, 0.7); - } +.content figure:not(:first-child) { + margin-top: 2em; } -.navbar.is-danger { - background-color: hsl(348, 86%, 61%); - color: #fff; +.content figure:not(:last-child) { + margin-bottom: 2em; } -.navbar.is-danger .navbar-brand > .navbar-item { - color: #fff; +.content figure img { + display: inline-block; } -.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 { - background-color: #ef2e55; - color: #fff; +.content figure figcaption { + font-style: italic; } -.navbar.is-danger .navbar-burger { - color: #fff; +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; } -@media screen and (min-width: 1024px) { - .navbar.is-danger .navbar-start > .navbar-item, - .navbar.is-danger .navbar-end > .navbar-item { - color: #fff; - } - .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-end > a.navbar-item:focus, - .navbar.is-danger .navbar-end > a.navbar-item:hover, - .navbar.is-danger .navbar-end > a.navbar-item.is-active { - background-color: #ef2e55; - color: #fff; - } +.content sup, +.content sub { + font-size: 75%; } -.navbar > .container { - align-items: stretch; - display: flex; - min-height: 3.25rem; +.content table { width: 100%; } - -.navbar-brand { - align-items: stretch; - display: flex; - flex-shrink: 0; - min-height: 3.25rem; -} - -.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { - background-color: transparent; +.content table td, +.content table th { + border: 1px solid hsl(0, 0%, 86%); + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; } - -.navbar-burger { - color: hsl(0, 0%, 29%); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - cursor: pointer; - display: block; - height: 3.25rem; - position: relative; - width: 3.25rem; - margin-left: auto; +.content table th { + color: hsl(0, 0%, 21%); } -.navbar-burger span { - background-color: currentColor; - display: block; - height: 1px; - left: calc(50% - 8px); - position: absolute; - transform-origin: center; - transition-duration: 86ms; - transition-property: background-color, opacity, transform; - transition-timing-function: ease-out; - width: 16px; +.content table th:not([align]) { + text-align: inherit; } -.navbar-burger span:nth-child(1) { - top: calc(50% - 6px); +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: hsl(0, 0%, 21%); } -.navbar-burger span:nth-child(2) { - top: calc(50% - 1px); +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: hsl(0, 0%, 21%); } -.navbar-burger span:nth-child(3) { - top: calc(50% + 4px); +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; } -.navbar-burger:hover { - background-color: rgba(0, 0, 0, 0.05); +.content .tabs li + li { + margin-top: 0; } -.navbar-burger.is-active span:nth-child(1) { - transform: translateY(5px) rotate(45deg); +.content.is-small { + font-size: 0.75rem; } -.navbar-burger.is-active span:nth-child(2) { - opacity: 0; +.content.is-normal { + font-size: 1rem; } -.navbar-burger.is-active span:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); +.content.is-medium { + font-size: 1.25rem; } - -.navbar-menu { - display: none; +.content.is-large { + font-size: 1.5rem; } -.navbar-item { - color: hsl(0, 0%, 29%); - display: block; - line-height: 1.5; - padding: 0.5rem 0.75rem; - position: relative; +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; } -.navbar-item .icon:only-child { - margin-left: -0.25rem; - margin-right: -0.25rem; +.icon.is-small { + height: 1rem; + width: 1rem; } - -a.navbar-item { - cursor: pointer; +.icon.is-medium { + height: 2rem; + width: 2rem; } -a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active { - background-color: hsl(0, 0%, 98%); - color: hsl(229, 53%, 53%); +.icon.is-large { + height: 3rem; + width: 3rem; } -.navbar-item { +.icon-text { + align-items: flex-start; + color: inherit; + display: inline-flex; + flex-wrap: wrap; + line-height: 1.5rem; + vertical-align: top; +} +.icon-text .icon { flex-grow: 0; flex-shrink: 0; } -.navbar-item img { - max-height: 1.75rem; +.icon-text .icon:not(:last-child) { + margin-right: 0.25em; } - -@media screen and (max-width: 1023px) { - .navbar > .container { - display: block; - } - .navbar-brand .navbar-item { - align-items: center; - display: flex; - } - .navbar-menu { - background-color: hsl(0, 0%, 100%); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - padding: 0.5rem 0; - } - .navbar-menu.is-active { - display: block; - } +.icon-text .icon:not(:first-child) { + margin-left: 0.25em; } -@media screen and (min-width: 1024px) { - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end { - align-items: stretch; - display: flex; - } - .navbar { - min-height: 3.25rem; - } - .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active { - background-color: transparent !important; - } - .navbar-burger { - display: none; - } - .navbar-item { - align-items: center; - display: flex; - } - .navbar-menu { - flex-grow: 1; - flex-shrink: 0; - } - .navbar-start { - justify-content: flex-start; - margin-right: auto; - } - .navbar-end { - justify-content: flex-end; - margin-left: auto; - } - .navbar > .container .navbar-brand, - .container > .navbar .navbar-brand { - margin-left: -0.75rem; - } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -0.75rem; - } - a.navbar-item.is-active { - color: hsl(0, 0%, 4%); - } - a.navbar-item.is-active:not(:focus):not(:hover) { - background-color: transparent; - } + +div.icon-text { + display: flex; } -/* Bulma Grid */ -.column { +.image { display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - padding: 0.75rem; + position: relative; } -.columns.is-mobile > .column.is-offset-1 { - margin-left: 8.33333337%; +.image img { + display: block; + height: auto; + width: 100%; } -.columns.is-mobile > .column.is-offset-2 { - margin-left: 16.66666674%; +.image img.is-rounded { + border-radius: 9999px; } -.columns.is-mobile > .column.is-3 { - flex: none; - width: 25%; +.image.is-fullwidth { + width: 100%; } -.columns.is-mobile > .column.is-offset-3 { - margin-left: 25%; +.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%; } -.columns.is-mobile > .column.is-4 { - flex: none; - width: 33.33333337%; +.image.is-square, .image.is-1by1 { + padding-top: 100%; } -.columns.is-mobile > .column.is-5 { - flex: none; - width: 41.66666674%; +.image.is-5by4 { + padding-top: 80%; } -.columns.is-mobile > .column.is-6 { - flex: none; - width: 50%; +.image.is-4by3 { + padding-top: 75%; } -.columns.is-mobile > .column.is-7 { - flex: none; - width: 58.33333337%; +.image.is-3by2 { + padding-top: 66.6666%; } -.columns.is-mobile > .column.is-8 { - flex: none; - width: 66.66666674%; +.image.is-5by3 { + padding-top: 60%; } -.columns.is-mobile > .column.is-9 { - flex: none; - width: 75%; +.image.is-16by9 { + padding-top: 56.25%; } -.columns.is-mobile > .column.is-10 { - flex: none; - width: 83.33333337%; +.image.is-2by1 { + padding-top: 50%; } -.columns.is-mobile > .column.is-12 { - flex: none; - width: 100%; +.image.is-3by1 { + padding-top: 33.3333%; } -@media screen and (max-width: 768px) { - .column.is-full-mobile { - flex: none; - width: 100%; - } - .column.is-half-mobile { - flex: none; - width: 50%; - } - .column.is-1-mobile { - flex: none; - width: 8.33333337%; - } +.image.is-4by5 { + padding-top: 125%; } -@media screen and (min-width: 769px), print { - .column.is-full-tablet { - flex: none; - width: 100%; - } - .column.is-half-tablet { - flex: none; - width: 50%; - } - .column.is-one-third-tablet { - flex: none; - width: 33.3333%; - } - .column.is-offset-1 { - margin-left: 8.33333337%; - } - .column.is-offset-2 { - margin-left: 16.66666674%; - } - .column.is-3 { - flex: none; - width: 25%; - } - .column.is-offset-3 { - margin-left: 25%; - } - .column.is-4 { - flex: none; - width: 33.33333337%; - } - .column.is-5 { - flex: none; - width: 41.66666674%; - } - .column.is-6, .column.is-6-tablet { - flex: none; - width: 50%; - } - .column.is-7 { - flex: none; - width: 58.33333337%; - } - .column.is-8 { - flex: none; - width: 66.66666674%; - } - .column.is-9 { - flex: none; - width: 75%; - } - .column.is-10, .column.is-10-tablet { - flex: none; - width: 83.33333337%; - } - .column.is-12 { - flex: none; - width: 100%; - } +.image.is-3by4 { + padding-top: 133.3333%; } -@media screen and (max-width: 1023px) { - .column.is-full-touch { - flex: none; - width: 100%; - } +.image.is-2by3 { + padding-top: 150%; } -@media screen and (min-width: 1024px) { - .column.is-full-desktop { - flex: none; - width: 100%; - } - .column.is-two-thirds-desktop { - flex: none; - width: 66.6666%; - } - .column.is-one-third-desktop { - flex: none; - width: 33.3333%; - } - .column.is-offset-1-desktop { - margin-left: 8.33333337%; - } - .column.is-offset-2-desktop { - margin-left: 16.66666674%; - } - .column.is-4-desktop { - flex: none; - width: 33.33333337%; - } - .column.is-6-desktop { - flex: none; - width: 50%; - } - .column.is-8-desktop { - flex: none; - width: 66.66666674%; - } - .column.is-10-desktop { - flex: none; - width: 83.33333337%; - } +.image.is-3by5 { + padding-top: 166.6666%; } -@media screen and (min-width: 1216px) { - .column.is-one-third-widescreen { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-widescreen { - flex: none; - width: 25%; - } - .column.is-8-widescreen { - flex: none; - width: 66.66666674%; - } +.image.is-9by16 { + padding-top: 177.7777%; } -@media screen and (min-width: 1408px) { - .column.is-one-third-fullhd { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-fullhd { - flex: none; - width: 25%; - } +.image.is-1by2 { + padding-top: 200%; } - -.columns { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; +.image.is-1by3 { + padding-top: 300%; } -.columns:last-child { - margin-bottom: -0.75rem; +.image.is-16x16 { + height: 16px; + width: 16px; } -.columns:not(:last-child) { - margin-bottom: calc(1.5rem - 0.75rem); +.image.is-24x24 { + height: 24px; + width: 24px; } -.columns.is-centered { - justify-content: center; +.image.is-32x32 { + height: 32px; + width: 32px; } -.columns.is-mobile { - display: flex; +.image.is-48x48 { + height: 48px; + width: 48px; } -.columns.is-multiline { - flex-wrap: wrap; +.image.is-64x64 { + height: 64px; + width: 64px; } -.columns.is-vcentered { - align-items: center; +.image.is-96x96 { + height: 96px; + width: 96px; } -@media screen and (min-width: 769px), print { - .columns:not(.is-desktop) { - display: flex; - } +.image.is-128x128 { + height: 128px; + width: 128px; } -.columns.is-variable { - --columnGap: 0.75rem; - margin-left: calc(-1 * var(--columnGap)); - margin-right: calc(-1 * var(--columnGap)); +.notification { + background-color: hsl(0, 0%, 96%); + border-radius: 4px; + position: relative; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; } -.columns.is-variable > .column { - padding-left: var(--columnGap); - padding-right: var(--columnGap); +.notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; } -@media screen and (max-width: 768px) { - .columns.is-variable.is-1-mobile { - --columnGap: 0.25rem; - } +.notification strong { + color: currentColor; } -.columns.is-variable.is-3 { - --columnGap: 0.75rem; +.notification code, +.notification pre { + background: hsl(0, 0%, 100%); } -.columns.is-variable.is-4 { - --columnGap: 1rem; +.notification pre code { + background: transparent; } -@media screen and (min-width: 1024px) { - .columns.is-variable.is-4-desktop { - --columnGap: 1rem; - } +.notification > .delete { + right: 0.5rem; + position: absolute; + top: 0.5rem; } -.columns.is-variable.is-5 { - --columnGap: 1.25rem; +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; } -.columns.is-variable.is-6 { - --columnGap: 1.5rem; +.notification.is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); } -@media screen and (min-width: 769px), print { - .columns.is-variable.is-6-tablet { - --columnGap: 1.5rem; - } +.notification.is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); } -@media screen and (min-width: 1024px) { - .columns.is-variable.is-6-desktop { - --columnGap: 1.5rem; - } +.notification.is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } -.columns.is-variable.is-7 { - --columnGap: 1.75rem; +.notification.is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; } -.columns.is-variable.is-8 { - --columnGap: 2rem; +.notification.is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; } -@media screen and (min-width: 1024px) { - .columns.is-variable.is-8-desktop { - --columnGap: 2rem; - } +.notification.is-primary.is-light { + background-color: #ebfffc; + color: #00947e; } -@media screen and (min-width: 1216px) { - .columns.is-variable.is-8-widescreen { - --columnGap: 2rem; - } +.notification.is-link { + background-color: hsl(229, 53%, 53%); + color: #fff; } - -/* Bulma Helpers */ - -.has-text-primary { - color: hsl(171, 100%, 41%) !important; +.notification.is-link.is-light { + background-color: #eff1fa; + color: #3850b7; } - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #009e86 !important; +.notification.is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; } - -.is-flex-direction-column { - flex-direction: column !important; +.notification.is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } - -.is-flex-wrap-wrap { - flex-wrap: wrap !important; +.notification.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; } - -.is-justify-content-flex-end { - justify-content: flex-end !important; +.notification.is-success.is-light { + background-color: #effaf5; + color: #257953; } - -.is-justify-content-center { - justify-content: center !important; +.notification.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } - -.is-justify-content-space-between { - justify-content: space-between !important; +.notification.is-warning.is-light { + background-color: #fffaeb; + color: #946c00; } - -.is-align-items-center { - align-items: center !important; +.notification.is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; } - -.is-align-items-baseline { - align-items: baseline !important; +.notification.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.is-pulled-right { - float: right !important; +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 9999px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; } - -.is-paddingless { - padding: 0 !important; +.progress::-webkit-progress-bar { + background-color: hsl(0, 0%, 93%); } - -.mb-0 { - margin-bottom: 0 !important; +.progress::-webkit-progress-value { + background-color: hsl(0, 0%, 29%); } - -.mr-3 { - margin-right: 0.75rem !important; +.progress::-moz-progress-bar { + background-color: hsl(0, 0%, 29%); } - -.mb-4 { - margin-bottom: 1rem !important; +.progress::-ms-fill { + background-color: hsl(0, 0%, 29%); + border: none; } - -.mt-5 { - margin-top: 1.5rem !important; +.progress.is-white::-webkit-progress-value { + background-color: hsl(0, 0%, 100%); } - -.p-0 { - padding: 0 !important; +.progress.is-white::-moz-progress-bar { + background-color: hsl(0, 0%, 100%); } - -.pt-0 { - padding-top: 0 !important; +.progress.is-white::-ms-fill { + background-color: hsl(0, 0%, 100%); } - -.pr-0 { - padding-right: 0 !important; +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%); } - -.pb-0 { - padding-bottom: 0 !important; +.progress.is-black::-webkit-progress-value { + background-color: hsl(0, 0%, 4%); } - -.pl-0 { - padding-left: 0 !important; +.progress.is-black::-moz-progress-bar { + background-color: hsl(0, 0%, 4%); } - -.pl-5 { - padding-left: 1.5rem !important; +.progress.is-black::-ms-fill { + background-color: hsl(0, 0%, 4%); } - -.is-size-5 { - font-size: 1.25rem !important; +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%); } - -.is-size-6 { - font-size: 1rem !important; +.progress.is-light::-webkit-progress-value { + background-color: hsl(0, 0%, 96%); } -.has-text-centered { - text-align: center !important; +.progress.is-light::-moz-progress-bar { + background-color: hsl(0, 0%, 96%); } - -.has-text-left { - text-align: left !important; +.progress.is-light::-ms-fill { + background-color: hsl(0, 0%, 96%); } - -@media screen and (max-width: 768px) { - .has-text-centered-mobile { - text-align: center !important; - } +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%); } -@media screen and (min-width: 769px), print { - .has-text-centered-tablet { - text-align: center !important; - } +.progress.is-dark::-webkit-progress-value { + background-color: hsl(0, 0%, 21%); } -@media screen and (max-width: 1023px) { - .has-text-centered-touch { - text-align: center !important; - } +.progress.is-dark::-moz-progress-bar { + background-color: hsl(0, 0%, 21%); } -@media screen and (min-width: 1024px) { - .has-text-centered-desktop { - text-align: center !important; - } +.progress.is-dark::-ms-fill { + background-color: hsl(0, 0%, 21%); } -@media screen and (min-width: 769px), print { - .has-text-left-tablet { - text-align: left !important; - } +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%); } -@media screen and (min-width: 769px), print { - .has-text-right-tablet { - text-align: right !important; - } +.progress.is-primary::-webkit-progress-value { + background-color: hsl(171, 100%, 41%); } -@media screen and (min-width: 1024px) { - .has-text-right-desktop { - text-align: right !important; - } +.progress.is-primary::-moz-progress-bar { + background-color: hsl(171, 100%, 41%); } - -.is-uppercase { - text-transform: uppercase !important; +.progress.is-primary::-ms-fill { + background-color: hsl(171, 100%, 41%); } - -.has-text-weight-light { - font-weight: 300 !important; +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, hsl(171, 100%, 41%) 30%, hsl(0, 0%, 93%) 30%); } - -.has-text-weight-semibold { - font-weight: 600 !important; +.progress.is-link::-webkit-progress-value { + background-color: hsl(229, 53%, 53%); } - -.is-block { - display: block !important; +.progress.is-link::-moz-progress-bar { + background-color: hsl(229, 53%, 53%); } -.is-flex { - display: flex !important; +.progress.is-link::-ms-fill { + background-color: hsl(229, 53%, 53%); } -.is-hidden { - display: none !important; +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, hsl(229, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } - -@media screen and (max-width: 768px) { - .is-hidden-mobile { - display: none !important; - } +.progress.is-info::-webkit-progress-value { + background-color: hsl(207, 61%, 53%); } -@media screen and (min-width: 769px), print { - .is-hidden-tablet { - display: none !important; - } +.progress.is-info::-moz-progress-bar { + background-color: hsl(207, 61%, 53%); } -@media screen and (max-width: 1023px) { - .is-hidden-touch { - display: none !important; - } +.progress.is-info::-ms-fill { + background-color: hsl(207, 61%, 53%); } -@media screen and (min-width: 1024px) { - .is-hidden-desktop { - display: none !important; - } +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%); } -/* Bulma Layout */ - -.section { - padding: 3rem 1.5rem; +.progress.is-success::-webkit-progress-value { + background-color: hsl(153, 53%, 53%); } -@media screen and (min-width: 1024px) { - .section { - padding: 3rem 3rem; - } +.progress.is-success::-moz-progress-bar { + background-color: hsl(153, 53%, 53%); } - -.footer { - background-color: hsl(0, 0%, 98%); - padding: 3rem 1.5rem 6rem; +.progress.is-success::-ms-fill { + background-color: hsl(153, 53%, 53%); } - -/* Deafult Margin & Padding view-height & view-width */ - -.mb-0 { - margin-bottom: 0px !important; +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, hsl(153, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } - -.p-0 { - padding: 0px !important; +.progress.is-warning::-webkit-progress-value { + background-color: hsl(44, 100%, 77%); } - -.pt-0 { - padding-top: 0px !important; +.progress.is-warning::-moz-progress-bar { + background-color: hsl(44, 100%, 77%); } - -.pb-0 { - padding-bottom: 0px !important; +.progress.is-warning::-ms-fill { + background-color: hsl(44, 100%, 77%); } - -.pl-0 { - padding-left: 0px !important; +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, hsl(44, 100%, 77%) 30%, hsl(0, 0%, 93%) 30%); } - -.pr-0 { - padding-right: 0px !important; +.progress.is-danger::-webkit-progress-value { + background-color: hsl(348, 86%, 61%); } - -.mr-3 { - margin-right: 3px !important; +.progress.is-danger::-moz-progress-bar { + background-color: hsl(348, 86%, 61%); } - -.mb-4 { - margin-bottom: 4px !important; +.progress.is-danger::-ms-fill { + background-color: hsl(348, 86%, 61%); } - -.mt-5 { - margin-top: 5px !important; +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, hsl(348, 86%, 61%) 30%, hsl(0, 0%, 93%) 30%); +} +.progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: hsl(0, 0%, 93%); + background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; } - -.pl-5 { - padding-left: 5px !important; +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; } - -.mb-8 { - margin-bottom: 8px !important; +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; } - -.ml-8 { - margin-left: 8px !important; +.progress:indeterminate::-ms-fill { + animation-name: none; } - -.mr-8 { - margin-right: 8px !important; +.progress.is-small { + height: 0.75rem; } - -.mt-10 { - margin-top: 10px !important; +.progress.is-medium { + height: 1.25rem; } - -.mb-12 { - margin-bottom: 12px !important; +.progress.is-large { + height: 1.5rem; } -.pb-12 { - padding-bottom: 12px !important; +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } } - -.font-size-12 { - font-size: 12px !important; +.table { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 21%); } - -.mt-15 { - margin-top: 15px !important; +.table td, +.table th { + border: 1px solid hsl(0, 0%, 86%); + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; } - -.mb-15 { - margin-bottom: 15px !important; +.table td.is-white, +.table th.is-white { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); } - -.mt-16 { - margin-top: 16px !important; +.table td.is-black, +.table th.is-black { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); } - -.mb-16 { - margin-bottom: 16px !important; +.table td.is-light, +.table th.is-light { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } - -.mt-20 { - margin-top: 20px !important; +.table td.is-dark, +.table th.is-dark { + background-color: hsl(0, 0%, 21%); + border-color: hsl(0, 0%, 21%); + color: #fff; } - -.mb-20 { - margin-bottom: 20px !important; +.table td.is-primary, +.table th.is-primary { + background-color: hsl(171, 100%, 41%); + border-color: hsl(171, 100%, 41%); + color: #fff; } - -.pr-20 { - padding-right: 20px !important; +.table td.is-link, +.table th.is-link { + background-color: hsl(229, 53%, 53%); + border-color: hsl(229, 53%, 53%); + color: #fff; } - -.mt-30 { - margin-top: 30px !important; +.table td.is-info, +.table th.is-info { + background-color: hsl(207, 61%, 53%); + border-color: hsl(207, 61%, 53%); + color: #fff; } - -.pl-40 { - padding-left: 40px !important; +.table td.is-success, +.table th.is-success { + background-color: hsl(153, 53%, 53%); + border-color: hsl(153, 53%, 53%); + color: #fff; } - -.pr-40 { - padding-right: 40px !important; +.table td.is-warning, +.table th.is-warning { + background-color: hsl(44, 100%, 77%); + border-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } - -.mt-50 { - margin-top: 50px !important; +.table td.is-danger, +.table th.is-danger { + background-color: hsl(348, 86%, 61%); + border-color: hsl(348, 86%, 61%); + color: #fff; } - -.pb-50 { - padding-bottom: 50px !important; +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; } - -.pr-60 { - padding-right: 60px !important; +.table td.is-selected, +.table th.is-selected { + background-color: hsl(171, 100%, 41%); + color: #fff; } - -.mt-70 { - margin-top: 70px !important; +.table td.is-selected a, +.table td.is-selected strong, +.table th.is-selected a, +.table th.is-selected strong { + color: currentColor; } - -.mt-80 { - margin-top: 80px !important; +.table td.is-vcentered, +.table th.is-vcentered { + vertical-align: middle; } - -.mb-80 { - margin-bottom: 80px !important; +.table th { + color: hsl(0, 0%, 21%); } - -.pb-80 { - padding-bottom: 80px !important; +.table th:not([align]) { + text-align: left; } - -.mr-100 { - margin-right: 100px !important; +.table tr.is-selected { + background-color: hsl(171, 100%, 41%); + color: #fff; } - -/* Deafult height & widht */ - -.width-12 { - width: 12px !important; +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; } - -.width-16 { - width: 16px !important; +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; } - -.height-20 { - height: 20px !important; +.table thead { + background-color: transparent; } - -.width-20 { - width: 20px !important; +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: hsl(0, 0%, 21%); } - -.height-40 { - height: 40px !important; +.table tfoot { + background-color: transparent; } - -.height-60 { - height: 60px !important; +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: hsl(0, 0%, 21%); } - -/* Deafult z-index and font-weight*/ - -.is-ellipsis-2 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 2; - -webkit-line-clamp: 2; - box-orient: vertical; - -webkit-box-orient: vertical; +.table tbody { + background-color: transparent; } - -.is-ellipsis-3 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 3; - -webkit-line-clamp: 3; - box-orient: vertical; - -webkit-box-orient: vertical; +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; } - -.is-ellipsis-4 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 4; - -webkit-line-clamp: 4; - box-orient: vertical; - -webkit-box-orient: vertical; +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; } - -:root { - --ac-primary: #00a651; +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; } -body.kubedb { - --ac-primary: #4d4dcb; +.table.is-fullwidth { + width: 100%; } -body.kubevault { - --ac-primary: #326ce5; +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: hsl(0, 0%, 98%); } -body.kubeform { - --ac-primary: #592217; +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: hsl(0, 0%, 98%); } -body.stash { - --ac-primary: #5e2dea; +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: hsl(0, 0%, 96%); } -body.voyager { - --ac-primary: #2d2a78; +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; } - -html, -body { - background-color: #ffffff; - font-family: "Roboto", sans-serif; - font-weight: 400; - font-size: 1rem; - color: #515D63; - scroll-behavior: smooth; +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: hsl(0, 0%, 98%); } -p { - font-size: 1rem; +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100%; } -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 500; - color: #171B1C; - line-height: 130%; +.tags { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } - -h1 { - font-size: 60px; - letter-spacing: -0.5px; +.tags .tag { + margin-bottom: 0.5rem; } - -h2 { - font-size: 48px; - letter-spacing: -0.57px; +.tags .tag:not(:last-child) { + margin-right: 0.5rem; } - -h3 { - font-size: 32px; +.tags:last-child { + margin-bottom: -0.5rem; } - -h4 { - font-size: 24px; - letter-spacing: -0.25px; +.tags:not(:last-child) { + margin-bottom: 1rem; } - -h5 { - font-size: 18px; +.tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 1rem; } - -h6 { - font-size: 16px; - letter-spacing: -0.15px; +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem; } - -a { - font-family: "Roboto", sans-serif; - color: var(--ac-primary); +.tags.is-centered { + justify-content: center; } - -hr { - background-color: #e7e7e7; - border: none; - display: block; - height: 1px; - margin: 16px 0; +.tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; } - -strong { - color: #171B1C; +.tags.is-right { + justify-content: flex-end; } - -.is-gradient { - background: linear-gradient(-45deg, var(--ac-primary), #940148, #4c346f, var(--ac-primary)); - background-size: 300% 300%; - animation: gradient 5s ease infinite; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; +.tags.is-right .tag:not(:first-child) { + margin-left: 0.5rem; } - -/* ====================== - Global CSS start -========================*/ -.bg-gradient-1 { - position: relative; - z-index: 1; - background-size: 120% 120%; - animation: gradient 15s ease infinite; +.tags.is-right .tag:not(:last-child) { + margin-right: 0; } -.bg-gradient-1:after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgb(255, 255, 255); - z-index: -1; - opacity: 0.9; - background-size: 50%; - overflow: hidden; +.tags.has-addons .tag { + margin-right: 0; +} +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.tags.has-addons .tag:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.social-prove-brand-area .brand-image-wrapper { - padding-top: 16px; - display: flex; - flex-wrap: wrap; - justify-content: space-between; +.tag:not(body) { align-items: center; - width: 100%; -} -.social-prove-brand-area .brand-image-wrapper .single-brand { - border: 1px solid #e7e7e7; - background-color: #ffffff; - padding: 12px 24px; + background-color: hsl(0, 0%, 96%); border-radius: 4px; - display: flex; - align-items: center; - transition: 0.3s ease-in-out; + color: hsl(0, 0%, 29%); + display: inline-flex; + font-size: 0.75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; } -.social-prove-brand-area .brand-image-wrapper .single-brand img { - max-height: 2rem; - filter: grayscale(1); - transition: 0.3s ease-in-out; +.tag:not(body) .delete { + margin-left: 0.25rem; + margin-right: -0.375rem; } -.social-prove-brand-area .brand-image-wrapper .single-brand:hover img { - filter: grayscale(0); +.tag:not(body).is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); } -.social-prove-brand-area .owl-carousel .owl-stage { - transition-timing-function: linear !important; +.tag:not(body).is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); } -.social-prove-brand-area .owl-carousel .owl-item img { - width: auto !important; - height: 32px; +.tag:not(body).is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } - -.is-fullwidth { - width: 100% !important; +.tag:not(body).is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; } - -.section-padding { - padding: 60px 0; +.tag:not(body).is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; } -@media screen and (max-width: 1023px) { - .section-padding { - padding: 32px 0; - } +.tag:not(body).is-primary.is-light { + background-color: #ebfffc; + color: #00947e; } - -.list-items { - display: flex; - flex-direction: column; - gap: 12px; +.tag:not(body).is-link { + background-color: hsl(229, 53%, 53%); + color: #fff; } -@media screen and (max-width: 768px) { - .list-items { - gap: 4px; - } +.tag:not(body).is-link.is-light { + background-color: #eff1fa; + color: #3850b7; } -.list-items li { - display: flex; - align-items: center; - gap: 12px; +.tag:not(body).is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; } -.list-items li span { - font-size: 18px; +.tag:not(body).is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } - - .others-products, .products-features .features-tabs, .ui-features-area, .mechanics-area, .products-area, .hero-area-1 .h-right-content { - position: relative; - z-index: 1; +.tag:not(body).is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; } - .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after { - position: absolute; - content: ""; - left: -54px; - top: 0px; - width: 250px; - height: 250px; - z-index: -1; - background-image: url("../images/shape/decorative-el.svg"); - background-repeat: no-repeat; +.tag:not(body).is-success.is-light { + background-color: #effaf5; + color: #257953; } -@media screen and (max-width: 768px) { - .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after { - width: 120px; - height: 120px; - } +.tag:not(body).is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } - -.section-title { - margin-bottom: 2rem; - position: relative; - z-index: 8; +.tag:not(body).is-warning.is-light { + background-color: #fffaeb; + color: #946c00; } -.section-title h1 { - font-weight: 700; - font-size: 48px; - line-height: 130%; +.tag:not(body).is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; } -.section-title h2 { - font-size: 32px; - font-weight: 600; - margin-bottom: 8px; - text-wrap: balance; +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.section-title p { - font-size: 16px; - line-height: 160%; - letter-spacing: 0; - margin-bottom: 3rem; - font-weight: normal; +.tag:not(body).is-normal { + font-size: 0.75rem; } - -@keyframes cube { - from { - transform: scale(0) rotate(0deg) translate(-50%, -50%); - opacity: 2s; - margin-top: 200px; - } - to { - transform: scale(5) rotate(960deg) translate(-50%, -50%); - opacity: 0; - margin-top: 0; - } +.tag:not(body).is-medium { + font-size: 1rem; } - -.bb-1 { - border-bottom: 1px solid #e7e7e7; +.tag:not(body).is-large { + font-size: 1.25rem; } - -.has-text-primary { - color: var(--ac-primary) !important; +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -0.375em; + margin-right: 0.1875em; } - -::-moz-selection { - /* Code for Firefox */ - color: #ffffff; - background: var(--ac-primary); +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: -0.375em; } - -::selection { - color: #ffffff; - background: var(--ac-primary); +.tag:not(body) .icon:first-child:last-child { + margin-left: -0.375em; + margin-right: -0.375em; } - -.d-table { - display: table; - height: 100%; - width: 100%; +.tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; } - -.d-table-cell { - width: 100%; - display: table-cell; - vertical-align: middle; +.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; } - -/* brand logo area start */ - -/* brand logo area end */ -.ac-custom-select .ss-single-selected, -.ac-custom-select .ss-multi-selected { - min-height: 45px !important; - border: 1px solid #a6abbd; - color: #515D63; - padding: 0 15px; +.tag:not(body).is-delete::before { + height: 1px; + width: 50%; } -.ac-custom-select .ss-single-selected .ss-arrow, -.ac-custom-select .ss-multi-selected .ss-arrow { - margin: 0; +.tag:not(body).is-delete::after { + height: 50%; + width: 1px; } -.ac-custom-select .ss-single-selected .placeholder, -.ac-custom-select .ss-multi-selected .placeholder { - font-size: 15px; - color: #515D63; - font-weight: 500; +.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { + background-color: #e8e8e8; } -.ac-custom-select .ss-single-selected .ss-values, -.ac-custom-select .ss-multi-selected .ss-values { - margin-top: 3px; +.tag:not(body).is-delete:active { + background-color: #dbdbdb; } -.ac-custom-select .ss-single-selected .ss-values .ss-disabled, -.ac-custom-select .ss-multi-selected .ss-values .ss-disabled { - margin: 0; - padding: 0; - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; +.tag:not(body).is-rounded { + border-radius: 9999px; } -.ac-custom-select .ss-single-selected .ss-values .ss-value, -.ac-custom-select .ss-multi-selected .ss-values .ss-value { - height: 30px; - margin-bottom: 6px; - padding: 0 10px; - background-color: #35a651; + +a.tag:hover { + text-decoration: underline; } -.ac-custom-select .ss-single-selected .ss-add, -.ac-custom-select .ss-multi-selected .ss-add { - margin: 4px; - align-items: center; + +.title, +.subtitle { + word-break: break-word; } -.ac-custom-select .ss-content { - border: 1px solid #a6abbd; +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; } -.ac-custom-select .ss-content .ss-list .ss-option { - font-size: 14px; - color: #515D63; - transition: 0.3s ease-in-out; +.title sub, +.subtitle sub { + font-size: 0.75em; } -.ac-custom-select .ss-content .ss-list .ss-option:hover { - opacity: 0.8; - color: #ffffff; - background-color: var(--ac-primary); +.title sup, +.subtitle sup { + font-size: 0.75em; } -.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled { - opacity: 0.5; +.title .tag, +.subtitle .tag { + vertical-align: middle; } -.ac-custom-select .ss-content .ss-search input { - border: 1px solid #a6abbd; + +.title { + color: hsl(0, 0%, 21%); + font-size: 2rem; + font-weight: 600; + line-height: 1.125; } -.ac-custom-select .ss-content .ss-search input:focus { - outline: none; - box-shadow: none; +.title strong { + color: inherit; + font-weight: inherit; } - -.message { - display: flex; - align-items: center; +.title:not(.is-spaced) + .subtitle { + margin-top: -1.25rem; } -.message lord-icon { - margin-right: 1rem; +.title.is-1 { + font-size: 3rem; } -.message.is-warning { - background-color: transparent; +.title.is-2 { + font-size: 2.5rem; } -.message.is-danger { - background-color: transparent; +.title.is-3 { + font-size: 2rem; } - -.is-gap-4 { - gap: 4px; +.title.is-4 { + font-size: 1.5rem; } - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .container { - padding: 0 15px; - } - .section-title { - font-size: 28px; - margin-bottom: 1rem; - } - .section-title h2 { - font-size: 28px; - margin-bottom: 0; - } - .section-title h1 { - font-size: 28px; - } - .section-title p { - margin-bottom: 0; - } +.title.is-5 { + font-size: 1.25rem; } -@media screen and (min-width: 769px) and (max-width: 1023px) { - .container { - padding: 0 30px; - } - .section-title p { - margin-bottom: 0; - } +.title.is-6 { + font-size: 1rem; } -@media (min-width: 1216px) and (max-width: 1440px) { - .container { - max-width: 1200px !important; - } +.title.is-7 { + font-size: 0.75rem; } -.hero-area-2 { - position: relative; - z-index: 1; -} -.hero-area-2::after { - left: 0; - top: 0; - width: 100%; - height: 100%; - background-repeat: no-repeat !important; - position: absolute; - z-index: -2; - content: ""; - background: url(../images/appscode/about-hero-bg-2.png); - background-size: contain; +.subtitle { + color: hsl(0, 0%, 29%); + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; } -.hero-area-2 .hero-area-inner-2 { - height: 400px; - padding-top: 120px; +.subtitle strong { + color: hsl(0, 0%, 21%); + font-weight: 600; } -.hero-area-2 .hero-area-inner-2 h1 { - font-size: 48px; - margin-bottom: 15px; +.subtitle:not(.is-spaced) + .title { + margin-top: -1.25rem; } -.hero-area-2 .hero-area-inner-2 p { - font-size: 18px; +.subtitle.is-1 { + font-size: 3rem; } - -.hero-area-2.bg-color-available:after { - background-color: #fbfbfb; +.subtitle.is-2 { + font-size: 2.5rem; } - -.illustration-area { - min-height: 500px; - background-repeat: no-repeat; +.subtitle.is-3 { + font-size: 2rem; } - -.illustration-1 { - background-image: url(../images/consulting-page/illustation.png); - background-size: contain; +.subtitle.is-4 { + font-size: 1.5rem; } - -.consulting-inner h2 { - font-size: 36px; - margin-bottom: 30px; - font-weight: 400; - line-height: 50px; +.subtitle.is-5 { + font-size: 1.25rem; } -.consulting-inner p { - font-size: 16px; - line-height: 28px; - color: #515D63; - margin-bottom: 20px; +.subtitle.is-6 { + font-size: 1rem; } -.consulting-inner p:last-child { - margin-bottom: 0; +.subtitle.is-7 { + font-size: 0.75rem; } -.testimonial-area-2 .testimonial-wrapper { - overflow: hidden; +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; } -.testimonial-area-2 .testimonial-wrapper .quote-icon { - margin-bottom: 30px; + +.number { + align-items: center; + background-color: hsl(0, 0%, 96%); + border-radius: 9999px; + 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; } -.testimonial-area-2 .testimonial-wrapper h1 { - font-size: 28px; - line-height: 45px; - font-weight: 600; + +/* Bulma Form */ +.select select, .textarea, .input { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 86%); + border-radius: 4px; + color: hsl(0, 0%, 21%); } -.testimonial-area-2 .testimonial-wrapper .user-information { - margin-top: 30px; - float: right; - overflow: hidden; - align-items: center; +.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } -.testimonial-area-2 .testimonial-wrapper .user-information figure { - margin-right: 15px; +.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); } -.testimonial-area-2 .testimonial-wrapper .user-information h4 { - font-size: 18px; - line-height: 28px; - font-weight: 700; - color: var(--ac-primary); +.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } -.testimonial-area-2 .testimonial-wrapper .user-information p { - font-size: 14px; - color: #515D63; +.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); } - -.package-area .single-package-wrapper { - padding: 30px 50px; +.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input { + border-color: hsl(0, 0%, 71%); } -.package-area .single-package-wrapper h4 { - font-size: 18px; - margin-bottom: 5px; +.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 { + border-color: hsl(229, 53%, 53%); + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); } -.package-area .single-package-wrapper p { - font-size: 16px; +.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + box-shadow: none; + color: hsl(0, 0%, 48%); } - -.our-customer-area { - background-color: #FBFBFB; +.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 { + color: rgba(122, 122, 122, 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 { + color: rgba(122, 122, 122, 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 { + color: rgba(122, 122, 122, 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 { + color: rgba(122, 122, 122, 0.3); } -.training-wrapper-image .single-training-image-wrapper { - width: 280px; - height: 280px; - border-radius: 50%; - overflow: hidden; - display: inline-block; - margin-right: 30px; +.textarea, .input { + box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); + max-width: 100%; + width: 100%; } -.training-wrapper-image .single-training-image-wrapper:last-child { - margin-right: 0; +[readonly].textarea, [readonly].input { + box-shadow: none; } -.training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 250px; - height: 250px; - transform: translateY(-70px); +.is-white.textarea, .is-white.input { + border-color: hsl(0, 0%, 100%); } -.training-wrapper-image .single-training-image-wrapper img { - transition: 0.3s ease-in-out; +.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 { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } -.training-wrapper-image .single-training-image-wrapper:hover img { - transform: scale(1.3); +.is-black.textarea, .is-black.input { + border-color: hsl(0, 0%, 4%); } - -.about-training { - position: relative; - z-index: 1; +.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 { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - -.cta-area-2 .cta-content h1 { - font-size: 73px; - line-height: 83px; - margin-bottom: 50px; +.is-light.textarea, .is-light.input { + border-color: hsl(0, 0%, 96%); } - -.client-thumb { - width: 50px; - height: 50px; - border-radius: 50%; - overflow: hidden; - float: left; - margin-right: 20px; +.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 { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - -.client-info { - float: left; - overflow: hidden; - margin-top: 5px; - text-align: left; +.is-dark.textarea, .is-dark.input { + border-color: hsl(0, 0%, 21%); } -.client-info h4 { - font-size: 16px; - line-height: 19px; - margin-bottom: 3px; +.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 { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } -.client-info p { - margin: 0; - font-size: 12px; - font-style: italic; - color: #515D63; - opacity: 0.6; +.is-primary.textarea, .is-primary.input { + border-color: hsl(171, 100%, 41%); } - -/*==================================== - Support page CSS -====================================*/ -/* Payment Method section style */ - -.item ul, -.item input[type=checkbox] { - display: none; - overflow: hidden; - transition: 0.3s; +.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 { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } - -.item ul li.is-active a { - color: var(--ac-primary); +.is-link.textarea, .is-link.input { + border-color: hsl(229, 53%, 53%); } - -.item input:checked ~ ul, -.item input:checked ~ .item > ul { +.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 { + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); +} +.is-info.textarea, .is-info.input { + border-color: hsl(207, 61%, 53%); +} +.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 { + box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); +} +.is-success.textarea, .is-success.input { + border-color: hsl(153, 53%, 53%); +} +.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 { + box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); +} +.is-warning.textarea, .is-warning.input { + border-color: hsl(44, 100%, 77%); +} +.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 { + box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +} +.is-danger.textarea, .is-danger.input { + border-color: hsl(348, 86%, 61%); +} +.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 { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +} +.is-small.textarea, .is-small.input { + border-radius: 2px; + font-size: 0.75rem; +} +.is-medium.textarea, .is-medium.input { + font-size: 1.25rem; +} +.is-large.textarea, .is-large.input { + font-size: 1.5rem; +} +.is-fullwidth.textarea, .is-fullwidth.input { display: block; - transition: 0.3s linear; + width: 100%; } - -.item input:checked ~ label span, -.item input:checked ~ .item > label span { - transform: rotate(90deg); - margin-top: 0; - transform-origin: 0; +.is-inline.textarea, .is-inline.input { + display: inline; + width: auto; } -.item label span { - position: absolute; - right: 15px; - transition: 0.3s ease-in-out; - top: 9px; +.input.is-rounded { + border-radius: 9999px; + padding-left: calc(calc(0.75em - 1px) + 0.375em); + padding-right: calc(calc(0.75em - 1px) + 0.375em); +} +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0; } -.item ul li a { +.textarea { display: block; - padding: 6px 0; - font-family: "Roboto", sans-serif; - font-weight: 400; + max-width: 100%; + min-width: 100%; + padding: calc(0.75em - 1px); + resize: vertical; +} +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em; +} +.textarea[rows] { + height: initial; +} +.textarea.has-fixed-size { + resize: none; } -.item label { +.radio, .checkbox { + cursor: pointer; + display: inline-block; + line-height: 1.25; position: relative; - z-index: 9; } - -.item:first-child input:checked ~ label, -.item:first-child input:checked ~ .item:first-child > label { - border: 1px solid transparent; +.radio input, .checkbox input { + cursor: pointer; } - -.appscode-style .item input:checked ~ label > a { - color: var(--ac-primary); +.radio:hover, .checkbox:hover { + color: hsl(0, 0%, 21%); } - -.item input:checked ~ ul, -.item input:checked ~ .item > ul > .item { - margin-left: -20px; +[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, +.radio input[disabled], +.checkbox input[disabled] { + color: hsl(0, 0%, 48%); + cursor: not-allowed; } -/* datasheet style start */ - - -select { - width: 100%; - height: 48px !important; +.radio + .radio { + margin-left: 0.5em; } -/* datasheet style end */ -/* schedule-demo start */ - -iframe { - height: 100%; +.select { + display: inline-block; max-width: 100%; + position: relative; + vertical-align: top; } - -.schedule-title { - margin-top: 65px; - color: #242a31; - margin-bottom: 30px; +.select:not(.is-multiple) { + height: 2.5em; } - -/* schedule-demo end */ -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .package-area .single-package-wrapper { - padding: 20px 30px; - border: 1px solid #e7e7e7; - } - .testimonial-area-2 .testimonial-wrapper { - text-align: center; - } - .testimonial-area-2 .testimonial-wrapper .is-pulled-right { - float: inherit !important; - margin-top: 15px; - display: flex; - justify-content: center; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .package-area .single-package-wrapper { - padding: 20px; - border: 1px solid #e7e7e7; - } - .ac-image { - text-align: center; - } - .about-training .section-title h2 { - text-align: center; - } - .ac-text p { - text-align: center; - } - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } +.select:not(.is-multiple):not(.is-loading)::after { + border-color: hsl(229, 53%, 53%); + right: 1.125em; + z-index: 4; } -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } +.select.is-rounded select { + border-radius: 9999px; + padding-left: 1em; } -@media screen and (min-width: 1408px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; } -.registration-form-container .register-notification { +.select select::-ms-expand { display: none; } - -.registration-form-wrapper { - position: relative; - z-index: 1; +.select select[disabled]:hover, fieldset[disabled] .select select:hover { + border-color: hsl(0, 0%, 96%); } -.registration-form-wrapper .registration-form { - width: 100%; +.select select:not([multiple]) { + padding-right: 2.5em; } -.registration-form-wrapper .circle-shape { - position: absolute; - right: 30px; - top: 30px; +.select select[multiple] { + height: auto; + padding: 0; } -.registration-form-wrapper .reg-illustration { - margin: 50px 0; +.select select[multiple] option { + padding: 0.5em 1em; } - -.registration-form { - box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16); - background-color: #fff; - border-radius: 8px; - padding: 30px; +.select:not(.is-multiple):not(.is-loading):hover::after { + border-color: hsl(0, 0%, 21%); } -.registration-form h3 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 600; - font-size: 22px; - line-height: 20px; - color: #393e46; - margin-bottom: 30px; +.select.is-white:not(:hover)::after { + border-color: hsl(0, 0%, 100%); } -.registration-form form .form-message { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 12px; - line-height: 20px; - color: #555555; +.select.is-white select { + border-color: hsl(0, 0%, 100%); } -.registration-form form .single-input-form { - width: 100%; - margin-bottom: 20px; +.select.is-white select:hover, .select.is-white select.is-hovered { + border-color: #f2f2f2; } -.registration-form form .single-input-form.is-fullwidth { - width: 100%; +.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } -.registration-form form .single-input-form label { - font-family: Roboto; - font-style: normal; - font-weight: 500; - font-size: 12px; - line-height: 14px; - display: block; - color: #393e46; - margin-bottom: 6px; - text-transform: uppercase; +.select.is-black:not(:hover)::after { + border-color: hsl(0, 0%, 4%); } -.registration-form form .single-input-form label .is-require { - color: #ea3d2f; - padding-left: 5px; +.select.is-black select { + border-color: hsl(0, 0%, 4%); } -.registration-form form input, -.registration-form form .textarea-wrapper, -.registration-form form .select { - border: 1px solid #a6abbd; - border-radius: 4px; - height: 45px; - width: 100%; - padding: 0 15px; - font-weight: 500; - font-size: 15px; - background-color: transparent; - color: #515D63; +.select.is-black select:hover, .select.is-black select.is-hovered { + border-color: black; } -.registration-form form input:focus, -.registration-form form .textarea-wrapper:focus, -.registration-form form .select:focus { - outline: none !important; - border: 1px solid var(--ac-primary); +.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } -.registration-form form input::-moz-placeholder, .registration-form form .textarea-wrapper::-moz-placeholder, .registration-form form .select::-moz-placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; +.select.is-light:not(:hover)::after { + border-color: hsl(0, 0%, 96%); } -.registration-form form input::placeholder, -.registration-form form .textarea-wrapper::placeholder, -.registration-form form .select::placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; +.select.is-light select { + border-color: hsl(0, 0%, 96%); } -.registration-form form .select { - border-color: #a6abbd; - padding: 0; +.select.is-light select:hover, .select.is-light select.is-hovered { + border-color: #e8e8e8; } -.registration-form form .select:hover { - border-color: #a6abbd; +.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } -.registration-form form .select select { - background-color: transparent; - border: none; - font-weight: 500; - height: 45px !important; - color: #515D63; - padding-left: 15px; +.select.is-dark:not(:hover)::after { + border-color: hsl(0, 0%, 21%); } -.registration-form form .select select option[selected] { - color: #333; +.select.is-dark select { + border-color: hsl(0, 0%, 21%); } -.registration-form form .textarea-wrapper { - height: 100px; +.select.is-dark select:hover, .select.is-dark select.is-hovered { + border-color: #292929; } -.registration-form form .textarea-wrapper { - padding: 10px 10px 10px 15px; +.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } -.registration-form form .textarea-wrapper:focus { - outline: none !important; - border: 1px solid var(--ac-primary); +.select.is-primary:not(:hover)::after { + border-color: hsl(171, 100%, 41%); } -.registration-form form textarea { - width: 100%; - height: calc(100% - 0px); - border: none; - font-weight: 500; - font-size: 15px; +.select.is-primary select { + border-color: hsl(171, 100%, 41%); } -.registration-form form textarea::-moz-placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; +.select.is-primary select:hover, .select.is-primary select.is-hovered { + border-color: #00b89c; } -.registration-form form textarea::placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; +.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } -.registration-form form textarea:focus { - outline: none; - border: none; +.select.is-link:not(:hover)::after { + border-color: hsl(229, 53%, 53%); } -.registration-form form p.is-error { - color: #ea3d2f; - font-size: 12px; - line-height: 1.4; +.select.is-link select { + border-color: hsl(229, 53%, 53%); } - -.webinar-header { - margin-bottom: 20px; +.select.is-link select:hover, .select.is-link select.is-hovered { + border-color: #3a51bb; } -.webinar-header .upcoming-message h1 { - font-weight: 500; - line-height: 110%; +.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); } -.webinar-header .webinar-list-items .webinar-item { - width: 130px; - background-color: #ccffe5; - border-radius: 4px; - margin-right: 20px; - padding: 15px; - cursor: pointer; +.select.is-info:not(:hover)::after { + border-color: hsl(207, 61%, 53%); } -.webinar-header .webinar-list-items .webinar-item.is-active { - background-color: var(--ac-primary); - position: relative; - z-index: 1; +.select.is-info select { + border-color: hsl(207, 61%, 53%); } -.webinar-header .webinar-list-items .webinar-item.is-active:after { - width: 60px; - height: 30px; - border-top: solid 30px var(--ac-primary); - border-left: solid 30px transparent; - border-right: solid 30px transparent; - position: absolute; - content: ""; - bottom: -20px; - left: 30px; +.select.is-info select:hover, .select.is-info select.is-hovered { + border-color: #3082c5; } -.webinar-header .webinar-list-items .webinar-item.is-active p, -.webinar-header .webinar-list-items .webinar-item.is-active h2 { - color: #ffffff; +.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { + box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); } -.webinar-header .webinar-list-items .webinar-item:last-child { - margin-right: 0; +.select.is-success:not(:hover)::after { + border-color: hsl(153, 53%, 53%); } -.webinar-header .webinar-list-items .webinar-item p { - font-size: 18px; - font-weight: 400; - text-align: center; - color: var(--ac-primary); +.select.is-success select { + border-color: hsl(153, 53%, 53%); } -.webinar-header .webinar-list-items .webinar-item p.date { - font-size: 13px; +.select.is-success select:hover, .select.is-success select.is-hovered { + border-color: #3abb81; } -.webinar-header .webinar-list-items .webinar-item h2 { - font-size: 52px; - font-weight: 400; - text-align: center; - color: var(--ac-primary); - line-height: 1.029; +.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { + box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); } - -.webinar-body .single-webinar { - opacity: 0; - visibility: hidden; - display: none; +.select.is-warning:not(:hover)::after { + border-color: hsl(44, 100%, 77%); } -.webinar-body .single-webinar.is-active { - opacity: 1; - visibility: visible; - display: block; +.select.is-warning select { + border-color: hsl(44, 100%, 77%); } -.webinar-body .webinar-video { - margin-bottom: 20px; - width: 100%; - height: 0; - position: relative; - padding-top: 56.25%; - background-color: #f2f3f4; - /* 9 / 16 * 100 */ +.select.is-warning select:hover, .select.is-warning select.is-hovered { + border-color: #ffd970; } -.webinar-body .webinar-video.active-overlay:after { - position: absolute; - content: ""; - left: 0; - top: 0; +.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +} +.select.is-danger:not(:hover)::after { + border-color: hsl(348, 86%, 61%); +} +.select.is-danger select { + border-color: hsl(348, 86%, 61%); +} +.select.is-danger select:hover, .select.is-danger select.is-hovered { + border-color: #ef2e55; +} +.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +} +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} +.select.is-medium { + font-size: 1.25rem; +} +.select.is-large { + font-size: 1.5rem; +} +.select.is-disabled::after { + border-color: hsl(0, 0%, 48%) !important; + opacity: 0.5; +} +.select.is-fullwidth { width: 100%; - height: 100%; - background: #000000; - opacity: 0.3; } -.webinar-body .webinar-video iframe { +.select.is-fullwidth select { width: 100%; - height: 100%; +} +.select.is-loading::after { + margin-top: 0; position: absolute; - top: 0; - left: 0; - border: 0; + right: 0.625em; + top: 0.625em; + transform: none; } -.webinar-body .webinar-title h1 { - font-size: 40px; - line-height: 130%; - margin-bottom: 20px; - font-weight: 500; +.select.is-loading.is-small:after { + font-size: 0.75rem; } -.webinar-body .date-and-location { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; +.select.is-loading.is-medium:after { + font-size: 1.25rem; } -.webinar-body .date-and-location .date { +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.file { + align-items: stretch; display: flex; - align-items: center; - gap: 8px; + justify-content: flex-start; + position: relative; } -.webinar-body .date-and-location .date span { - font-size: 18px; - color: #515D63; - font-weight: 500; +.file.is-white .file-cta { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + color: hsl(0, 0%, 4%); } -.webinar-body .webinar-summary p { - color: #636363; - margin-bottom: 20px; +.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: hsl(0, 0%, 4%); } -.webinar-body .webinar-speakers { - display: flex; - align-items: center; - flex-wrap: wrap; +.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: hsl(0, 0%, 4%); } -.webinar-body .webinar-speakers .single-speaker { - position: relative; - z-index: 1; - margin-right: 20px; - display: flex; - align-items: center; - max-width: 330px; - overflow: hidden; +.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: hsl(0, 0%, 4%); } -.webinar-body .webinar-speakers .single-speaker .speaker-image { - width: 80px; - height: 80px; - border-radius: 50%; - overflow: hidden; - border: 2px solid var(--ac-primary); +.file.is-black .file-cta { + background-color: hsl(0, 0%, 4%); + border-color: transparent; + color: hsl(0, 0%, 100%); } -.webinar-body .webinar-speakers .single-speaker:last-child { - margin-right: 0; +.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: hsl(0, 0%, 100%); } -.webinar-body .webinar-speakers .single-speaker .speaker-info { - padding: 0px 15px; - margin-top: -7px; +.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: hsl(0, 0%, 100%); } -.webinar-body .webinar-speakers .single-speaker .speaker-info p { - font-size: 13px; +.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { + background-color: black; + border-color: transparent; + color: hsl(0, 0%, 100%); } - -.tab { - cursor: pointer; - padding: 10px; +.file.is-light .file-cta { + background-color: hsl(0, 0%, 96%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } - -.tab.active { - background-color: #ccc; +.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { + background-color: #eeeeee; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } - -.tab:hover { - background-color: #aaa; +.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: rgba(0, 0, 0, 0.7); } - -.search-box { - display: flex; - align-items: center; - border: 1px solid #a6abbd; - padding: 0px 16px; - width: 430px; - border-radius: 4px; +.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } -.search-box input { - border: none; - width: 100%; - padding: 12px 8px; +.file.is-dark .file-cta { + background-color: hsl(0, 0%, 21%); + border-color: transparent; + color: #fff; } -.search-box input:focus { - outline: none; - border: none; +.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; } - -.is-sticky.webinar-search { - position: sticky; - top: 60px; - background-color: #fff; - z-index: 9; +.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: #fff; } - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 1023px) { - .webinar-header .upcoming-message h1 { - font-size: 34px; - } - .webinar-header .webinar-list-items .webinar-item { - width: 110px; - } - .webinar-header .webinar-list-items .webinar-item.is-active::after { - left: 23px; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 22px; - } - .webinar-header .webinar-list-items .webinar-item p { - font-size: 14px; - } - .webinar-body .webinar-title h1 { - font-size: 22px; - } - .webinar-body .webinar-speakers .single-speaker .speaker-info { - padding: 15px; - } - .webinar-body .webinar-speakers .single-speaker .speaker-info h6 { - font-size: 14px; - } - .search-box { - width: 190px; - } +.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: #fff; } -@media screen and (max-width: 768px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; +.file.is-primary .file-cta { + background-color: hsl(171, 100%, 41%); + border-color: transparent; + color: #fff; +} +.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} +.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} +.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} +.file.is-link .file-cta { + background-color: hsl(229, 53%, 53%); + border-color: transparent; + color: #fff; +} +.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { + background-color: #3e56c4; + border-color: transparent; + color: #fff; +} +.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25); + color: #fff; +} +.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { + background-color: #3a51bb; + border-color: transparent; + color: #fff; +} +.file.is-info .file-cta { + background-color: hsl(207, 61%, 53%); + border-color: transparent; + color: #fff; +} +.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { + background-color: #3488ce; + border-color: transparent; + color: #fff; +} +.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25); + color: #fff; +} +.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { + background-color: #3082c5; + border-color: transparent; + color: #fff; +} +.file.is-success .file-cta { + background-color: hsl(153, 53%, 53%); + border-color: transparent; + color: #fff; +} +.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { + background-color: #3ec487; + border-color: transparent; + color: #fff; +} +.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25); + color: #fff; +} +.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { + background-color: #3abb81; + border-color: transparent; + color: #fff; +} +.file.is-warning .file-cta { + background-color: hsl(44, 100%, 77%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { + background-color: #ffdc7d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25); + color: rgba(0, 0, 0, 0.7); +} +.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { + background-color: #ffd970; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.file.is-danger .file-cta { + background-color: hsl(348, 86%, 61%); + border-color: transparent; + color: #fff; +} +.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25); + color: #fff; +} +.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.file.is-small { + font-size: 0.75rem; +} +.file.is-normal { + font-size: 1rem; +} +.file.is-medium { + font-size: 1.25rem; +} +.file.is-medium .file-icon .fa { + font-size: 21px; +} +.file.is-large { + font-size: 1.5rem; +} +.file.is-large .file-icon .fa { + font-size: 28px; +} +.file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.file.has-name.is-empty .file-cta { + border-radius: 4px; +} +.file.has-name.is-empty .file-name { + display: none; +} +.file.is-boxed .file-label { + flex-direction: column; +} +.file.is-boxed .file-cta { + flex-direction: column; + height: auto; + padding: 1em 3em; +} +.file.is-boxed .file-name { + border-width: 0 1px 1px; +} +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; +} +.file.is-boxed .file-icon .fa { + font-size: 21px; +} +.file.is-boxed.is-small .file-icon .fa { + font-size: 14px; +} +.file.is-boxed.is-medium .file-icon .fa { + font-size: 28px; +} +.file.is-boxed.is-large .file-icon .fa { + font-size: 35px; +} +.file.is-boxed.has-name .file-cta { + border-radius: 4px 4px 0 0; +} +.file.is-boxed.has-name .file-name { + border-radius: 0 0 4px 4px; + border-width: 0 1px 1px; +} +.file.is-centered { + justify-content: center; +} +.file.is-fullwidth .file-label { + width: 100%; +} +.file.is-fullwidth .file-name { + flex-grow: 1; + max-width: none; +} +.file.is-right { + justify-content: flex-end; +} +.file.is-right .file-cta { + border-radius: 0 4px 4px 0; +} +.file.is-right .file-name { + border-radius: 4px 0 0 4px; + border-width: 1px 0 1px 1px; + order: -1; +} + +.file-label { + align-items: stretch; + display: flex; + cursor: pointer; + justify-content: flex-start; + overflow: hidden; + position: relative; +} +.file-label:hover .file-cta { + background-color: #eeeeee; + color: hsl(0, 0%, 21%); +} +.file-label:hover .file-name { + border-color: #d5d5d5; +} +.file-label:active .file-cta { + background-color: #e8e8e8; + color: hsl(0, 0%, 21%); +} +.file-label:active .file-name { + border-color: #cfcfcf; +} + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: none; + position: absolute; + top: 0; + width: 100%; +} + +.file-cta, +.file-name { + border-color: hsl(0, 0%, 86%); + border-radius: 4px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} + +.file-cta { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 29%); +} + +.file-name { + border-color: hsl(0, 0%, 86%); + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: inherit; + text-overflow: ellipsis; +} + +.file-icon { + align-items: center; + display: flex; + height: 1em; + justify-content: center; + margin-right: 0.5em; + width: 1em; +} +.file-icon .fa { + font-size: 14px; +} + +.label { + color: hsl(0, 0%, 21%); + display: block; + font-size: 1rem; + font-weight: 700; +} +.label:not(:last-child) { + margin-bottom: 0.5em; +} +.label.is-small { + font-size: 0.75rem; +} +.label.is-medium { + font-size: 1.25rem; +} +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} +.help.is-white { + color: hsl(0, 0%, 100%); +} +.help.is-black { + color: hsl(0, 0%, 4%); +} +.help.is-light { + color: hsl(0, 0%, 96%); +} +.help.is-dark { + color: hsl(0, 0%, 21%); +} +.help.is-primary { + color: hsl(171, 100%, 41%); +} +.help.is-link { + color: hsl(229, 53%, 53%); +} +.help.is-info { + color: hsl(207, 61%, 53%); +} +.help.is-success { + color: hsl(153, 53%, 53%); +} +.help.is-warning { + color: hsl(44, 100%, 77%); +} +.help.is-danger { + color: hsl(348, 86%, 61%); +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} +.field.has-addons { + display: flex; + justify-content: flex-start; +} +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.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 { + 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 { + 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, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]).is-hovered, +.field.has-addons .control .select select:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]).is-hovered { + z-index: 2; +} +.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]):focus, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .input:not([disabled]).is-active, +.field.has-addons .control .select select:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]).is-active { + z-index: 3; +} +.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]):focus:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]).is-active:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]):active: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; +} +.field.has-addons.has-addons-centered { + justify-content: center; +} +.field.has-addons.has-addons-right { + justify-content: flex-end; +} +.field.has-addons.has-addons-fullwidth .control { + flex-grow: 1; + flex-shrink: 0; +} +.field.is-grouped { + display: flex; + justify-content: flex-start; +} +.field.is-grouped > .control { + flex-shrink: 0; +} +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} +.field.is-grouped > .control.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.field.is-grouped.is-grouped-centered { + justify-content: center; +} +.field.is-grouped.is-grouped-right { + justify-content: flex-end; +} +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap; +} +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .field-label { + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} +@media screen and (min-width: 769px), print { + .field-body { + display: flex; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + box-sizing: border-box; + clear: both; + font-size: 1rem; + position: relative; + text-align: inherit; +} +.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 { + color: hsl(0, 0%, 29%); +} +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: hsl(0, 0%, 86%); + height: 2.5em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.5em; + z-index: 4; +} +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.5em; +} +.control.has-icons-left .icon.is-left { + left: 0; +} +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.5em; +} +.control.has-icons-right .icon.is-right { + right: 0; +} +.control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; +} +.control.is-loading.is-small:after { + font-size: 0.75rem; +} +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +/* Bulma Components */ +.breadcrumb { + font-size: 1rem; + white-space: nowrap; +} +.breadcrumb a { + align-items: center; + color: hsl(229, 53%, 53%); + display: flex; + justify-content: center; + padding: 0 0.75em; +} +.breadcrumb a:hover { + color: hsl(0, 0%, 21%); +} +.breadcrumb li { + align-items: center; + display: flex; +} +.breadcrumb li:first-child a { + padding-left: 0; +} +.breadcrumb li.is-active a { + color: hsl(0, 0%, 21%); + cursor: default; + pointer-events: none; +} +.breadcrumb li + li::before { + color: hsl(0, 0%, 71%); + content: "/"; +} +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} +.breadcrumb.is-small { + font-size: 0.75rem; +} +.breadcrumb.is-medium { + font-size: 1.25rem; +} +.breadcrumb.is-large { + font-size: 1.5rem; +} +.breadcrumb.has-arrow-separator li + li::before { + content: "→"; +} +.breadcrumb.has-bullet-separator li + li::before { + content: "•"; +} +.breadcrumb.has-dot-separator li + li::before { + content: "·"; +} +.breadcrumb.has-succeeds-separator li + li::before { + content: "≻"; +} + +.card { + background-color: hsl(0, 0%, 100%); + border-radius: 0.25rem; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + color: hsl(0, 0%, 29%); + max-width: 100%; + position: relative; +} + +.card-footer:first-child, .card-content:first-child, .card-header:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card-footer:last-child, .card-content:last-child, .card-header:last-child { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); + display: flex; +} + +.card-header-title { + align-items: center; + color: hsl(0, 0%, 21%); + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} +.card-header-title.is-centered { + justify-content: center; +} + +.card-header-icon { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + color: currentColor; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} + +.card-image { + display: block; + position: relative; +} +.card-image:first-child img { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card-image:last-child img { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.card-content { + background-color: transparent; + padding: 1.5rem; +} + +.card-footer { + background-color: transparent; + border-top: 1px solid hsl(0, 0%, 93%); + align-items: stretch; + display: flex; +} + +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: 0.75rem; +} +.card-footer-item:not(:last-child) { + border-right: 1px solid hsl(0, 0%, 93%); +} + +.card .media:not(:last-child) { + margin-bottom: 1.5rem; +} + +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top; +} +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: initial; + top: auto; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: hsl(0, 0%, 100%); + border-radius: 4px; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: hsl(0, 0%, 29%); + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: inherit; + white-space: nowrap; + width: 100%; +} +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 4%); +} +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: hsl(229, 53%, 53%); + color: #fff; +} + +.dropdown-divider { + background-color: hsl(0, 0%, 93%); + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level { + align-items: center; + justify-content: space-between; +} +.level code { + border-radius: 4px; +} +.level img { + display: inline-block; + vertical-align: top; +} +.level.is-mobile { + display: flex; +} +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: flex; +} +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} +.level.is-mobile .level-item:not(.is-narrow) { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level { + display: flex; + } + .level > .level-item:not(.is-narrow) { + flex-grow: 1; + } +} + +.level-item { + align-items: center; + display: flex; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; +} +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .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; +} +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} +@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; + } +} + +.media { + align-items: flex-start; + display: flex; + text-align: inherit; +} +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: flex; + padding-top: 0.75rem; +} +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} +.media .media .media { + padding-top: 0.5rem; +} +.media .media .media + .media { + margin-top: 0.5rem; +} +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.media-left, +.media-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; + text-align: inherit; +} + +@media screen and (max-width: 768px) { + .media-content { + overflow-x: auto; + } +} +.menu { + font-size: 1rem; +} +.menu.is-small { + font-size: 0.75rem; +} +.menu.is-medium { + font-size: 1.25rem; +} +.menu.is-large { + font-size: 1.5rem; +} + +.menu-list { + line-height: 1.25; +} +.menu-list a { + border-radius: 2px; + color: hsl(0, 0%, 29%); + display: block; + padding: 0.5em 0.75em; +} +.menu-list a:hover { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 21%); +} +.menu-list a.is-active { + background-color: hsl(229, 53%, 53%); + color: #fff; +} +.menu-list li ul { + border-left: 1px solid hsl(0, 0%, 86%); + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: hsl(0, 0%, 48%); + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} +.menu-label:not(:first-child) { + margin-top: 1em; +} +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: hsl(0, 0%, 96%); + border-radius: 4px; + font-size: 1rem; +} +.message strong { + color: currentColor; +} +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; +} +.message.is-small { + font-size: 0.75rem; +} +.message.is-medium { + font-size: 1.25rem; +} +.message.is-large { + font-size: 1.5rem; +} +.message.is-white { + background-color: white; +} +.message.is-white .message-header { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.message.is-white .message-body { + border-color: hsl(0, 0%, 100%); +} +.message.is-black { + background-color: #fafafa; +} +.message.is-black .message-header { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.message.is-black .message-body { + border-color: hsl(0, 0%, 4%); +} +.message.is-light { + background-color: #fafafa; +} +.message.is-light .message-header { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.message.is-light .message-body { + border-color: hsl(0, 0%, 96%); +} +.message.is-dark { + background-color: #fafafa; +} +.message.is-dark .message-header { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.message.is-dark .message-body { + border-color: hsl(0, 0%, 21%); +} +.message.is-primary { + background-color: #ebfffc; +} +.message.is-primary .message-header { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.message.is-primary .message-body { + border-color: hsl(171, 100%, 41%); + color: #00947e; +} +.message.is-link { + background-color: #eff1fa; +} +.message.is-link .message-header { + background-color: hsl(229, 53%, 53%); + color: #fff; +} +.message.is-link .message-body { + border-color: hsl(229, 53%, 53%); + color: #3850b7; +} +.message.is-info { + background-color: #eff5fb; +} +.message.is-info .message-header { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.message.is-info .message-body { + border-color: hsl(207, 61%, 53%); + color: #296fa8; +} +.message.is-success { + background-color: #effaf5; +} +.message.is-success .message-header { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.message.is-success .message-body { + border-color: hsl(153, 53%, 53%); + color: #257953; +} +.message.is-warning { + background-color: #fffaeb; +} +.message.is-warning .message-header { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.message.is-warning .message-body { + border-color: hsl(44, 100%, 77%); + color: #946c00; +} +.message.is-danger { + background-color: #feecf0; +} +.message.is-danger .message-header { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.message.is-danger .message-body { + border-color: hsl(348, 86%, 61%); + color: #cc0f35; +} + +.message-header { + align-items: center; + background-color: hsl(0, 0%, 29%); + border-radius: 4px 4px 0 0; + color: #fff; + display: flex; + font-weight: 700; + justify-content: space-between; + line-height: 1.25; + padding: 0.75em 1em; + position: relative; +} +.message-header .delete { + flex-grow: 0; + flex-shrink: 0; + margin-left: 0.75em; +} +.message-header + .message-body { + border-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.message-body { + border-color: hsl(0, 0%, 86%); + border-radius: 4px; + border-style: solid; + border-width: 0 0 0 4px; + color: hsl(0, 0%, 29%); + padding: 1.25em 1.5em; +} +.message-body code, +.message-body pre { + background-color: hsl(0, 0%, 100%); +} +.message-body pre code { + background-color: transparent; +} + +.modal { + align-items: center; + display: none; + flex-direction: column; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 40; +} +.modal.is-active { + display: flex; +} + +.modal-background { + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} +@media screen and (min-width: 769px) { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-card { + display: flex; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; + -ms-overflow-y: visible; +} + +.modal-card-head, +.modal-card-foot { + align-items: center; + background-color: hsl(0, 0%, 96%); + display: flex; + flex-shrink: 0; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid hsl(0, 0%, 86%); + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.modal-card-title { + color: hsl(0, 0%, 21%); + flex-grow: 1; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 1px solid hsl(0, 0%, 86%); +} +.modal-card-foot .button:not(:last-child) { + margin-right: 0.5em; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: hsl(0, 0%, 100%); + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.navbar { + background-color: hsl(0, 0%, 100%); + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link { + color: hsl(0, 0%, 4%); +} +.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 .navbar-link:hover, +.navbar.is-white .navbar-brand .navbar-link.is-active { + background-color: #f2f2f2; + color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-burger { + color: hsl(0, 0%, 4%); +} +@media screen and (min-width: 1024px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-end .navbar-link { + color: hsl(0, 0%, 4%); + } + .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 .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; + color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 4%); + } + .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; + color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); + } +} +.navbar.is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: hsl(0, 0%, 100%); +} +.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 .navbar-link:hover, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: black; + color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-burger { + color: hsl(0, 0%, 100%); +} +@media screen and (min-width: 1024px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-end .navbar-link { + color: hsl(0, 0%, 100%); + } + .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 .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; + color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 100%); + } + .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; + color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); + } +} +.navbar.is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.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 .navbar-link:hover, +.navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 1024px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .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 .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: #e8e8e8; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .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: #e8e8e8; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #292929; + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #292929; + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 21%); + color: #fff; + } +} +.navbar.is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #00b89c; + color: #fff; +} +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-primary .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(171, 100%, 41%); + color: #fff; + } +} +.navbar.is-link { + background-color: hsl(229, 53%, 53%); + color: #fff; +} +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #3a51bb; + color: #fff; +} +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-link .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #3a51bb; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3a51bb; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(229, 53%, 53%); + color: #fff; + } +} +.navbar.is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #3082c5; + color: #fff; +} +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-info .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #3082c5; + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3082c5; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(207, 61%, 53%); + color: #fff; + } +} +.navbar.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #3abb81; + color: #fff; +} +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-success .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #3abb81; + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3abb81; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(153, 53%, 53%); + color: #fff; + } +} +.navbar.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.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 .navbar-link:hover, +.navbar.is-warning .navbar-brand .navbar-link.is-active { + background-color: #ffd970; + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 1024px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .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 .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: #ffd970; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .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: #ffd970; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #fff; +} +.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 .navbar-link:hover, +.navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-danger .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + .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 .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: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(348, 86%, 61%); + color: #fff; + } +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow { + box-shadow: 0 2px 0 0 hsl(0, 0%, 96%); +} +.navbar.is-fixed-bottom, .navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: 30; +} +.navbar.is-fixed-bottom { + bottom: 0; +} +.navbar.is-fixed-bottom.has-shadow { + box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%); +} +.navbar.is-fixed-top { + top: 0; +} + +html.has-navbar-fixed-top, +body.has-navbar-fixed-top { + padding-top: 3.25rem; +} +html.has-navbar-fixed-bottom, +body.has-navbar-fixed-bottom { + padding-bottom: 3.25rem; +} + +.navbar-brand, +.navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: 3.25rem; +} + +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { + background-color: transparent; +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + color: hsl(0, 0%, 29%); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} +.navbar-burger span { + background-color: currentColor; + display: block; + height: 1px; + left: calc(50% - 8px); + position: absolute; + transform-origin: center; + transition-duration: 86ms; + transition-property: background-color, opacity, transform; + transition-timing-function: ease-out; + width: 16px; +} +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px); +} +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px); +} +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px); +} +.navbar-burger:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-burger.is-active span:nth-child(1) { + transform: translateY(5px) rotate(45deg); +} +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} +.navbar-burger.is-active span:nth-child(3) { + transform: translateY(-5px) rotate(-45deg); +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: hsl(0, 0%, 29%); + display: block; + line-height: 1.5; + padding: 0.5rem 0.75rem; + position: relative; +} +.navbar-item .icon:only-child, +.navbar-link .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; +} + +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, +.navbar-link:hover, +.navbar-link.is-active { + background-color: hsl(0, 0%, 98%); + color: hsl(229, 53%, 53%); +} + +.navbar-item { + flex-grow: 0; + flex-shrink: 0; +} +.navbar-item img { + max-height: 1.75rem; +} +.navbar-item.has-dropdown { + padding: 0; +} +.navbar-item.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-item.is-tab { + 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 { + background-color: transparent; + border-bottom-color: hsl(229, 53%, 53%); +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: hsl(229, 53%, 53%); + border-bottom-style: solid; + border-bottom-width: 3px; + color: hsl(229, 53%, 53%); + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} + +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: hsl(229, 53%, 53%); + margin-top: -0.375em; + right: 1.125em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: hsl(0, 0%, 96%); + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1023px) { + .navbar > .container { + display: block; + } + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + align-items: center; + display: flex; + } + .navbar-link::after { + display: none; + } + .navbar-menu { + background-color: hsl(0, 0%, 100%); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-touch { + bottom: 0; + } + .navbar.is-fixed-bottom-touch.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-touch { + top: 0; + } + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - 3.25rem); + overflow: auto; + } + html.has-navbar-fixed-top-touch, + body.has-navbar-fixed-top-touch { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-touch, + body.has-navbar-fixed-bottom-touch { + padding-bottom: 3.25rem; + } +} +@media screen and (min-width: 1024px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + align-items: stretch; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-spaced { + padding: 1rem 2rem; + } + .navbar.is-spaced .navbar-start, + .navbar.is-spaced .navbar-end { + align-items: center; + } + .navbar.is-spaced a.navbar-item, + .navbar.is-spaced .navbar-link { + border-radius: 4px; + } + .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 .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 { + background-color: transparent !important; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 4%); + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 96%); + color: hsl(229, 53%, 53%); + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + align-items: center; + display: flex; + } + .navbar-item.has-dropdown { + align-items: stretch; + } + .navbar-item.has-dropdown-up .navbar-link::after { + transform: rotate(135deg) translate(0.25em, -0.25em); + } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid hsl(0, 0%, 86%); + border-radius: 6px 6px 0 0; + border-top: none; + 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 { + 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 { + opacity: 1; + pointer-events: auto; + transform: translateY(0); + } + .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + } + .navbar-start { + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: hsl(0, 0%, 100%); + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid hsl(0, 0%, 86%); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 4%); + } + .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 96%); + color: hsl(229, 53%, 53%); + } + .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: hsl(0, 0%, 4%); + } + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):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 { + background-color: hsl(0, 0%, 98%); + } +} +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} +.pagination.is-small { + font-size: 0.75rem; +} +.pagination.is-medium { + font-size: 1.25rem; +} +.pagination.is-large { + font-size: 1.5rem; +} +.pagination.is-rounded .pagination-previous, +.pagination.is-rounded .pagination-next { + padding-left: 1em; + padding-right: 1em; + border-radius: 9999px; +} +.pagination.is-rounded .pagination-link { + border-radius: 9999px; +} + +.pagination, +.pagination-list { + align-items: center; + display: flex; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + font-size: 1em; + justify-content: center; + margin: 0.25rem; + padding-left: 0.5em; + padding-right: 0.5em; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: hsl(0, 0%, 86%); + color: hsl(0, 0%, 21%); + min-width: 2.5em; +} +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: hsl(0, 0%, 71%); + color: hsl(0, 0%, 21%); +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: hsl(229, 53%, 53%); +} +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled { + background-color: hsl(0, 0%, 86%); + border-color: hsl(0, 0%, 86%); + box-shadow: none; + color: hsl(0, 0%, 48%); + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: hsl(229, 53%, 53%); + border-color: hsl(229, 53%, 53%); + color: #fff; +} + +.pagination-ellipsis { + color: hsl(0, 0%, 71%); + pointer-events: none; +} + +.pagination-list { + flex-wrap: wrap; +} +.pagination-list li { + list-style: none; +} + +@media screen and (max-width: 768px) { + .pagination { + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + flex-grow: 1; + flex-shrink: 1; + } + .pagination-list li { + flex-grow: 1; + flex-shrink: 1; + } +} +@media screen and (min-width: 769px), print { + .pagination-list { + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; + } + .pagination-previous, + .pagination-next, + .pagination-link, + .pagination-ellipsis { + margin-bottom: 0; + margin-top: 0; + } + .pagination-previous { + order: 2; + } + .pagination-next { + order: 3; + } + .pagination { + justify-content: space-between; + margin-bottom: 0; + margin-top: 0; + } + .pagination.is-centered .pagination-previous { + order: 1; + } + .pagination.is-centered .pagination-list { + justify-content: center; + order: 2; + } + .pagination.is-centered .pagination-next { + order: 3; + } + .pagination.is-right .pagination-previous { + order: 1; + } + .pagination.is-right .pagination-next { + order: 2; + } + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3; + } +} +.panel { + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + font-size: 1rem; +} +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} +.panel.is-white .panel-heading { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: hsl(0, 0%, 100%); +} +.panel.is-white .panel-block.is-active .panel-icon { + color: hsl(0, 0%, 100%); +} +.panel.is-black .panel-heading { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: hsl(0, 0%, 4%); +} +.panel.is-black .panel-block.is-active .panel-icon { + color: hsl(0, 0%, 4%); +} +.panel.is-light .panel-heading { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: hsl(0, 0%, 96%); +} +.panel.is-light .panel-block.is-active .panel-icon { + color: hsl(0, 0%, 96%); +} +.panel.is-dark .panel-heading { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: hsl(0, 0%, 21%); +} +.panel.is-dark .panel-block.is-active .panel-icon { + color: hsl(0, 0%, 21%); +} +.panel.is-primary .panel-heading { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: hsl(171, 100%, 41%); +} +.panel.is-primary .panel-block.is-active .panel-icon { + color: hsl(171, 100%, 41%); +} +.panel.is-link .panel-heading { + background-color: hsl(229, 53%, 53%); + color: #fff; +} +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: hsl(229, 53%, 53%); +} +.panel.is-link .panel-block.is-active .panel-icon { + color: hsl(229, 53%, 53%); +} +.panel.is-info .panel-heading { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: hsl(207, 61%, 53%); +} +.panel.is-info .panel-block.is-active .panel-icon { + color: hsl(207, 61%, 53%); +} +.panel.is-success .panel-heading { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: hsl(153, 53%, 53%); +} +.panel.is-success .panel-block.is-active .panel-icon { + color: hsl(153, 53%, 53%); +} +.panel.is-warning .panel-heading { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: hsl(44, 100%, 77%); +} +.panel.is-warning .panel-block.is-active .panel-icon { + color: hsl(44, 100%, 77%); +} +.panel.is-danger .panel-heading { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: hsl(348, 86%, 61%); +} +.panel.is-danger .panel-block.is-active .panel-icon { + color: hsl(348, 86%, 61%); +} + +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: 1px solid hsl(0, 0%, 93%); +} + +.panel-heading { + background-color: hsl(0, 0%, 93%); + border-radius: 6px 6px 0 0; + color: hsl(0, 0%, 21%); + font-size: 1.25em; + font-weight: 700; + line-height: 1.25; + padding: 0.75em 1em; +} + +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: 0.875em; + justify-content: center; +} +.panel-tabs a { + border-bottom: 1px solid hsl(0, 0%, 86%); + margin-bottom: -1px; + padding: 0.5em; +} +.panel-tabs a.is-active { + border-bottom-color: hsl(0, 0%, 29%); + color: hsl(0, 0%, 21%); +} + +.panel-list a { + color: hsl(0, 0%, 29%); +} +.panel-list a:hover { + color: hsl(229, 53%, 53%); +} + +.panel-block { + align-items: center; + color: hsl(0, 0%, 21%); + display: flex; + justify-content: flex-start; + padding: 0.5em 0.75em; +} +.panel-block input[type=checkbox] { + margin-right: 0.75em; +} +.panel-block > .control { + flex-grow: 1; + flex-shrink: 1; + width: 100%; +} +.panel-block.is-wrapped { + flex-wrap: wrap; +} +.panel-block.is-active { + border-left-color: hsl(229, 53%, 53%); + color: hsl(0, 0%, 21%); +} +.panel-block.is-active .panel-icon { + color: hsl(229, 53%, 53%); +} +.panel-block:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} +a.panel-block:hover, +label.panel-block:hover { + background-color: hsl(0, 0%, 96%); +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: hsl(0, 0%, 48%); + margin-right: 0.75em; +} +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + align-items: stretch; + display: flex; + font-size: 1rem; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} +.tabs a { + align-items: center; + border-bottom-color: hsl(0, 0%, 86%); + border-bottom-style: solid; + border-bottom-width: 1px; + color: hsl(0, 0%, 29%); + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} +.tabs a:hover { + border-bottom-color: hsl(0, 0%, 21%); + color: hsl(0, 0%, 21%); +} +.tabs li { + display: block; +} +.tabs li.is-active a { + border-bottom-color: hsl(229, 53%, 53%); + color: hsl(229, 53%, 53%); +} +.tabs ul { + align-items: center; + border-bottom-color: hsl(0, 0%, 86%); + border-bottom-style: solid; + border-bottom-width: 1px; + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; +} +.tabs ul.is-left { + padding-right: 0.75em; +} +.tabs ul.is-center { + flex: none; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} +.tabs ul.is-right { + justify-content: flex-end; + padding-left: 0.75em; +} +.tabs .icon:first-child { + margin-right: 0.5em; +} +.tabs .icon:last-child { + margin-left: 0.5em; +} +.tabs.is-centered ul { + justify-content: center; +} +.tabs.is-right ul { + justify-content: flex-end; +} +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.tabs.is-boxed a:hover { + background-color: hsl(0, 0%, 96%); + border-bottom-color: hsl(0, 0%, 86%); +} +.tabs.is-boxed li.is-active a { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 86%); + border-bottom-color: transparent !important; +} +.tabs.is-fullwidth li { + flex-grow: 1; + flex-shrink: 0; +} +.tabs.is-toggle a { + border-color: hsl(0, 0%, 86%); + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative; +} +.tabs.is-toggle a:hover { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 71%); + z-index: 2; +} +.tabs.is-toggle li + li { + margin-left: -1px; +} +.tabs.is-toggle li:first-child a { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.tabs.is-toggle li:last-child a { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.tabs.is-toggle li.is-active a { + background-color: hsl(229, 53%, 53%); + border-color: hsl(229, 53%, 53%); + color: #fff; + z-index: 1; +} +.tabs.is-toggle ul { + border-bottom: none; +} +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-bottom-left-radius: 9999px; + border-top-left-radius: 9999px; + padding-left: 1.25em; +} +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 9999px; + border-top-right-radius: 9999px; + padding-right: 1.25em; +} +.tabs.is-small { + font-size: 0.75rem; +} +.tabs.is-medium { + font-size: 1.25rem; +} +.tabs.is-large { + font-size: 1.5rem; +} + +/* Bulma Grid */ +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + 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.33333337%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333337%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66666674%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66666674%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333337%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333337%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66666674%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66666674%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333337%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333337%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66666674%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66666674%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333337%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333337%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66666674%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66666674%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + 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.33333337%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333337%; + } + .column.is-2-mobile { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-mobile { + margin-left: 16.66666674%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333337%; + } + .column.is-5-mobile { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-mobile { + margin-left: 41.66666674%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333337%; + } + .column.is-8-mobile { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-mobile { + margin-left: 66.66666674%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333337%; + } + .column.is-11-mobile { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-mobile { + margin-left: 91.66666674%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + 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.33333337%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333337%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66666674%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333337%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66666674%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333337%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66666674%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333337%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66666674%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + 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.33333337%; + } + .column.is-offset-1-touch { + margin-left: 8.33333337%; + } + .column.is-2-touch { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-touch { + margin-left: 16.66666674%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-touch { + margin-left: 33.33333337%; + } + .column.is-5-touch { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-touch { + margin-left: 41.66666674%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-touch { + margin-left: 58.33333337%; + } + .column.is-8-touch { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-touch { + margin-left: 66.66666674%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-touch { + margin-left: 83.33333337%; + } + .column.is-11-touch { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-touch { + margin-left: 91.66666674%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + 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.33333337%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333337%; + } + .column.is-2-desktop { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-desktop { + margin-left: 16.66666674%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333337%; + } + .column.is-5-desktop { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-desktop { + margin-left: 41.66666674%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333337%; + } + .column.is-8-desktop { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-desktop { + margin-left: 66.66666674%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333337%; + } + .column.is-11-desktop { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-desktop { + margin-left: 91.66666674%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + 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.33333337%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333337%; + } + .column.is-2-widescreen { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66666674%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333337%; + } + .column.is-5-widescreen { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66666674%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333337%; + } + .column.is-8-widescreen { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66666674%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333337%; + } + .column.is-11-widescreen { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66666674%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + 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.33333337%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333337%; + } + .column.is-2-fullhd { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66666674%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333337%; + } + .column.is-5-fullhd { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66666674%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333337%; + } + .column.is-8-fullhd { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66666674%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333337%; + } + .column.is-11-fullhd { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66666674%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.columns:last-child { + margin-bottom: -0.75rem; +} +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} +.columns.is-variable.is-0 { + --columnGap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; + } +} +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; + } +} +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; + } +} +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; + } +} +.columns.is-variable.is-4 { + --columnGap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; + } +} +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; + } +} +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; + } +} +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; + } +} +.columns.is-variable.is-8 { + --columnGap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; + } +} + +.tile { + align-items: stretch; + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + min-height: -moz-min-content; + min-height: min-content; +} +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} +.tile.is-child { + margin: 0 !important; +} +.tile.is-parent { + padding: 0.75rem; +} +.tile.is-vertical { + flex-direction: column; +} +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: flex; + } + .tile.is-1 { + flex: none; + width: 8.33333337%; + } + .tile.is-2 { + flex: none; + width: 16.66666674%; + } + .tile.is-3 { + flex: none; + width: 25%; + } + .tile.is-4 { + flex: none; + width: 33.33333337%; + } + .tile.is-5 { + flex: none; + width: 41.66666674%; + } + .tile.is-6 { + flex: none; + width: 50%; + } + .tile.is-7 { + flex: none; + width: 58.33333337%; + } + .tile.is-8 { + flex: none; + width: 66.66666674%; + } + .tile.is-9 { + flex: none; + width: 75%; + } + .tile.is-10 { + flex: none; + width: 83.33333337%; + } + .tile.is-11 { + flex: none; + width: 91.66666674%; + } + .tile.is-12 { + flex: none; + width: 100%; + } +} + +/* Bulma Helpers */ +.has-text-white { + color: hsl(0, 0%, 100%) !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6 !important; +} + +.has-background-white { + background-color: hsl(0, 0%, 100%) !important; +} + +.has-text-black { + color: hsl(0, 0%, 4%) !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black !important; +} + +.has-background-black { + background-color: hsl(0, 0%, 4%) !important; +} + +.has-text-light { + color: hsl(0, 0%, 96%) !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb !important; +} + +.has-background-light { + background-color: hsl(0, 0%, 96%) !important; +} + +.has-text-dark { + color: hsl(0, 0%, 21%) !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c !important; +} + +.has-background-dark { + background-color: hsl(0, 0%, 21%) !important; +} + +.has-text-primary { + color: hsl(171, 100%, 41%) !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86 !important; +} + +.has-background-primary { + background-color: hsl(171, 100%, 41%) !important; +} + +.has-text-primary-light { + color: #ebfffc !important; +} + +a.has-text-primary-light:hover, a.has-text-primary-light:focus { + color: #b8fff4 !important; +} + +.has-background-primary-light { + background-color: #ebfffc !important; +} + +.has-text-primary-dark { + color: #00947e !important; +} + +a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { + color: #00c7a9 !important; +} + +.has-background-primary-dark { + background-color: #00947e !important; +} + +.has-text-link { + color: hsl(229, 53%, 53%) !important; +} + +a.has-text-link:hover, a.has-text-link:focus { + color: #3449a8 !important; +} + +.has-background-link { + background-color: hsl(229, 53%, 53%) !important; +} + +.has-text-link-light { + color: #eff1fa !important; +} + +a.has-text-link-light:hover, a.has-text-link-light:focus { + color: #c8cfee !important; +} + +.has-background-link-light { + background-color: #eff1fa !important; +} + +.has-text-link-dark { + color: #3850b7 !important; +} + +a.has-text-link-dark:hover, a.has-text-link-dark:focus { + color: #576dcb !important; +} + +.has-background-link-dark { + background-color: #3850b7 !important; +} + +.has-text-info { + color: hsl(207, 61%, 53%) !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #2b74b1 !important; +} + +.has-background-info { + background-color: hsl(207, 61%, 53%) !important; +} + +.has-text-info-light { + color: #eff5fb !important; +} + +a.has-text-info-light:hover, a.has-text-info-light:focus { + color: #c6ddf1 !important; +} + +.has-background-info-light { + background-color: #eff5fb !important; +} + +.has-text-info-dark { + color: #296fa8 !important; +} + +a.has-text-info-dark:hover, a.has-text-info-dark:focus { + color: #368ace !important; +} + +.has-background-info-dark { + background-color: #296fa8 !important; +} + +.has-text-success { + color: hsl(153, 53%, 53%) !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #34a873 !important; +} + +.has-background-success { + background-color: hsl(153, 53%, 53%) !important; +} + +.has-text-success-light { + color: #effaf5 !important; +} + +a.has-text-success-light:hover, a.has-text-success-light:focus { + color: #c8eedd !important; +} + +.has-background-success-light { + background-color: #effaf5 !important; +} + +.has-text-success-dark { + color: #257953 !important; +} + +a.has-text-success-dark:hover, a.has-text-success-dark:focus { + color: #31a06e !important; +} + +.has-background-success-dark { + background-color: #257953 !important; +} + +.has-text-warning { + color: hsl(44, 100%, 77%) !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd257 !important; +} + +.has-background-warning { + background-color: hsl(44, 100%, 77%) !important; +} + +.has-text-warning-light { + color: #fffaeb !important; +} + +a.has-text-warning-light:hover, a.has-text-warning-light:focus { + color: #ffecb8 !important; +} + +.has-background-warning-light { + background-color: #fffaeb !important; +} + +.has-text-warning-dark { + color: #946c00 !important; +} + +a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { + color: #c79200 !important; +} + +.has-background-warning-dark { + background-color: #946c00 !important; +} + +.has-text-danger { + color: hsl(348, 86%, 61%) !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ee1742 !important; +} + +.has-background-danger { + background-color: hsl(348, 86%, 61%) !important; +} + +.has-text-danger-light { + color: #feecf0 !important; +} + +a.has-text-danger-light:hover, a.has-text-danger-light:focus { + color: #fabdc9 !important; +} + +.has-background-danger-light { + background-color: #feecf0 !important; +} + +.has-text-danger-dark { + color: #cc0f35 !important; +} + +a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { + color: #ee2049 !important; +} + +.has-background-danger-dark { + background-color: #cc0f35 !important; +} + +.has-text-black-bis { + color: hsl(0, 0%, 7%) !important; +} + +.has-background-black-bis { + background-color: hsl(0, 0%, 7%) !important; +} + +.has-text-black-ter { + color: hsl(0, 0%, 14%) !important; +} + +.has-background-black-ter { + background-color: hsl(0, 0%, 14%) !important; +} + +.has-text-grey-darker { + color: hsl(0, 0%, 21%) !important; +} + +.has-background-grey-darker { + background-color: hsl(0, 0%, 21%) !important; +} + +.has-text-grey-dark { + color: hsl(0, 0%, 29%) !important; +} + +.has-background-grey-dark { + background-color: hsl(0, 0%, 29%) !important; +} + +.has-text-grey { + color: hsl(0, 0%, 48%) !important; +} + +.has-background-grey { + background-color: hsl(0, 0%, 48%) !important; +} + +.has-text-grey-light { + color: hsl(0, 0%, 71%) !important; +} + +.has-background-grey-light { + background-color: hsl(0, 0%, 71%) !important; +} + +.has-text-grey-lighter { + color: hsl(0, 0%, 86%) !important; +} + +.has-background-grey-lighter { + background-color: hsl(0, 0%, 86%) !important; +} + +.has-text-white-ter { + color: hsl(0, 0%, 96%) !important; +} + +.has-background-white-ter { + background-color: hsl(0, 0%, 96%) !important; +} + +.has-text-white-bis { + color: hsl(0, 0%, 98%) !important; +} + +.has-background-white-bis { + background-color: hsl(0, 0%, 98%) !important; +} + +.is-flex-direction-row { + flex-direction: row !important; +} + +.is-flex-direction-row-reverse { + flex-direction: row-reverse !important; +} + +.is-flex-direction-column { + flex-direction: column !important; +} + +.is-flex-direction-column-reverse { + flex-direction: column-reverse !important; +} + +.is-flex-wrap-nowrap { + flex-wrap: nowrap !important; +} + +.is-flex-wrap-wrap { + flex-wrap: wrap !important; +} + +.is-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.is-justify-content-flex-start { + justify-content: flex-start !important; +} + +.is-justify-content-flex-end { + justify-content: flex-end !important; +} + +.is-justify-content-center { + justify-content: center !important; +} + +.is-justify-content-space-between { + justify-content: space-between !important; +} + +.is-justify-content-space-around { + justify-content: space-around !important; +} + +.is-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.is-justify-content-start { + justify-content: start !important; +} + +.is-justify-content-end { + justify-content: end !important; +} + +.is-justify-content-left { + justify-content: left !important; +} + +.is-justify-content-right { + justify-content: right !important; +} + +.is-align-content-flex-start { + align-content: flex-start !important; +} + +.is-align-content-flex-end { + align-content: flex-end !important; +} + +.is-align-content-center { + align-content: center !important; +} + +.is-align-content-space-between { + align-content: space-between !important; +} + +.is-align-content-space-around { + align-content: space-around !important; +} + +.is-align-content-space-evenly { + align-content: space-evenly !important; +} + +.is-align-content-stretch { + align-content: stretch !important; +} + +.is-align-content-start { + align-content: start !important; +} + +.is-align-content-end { + align-content: end !important; +} + +.is-align-content-baseline { + align-content: baseline !important; +} + +.is-align-items-stretch { + align-items: stretch !important; +} + +.is-align-items-flex-start { + align-items: flex-start !important; +} + +.is-align-items-flex-end { + align-items: flex-end !important; +} + +.is-align-items-center { + align-items: center !important; +} + +.is-align-items-baseline { + align-items: baseline !important; +} + +.is-align-items-start { + align-items: start !important; +} + +.is-align-items-end { + align-items: end !important; +} + +.is-align-items-self-start { + align-items: self-start !important; +} + +.is-align-items-self-end { + align-items: self-end !important; +} + +.is-align-self-auto { + align-self: auto !important; +} + +.is-align-self-flex-start { + align-self: flex-start !important; +} + +.is-align-self-flex-end { + align-self: flex-end !important; +} + +.is-align-self-center { + align-self: center !important; +} + +.is-align-self-baseline { + align-self: baseline !important; +} + +.is-align-self-stretch { + align-self: stretch !important; +} + +.is-flex-grow-0 { + flex-grow: 0 !important; +} + +.is-flex-grow-1 { + flex-grow: 1 !important; +} + +.is-flex-grow-2 { + flex-grow: 2 !important; +} + +.is-flex-grow-3 { + flex-grow: 3 !important; +} + +.is-flex-grow-4 { + flex-grow: 4 !important; +} + +.is-flex-grow-5 { + flex-grow: 5 !important; +} + +.is-flex-shrink-0 { + flex-shrink: 0 !important; +} + +.is-flex-shrink-1 { + flex-shrink: 1 !important; +} + +.is-flex-shrink-2 { + flex-shrink: 2 !important; +} + +.is-flex-shrink-3 { + flex-shrink: 3 !important; +} + +.is-flex-shrink-4 { + flex-shrink: 4 !important; +} + +.is-flex-shrink-5 { + flex-shrink: 5 !important; +} + +.is-clearfix::after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-radiusless { + border-radius: 0 !important; +} + +.is-shadowless { + box-shadow: none !important; +} + +.is-clickable { + cursor: pointer !important; + pointer-events: all !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-relative { + position: relative !important; +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mr-1 { + margin-right: 0.25rem !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} + +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mr-2 { + margin-right: 0.5rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2 { + margin-left: 0.5rem !important; +} + +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.m-3 { + margin: 0.75rem !important; +} + +.mt-3 { + margin-top: 0.75rem !important; +} + +.mr-3 { + margin-right: 0.75rem !important; +} + +.mb-3 { + margin-bottom: 0.75rem !important; +} + +.ml-3 { + margin-left: 0.75rem !important; +} + +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; +} + +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.m-4 { + margin: 1rem !important; +} + +.mt-4 { + margin-top: 1rem !important; +} + +.mr-4 { + margin-right: 1rem !important; +} + +.mb-4 { + margin-bottom: 1rem !important; +} + +.ml-4 { + margin-left: 1rem !important; +} + +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} + +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.m-5 { + margin: 1.5rem !important; +} + +.mt-5 { + margin-top: 1.5rem !important; +} + +.mr-5 { + margin-right: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 1.5rem !important; +} + +.ml-5 { + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; +} + +.my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.m-6 { + margin: 3rem !important; +} + +.mt-6 { + margin-top: 3rem !important; +} + +.mr-6 { + margin-right: 3rem !important; +} + +.mb-6 { + margin-bottom: 3rem !important; +} + +.ml-6 { + margin-left: 3rem !important; +} + +.mx-6 { + margin-left: 3rem !important; + margin-right: 3rem !important; +} + +.my-6 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.mr-auto { + margin-right: auto !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ml-auto { + margin-left: auto !important; +} + +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pr-1 { + padding-right: 0.25rem !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1 { + padding-left: 0.25rem !important; +} + +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pr-2 { + padding-right: 0.5rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2 { + padding-left: 0.5rem !important; +} + +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.p-3 { + padding: 0.75rem !important; +} + +.pt-3 { + padding-top: 0.75rem !important; +} + +.pr-3 { + padding-right: 0.75rem !important; +} + +.pb-3 { + padding-bottom: 0.75rem !important; +} + +.pl-3 { + padding-left: 0.75rem !important; +} + +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} + +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + +.p-4 { + padding: 1rem !important; +} + +.pt-4 { + padding-top: 1rem !important; +} + +.pr-4 { + padding-right: 1rem !important; +} + +.pb-4 { + padding-bottom: 1rem !important; +} + +.pl-4 { + padding-left: 1rem !important; +} + +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} + +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.p-5 { + padding: 1.5rem !important; +} + +.pt-5 { + padding-top: 1.5rem !important; +} + +.pr-5 { + padding-right: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 1.5rem !important; +} + +.pl-5 { + padding-left: 1.5rem !important; +} + +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} + +.py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.p-6 { + padding: 3rem !important; +} + +.pt-6 { + padding-top: 3rem !important; +} + +.pr-6 { + padding-right: 3rem !important; +} + +.pb-6 { + padding-bottom: 3rem !important; +} + +.pl-6 { + padding-left: 3rem !important; +} + +.px-6 { + padding-left: 3rem !important; + padding-right: 3rem !important; +} + +.py-6 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.p-auto { + padding: auto !important; +} + +.pt-auto { + padding-top: auto !important; +} + +.pr-auto { + padding-right: auto !important; +} + +.pb-auto { + padding-bottom: auto !important; +} + +.pl-auto { + padding-left: auto !important; +} + +.px-auto { + padding-left: auto !important; + padding-right: auto !important; +} + +.py-auto { + padding-top: auto !important; + padding-bottom: auto !important; +} + +.is-size-1 { + font-size: 3rem !important; +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +.is-size-3 { + font-size: 2rem !important; +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +.is-size-6 { + font-size: 1rem !important; +} + +.is-size-7 { + font-size: 0.75rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } + .is-size-2-mobile { + font-size: 2.5rem !important; + } + .is-size-3-mobile { + font-size: 2rem !important; + } + .is-size-4-mobile { + font-size: 1.5rem !important; + } + .is-size-5-mobile { + font-size: 1.25rem !important; + } + .is-size-6-mobile { + font-size: 1rem !important; + } + .is-size-7-mobile { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } + .is-size-2-tablet { + font-size: 2.5rem !important; + } + .is-size-3-tablet { + font-size: 2rem !important; + } + .is-size-4-tablet { + font-size: 1.5rem !important; + } + .is-size-5-tablet { + font-size: 1.25rem !important; + } + .is-size-6-tablet { + font-size: 1rem !important; + } + .is-size-7-tablet { + font-size: 0.75rem !important; + } +} +@media screen and (max-width: 1023px) { + .is-size-1-touch { + font-size: 3rem !important; + } + .is-size-2-touch { + font-size: 2.5rem !important; + } + .is-size-3-touch { + font-size: 2rem !important; + } + .is-size-4-touch { + font-size: 1.5rem !important; + } + .is-size-5-touch { + font-size: 1.25rem !important; + } + .is-size-6-touch { + font-size: 1rem !important; + } + .is-size-7-touch { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1024px) { + .is-size-1-desktop { + font-size: 3rem !important; + } + .is-size-2-desktop { + font-size: 2.5rem !important; + } + .is-size-3-desktop { + font-size: 2rem !important; + } + .is-size-4-desktop { + font-size: 1.5rem !important; + } + .is-size-5-desktop { + font-size: 1.25rem !important; + } + .is-size-6-desktop { + font-size: 1rem !important; + } + .is-size-7-desktop { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1216px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } + .is-size-2-widescreen { + font-size: 2.5rem !important; + } + .is-size-3-widescreen { + font-size: 2rem !important; + } + .is-size-4-widescreen { + font-size: 1.5rem !important; + } + .is-size-5-widescreen { + font-size: 1.25rem !important; + } + .is-size-6-widescreen { + font-size: 1rem !important; + } + .is-size-7-widescreen { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1408px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } + .is-size-2-fullhd { + font-size: 2.5rem !important; + } + .is-size-3-fullhd { + font-size: 2rem !important; + } + .is-size-4-fullhd { + font-size: 1.5rem !important; + } + .is-size-5-fullhd { + font-size: 1.25rem !important; + } + .is-size-6-fullhd { + font-size: 1rem !important; + } + .is-size-7-fullhd { + font-size: 0.75rem !important; + } +} +.has-text-centered { + text-align: center !important; +} + +.has-text-justified { + text-align: justify !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-centered-touch { + text-align: center !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-centered-desktop { + text-align: center !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-centered-fullhd { + text-align: center !important; + } +} +@media screen and (max-width: 768px) { + .has-text-justified-mobile { + text-align: justify !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-justified-tablet { + text-align: justify !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-justified-touch { + text-align: justify !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-justified-fullhd { + text-align: justify !important; + } +} +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-left-touch { + text-align: left !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-left-desktop { + text-align: left !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-left-widescreen { + text-align: left !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-left-fullhd { + text-align: left !important; + } +} +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-right-touch { + text-align: right !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-right-desktop { + text-align: right !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-right-widescreen { + text-align: right !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-right-fullhd { + text-align: right !important; + } +} +.is-capitalized { + text-transform: capitalize !important; +} + +.is-lowercase { + text-transform: lowercase !important; +} + +.is-uppercase { + text-transform: uppercase !important; +} + +.is-italic { + font-style: italic !important; +} + +.is-underlined { + text-decoration: underline !important; +} + +.has-text-weight-light { + font-weight: 300 !important; +} + +.has-text-weight-normal { + font-weight: 400 !important; +} + +.has-text-weight-medium { + font-weight: 500 !important; +} + +.has-text-weight-semibold { + font-weight: 600 !important; +} + +.has-text-weight-bold { + font-weight: 700 !important; +} + +.is-family-primary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-secondary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-sans-serif { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-monospace { + font-family: monospace !important; +} + +.is-family-code { + font-family: monospace !important; +} + +.is-block { + display: block !important; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-block-tablet-only { + display: block !important; + } +} +@media screen and (max-width: 1023px) { + .is-block-touch { + display: block !important; + } +} +@media screen and (min-width: 1024px) { + .is-block-desktop { + display: block !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-block-desktop-only { + display: block !important; + } +} +@media screen and (min-width: 1216px) { + .is-block-widescreen { + display: block !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-block-widescreen-only { + display: block !important; + } +} +@media screen and (min-width: 1408px) { + .is-block-fullhd { + display: block !important; + } +} +.is-flex { + display: flex !important; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: flex !important; + } +} +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: flex !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-flex-tablet-only { + display: flex !important; + } +} +@media screen and (max-width: 1023px) { + .is-flex-touch { + display: flex !important; + } +} +@media screen and (min-width: 1024px) { + .is-flex-desktop { + display: flex !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-flex-desktop-only { + display: flex !important; + } +} +@media screen and (min-width: 1216px) { + .is-flex-widescreen { + display: flex !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-flex-widescreen-only { + display: flex !important; + } +} +@media screen and (min-width: 1408px) { + .is-flex-fullhd { + display: flex !important; + } +} +.is-inline { + display: inline !important; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-tablet-only { + display: inline !important; + } +} +@media screen and (max-width: 1023px) { + .is-inline-touch { + display: inline !important; + } +} +@media screen and (min-width: 1024px) { + .is-inline-desktop { + display: inline !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-desktop-only { + display: inline !important; + } +} +@media screen and (min-width: 1216px) { + .is-inline-widescreen { + display: inline !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-widescreen-only { + display: inline !important; + } +} +@media screen and (min-width: 1408px) { + .is-inline-fullhd { + display: inline !important; + } +} +.is-inline-block { + display: inline-block !important; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} +@media screen and (max-width: 1023px) { + .is-inline-block-touch { + display: inline-block !important; + } +} +@media screen and (min-width: 1024px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1216px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1408px) { + .is-inline-block-fullhd { + display: inline-block !important; + } +} +.is-inline-flex { + display: inline-flex !important; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: inline-flex !important; + } +} +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: inline-flex !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-inline-flex-tablet-only { + display: inline-flex !important; + } +} +@media screen and (max-width: 1023px) { + .is-inline-flex-touch { + display: inline-flex !important; + } +} +@media screen and (min-width: 1024px) { + .is-inline-flex-desktop { + display: inline-flex !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-inline-flex-desktop-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1216px) { + .is-inline-flex-widescreen { + display: inline-flex !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1408px) { + .is-inline-flex-fullhd { + display: inline-flex !important; + } +} +.is-hidden { + display: none !important; +} + +.is-sr-only { + border: none !important; + clip: rect(0, 0, 0, 0) !important; + height: 0.01em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + white-space: nowrap !important; + width: 0.01em !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-hidden-tablet-only { + display: none !important; + } +} +@media screen and (max-width: 1023px) { + .is-hidden-touch { + display: none !important; + } +} +@media screen and (min-width: 1024px) { + .is-hidden-desktop { + display: none !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-hidden-desktop-only { + display: none !important; + } +} +@media screen and (min-width: 1216px) { + .is-hidden-widescreen { + display: none !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-hidden-widescreen-only { + display: none !important; + } +} +@media screen and (min-width: 1408px) { + .is-hidden-fullhd { + display: none !important; + } +} +.is-invisible { + visibility: hidden !important; +} + +@media screen and (max-width: 768px) { + .is-invisible-mobile { + visibility: hidden !important; + } +} +@media screen and (min-width: 769px), print { + .is-invisible-tablet { + visibility: hidden !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-invisible-tablet-only { + visibility: hidden !important; + } +} +@media screen and (max-width: 1023px) { + .is-invisible-touch { + visibility: hidden !important; + } +} +@media screen and (min-width: 1024px) { + .is-invisible-desktop { + visibility: hidden !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-invisible-desktop-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1216px) { + .is-invisible-widescreen { + visibility: hidden !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1408px) { + .is-invisible-fullhd { + visibility: hidden !important; + } +} +/* Bulma Layout */ +.hero { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.hero .navbar { + background: none; +} +.hero .tabs ul { + border-bottom: none; +} +.hero.is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-white strong { + color: inherit; +} +.hero.is-white .title { + color: hsl(0, 0%, 4%); +} +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: hsl(0, 0%, 4%); +} +@media screen and (max-width: 1023px) { + .hero.is-white .navbar-menu { + background-color: hsl(0, 0%, 100%); + } +} +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { + color: rgba(10, 10, 10, 0.7); +} +.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, +.hero.is-white .navbar-link:hover, +.hero.is-white .navbar-link.is-active { + background-color: #f2f2f2; + color: hsl(0, 0%, 4%); +} +.hero.is-white .tabs a { + color: hsl(0, 0%, 4%); + opacity: 0.9; +} +.hero.is-white .tabs a:hover { + opacity: 1; +} +.hero.is-white .tabs li.is-active a { + color: hsl(0, 0%, 100%) !important; + opacity: 1; +} +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: hsl(0, 0%, 4%); +} +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%); + } +} +.hero.is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-black strong { + color: inherit; +} +.hero.is-black .title { + color: hsl(0, 0%, 100%); +} +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: hsl(0, 0%, 100%); +} +@media screen and (max-width: 1023px) { + .hero.is-black .navbar-menu { + background-color: hsl(0, 0%, 4%); + } +} +.hero.is-black .navbar-item, +.hero.is-black .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link:hover, +.hero.is-black .navbar-link.is-active { + background-color: black; + color: hsl(0, 0%, 100%); +} +.hero.is-black .tabs a { + color: hsl(0, 0%, 100%); + opacity: 0.9; +} +.hero.is-black .tabs a:hover { + opacity: 1; +} +.hero.is-black .tabs li.is-active a { + color: hsl(0, 0%, 4%) !important; + opacity: 1; +} +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: hsl(0, 0%, 100%); +} +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%); + } +} +.hero.is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit; +} +.hero.is-light .title { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .subtitle { + color: rgba(0, 0, 0, 0.9); +} +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (max-width: 1023px) { + .hero.is-light .navbar-menu { + background-color: hsl(0, 0%, 96%); + } +} +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link:hover, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} +.hero.is-light .tabs a:hover { + opacity: 1; +} +.hero.is-light .tabs li.is-active a { + color: hsl(0, 0%, 96%) !important; + opacity: 1; +} +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%); + } +} +.hero.is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit; +} +.hero.is-dark .title { + color: #fff; +} +.hero.is-dark .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-dark .navbar-menu { + background-color: hsl(0, 0%, 21%); + } +} +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link:hover, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.hero.is-dark .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-dark .tabs a:hover { + opacity: 1; +} +.hero.is-dark .tabs li.is-active a { + color: hsl(0, 0%, 21%) !important; + opacity: 1; +} +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: #fff; +} +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(0, 0%, 21%); +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%); + } +} +.hero.is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-primary strong { + color: inherit; +} +.hero.is-primary .title { + color: #fff; +} +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-primary .navbar-menu { + background-color: hsl(171, 100%, 41%); + } +} +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link:hover, +.hero.is-primary .navbar-link.is-active { + background-color: #00b89c; + color: #fff; +} +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-primary .tabs a:hover { + opacity: 1; +} +.hero.is-primary .tabs li.is-active a { + color: hsl(171, 100%, 41%) !important; + opacity: 1; +} +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(171, 100%, 41%); +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%); + } +} +.hero.is-link { + background-color: hsl(229, 53%, 53%); + color: #fff; +} +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-link strong { + color: inherit; +} +.hero.is-link .title { + color: #fff; +} +.hero.is-link .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-link .navbar-menu { + background-color: hsl(229, 53%, 53%); + } +} +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link:hover, +.hero.is-link .navbar-link.is-active { + background-color: #3a51bb; + color: #fff; +} +.hero.is-link .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-link .tabs a:hover { + opacity: 1; +} +.hero.is-link .tabs li.is-active a { + color: hsl(229, 53%, 53%) !important; + opacity: 1; +} +.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { + color: #fff; +} +.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(229, 53%, 53%); +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%); + } +} +.hero.is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-info strong { + color: inherit; +} +.hero.is-info .title { + color: #fff; +} +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-info .navbar-menu { + background-color: hsl(207, 61%, 53%); + } +} +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link:hover, +.hero.is-info .navbar-link.is-active { + background-color: #3082c5; + color: #fff; +} +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-info .tabs a:hover { + opacity: 1; +} +.hero.is-info .tabs li.is-active a { + color: hsl(207, 61%, 53%) !important; + opacity: 1; +} +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(207, 61%, 53%); +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%); + } +} +.hero.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-success strong { + color: inherit; +} +.hero.is-success .title { + color: #fff; +} +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-success .navbar-menu { + background-color: hsl(153, 53%, 53%); + } +} +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link:hover, +.hero.is-success .navbar-link.is-active { + background-color: #3abb81; + color: #fff; +} +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-success .tabs a:hover { + opacity: 1; +} +.hero.is-success .tabs li.is-active a { + color: hsl(153, 53%, 53%) !important; + opacity: 1; +} +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(153, 53%, 53%); +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%); + } +} +.hero.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-warning strong { + color: inherit; +} +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (max-width: 1023px) { + .hero.is-warning .navbar-menu { + background-color: hsl(44, 100%, 77%); + } +} +.hero.is-warning .navbar-item, +.hero.is-warning .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, +.hero.is-warning .navbar-link:hover, +.hero.is-warning .navbar-link.is-active { + background-color: #ffd970; + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} +.hero.is-warning .tabs a:hover { + opacity: 1; +} +.hero.is-warning .tabs li.is-active a { + color: hsl(44, 100%, 77%) !important; + opacity: 1; +} +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); +} +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffb657 0%, hsl(44, 100%, 77%) 71%, #fff6a3 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffb657 0%, hsl(44, 100%, 77%) 71%, #fff6a3 100%); + } +} +.hero.is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-danger strong { + color: inherit; +} +.hero.is-danger .title { + color: #fff; +} +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-danger .navbar-menu { + background-color: hsl(348, 86%, 61%); + } +} +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link:hover, +.hero.is-danger .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-danger .tabs a:hover { + opacity: 1; +} +.hero.is-danger .tabs li.is-active a { + color: hsl(348, 86%, 61%) !important; + opacity: 1; +} +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(348, 86%, 61%); +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348, 86%, 61%) 71%, #f7595f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348, 86%, 61%) 71%, #f7595f 100%); + } +} +.hero.is-small .hero-body { + padding: 1.5rem; +} +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding: 9rem 4.5rem; + } +} +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding: 18rem 6rem; + } +} +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { + align-items: center; + display: flex; +} +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { + flex-grow: 1; + flex-shrink: 1; +} +.hero.is-halfheight { + min-height: 50vh; +} +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + overflow: hidden; +} +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + transform: translate3d(-50%, -50%, 0); +} +.hero-video.is-transparent { + opacity: 0.3; +} +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .hero-buttons { + display: flex; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + flex-grow: 0; + flex-shrink: 0; +} + +.hero-body { + flex-grow: 1; + flex-shrink: 0; + padding: 3rem 1.5rem; +} +@media screen and (min-width: 769px), print { + .hero-body { + padding: 3rem 3rem; + } +} + +.section { + padding: 3rem 1.5rem; +} +@media screen and (min-width: 1024px) { + .section { + padding: 3rem 3rem; + } + .section.is-medium { + padding: 9rem 4.5rem; + } + .section.is-large { + padding: 18rem 6rem; + } +} + +.footer { + background-color: hsl(0, 0%, 98%); + padding: 3rem 1.5rem 6rem; +} + +/* Deafult Margin & Padding view-height & view-width */ +.m-0 { + margin: 0px !important; +} + +.mt-0 { + margin-top: 0px !important; +} + +.mb-0 { + margin-bottom: 0px !important; +} + +.ml-0 { + margin-left: 0px !important; +} + +.mr-0 { + margin-right: 0px !important; +} + +.p-0 { + padding: 0px !important; +} + +.pt-0 { + padding-top: 0px !important; +} + +.pb-0 { + padding-bottom: 0px !important; +} + +.pl-0 { + padding-left: 0px !important; +} + +.pr-0 { + padding-right: 0px !important; +} + +.vh-0 { + height: 0vh !important; +} + +.vw-0 { + width: 0vw !important; +} + +.font-size-0 { + font-size: 0px !important; +} + +.m-1 { + margin: 1px !important; +} + +.mt-1 { + margin-top: 1px !important; +} + +.mb-1 { + margin-bottom: 1px !important; +} + +.ml-1 { + margin-left: 1px !important; +} + +.mr-1 { + margin-right: 1px !important; +} + +.p-1 { + padding: 1px !important; +} + +.pt-1 { + padding-top: 1px !important; +} + +.pb-1 { + padding-bottom: 1px !important; +} + +.pl-1 { + padding-left: 1px !important; +} + +.pr-1 { + padding-right: 1px !important; +} + +.vh-1 { + height: 1vh !important; +} + +.vw-1 { + width: 1vw !important; +} + +.font-size-1 { + font-size: 1px !important; +} + +.m-2 { + margin: 2px !important; +} + +.mt-2 { + margin-top: 2px !important; +} + +.mb-2 { + margin-bottom: 2px !important; +} + +.ml-2 { + margin-left: 2px !important; +} + +.mr-2 { + margin-right: 2px !important; +} + +.p-2 { + padding: 2px !important; +} + +.pt-2 { + padding-top: 2px !important; +} + +.pb-2 { + padding-bottom: 2px !important; +} + +.pl-2 { + padding-left: 2px !important; +} + +.pr-2 { + padding-right: 2px !important; +} + +.vh-2 { + height: 2vh !important; +} + +.vw-2 { + width: 2vw !important; +} + +.font-size-2 { + font-size: 2px !important; +} + +.m-3 { + margin: 3px !important; +} + +.mt-3 { + margin-top: 3px !important; +} + +.mb-3 { + margin-bottom: 3px !important; +} + +.ml-3 { + margin-left: 3px !important; +} + +.mr-3 { + margin-right: 3px !important; +} + +.p-3 { + padding: 3px !important; +} + +.pt-3 { + padding-top: 3px !important; +} + +.pb-3 { + padding-bottom: 3px !important; +} + +.pl-3 { + padding-left: 3px !important; +} + +.pr-3 { + padding-right: 3px !important; +} + +.vh-3 { + height: 3vh !important; +} + +.vw-3 { + width: 3vw !important; +} + +.font-size-3 { + font-size: 3px !important; +} + +.m-4 { + margin: 4px !important; +} + +.mt-4 { + margin-top: 4px !important; +} + +.mb-4 { + margin-bottom: 4px !important; +} + +.ml-4 { + margin-left: 4px !important; +} + +.mr-4 { + margin-right: 4px !important; +} + +.p-4 { + padding: 4px !important; +} + +.pt-4 { + padding-top: 4px !important; +} + +.pb-4 { + padding-bottom: 4px !important; +} + +.pl-4 { + padding-left: 4px !important; +} + +.pr-4 { + padding-right: 4px !important; +} + +.vh-4 { + height: 4vh !important; +} + +.vw-4 { + width: 4vw !important; +} + +.font-size-4 { + font-size: 4px !important; +} + +.m-5 { + margin: 5px !important; +} + +.mt-5 { + margin-top: 5px !important; +} + +.mb-5 { + margin-bottom: 5px !important; +} + +.ml-5 { + margin-left: 5px !important; +} + +.mr-5 { + margin-right: 5px !important; +} + +.p-5 { + padding: 5px !important; +} + +.pt-5 { + padding-top: 5px !important; +} + +.pb-5 { + padding-bottom: 5px !important; +} + +.pl-5 { + padding-left: 5px !important; +} + +.pr-5 { + padding-right: 5px !important; +} + +.vh-5 { + height: 5vh !important; +} + +.vw-5 { + width: 5vw !important; +} + +.font-size-5 { + font-size: 5px !important; +} + +.m-6 { + margin: 6px !important; +} + +.mt-6 { + margin-top: 6px !important; +} + +.mb-6 { + margin-bottom: 6px !important; +} + +.ml-6 { + margin-left: 6px !important; +} + +.mr-6 { + margin-right: 6px !important; +} + +.p-6 { + padding: 6px !important; +} + +.pt-6 { + padding-top: 6px !important; +} + +.pb-6 { + padding-bottom: 6px !important; +} + +.pl-6 { + padding-left: 6px !important; +} + +.pr-6 { + padding-right: 6px !important; +} + +.vh-6 { + height: 6vh !important; +} + +.vw-6 { + width: 6vw !important; +} + +.font-size-6 { + font-size: 6px !important; +} + +.m-7 { + margin: 7px !important; +} + +.mt-7 { + margin-top: 7px !important; +} + +.mb-7 { + margin-bottom: 7px !important; +} + +.ml-7 { + margin-left: 7px !important; +} + +.mr-7 { + margin-right: 7px !important; +} + +.p-7 { + padding: 7px !important; +} + +.pt-7 { + padding-top: 7px !important; +} + +.pb-7 { + padding-bottom: 7px !important; +} + +.pl-7 { + padding-left: 7px !important; +} + +.pr-7 { + padding-right: 7px !important; +} + +.vh-7 { + height: 7vh !important; +} + +.vw-7 { + width: 7vw !important; +} + +.font-size-7 { + font-size: 7px !important; +} + +.m-8 { + margin: 8px !important; +} + +.mt-8 { + margin-top: 8px !important; +} + +.mb-8 { + margin-bottom: 8px !important; +} + +.ml-8 { + margin-left: 8px !important; +} + +.mr-8 { + margin-right: 8px !important; +} + +.p-8 { + padding: 8px !important; +} + +.pt-8 { + padding-top: 8px !important; +} + +.pb-8 { + padding-bottom: 8px !important; +} + +.pl-8 { + padding-left: 8px !important; +} + +.pr-8 { + padding-right: 8px !important; +} + +.vh-8 { + height: 8vh !important; +} + +.vw-8 { + width: 8vw !important; +} + +.font-size-8 { + font-size: 8px !important; +} + +.m-9 { + margin: 9px !important; +} + +.mt-9 { + margin-top: 9px !important; +} + +.mb-9 { + margin-bottom: 9px !important; +} + +.ml-9 { + margin-left: 9px !important; +} + +.mr-9 { + margin-right: 9px !important; +} + +.p-9 { + padding: 9px !important; +} + +.pt-9 { + padding-top: 9px !important; +} + +.pb-9 { + padding-bottom: 9px !important; +} + +.pl-9 { + padding-left: 9px !important; +} + +.pr-9 { + padding-right: 9px !important; +} + +.vh-9 { + height: 9vh !important; +} + +.vw-9 { + width: 9vw !important; +} + +.font-size-9 { + font-size: 9px !important; +} + +.m-10 { + margin: 10px !important; +} + +.mt-10 { + margin-top: 10px !important; +} + +.mb-10 { + margin-bottom: 10px !important; +} + +.ml-10 { + margin-left: 10px !important; +} + +.mr-10 { + margin-right: 10px !important; +} + +.p-10 { + padding: 10px !important; +} + +.pt-10 { + padding-top: 10px !important; +} + +.pb-10 { + padding-bottom: 10px !important; +} + +.pl-10 { + padding-left: 10px !important; +} + +.pr-10 { + padding-right: 10px !important; +} + +.vh-10 { + height: 10vh !important; +} + +.vw-10 { + width: 10vw !important; +} + +.font-size-10 { + font-size: 10px !important; +} + +.m-11 { + margin: 11px !important; +} + +.mt-11 { + margin-top: 11px !important; +} + +.mb-11 { + margin-bottom: 11px !important; +} + +.ml-11 { + margin-left: 11px !important; +} + +.mr-11 { + margin-right: 11px !important; +} + +.p-11 { + padding: 11px !important; +} + +.pt-11 { + padding-top: 11px !important; +} + +.pb-11 { + padding-bottom: 11px !important; +} + +.pl-11 { + padding-left: 11px !important; +} + +.pr-11 { + padding-right: 11px !important; +} + +.vh-11 { + height: 11vh !important; +} + +.vw-11 { + width: 11vw !important; +} + +.font-size-11 { + font-size: 11px !important; +} + +.m-12 { + margin: 12px !important; +} + +.mt-12 { + margin-top: 12px !important; +} + +.mb-12 { + margin-bottom: 12px !important; +} + +.ml-12 { + margin-left: 12px !important; +} + +.mr-12 { + margin-right: 12px !important; +} + +.p-12 { + padding: 12px !important; +} + +.pt-12 { + padding-top: 12px !important; +} + +.pb-12 { + padding-bottom: 12px !important; +} + +.pl-12 { + padding-left: 12px !important; +} + +.pr-12 { + padding-right: 12px !important; +} + +.vh-12 { + height: 12vh !important; +} + +.vw-12 { + width: 12vw !important; +} + +.font-size-12 { + font-size: 12px !important; +} + +.m-13 { + margin: 13px !important; +} + +.mt-13 { + margin-top: 13px !important; +} + +.mb-13 { + margin-bottom: 13px !important; +} + +.ml-13 { + margin-left: 13px !important; +} + +.mr-13 { + margin-right: 13px !important; +} + +.p-13 { + padding: 13px !important; +} + +.pt-13 { + padding-top: 13px !important; +} + +.pb-13 { + padding-bottom: 13px !important; +} + +.pl-13 { + padding-left: 13px !important; +} + +.pr-13 { + padding-right: 13px !important; +} + +.vh-13 { + height: 13vh !important; +} + +.vw-13 { + width: 13vw !important; +} + +.font-size-13 { + font-size: 13px !important; +} + +.m-14 { + margin: 14px !important; +} + +.mt-14 { + margin-top: 14px !important; +} + +.mb-14 { + margin-bottom: 14px !important; +} + +.ml-14 { + margin-left: 14px !important; +} + +.mr-14 { + margin-right: 14px !important; +} + +.p-14 { + padding: 14px !important; +} + +.pt-14 { + padding-top: 14px !important; +} + +.pb-14 { + padding-bottom: 14px !important; +} + +.pl-14 { + padding-left: 14px !important; +} + +.pr-14 { + padding-right: 14px !important; +} + +.vh-14 { + height: 14vh !important; +} + +.vw-14 { + width: 14vw !important; +} + +.font-size-14 { + font-size: 14px !important; +} + +.m-15 { + margin: 15px !important; +} + +.mt-15 { + margin-top: 15px !important; +} + +.mb-15 { + margin-bottom: 15px !important; +} + +.ml-15 { + margin-left: 15px !important; +} + +.mr-15 { + margin-right: 15px !important; +} + +.p-15 { + padding: 15px !important; +} + +.pt-15 { + padding-top: 15px !important; +} + +.pb-15 { + padding-bottom: 15px !important; +} + +.pl-15 { + padding-left: 15px !important; +} + +.pr-15 { + padding-right: 15px !important; +} + +.vh-15 { + height: 15vh !important; +} + +.vw-15 { + width: 15vw !important; +} + +.font-size-15 { + font-size: 15px !important; +} + +.m-16 { + margin: 16px !important; +} + +.mt-16 { + margin-top: 16px !important; +} + +.mb-16 { + margin-bottom: 16px !important; +} + +.ml-16 { + margin-left: 16px !important; +} + +.mr-16 { + margin-right: 16px !important; +} + +.p-16 { + padding: 16px !important; +} + +.pt-16 { + padding-top: 16px !important; +} + +.pb-16 { + padding-bottom: 16px !important; +} + +.pl-16 { + padding-left: 16px !important; +} + +.pr-16 { + padding-right: 16px !important; +} + +.vh-16 { + height: 16vh !important; +} + +.vw-16 { + width: 16vw !important; +} + +.font-size-16 { + font-size: 16px !important; +} + +.m-17 { + margin: 17px !important; +} + +.mt-17 { + margin-top: 17px !important; +} + +.mb-17 { + margin-bottom: 17px !important; +} + +.ml-17 { + margin-left: 17px !important; +} + +.mr-17 { + margin-right: 17px !important; +} + +.p-17 { + padding: 17px !important; +} + +.pt-17 { + padding-top: 17px !important; +} + +.pb-17 { + padding-bottom: 17px !important; +} + +.pl-17 { + padding-left: 17px !important; +} + +.pr-17 { + padding-right: 17px !important; +} + +.vh-17 { + height: 17vh !important; +} + +.vw-17 { + width: 17vw !important; +} + +.font-size-17 { + font-size: 17px !important; +} + +.m-18 { + margin: 18px !important; +} + +.mt-18 { + margin-top: 18px !important; +} + +.mb-18 { + margin-bottom: 18px !important; +} + +.ml-18 { + margin-left: 18px !important; +} + +.mr-18 { + margin-right: 18px !important; +} + +.p-18 { + padding: 18px !important; +} + +.pt-18 { + padding-top: 18px !important; +} + +.pb-18 { + padding-bottom: 18px !important; +} + +.pl-18 { + padding-left: 18px !important; +} + +.pr-18 { + padding-right: 18px !important; +} + +.vh-18 { + height: 18vh !important; +} + +.vw-18 { + width: 18vw !important; +} + +.font-size-18 { + font-size: 18px !important; +} + +.m-19 { + margin: 19px !important; +} + +.mt-19 { + margin-top: 19px !important; +} + +.mb-19 { + margin-bottom: 19px !important; +} + +.ml-19 { + margin-left: 19px !important; +} + +.mr-19 { + margin-right: 19px !important; +} + +.p-19 { + padding: 19px !important; +} + +.pt-19 { + padding-top: 19px !important; +} + +.pb-19 { + padding-bottom: 19px !important; +} + +.pl-19 { + padding-left: 19px !important; +} + +.pr-19 { + padding-right: 19px !important; +} + +.vh-19 { + height: 19vh !important; +} + +.vw-19 { + width: 19vw !important; +} + +.font-size-19 { + font-size: 19px !important; +} + +.m-20 { + margin: 20px !important; +} + +.mt-20 { + margin-top: 20px !important; +} + +.mb-20 { + margin-bottom: 20px !important; +} + +.ml-20 { + margin-left: 20px !important; +} + +.mr-20 { + margin-right: 20px !important; +} + +.p-20 { + padding: 20px !important; +} + +.pt-20 { + padding-top: 20px !important; +} + +.pb-20 { + padding-bottom: 20px !important; +} + +.pl-20 { + padding-left: 20px !important; +} + +.pr-20 { + padding-right: 20px !important; +} + +.vh-20 { + height: 20vh !important; +} + +.vw-20 { + width: 20vw !important; +} + +.font-size-20 { + font-size: 20px !important; +} + +.m-21 { + margin: 21px !important; +} + +.mt-21 { + margin-top: 21px !important; +} + +.mb-21 { + margin-bottom: 21px !important; +} + +.ml-21 { + margin-left: 21px !important; +} + +.mr-21 { + margin-right: 21px !important; +} + +.p-21 { + padding: 21px !important; +} + +.pt-21 { + padding-top: 21px !important; +} + +.pb-21 { + padding-bottom: 21px !important; +} + +.pl-21 { + padding-left: 21px !important; +} + +.pr-21 { + padding-right: 21px !important; +} + +.vh-21 { + height: 21vh !important; +} + +.vw-21 { + width: 21vw !important; +} + +.font-size-21 { + font-size: 21px !important; +} + +.m-22 { + margin: 22px !important; +} + +.mt-22 { + margin-top: 22px !important; +} + +.mb-22 { + margin-bottom: 22px !important; +} + +.ml-22 { + margin-left: 22px !important; +} + +.mr-22 { + margin-right: 22px !important; +} + +.p-22 { + padding: 22px !important; +} + +.pt-22 { + padding-top: 22px !important; +} + +.pb-22 { + padding-bottom: 22px !important; +} + +.pl-22 { + padding-left: 22px !important; +} + +.pr-22 { + padding-right: 22px !important; +} + +.vh-22 { + height: 22vh !important; +} + +.vw-22 { + width: 22vw !important; +} + +.font-size-22 { + font-size: 22px !important; +} + +.m-23 { + margin: 23px !important; +} + +.mt-23 { + margin-top: 23px !important; +} + +.mb-23 { + margin-bottom: 23px !important; +} + +.ml-23 { + margin-left: 23px !important; +} + +.mr-23 { + margin-right: 23px !important; +} + +.p-23 { + padding: 23px !important; +} + +.pt-23 { + padding-top: 23px !important; +} + +.pb-23 { + padding-bottom: 23px !important; +} + +.pl-23 { + padding-left: 23px !important; +} + +.pr-23 { + padding-right: 23px !important; +} + +.vh-23 { + height: 23vh !important; +} + +.vw-23 { + width: 23vw !important; +} + +.font-size-23 { + font-size: 23px !important; +} + +.m-24 { + margin: 24px !important; +} + +.mt-24 { + margin-top: 24px !important; +} + +.mb-24 { + margin-bottom: 24px !important; +} + +.ml-24 { + margin-left: 24px !important; +} + +.mr-24 { + margin-right: 24px !important; +} + +.p-24 { + padding: 24px !important; +} + +.pt-24 { + padding-top: 24px !important; +} + +.pb-24 { + padding-bottom: 24px !important; +} + +.pl-24 { + padding-left: 24px !important; +} + +.pr-24 { + padding-right: 24px !important; +} + +.vh-24 { + height: 24vh !important; +} + +.vw-24 { + width: 24vw !important; +} + +.font-size-24 { + font-size: 24px !important; +} + +.m-25 { + margin: 25px !important; +} + +.mt-25 { + margin-top: 25px !important; +} + +.mb-25 { + margin-bottom: 25px !important; +} + +.ml-25 { + margin-left: 25px !important; +} + +.mr-25 { + margin-right: 25px !important; +} + +.p-25 { + padding: 25px !important; +} + +.pt-25 { + padding-top: 25px !important; +} + +.pb-25 { + padding-bottom: 25px !important; +} + +.pl-25 { + padding-left: 25px !important; +} + +.pr-25 { + padding-right: 25px !important; +} + +.vh-25 { + height: 25vh !important; +} + +.vw-25 { + width: 25vw !important; +} + +.font-size-25 { + font-size: 25px !important; +} + +.m-26 { + margin: 26px !important; +} + +.mt-26 { + margin-top: 26px !important; +} + +.mb-26 { + margin-bottom: 26px !important; +} + +.ml-26 { + margin-left: 26px !important; +} + +.mr-26 { + margin-right: 26px !important; +} + +.p-26 { + padding: 26px !important; +} + +.pt-26 { + padding-top: 26px !important; +} + +.pb-26 { + padding-bottom: 26px !important; +} + +.pl-26 { + padding-left: 26px !important; +} + +.pr-26 { + padding-right: 26px !important; +} + +.vh-26 { + height: 26vh !important; +} + +.vw-26 { + width: 26vw !important; +} + +.font-size-26 { + font-size: 26px !important; +} + +.m-27 { + margin: 27px !important; +} + +.mt-27 { + margin-top: 27px !important; +} + +.mb-27 { + margin-bottom: 27px !important; +} + +.ml-27 { + margin-left: 27px !important; +} + +.mr-27 { + margin-right: 27px !important; +} + +.p-27 { + padding: 27px !important; +} + +.pt-27 { + padding-top: 27px !important; +} + +.pb-27 { + padding-bottom: 27px !important; +} + +.pl-27 { + padding-left: 27px !important; +} + +.pr-27 { + padding-right: 27px !important; +} + +.vh-27 { + height: 27vh !important; +} + +.vw-27 { + width: 27vw !important; +} + +.font-size-27 { + font-size: 27px !important; +} + +.m-28 { + margin: 28px !important; +} + +.mt-28 { + margin-top: 28px !important; +} + +.mb-28 { + margin-bottom: 28px !important; +} + +.ml-28 { + margin-left: 28px !important; +} + +.mr-28 { + margin-right: 28px !important; +} + +.p-28 { + padding: 28px !important; +} + +.pt-28 { + padding-top: 28px !important; +} + +.pb-28 { + padding-bottom: 28px !important; +} + +.pl-28 { + padding-left: 28px !important; +} + +.pr-28 { + padding-right: 28px !important; +} + +.vh-28 { + height: 28vh !important; +} + +.vw-28 { + width: 28vw !important; +} + +.font-size-28 { + font-size: 28px !important; +} + +.m-29 { + margin: 29px !important; +} + +.mt-29 { + margin-top: 29px !important; +} + +.mb-29 { + margin-bottom: 29px !important; +} + +.ml-29 { + margin-left: 29px !important; +} + +.mr-29 { + margin-right: 29px !important; +} + +.p-29 { + padding: 29px !important; +} + +.pt-29 { + padding-top: 29px !important; +} + +.pb-29 { + padding-bottom: 29px !important; +} + +.pl-29 { + padding-left: 29px !important; +} + +.pr-29 { + padding-right: 29px !important; +} + +.vh-29 { + height: 29vh !important; +} + +.vw-29 { + width: 29vw !important; +} + +.font-size-29 { + font-size: 29px !important; +} + +.m-30 { + margin: 30px !important; +} + +.mt-30 { + margin-top: 30px !important; +} + +.mb-30 { + margin-bottom: 30px !important; +} + +.ml-30 { + margin-left: 30px !important; +} + +.mr-30 { + margin-right: 30px !important; +} + +.p-30 { + padding: 30px !important; +} + +.pt-30 { + padding-top: 30px !important; +} + +.pb-30 { + padding-bottom: 30px !important; +} + +.pl-30 { + padding-left: 30px !important; +} + +.pr-30 { + padding-right: 30px !important; +} + +.vh-30 { + height: 30vh !important; +} + +.vw-30 { + width: 30vw !important; +} + +.font-size-30 { + font-size: 30px !important; +} + +.m-31 { + margin: 31px !important; +} + +.mt-31 { + margin-top: 31px !important; +} + +.mb-31 { + margin-bottom: 31px !important; +} + +.ml-31 { + margin-left: 31px !important; +} + +.mr-31 { + margin-right: 31px !important; +} + +.p-31 { + padding: 31px !important; +} + +.pt-31 { + padding-top: 31px !important; +} + +.pb-31 { + padding-bottom: 31px !important; +} + +.pl-31 { + padding-left: 31px !important; +} + +.pr-31 { + padding-right: 31px !important; +} + +.vh-31 { + height: 31vh !important; +} + +.vw-31 { + width: 31vw !important; +} + +.font-size-31 { + font-size: 31px !important; +} + +.m-32 { + margin: 32px !important; +} + +.mt-32 { + margin-top: 32px !important; +} + +.mb-32 { + margin-bottom: 32px !important; +} + +.ml-32 { + margin-left: 32px !important; +} + +.mr-32 { + margin-right: 32px !important; +} + +.p-32 { + padding: 32px !important; +} + +.pt-32 { + padding-top: 32px !important; +} + +.pb-32 { + padding-bottom: 32px !important; +} + +.pl-32 { + padding-left: 32px !important; +} + +.pr-32 { + padding-right: 32px !important; +} + +.vh-32 { + height: 32vh !important; +} + +.vw-32 { + width: 32vw !important; +} + +.font-size-32 { + font-size: 32px !important; +} + +.m-33 { + margin: 33px !important; +} + +.mt-33 { + margin-top: 33px !important; +} + +.mb-33 { + margin-bottom: 33px !important; +} + +.ml-33 { + margin-left: 33px !important; +} + +.mr-33 { + margin-right: 33px !important; +} + +.p-33 { + padding: 33px !important; +} + +.pt-33 { + padding-top: 33px !important; +} + +.pb-33 { + padding-bottom: 33px !important; +} + +.pl-33 { + padding-left: 33px !important; +} + +.pr-33 { + padding-right: 33px !important; +} + +.vh-33 { + height: 33vh !important; +} + +.vw-33 { + width: 33vw !important; +} + +.font-size-33 { + font-size: 33px !important; +} + +.m-34 { + margin: 34px !important; +} + +.mt-34 { + margin-top: 34px !important; +} + +.mb-34 { + margin-bottom: 34px !important; +} + +.ml-34 { + margin-left: 34px !important; +} + +.mr-34 { + margin-right: 34px !important; +} + +.p-34 { + padding: 34px !important; +} + +.pt-34 { + padding-top: 34px !important; +} + +.pb-34 { + padding-bottom: 34px !important; +} + +.pl-34 { + padding-left: 34px !important; +} + +.pr-34 { + padding-right: 34px !important; +} + +.vh-34 { + height: 34vh !important; +} + +.vw-34 { + width: 34vw !important; +} + +.font-size-34 { + font-size: 34px !important; +} + +.m-35 { + margin: 35px !important; +} + +.mt-35 { + margin-top: 35px !important; +} + +.mb-35 { + margin-bottom: 35px !important; +} + +.ml-35 { + margin-left: 35px !important; +} + +.mr-35 { + margin-right: 35px !important; +} + +.p-35 { + padding: 35px !important; +} + +.pt-35 { + padding-top: 35px !important; +} + +.pb-35 { + padding-bottom: 35px !important; +} + +.pl-35 { + padding-left: 35px !important; +} + +.pr-35 { + padding-right: 35px !important; +} + +.vh-35 { + height: 35vh !important; +} + +.vw-35 { + width: 35vw !important; +} + +.font-size-35 { + font-size: 35px !important; +} + +.m-36 { + margin: 36px !important; +} + +.mt-36 { + margin-top: 36px !important; +} + +.mb-36 { + margin-bottom: 36px !important; +} + +.ml-36 { + margin-left: 36px !important; +} + +.mr-36 { + margin-right: 36px !important; +} + +.p-36 { + padding: 36px !important; +} + +.pt-36 { + padding-top: 36px !important; +} + +.pb-36 { + padding-bottom: 36px !important; +} + +.pl-36 { + padding-left: 36px !important; +} + +.pr-36 { + padding-right: 36px !important; +} + +.vh-36 { + height: 36vh !important; +} + +.vw-36 { + width: 36vw !important; +} + +.font-size-36 { + font-size: 36px !important; +} + +.m-37 { + margin: 37px !important; +} + +.mt-37 { + margin-top: 37px !important; +} + +.mb-37 { + margin-bottom: 37px !important; +} + +.ml-37 { + margin-left: 37px !important; +} + +.mr-37 { + margin-right: 37px !important; +} + +.p-37 { + padding: 37px !important; +} + +.pt-37 { + padding-top: 37px !important; +} + +.pb-37 { + padding-bottom: 37px !important; +} + +.pl-37 { + padding-left: 37px !important; +} + +.pr-37 { + padding-right: 37px !important; +} + +.vh-37 { + height: 37vh !important; +} + +.vw-37 { + width: 37vw !important; +} + +.font-size-37 { + font-size: 37px !important; +} + +.m-38 { + margin: 38px !important; +} + +.mt-38 { + margin-top: 38px !important; +} + +.mb-38 { + margin-bottom: 38px !important; +} + +.ml-38 { + margin-left: 38px !important; +} + +.mr-38 { + margin-right: 38px !important; +} + +.p-38 { + padding: 38px !important; +} + +.pt-38 { + padding-top: 38px !important; +} + +.pb-38 { + padding-bottom: 38px !important; +} + +.pl-38 { + padding-left: 38px !important; +} + +.pr-38 { + padding-right: 38px !important; +} + +.vh-38 { + height: 38vh !important; +} + +.vw-38 { + width: 38vw !important; +} + +.font-size-38 { + font-size: 38px !important; +} + +.m-39 { + margin: 39px !important; +} + +.mt-39 { + margin-top: 39px !important; +} + +.mb-39 { + margin-bottom: 39px !important; +} + +.ml-39 { + margin-left: 39px !important; +} + +.mr-39 { + margin-right: 39px !important; +} + +.p-39 { + padding: 39px !important; +} + +.pt-39 { + padding-top: 39px !important; +} + +.pb-39 { + padding-bottom: 39px !important; +} + +.pl-39 { + padding-left: 39px !important; +} + +.pr-39 { + padding-right: 39px !important; +} + +.vh-39 { + height: 39vh !important; +} + +.vw-39 { + width: 39vw !important; +} + +.font-size-39 { + font-size: 39px !important; +} + +.m-40 { + margin: 40px !important; +} + +.mt-40 { + margin-top: 40px !important; +} + +.mb-40 { + margin-bottom: 40px !important; +} + +.ml-40 { + margin-left: 40px !important; +} + +.mr-40 { + margin-right: 40px !important; +} + +.p-40 { + padding: 40px !important; +} + +.pt-40 { + padding-top: 40px !important; +} + +.pb-40 { + padding-bottom: 40px !important; +} + +.pl-40 { + padding-left: 40px !important; +} + +.pr-40 { + padding-right: 40px !important; +} + +.vh-40 { + height: 40vh !important; +} + +.vw-40 { + width: 40vw !important; +} + +.font-size-40 { + font-size: 40px !important; +} + +.m-41 { + margin: 41px !important; +} + +.mt-41 { + margin-top: 41px !important; +} + +.mb-41 { + margin-bottom: 41px !important; +} + +.ml-41 { + margin-left: 41px !important; +} + +.mr-41 { + margin-right: 41px !important; +} + +.p-41 { + padding: 41px !important; +} + +.pt-41 { + padding-top: 41px !important; +} + +.pb-41 { + padding-bottom: 41px !important; +} + +.pl-41 { + padding-left: 41px !important; +} + +.pr-41 { + padding-right: 41px !important; +} + +.vh-41 { + height: 41vh !important; +} + +.vw-41 { + width: 41vw !important; +} + +.font-size-41 { + font-size: 41px !important; +} + +.m-42 { + margin: 42px !important; +} + +.mt-42 { + margin-top: 42px !important; +} + +.mb-42 { + margin-bottom: 42px !important; +} + +.ml-42 { + margin-left: 42px !important; +} + +.mr-42 { + margin-right: 42px !important; +} + +.p-42 { + padding: 42px !important; +} + +.pt-42 { + padding-top: 42px !important; +} + +.pb-42 { + padding-bottom: 42px !important; +} + +.pl-42 { + padding-left: 42px !important; +} + +.pr-42 { + padding-right: 42px !important; +} + +.vh-42 { + height: 42vh !important; +} + +.vw-42 { + width: 42vw !important; +} + +.font-size-42 { + font-size: 42px !important; +} + +.m-43 { + margin: 43px !important; +} + +.mt-43 { + margin-top: 43px !important; +} + +.mb-43 { + margin-bottom: 43px !important; +} + +.ml-43 { + margin-left: 43px !important; +} + +.mr-43 { + margin-right: 43px !important; +} + +.p-43 { + padding: 43px !important; +} + +.pt-43 { + padding-top: 43px !important; +} + +.pb-43 { + padding-bottom: 43px !important; +} + +.pl-43 { + padding-left: 43px !important; +} + +.pr-43 { + padding-right: 43px !important; +} + +.vh-43 { + height: 43vh !important; +} + +.vw-43 { + width: 43vw !important; +} + +.font-size-43 { + font-size: 43px !important; +} + +.m-44 { + margin: 44px !important; +} + +.mt-44 { + margin-top: 44px !important; +} + +.mb-44 { + margin-bottom: 44px !important; +} + +.ml-44 { + margin-left: 44px !important; +} + +.mr-44 { + margin-right: 44px !important; +} + +.p-44 { + padding: 44px !important; +} + +.pt-44 { + padding-top: 44px !important; +} + +.pb-44 { + padding-bottom: 44px !important; +} + +.pl-44 { + padding-left: 44px !important; +} + +.pr-44 { + padding-right: 44px !important; +} + +.vh-44 { + height: 44vh !important; +} + +.vw-44 { + width: 44vw !important; +} + +.font-size-44 { + font-size: 44px !important; +} + +.m-45 { + margin: 45px !important; +} + +.mt-45 { + margin-top: 45px !important; +} + +.mb-45 { + margin-bottom: 45px !important; +} + +.ml-45 { + margin-left: 45px !important; +} + +.mr-45 { + margin-right: 45px !important; +} + +.p-45 { + padding: 45px !important; +} + +.pt-45 { + padding-top: 45px !important; +} + +.pb-45 { + padding-bottom: 45px !important; +} + +.pl-45 { + padding-left: 45px !important; +} + +.pr-45 { + padding-right: 45px !important; +} + +.vh-45 { + height: 45vh !important; +} + +.vw-45 { + width: 45vw !important; +} + +.font-size-45 { + font-size: 45px !important; +} + +.m-46 { + margin: 46px !important; +} + +.mt-46 { + margin-top: 46px !important; +} + +.mb-46 { + margin-bottom: 46px !important; +} + +.ml-46 { + margin-left: 46px !important; +} + +.mr-46 { + margin-right: 46px !important; +} + +.p-46 { + padding: 46px !important; +} + +.pt-46 { + padding-top: 46px !important; +} + +.pb-46 { + padding-bottom: 46px !important; +} + +.pl-46 { + padding-left: 46px !important; +} + +.pr-46 { + padding-right: 46px !important; +} + +.vh-46 { + height: 46vh !important; +} + +.vw-46 { + width: 46vw !important; +} + +.font-size-46 { + font-size: 46px !important; +} + +.m-47 { + margin: 47px !important; +} + +.mt-47 { + margin-top: 47px !important; +} + +.mb-47 { + margin-bottom: 47px !important; +} + +.ml-47 { + margin-left: 47px !important; +} + +.mr-47 { + margin-right: 47px !important; +} + +.p-47 { + padding: 47px !important; +} + +.pt-47 { + padding-top: 47px !important; +} + +.pb-47 { + padding-bottom: 47px !important; +} + +.pl-47 { + padding-left: 47px !important; +} + +.pr-47 { + padding-right: 47px !important; +} + +.vh-47 { + height: 47vh !important; +} + +.vw-47 { + width: 47vw !important; +} + +.font-size-47 { + font-size: 47px !important; +} + +.m-48 { + margin: 48px !important; +} + +.mt-48 { + margin-top: 48px !important; +} + +.mb-48 { + margin-bottom: 48px !important; +} + +.ml-48 { + margin-left: 48px !important; +} + +.mr-48 { + margin-right: 48px !important; +} + +.p-48 { + padding: 48px !important; +} + +.pt-48 { + padding-top: 48px !important; +} + +.pb-48 { + padding-bottom: 48px !important; +} + +.pl-48 { + padding-left: 48px !important; +} + +.pr-48 { + padding-right: 48px !important; +} + +.vh-48 { + height: 48vh !important; +} + +.vw-48 { + width: 48vw !important; +} + +.font-size-48 { + font-size: 48px !important; +} + +.m-49 { + margin: 49px !important; +} + +.mt-49 { + margin-top: 49px !important; +} + +.mb-49 { + margin-bottom: 49px !important; +} + +.ml-49 { + margin-left: 49px !important; +} + +.mr-49 { + margin-right: 49px !important; +} + +.p-49 { + padding: 49px !important; +} + +.pt-49 { + padding-top: 49px !important; +} + +.pb-49 { + padding-bottom: 49px !important; +} + +.pl-49 { + padding-left: 49px !important; +} + +.pr-49 { + padding-right: 49px !important; +} + +.vh-49 { + height: 49vh !important; +} + +.vw-49 { + width: 49vw !important; +} + +.font-size-49 { + font-size: 49px !important; +} + +.m-50 { + margin: 50px !important; +} + +.mt-50 { + margin-top: 50px !important; +} + +.mb-50 { + margin-bottom: 50px !important; +} + +.ml-50 { + margin-left: 50px !important; +} + +.mr-50 { + margin-right: 50px !important; +} + +.p-50 { + padding: 50px !important; +} + +.pt-50 { + padding-top: 50px !important; +} + +.pb-50 { + padding-bottom: 50px !important; +} + +.pl-50 { + padding-left: 50px !important; +} + +.pr-50 { + padding-right: 50px !important; +} + +.vh-50 { + height: 50vh !important; +} + +.vw-50 { + width: 50vw !important; +} + +.font-size-50 { + font-size: 50px !important; +} + +.m-51 { + margin: 51px !important; +} + +.mt-51 { + margin-top: 51px !important; +} + +.mb-51 { + margin-bottom: 51px !important; +} + +.ml-51 { + margin-left: 51px !important; +} + +.mr-51 { + margin-right: 51px !important; +} + +.p-51 { + padding: 51px !important; +} + +.pt-51 { + padding-top: 51px !important; +} + +.pb-51 { + padding-bottom: 51px !important; +} + +.pl-51 { + padding-left: 51px !important; +} + +.pr-51 { + padding-right: 51px !important; +} + +.vh-51 { + height: 51vh !important; +} + +.vw-51 { + width: 51vw !important; +} + +.font-size-51 { + font-size: 51px !important; +} + +.m-52 { + margin: 52px !important; +} + +.mt-52 { + margin-top: 52px !important; +} + +.mb-52 { + margin-bottom: 52px !important; +} + +.ml-52 { + margin-left: 52px !important; +} + +.mr-52 { + margin-right: 52px !important; +} + +.p-52 { + padding: 52px !important; +} + +.pt-52 { + padding-top: 52px !important; +} + +.pb-52 { + padding-bottom: 52px !important; +} + +.pl-52 { + padding-left: 52px !important; +} + +.pr-52 { + padding-right: 52px !important; +} + +.vh-52 { + height: 52vh !important; +} + +.vw-52 { + width: 52vw !important; +} + +.font-size-52 { + font-size: 52px !important; +} + +.m-53 { + margin: 53px !important; +} + +.mt-53 { + margin-top: 53px !important; +} + +.mb-53 { + margin-bottom: 53px !important; +} + +.ml-53 { + margin-left: 53px !important; +} + +.mr-53 { + margin-right: 53px !important; +} + +.p-53 { + padding: 53px !important; +} + +.pt-53 { + padding-top: 53px !important; +} + +.pb-53 { + padding-bottom: 53px !important; +} + +.pl-53 { + padding-left: 53px !important; +} + +.pr-53 { + padding-right: 53px !important; +} + +.vh-53 { + height: 53vh !important; +} + +.vw-53 { + width: 53vw !important; +} + +.font-size-53 { + font-size: 53px !important; +} + +.m-54 { + margin: 54px !important; +} + +.mt-54 { + margin-top: 54px !important; +} + +.mb-54 { + margin-bottom: 54px !important; +} + +.ml-54 { + margin-left: 54px !important; +} + +.mr-54 { + margin-right: 54px !important; +} + +.p-54 { + padding: 54px !important; +} + +.pt-54 { + padding-top: 54px !important; +} + +.pb-54 { + padding-bottom: 54px !important; +} + +.pl-54 { + padding-left: 54px !important; +} + +.pr-54 { + padding-right: 54px !important; +} + +.vh-54 { + height: 54vh !important; +} + +.vw-54 { + width: 54vw !important; +} + +.font-size-54 { + font-size: 54px !important; +} + +.m-55 { + margin: 55px !important; +} + +.mt-55 { + margin-top: 55px !important; +} + +.mb-55 { + margin-bottom: 55px !important; +} + +.ml-55 { + margin-left: 55px !important; +} + +.mr-55 { + margin-right: 55px !important; +} + +.p-55 { + padding: 55px !important; +} + +.pt-55 { + padding-top: 55px !important; +} + +.pb-55 { + padding-bottom: 55px !important; +} + +.pl-55 { + padding-left: 55px !important; +} + +.pr-55 { + padding-right: 55px !important; +} + +.vh-55 { + height: 55vh !important; +} + +.vw-55 { + width: 55vw !important; +} + +.font-size-55 { + font-size: 55px !important; +} + +.m-56 { + margin: 56px !important; +} + +.mt-56 { + margin-top: 56px !important; +} + +.mb-56 { + margin-bottom: 56px !important; +} + +.ml-56 { + margin-left: 56px !important; +} + +.mr-56 { + margin-right: 56px !important; +} + +.p-56 { + padding: 56px !important; +} + +.pt-56 { + padding-top: 56px !important; +} + +.pb-56 { + padding-bottom: 56px !important; +} + +.pl-56 { + padding-left: 56px !important; +} + +.pr-56 { + padding-right: 56px !important; +} + +.vh-56 { + height: 56vh !important; +} + +.vw-56 { + width: 56vw !important; +} + +.font-size-56 { + font-size: 56px !important; +} + +.m-57 { + margin: 57px !important; +} + +.mt-57 { + margin-top: 57px !important; +} + +.mb-57 { + margin-bottom: 57px !important; +} + +.ml-57 { + margin-left: 57px !important; +} + +.mr-57 { + margin-right: 57px !important; +} + +.p-57 { + padding: 57px !important; +} + +.pt-57 { + padding-top: 57px !important; +} + +.pb-57 { + padding-bottom: 57px !important; +} + +.pl-57 { + padding-left: 57px !important; +} + +.pr-57 { + padding-right: 57px !important; +} + +.vh-57 { + height: 57vh !important; +} + +.vw-57 { + width: 57vw !important; +} + +.font-size-57 { + font-size: 57px !important; +} + +.m-58 { + margin: 58px !important; +} + +.mt-58 { + margin-top: 58px !important; +} + +.mb-58 { + margin-bottom: 58px !important; +} + +.ml-58 { + margin-left: 58px !important; +} + +.mr-58 { + margin-right: 58px !important; +} + +.p-58 { + padding: 58px !important; +} + +.pt-58 { + padding-top: 58px !important; +} + +.pb-58 { + padding-bottom: 58px !important; +} + +.pl-58 { + padding-left: 58px !important; +} + +.pr-58 { + padding-right: 58px !important; +} + +.vh-58 { + height: 58vh !important; +} + +.vw-58 { + width: 58vw !important; +} + +.font-size-58 { + font-size: 58px !important; +} + +.m-59 { + margin: 59px !important; +} + +.mt-59 { + margin-top: 59px !important; +} + +.mb-59 { + margin-bottom: 59px !important; +} + +.ml-59 { + margin-left: 59px !important; +} + +.mr-59 { + margin-right: 59px !important; +} + +.p-59 { + padding: 59px !important; +} + +.pt-59 { + padding-top: 59px !important; +} + +.pb-59 { + padding-bottom: 59px !important; +} + +.pl-59 { + padding-left: 59px !important; +} + +.pr-59 { + padding-right: 59px !important; +} + +.vh-59 { + height: 59vh !important; +} + +.vw-59 { + width: 59vw !important; +} + +.font-size-59 { + font-size: 59px !important; +} + +.m-60 { + margin: 60px !important; +} + +.mt-60 { + margin-top: 60px !important; +} + +.mb-60 { + margin-bottom: 60px !important; +} + +.ml-60 { + margin-left: 60px !important; +} + +.mr-60 { + margin-right: 60px !important; +} + +.p-60 { + padding: 60px !important; +} + +.pt-60 { + padding-top: 60px !important; +} + +.pb-60 { + padding-bottom: 60px !important; +} + +.pl-60 { + padding-left: 60px !important; +} + +.pr-60 { + padding-right: 60px !important; +} + +.vh-60 { + height: 60vh !important; +} + +.vw-60 { + width: 60vw !important; +} + +.font-size-60 { + font-size: 60px !important; +} + +.m-61 { + margin: 61px !important; +} + +.mt-61 { + margin-top: 61px !important; +} + +.mb-61 { + margin-bottom: 61px !important; +} + +.ml-61 { + margin-left: 61px !important; +} + +.mr-61 { + margin-right: 61px !important; +} + +.p-61 { + padding: 61px !important; +} + +.pt-61 { + padding-top: 61px !important; +} + +.pb-61 { + padding-bottom: 61px !important; +} + +.pl-61 { + padding-left: 61px !important; +} + +.pr-61 { + padding-right: 61px !important; +} + +.vh-61 { + height: 61vh !important; +} + +.vw-61 { + width: 61vw !important; +} + +.font-size-61 { + font-size: 61px !important; +} + +.m-62 { + margin: 62px !important; +} + +.mt-62 { + margin-top: 62px !important; +} + +.mb-62 { + margin-bottom: 62px !important; +} + +.ml-62 { + margin-left: 62px !important; +} + +.mr-62 { + margin-right: 62px !important; +} + +.p-62 { + padding: 62px !important; +} + +.pt-62 { + padding-top: 62px !important; +} + +.pb-62 { + padding-bottom: 62px !important; +} + +.pl-62 { + padding-left: 62px !important; +} + +.pr-62 { + padding-right: 62px !important; +} + +.vh-62 { + height: 62vh !important; +} + +.vw-62 { + width: 62vw !important; +} + +.font-size-62 { + font-size: 62px !important; +} + +.m-63 { + margin: 63px !important; +} + +.mt-63 { + margin-top: 63px !important; +} + +.mb-63 { + margin-bottom: 63px !important; +} + +.ml-63 { + margin-left: 63px !important; +} + +.mr-63 { + margin-right: 63px !important; +} + +.p-63 { + padding: 63px !important; +} + +.pt-63 { + padding-top: 63px !important; +} + +.pb-63 { + padding-bottom: 63px !important; +} + +.pl-63 { + padding-left: 63px !important; +} + +.pr-63 { + padding-right: 63px !important; +} + +.vh-63 { + height: 63vh !important; +} + +.vw-63 { + width: 63vw !important; +} + +.font-size-63 { + font-size: 63px !important; +} + +.m-64 { + margin: 64px !important; +} + +.mt-64 { + margin-top: 64px !important; +} + +.mb-64 { + margin-bottom: 64px !important; +} + +.ml-64 { + margin-left: 64px !important; +} + +.mr-64 { + margin-right: 64px !important; +} + +.p-64 { + padding: 64px !important; +} + +.pt-64 { + padding-top: 64px !important; +} + +.pb-64 { + padding-bottom: 64px !important; +} + +.pl-64 { + padding-left: 64px !important; +} + +.pr-64 { + padding-right: 64px !important; +} + +.vh-64 { + height: 64vh !important; +} + +.vw-64 { + width: 64vw !important; +} + +.font-size-64 { + font-size: 64px !important; +} + +.m-65 { + margin: 65px !important; +} + +.mt-65 { + margin-top: 65px !important; +} + +.mb-65 { + margin-bottom: 65px !important; +} + +.ml-65 { + margin-left: 65px !important; +} + +.mr-65 { + margin-right: 65px !important; +} + +.p-65 { + padding: 65px !important; +} + +.pt-65 { + padding-top: 65px !important; +} + +.pb-65 { + padding-bottom: 65px !important; +} + +.pl-65 { + padding-left: 65px !important; +} + +.pr-65 { + padding-right: 65px !important; +} + +.vh-65 { + height: 65vh !important; +} + +.vw-65 { + width: 65vw !important; +} + +.font-size-65 { + font-size: 65px !important; +} + +.m-66 { + margin: 66px !important; +} + +.mt-66 { + margin-top: 66px !important; +} + +.mb-66 { + margin-bottom: 66px !important; +} + +.ml-66 { + margin-left: 66px !important; +} + +.mr-66 { + margin-right: 66px !important; +} + +.p-66 { + padding: 66px !important; +} + +.pt-66 { + padding-top: 66px !important; +} + +.pb-66 { + padding-bottom: 66px !important; +} + +.pl-66 { + padding-left: 66px !important; +} + +.pr-66 { + padding-right: 66px !important; +} + +.vh-66 { + height: 66vh !important; +} + +.vw-66 { + width: 66vw !important; +} + +.font-size-66 { + font-size: 66px !important; +} + +.m-67 { + margin: 67px !important; +} + +.mt-67 { + margin-top: 67px !important; +} + +.mb-67 { + margin-bottom: 67px !important; +} + +.ml-67 { + margin-left: 67px !important; +} + +.mr-67 { + margin-right: 67px !important; +} + +.p-67 { + padding: 67px !important; +} + +.pt-67 { + padding-top: 67px !important; +} + +.pb-67 { + padding-bottom: 67px !important; +} + +.pl-67 { + padding-left: 67px !important; +} + +.pr-67 { + padding-right: 67px !important; +} + +.vh-67 { + height: 67vh !important; +} + +.vw-67 { + width: 67vw !important; +} + +.font-size-67 { + font-size: 67px !important; +} + +.m-68 { + margin: 68px !important; +} + +.mt-68 { + margin-top: 68px !important; +} + +.mb-68 { + margin-bottom: 68px !important; +} + +.ml-68 { + margin-left: 68px !important; +} + +.mr-68 { + margin-right: 68px !important; +} + +.p-68 { + padding: 68px !important; +} + +.pt-68 { + padding-top: 68px !important; +} + +.pb-68 { + padding-bottom: 68px !important; +} + +.pl-68 { + padding-left: 68px !important; +} + +.pr-68 { + padding-right: 68px !important; +} + +.vh-68 { + height: 68vh !important; +} + +.vw-68 { + width: 68vw !important; +} + +.font-size-68 { + font-size: 68px !important; +} + +.m-69 { + margin: 69px !important; +} + +.mt-69 { + margin-top: 69px !important; +} + +.mb-69 { + margin-bottom: 69px !important; +} + +.ml-69 { + margin-left: 69px !important; +} + +.mr-69 { + margin-right: 69px !important; +} + +.p-69 { + padding: 69px !important; +} + +.pt-69 { + padding-top: 69px !important; +} + +.pb-69 { + padding-bottom: 69px !important; +} + +.pl-69 { + padding-left: 69px !important; +} + +.pr-69 { + padding-right: 69px !important; +} + +.vh-69 { + height: 69vh !important; +} + +.vw-69 { + width: 69vw !important; +} + +.font-size-69 { + font-size: 69px !important; +} + +.m-70 { + margin: 70px !important; +} + +.mt-70 { + margin-top: 70px !important; +} + +.mb-70 { + margin-bottom: 70px !important; +} + +.ml-70 { + margin-left: 70px !important; +} + +.mr-70 { + margin-right: 70px !important; +} + +.p-70 { + padding: 70px !important; +} + +.pt-70 { + padding-top: 70px !important; +} + +.pb-70 { + padding-bottom: 70px !important; +} + +.pl-70 { + padding-left: 70px !important; +} + +.pr-70 { + padding-right: 70px !important; +} + +.vh-70 { + height: 70vh !important; +} + +.vw-70 { + width: 70vw !important; +} + +.font-size-70 { + font-size: 70px !important; +} + +.m-71 { + margin: 71px !important; +} + +.mt-71 { + margin-top: 71px !important; +} + +.mb-71 { + margin-bottom: 71px !important; +} + +.ml-71 { + margin-left: 71px !important; +} + +.mr-71 { + margin-right: 71px !important; +} + +.p-71 { + padding: 71px !important; +} + +.pt-71 { + padding-top: 71px !important; +} + +.pb-71 { + padding-bottom: 71px !important; +} + +.pl-71 { + padding-left: 71px !important; +} + +.pr-71 { + padding-right: 71px !important; +} + +.vh-71 { + height: 71vh !important; +} + +.vw-71 { + width: 71vw !important; +} + +.font-size-71 { + font-size: 71px !important; +} + +.m-72 { + margin: 72px !important; +} + +.mt-72 { + margin-top: 72px !important; +} + +.mb-72 { + margin-bottom: 72px !important; +} + +.ml-72 { + margin-left: 72px !important; +} + +.mr-72 { + margin-right: 72px !important; +} + +.p-72 { + padding: 72px !important; +} + +.pt-72 { + padding-top: 72px !important; +} + +.pb-72 { + padding-bottom: 72px !important; +} + +.pl-72 { + padding-left: 72px !important; +} + +.pr-72 { + padding-right: 72px !important; +} + +.vh-72 { + height: 72vh !important; +} + +.vw-72 { + width: 72vw !important; +} + +.font-size-72 { + font-size: 72px !important; +} + +.m-73 { + margin: 73px !important; +} + +.mt-73 { + margin-top: 73px !important; +} + +.mb-73 { + margin-bottom: 73px !important; +} + +.ml-73 { + margin-left: 73px !important; +} + +.mr-73 { + margin-right: 73px !important; +} + +.p-73 { + padding: 73px !important; +} + +.pt-73 { + padding-top: 73px !important; +} + +.pb-73 { + padding-bottom: 73px !important; +} + +.pl-73 { + padding-left: 73px !important; +} + +.pr-73 { + padding-right: 73px !important; +} + +.vh-73 { + height: 73vh !important; +} + +.vw-73 { + width: 73vw !important; +} + +.font-size-73 { + font-size: 73px !important; +} + +.m-74 { + margin: 74px !important; +} + +.mt-74 { + margin-top: 74px !important; +} + +.mb-74 { + margin-bottom: 74px !important; +} + +.ml-74 { + margin-left: 74px !important; +} + +.mr-74 { + margin-right: 74px !important; +} + +.p-74 { + padding: 74px !important; +} + +.pt-74 { + padding-top: 74px !important; +} + +.pb-74 { + padding-bottom: 74px !important; +} + +.pl-74 { + padding-left: 74px !important; +} + +.pr-74 { + padding-right: 74px !important; +} + +.vh-74 { + height: 74vh !important; +} + +.vw-74 { + width: 74vw !important; +} + +.font-size-74 { + font-size: 74px !important; +} + +.m-75 { + margin: 75px !important; +} + +.mt-75 { + margin-top: 75px !important; +} + +.mb-75 { + margin-bottom: 75px !important; +} + +.ml-75 { + margin-left: 75px !important; +} + +.mr-75 { + margin-right: 75px !important; +} + +.p-75 { + padding: 75px !important; +} + +.pt-75 { + padding-top: 75px !important; +} + +.pb-75 { + padding-bottom: 75px !important; +} + +.pl-75 { + padding-left: 75px !important; +} + +.pr-75 { + padding-right: 75px !important; +} + +.vh-75 { + height: 75vh !important; +} + +.vw-75 { + width: 75vw !important; +} + +.font-size-75 { + font-size: 75px !important; +} + +.m-76 { + margin: 76px !important; +} + +.mt-76 { + margin-top: 76px !important; +} + +.mb-76 { + margin-bottom: 76px !important; +} + +.ml-76 { + margin-left: 76px !important; +} + +.mr-76 { + margin-right: 76px !important; +} + +.p-76 { + padding: 76px !important; +} + +.pt-76 { + padding-top: 76px !important; +} + +.pb-76 { + padding-bottom: 76px !important; +} + +.pl-76 { + padding-left: 76px !important; +} + +.pr-76 { + padding-right: 76px !important; +} + +.vh-76 { + height: 76vh !important; +} + +.vw-76 { + width: 76vw !important; +} + +.font-size-76 { + font-size: 76px !important; +} + +.m-77 { + margin: 77px !important; +} + +.mt-77 { + margin-top: 77px !important; +} + +.mb-77 { + margin-bottom: 77px !important; +} + +.ml-77 { + margin-left: 77px !important; +} + +.mr-77 { + margin-right: 77px !important; +} + +.p-77 { + padding: 77px !important; +} + +.pt-77 { + padding-top: 77px !important; +} + +.pb-77 { + padding-bottom: 77px !important; +} + +.pl-77 { + padding-left: 77px !important; +} + +.pr-77 { + padding-right: 77px !important; +} + +.vh-77 { + height: 77vh !important; +} + +.vw-77 { + width: 77vw !important; +} + +.font-size-77 { + font-size: 77px !important; +} + +.m-78 { + margin: 78px !important; +} + +.mt-78 { + margin-top: 78px !important; +} + +.mb-78 { + margin-bottom: 78px !important; +} + +.ml-78 { + margin-left: 78px !important; +} + +.mr-78 { + margin-right: 78px !important; +} + +.p-78 { + padding: 78px !important; +} + +.pt-78 { + padding-top: 78px !important; +} + +.pb-78 { + padding-bottom: 78px !important; +} + +.pl-78 { + padding-left: 78px !important; +} + +.pr-78 { + padding-right: 78px !important; +} + +.vh-78 { + height: 78vh !important; +} + +.vw-78 { + width: 78vw !important; +} + +.font-size-78 { + font-size: 78px !important; +} + +.m-79 { + margin: 79px !important; +} + +.mt-79 { + margin-top: 79px !important; +} + +.mb-79 { + margin-bottom: 79px !important; +} + +.ml-79 { + margin-left: 79px !important; +} + +.mr-79 { + margin-right: 79px !important; +} + +.p-79 { + padding: 79px !important; +} + +.pt-79 { + padding-top: 79px !important; +} + +.pb-79 { + padding-bottom: 79px !important; +} + +.pl-79 { + padding-left: 79px !important; +} + +.pr-79 { + padding-right: 79px !important; +} + +.vh-79 { + height: 79vh !important; +} + +.vw-79 { + width: 79vw !important; +} + +.font-size-79 { + font-size: 79px !important; +} + +.m-80 { + margin: 80px !important; +} + +.mt-80 { + margin-top: 80px !important; +} + +.mb-80 { + margin-bottom: 80px !important; +} + +.ml-80 { + margin-left: 80px !important; +} + +.mr-80 { + margin-right: 80px !important; +} + +.p-80 { + padding: 80px !important; +} + +.pt-80 { + padding-top: 80px !important; +} + +.pb-80 { + padding-bottom: 80px !important; +} + +.pl-80 { + padding-left: 80px !important; +} + +.pr-80 { + padding-right: 80px !important; +} + +.vh-80 { + height: 80vh !important; +} + +.vw-80 { + width: 80vw !important; +} + +.font-size-80 { + font-size: 80px !important; +} + +.m-81 { + margin: 81px !important; +} + +.mt-81 { + margin-top: 81px !important; +} + +.mb-81 { + margin-bottom: 81px !important; +} + +.ml-81 { + margin-left: 81px !important; +} + +.mr-81 { + margin-right: 81px !important; +} + +.p-81 { + padding: 81px !important; +} + +.pt-81 { + padding-top: 81px !important; +} + +.pb-81 { + padding-bottom: 81px !important; +} + +.pl-81 { + padding-left: 81px !important; +} + +.pr-81 { + padding-right: 81px !important; +} + +.vh-81 { + height: 81vh !important; +} + +.vw-81 { + width: 81vw !important; +} + +.font-size-81 { + font-size: 81px !important; +} + +.m-82 { + margin: 82px !important; +} + +.mt-82 { + margin-top: 82px !important; +} + +.mb-82 { + margin-bottom: 82px !important; +} + +.ml-82 { + margin-left: 82px !important; +} + +.mr-82 { + margin-right: 82px !important; +} + +.p-82 { + padding: 82px !important; +} + +.pt-82 { + padding-top: 82px !important; +} + +.pb-82 { + padding-bottom: 82px !important; +} + +.pl-82 { + padding-left: 82px !important; +} + +.pr-82 { + padding-right: 82px !important; +} + +.vh-82 { + height: 82vh !important; +} + +.vw-82 { + width: 82vw !important; +} + +.font-size-82 { + font-size: 82px !important; +} + +.m-83 { + margin: 83px !important; +} + +.mt-83 { + margin-top: 83px !important; +} + +.mb-83 { + margin-bottom: 83px !important; +} + +.ml-83 { + margin-left: 83px !important; +} + +.mr-83 { + margin-right: 83px !important; +} + +.p-83 { + padding: 83px !important; +} + +.pt-83 { + padding-top: 83px !important; +} + +.pb-83 { + padding-bottom: 83px !important; +} + +.pl-83 { + padding-left: 83px !important; +} + +.pr-83 { + padding-right: 83px !important; +} + +.vh-83 { + height: 83vh !important; +} + +.vw-83 { + width: 83vw !important; +} + +.font-size-83 { + font-size: 83px !important; +} + +.m-84 { + margin: 84px !important; +} + +.mt-84 { + margin-top: 84px !important; +} + +.mb-84 { + margin-bottom: 84px !important; +} + +.ml-84 { + margin-left: 84px !important; +} + +.mr-84 { + margin-right: 84px !important; +} + +.p-84 { + padding: 84px !important; +} + +.pt-84 { + padding-top: 84px !important; +} + +.pb-84 { + padding-bottom: 84px !important; +} + +.pl-84 { + padding-left: 84px !important; +} + +.pr-84 { + padding-right: 84px !important; +} + +.vh-84 { + height: 84vh !important; +} + +.vw-84 { + width: 84vw !important; +} + +.font-size-84 { + font-size: 84px !important; +} + +.m-85 { + margin: 85px !important; +} + +.mt-85 { + margin-top: 85px !important; +} + +.mb-85 { + margin-bottom: 85px !important; +} + +.ml-85 { + margin-left: 85px !important; +} + +.mr-85 { + margin-right: 85px !important; +} + +.p-85 { + padding: 85px !important; +} + +.pt-85 { + padding-top: 85px !important; +} + +.pb-85 { + padding-bottom: 85px !important; +} + +.pl-85 { + padding-left: 85px !important; +} + +.pr-85 { + padding-right: 85px !important; +} + +.vh-85 { + height: 85vh !important; +} + +.vw-85 { + width: 85vw !important; +} + +.font-size-85 { + font-size: 85px !important; +} + +.m-86 { + margin: 86px !important; +} + +.mt-86 { + margin-top: 86px !important; +} + +.mb-86 { + margin-bottom: 86px !important; +} + +.ml-86 { + margin-left: 86px !important; +} + +.mr-86 { + margin-right: 86px !important; +} + +.p-86 { + padding: 86px !important; +} + +.pt-86 { + padding-top: 86px !important; +} + +.pb-86 { + padding-bottom: 86px !important; +} + +.pl-86 { + padding-left: 86px !important; +} + +.pr-86 { + padding-right: 86px !important; +} + +.vh-86 { + height: 86vh !important; +} + +.vw-86 { + width: 86vw !important; +} + +.font-size-86 { + font-size: 86px !important; +} + +.m-87 { + margin: 87px !important; +} + +.mt-87 { + margin-top: 87px !important; +} + +.mb-87 { + margin-bottom: 87px !important; +} + +.ml-87 { + margin-left: 87px !important; +} + +.mr-87 { + margin-right: 87px !important; +} + +.p-87 { + padding: 87px !important; +} + +.pt-87 { + padding-top: 87px !important; +} + +.pb-87 { + padding-bottom: 87px !important; +} + +.pl-87 { + padding-left: 87px !important; +} + +.pr-87 { + padding-right: 87px !important; +} + +.vh-87 { + height: 87vh !important; +} + +.vw-87 { + width: 87vw !important; +} + +.font-size-87 { + font-size: 87px !important; +} + +.m-88 { + margin: 88px !important; +} + +.mt-88 { + margin-top: 88px !important; +} + +.mb-88 { + margin-bottom: 88px !important; +} + +.ml-88 { + margin-left: 88px !important; +} + +.mr-88 { + margin-right: 88px !important; +} + +.p-88 { + padding: 88px !important; +} + +.pt-88 { + padding-top: 88px !important; +} + +.pb-88 { + padding-bottom: 88px !important; +} + +.pl-88 { + padding-left: 88px !important; +} + +.pr-88 { + padding-right: 88px !important; +} + +.vh-88 { + height: 88vh !important; +} + +.vw-88 { + width: 88vw !important; +} + +.font-size-88 { + font-size: 88px !important; +} + +.m-89 { + margin: 89px !important; +} + +.mt-89 { + margin-top: 89px !important; +} + +.mb-89 { + margin-bottom: 89px !important; +} + +.ml-89 { + margin-left: 89px !important; +} + +.mr-89 { + margin-right: 89px !important; +} + +.p-89 { + padding: 89px !important; +} + +.pt-89 { + padding-top: 89px !important; +} + +.pb-89 { + padding-bottom: 89px !important; +} + +.pl-89 { + padding-left: 89px !important; +} + +.pr-89 { + padding-right: 89px !important; +} + +.vh-89 { + height: 89vh !important; +} + +.vw-89 { + width: 89vw !important; +} + +.font-size-89 { + font-size: 89px !important; +} + +.m-90 { + margin: 90px !important; +} + +.mt-90 { + margin-top: 90px !important; +} + +.mb-90 { + margin-bottom: 90px !important; +} + +.ml-90 { + margin-left: 90px !important; +} + +.mr-90 { + margin-right: 90px !important; +} + +.p-90 { + padding: 90px !important; +} + +.pt-90 { + padding-top: 90px !important; +} + +.pb-90 { + padding-bottom: 90px !important; +} + +.pl-90 { + padding-left: 90px !important; +} + +.pr-90 { + padding-right: 90px !important; +} + +.vh-90 { + height: 90vh !important; +} + +.vw-90 { + width: 90vw !important; +} + +.font-size-90 { + font-size: 90px !important; +} + +.m-91 { + margin: 91px !important; +} + +.mt-91 { + margin-top: 91px !important; +} + +.mb-91 { + margin-bottom: 91px !important; +} + +.ml-91 { + margin-left: 91px !important; +} + +.mr-91 { + margin-right: 91px !important; +} + +.p-91 { + padding: 91px !important; +} + +.pt-91 { + padding-top: 91px !important; +} + +.pb-91 { + padding-bottom: 91px !important; +} + +.pl-91 { + padding-left: 91px !important; +} + +.pr-91 { + padding-right: 91px !important; +} + +.vh-91 { + height: 91vh !important; +} + +.vw-91 { + width: 91vw !important; +} + +.font-size-91 { + font-size: 91px !important; +} + +.m-92 { + margin: 92px !important; +} + +.mt-92 { + margin-top: 92px !important; +} + +.mb-92 { + margin-bottom: 92px !important; +} + +.ml-92 { + margin-left: 92px !important; +} + +.mr-92 { + margin-right: 92px !important; +} + +.p-92 { + padding: 92px !important; +} + +.pt-92 { + padding-top: 92px !important; +} + +.pb-92 { + padding-bottom: 92px !important; +} + +.pl-92 { + padding-left: 92px !important; +} + +.pr-92 { + padding-right: 92px !important; +} + +.vh-92 { + height: 92vh !important; +} + +.vw-92 { + width: 92vw !important; +} + +.font-size-92 { + font-size: 92px !important; +} + +.m-93 { + margin: 93px !important; +} + +.mt-93 { + margin-top: 93px !important; +} + +.mb-93 { + margin-bottom: 93px !important; +} + +.ml-93 { + margin-left: 93px !important; +} + +.mr-93 { + margin-right: 93px !important; +} + +.p-93 { + padding: 93px !important; +} + +.pt-93 { + padding-top: 93px !important; +} + +.pb-93 { + padding-bottom: 93px !important; +} + +.pl-93 { + padding-left: 93px !important; +} + +.pr-93 { + padding-right: 93px !important; +} + +.vh-93 { + height: 93vh !important; +} + +.vw-93 { + width: 93vw !important; +} + +.font-size-93 { + font-size: 93px !important; +} + +.m-94 { + margin: 94px !important; +} + +.mt-94 { + margin-top: 94px !important; +} + +.mb-94 { + margin-bottom: 94px !important; +} + +.ml-94 { + margin-left: 94px !important; +} + +.mr-94 { + margin-right: 94px !important; +} + +.p-94 { + padding: 94px !important; +} + +.pt-94 { + padding-top: 94px !important; +} + +.pb-94 { + padding-bottom: 94px !important; +} + +.pl-94 { + padding-left: 94px !important; +} + +.pr-94 { + padding-right: 94px !important; +} + +.vh-94 { + height: 94vh !important; +} + +.vw-94 { + width: 94vw !important; +} + +.font-size-94 { + font-size: 94px !important; +} + +.m-95 { + margin: 95px !important; +} + +.mt-95 { + margin-top: 95px !important; +} + +.mb-95 { + margin-bottom: 95px !important; +} + +.ml-95 { + margin-left: 95px !important; +} + +.mr-95 { + margin-right: 95px !important; +} + +.p-95 { + padding: 95px !important; +} + +.pt-95 { + padding-top: 95px !important; +} + +.pb-95 { + padding-bottom: 95px !important; +} + +.pl-95 { + padding-left: 95px !important; +} + +.pr-95 { + padding-right: 95px !important; +} + +.vh-95 { + height: 95vh !important; +} + +.vw-95 { + width: 95vw !important; +} + +.font-size-95 { + font-size: 95px !important; +} + +.m-96 { + margin: 96px !important; +} + +.mt-96 { + margin-top: 96px !important; +} + +.mb-96 { + margin-bottom: 96px !important; +} + +.ml-96 { + margin-left: 96px !important; +} + +.mr-96 { + margin-right: 96px !important; +} + +.p-96 { + padding: 96px !important; +} + +.pt-96 { + padding-top: 96px !important; +} + +.pb-96 { + padding-bottom: 96px !important; +} + +.pl-96 { + padding-left: 96px !important; +} + +.pr-96 { + padding-right: 96px !important; +} + +.vh-96 { + height: 96vh !important; +} + +.vw-96 { + width: 96vw !important; +} + +.font-size-96 { + font-size: 96px !important; +} + +.m-97 { + margin: 97px !important; +} + +.mt-97 { + margin-top: 97px !important; +} + +.mb-97 { + margin-bottom: 97px !important; +} + +.ml-97 { + margin-left: 97px !important; +} + +.mr-97 { + margin-right: 97px !important; +} + +.p-97 { + padding: 97px !important; +} + +.pt-97 { + padding-top: 97px !important; +} + +.pb-97 { + padding-bottom: 97px !important; +} + +.pl-97 { + padding-left: 97px !important; +} + +.pr-97 { + padding-right: 97px !important; +} + +.vh-97 { + height: 97vh !important; +} + +.vw-97 { + width: 97vw !important; +} + +.font-size-97 { + font-size: 97px !important; +} + +.m-98 { + margin: 98px !important; +} + +.mt-98 { + margin-top: 98px !important; +} + +.mb-98 { + margin-bottom: 98px !important; +} + +.ml-98 { + margin-left: 98px !important; +} + +.mr-98 { + margin-right: 98px !important; +} + +.p-98 { + padding: 98px !important; +} + +.pt-98 { + padding-top: 98px !important; +} + +.pb-98 { + padding-bottom: 98px !important; +} + +.pl-98 { + padding-left: 98px !important; +} + +.pr-98 { + padding-right: 98px !important; +} + +.vh-98 { + height: 98vh !important; +} + +.vw-98 { + width: 98vw !important; +} + +.font-size-98 { + font-size: 98px !important; +} + +.m-99 { + margin: 99px !important; +} + +.mt-99 { + margin-top: 99px !important; +} + +.mb-99 { + margin-bottom: 99px !important; +} + +.ml-99 { + margin-left: 99px !important; +} + +.mr-99 { + margin-right: 99px !important; +} + +.p-99 { + padding: 99px !important; +} + +.pt-99 { + padding-top: 99px !important; +} + +.pb-99 { + padding-bottom: 99px !important; +} + +.pl-99 { + padding-left: 99px !important; +} + +.pr-99 { + padding-right: 99px !important; +} + +.vh-99 { + height: 99vh !important; +} + +.vw-99 { + width: 99vw !important; +} + +.font-size-99 { + font-size: 99px !important; +} + +.m-100 { + margin: 100px !important; +} + +.mt-100 { + margin-top: 100px !important; +} + +.mb-100 { + margin-bottom: 100px !important; +} + +.ml-100 { + margin-left: 100px !important; +} + +.mr-100 { + margin-right: 100px !important; +} + +.p-100 { + padding: 100px !important; +} + +.pt-100 { + padding-top: 100px !important; +} + +.pb-100 { + padding-bottom: 100px !important; +} + +.pl-100 { + padding-left: 100px !important; +} + +.pr-100 { + padding-right: 100px !important; +} + +.vh-100 { + height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.font-size-100 { + font-size: 100px !important; +} + +/* Deafult height & widht */ +.height-0 { + height: 0px !important; +} + +.width-0 { + width: 0px !important; +} + +.height-1 { + height: 1px !important; +} + +.width-1 { + width: 1px !important; +} + +.height-2 { + height: 2px !important; +} + +.width-2 { + width: 2px !important; +} + +.height-3 { + height: 3px !important; +} + +.width-3 { + width: 3px !important; +} + +.height-4 { + height: 4px !important; +} + +.width-4 { + width: 4px !important; +} + +.height-5 { + height: 5px !important; +} + +.width-5 { + width: 5px !important; +} + +.height-6 { + height: 6px !important; +} + +.width-6 { + width: 6px !important; +} + +.height-7 { + height: 7px !important; +} + +.width-7 { + width: 7px !important; +} + +.height-8 { + height: 8px !important; +} + +.width-8 { + width: 8px !important; +} + +.height-9 { + height: 9px !important; +} + +.width-9 { + width: 9px !important; +} + +.height-10 { + height: 10px !important; +} + +.width-10 { + width: 10px !important; +} + +.height-11 { + height: 11px !important; +} + +.width-11 { + width: 11px !important; +} + +.height-12 { + height: 12px !important; +} + +.width-12 { + width: 12px !important; +} + +.height-13 { + height: 13px !important; +} + +.width-13 { + width: 13px !important; +} + +.height-14 { + height: 14px !important; +} + +.width-14 { + width: 14px !important; +} + +.height-15 { + height: 15px !important; +} + +.width-15 { + width: 15px !important; +} + +.height-16 { + height: 16px !important; +} + +.width-16 { + width: 16px !important; +} + +.height-17 { + height: 17px !important; +} + +.width-17 { + width: 17px !important; +} + +.height-18 { + height: 18px !important; +} + +.width-18 { + width: 18px !important; +} + +.height-19 { + height: 19px !important; +} + +.width-19 { + width: 19px !important; +} + +.height-20 { + height: 20px !important; +} + +.width-20 { + width: 20px !important; +} + +.height-21 { + height: 21px !important; +} + +.width-21 { + width: 21px !important; +} + +.height-22 { + height: 22px !important; +} + +.width-22 { + width: 22px !important; +} + +.height-23 { + height: 23px !important; +} + +.width-23 { + width: 23px !important; +} + +.height-24 { + height: 24px !important; +} + +.width-24 { + width: 24px !important; +} + +.height-25 { + height: 25px !important; +} + +.width-25 { + width: 25px !important; +} + +.height-26 { + height: 26px !important; +} + +.width-26 { + width: 26px !important; +} + +.height-27 { + height: 27px !important; +} + +.width-27 { + width: 27px !important; +} + +.height-28 { + height: 28px !important; +} + +.width-28 { + width: 28px !important; +} + +.height-29 { + height: 29px !important; +} + +.width-29 { + width: 29px !important; +} + +.height-30 { + height: 30px !important; +} + +.width-30 { + width: 30px !important; +} + +.height-31 { + height: 31px !important; +} + +.width-31 { + width: 31px !important; +} + +.height-32 { + height: 32px !important; +} + +.width-32 { + width: 32px !important; +} + +.height-33 { + height: 33px !important; +} + +.width-33 { + width: 33px !important; +} + +.height-34 { + height: 34px !important; +} + +.width-34 { + width: 34px !important; +} + +.height-35 { + height: 35px !important; +} + +.width-35 { + width: 35px !important; +} + +.height-36 { + height: 36px !important; +} + +.width-36 { + width: 36px !important; +} + +.height-37 { + height: 37px !important; +} + +.width-37 { + width: 37px !important; +} + +.height-38 { + height: 38px !important; +} + +.width-38 { + width: 38px !important; +} + +.height-39 { + height: 39px !important; +} + +.width-39 { + width: 39px !important; +} + +.height-40 { + height: 40px !important; +} + +.width-40 { + width: 40px !important; +} + +.height-41 { + height: 41px !important; +} + +.width-41 { + width: 41px !important; +} + +.height-42 { + height: 42px !important; +} + +.width-42 { + width: 42px !important; +} + +.height-43 { + height: 43px !important; +} + +.width-43 { + width: 43px !important; +} + +.height-44 { + height: 44px !important; +} + +.width-44 { + width: 44px !important; +} + +.height-45 { + height: 45px !important; +} + +.width-45 { + width: 45px !important; +} + +.height-46 { + height: 46px !important; +} + +.width-46 { + width: 46px !important; +} + +.height-47 { + height: 47px !important; +} + +.width-47 { + width: 47px !important; +} + +.height-48 { + height: 48px !important; +} + +.width-48 { + width: 48px !important; +} + +.height-49 { + height: 49px !important; +} + +.width-49 { + width: 49px !important; +} + +.height-50 { + height: 50px !important; +} + +.width-50 { + width: 50px !important; +} + +.height-51 { + height: 51px !important; +} + +.width-51 { + width: 51px !important; +} + +.height-52 { + height: 52px !important; +} + +.width-52 { + width: 52px !important; +} + +.height-53 { + height: 53px !important; +} + +.width-53 { + width: 53px !important; +} + +.height-54 { + height: 54px !important; +} + +.width-54 { + width: 54px !important; +} + +.height-55 { + height: 55px !important; +} + +.width-55 { + width: 55px !important; +} + +.height-56 { + height: 56px !important; +} + +.width-56 { + width: 56px !important; +} + +.height-57 { + height: 57px !important; +} + +.width-57 { + width: 57px !important; +} + +.height-58 { + height: 58px !important; +} + +.width-58 { + width: 58px !important; +} + +.height-59 { + height: 59px !important; +} + +.width-59 { + width: 59px !important; +} + +.height-60 { + height: 60px !important; +} + +.width-60 { + width: 60px !important; +} + +.height-61 { + height: 61px !important; +} + +.width-61 { + width: 61px !important; +} + +.height-62 { + height: 62px !important; +} + +.width-62 { + width: 62px !important; +} + +.height-63 { + height: 63px !important; +} + +.width-63 { + width: 63px !important; +} + +.height-64 { + height: 64px !important; +} + +.width-64 { + width: 64px !important; +} + +.height-65 { + height: 65px !important; +} + +.width-65 { + width: 65px !important; +} + +.height-66 { + height: 66px !important; +} + +.width-66 { + width: 66px !important; +} + +.height-67 { + height: 67px !important; +} + +.width-67 { + width: 67px !important; +} + +.height-68 { + height: 68px !important; +} + +.width-68 { + width: 68px !important; +} + +.height-69 { + height: 69px !important; +} + +.width-69 { + width: 69px !important; +} + +.height-70 { + height: 70px !important; +} + +.width-70 { + width: 70px !important; +} + +.height-71 { + height: 71px !important; +} + +.width-71 { + width: 71px !important; +} + +.height-72 { + height: 72px !important; +} + +.width-72 { + width: 72px !important; +} + +.height-73 { + height: 73px !important; +} + +.width-73 { + width: 73px !important; +} + +.height-74 { + height: 74px !important; +} + +.width-74 { + width: 74px !important; +} + +.height-75 { + height: 75px !important; +} + +.width-75 { + width: 75px !important; +} + +.height-76 { + height: 76px !important; +} + +.width-76 { + width: 76px !important; +} + +.height-77 { + height: 77px !important; +} + +.width-77 { + width: 77px !important; +} + +.height-78 { + height: 78px !important; +} + +.width-78 { + width: 78px !important; +} + +.height-79 { + height: 79px !important; +} + +.width-79 { + width: 79px !important; +} + +.height-80 { + height: 80px !important; +} + +.width-80 { + width: 80px !important; +} + +.height-81 { + height: 81px !important; +} + +.width-81 { + width: 81px !important; +} + +.height-82 { + height: 82px !important; +} + +.width-82 { + width: 82px !important; +} + +.height-83 { + height: 83px !important; +} + +.width-83 { + width: 83px !important; +} + +.height-84 { + height: 84px !important; +} + +.width-84 { + width: 84px !important; +} + +.height-85 { + height: 85px !important; +} + +.width-85 { + width: 85px !important; +} + +.height-86 { + height: 86px !important; +} + +.width-86 { + width: 86px !important; +} + +.height-87 { + height: 87px !important; +} + +.width-87 { + width: 87px !important; +} + +.height-88 { + height: 88px !important; +} + +.width-88 { + width: 88px !important; +} + +.height-89 { + height: 89px !important; +} + +.width-89 { + width: 89px !important; +} + +.height-90 { + height: 90px !important; +} + +.width-90 { + width: 90px !important; +} + +.height-91 { + height: 91px !important; +} + +.width-91 { + width: 91px !important; +} + +.height-92 { + height: 92px !important; +} + +.width-92 { + width: 92px !important; +} + +.height-93 { + height: 93px !important; +} + +.width-93 { + width: 93px !important; +} + +.height-94 { + height: 94px !important; +} + +.width-94 { + width: 94px !important; +} + +.height-95 { + height: 95px !important; +} + +.width-95 { + width: 95px !important; +} + +.height-96 { + height: 96px !important; +} + +.width-96 { + width: 96px !important; +} + +.height-97 { + height: 97px !important; +} + +.width-97 { + width: 97px !important; +} + +.height-98 { + height: 98px !important; +} + +.width-98 { + width: 98px !important; +} + +.height-99 { + height: 99px !important; +} + +.width-99 { + width: 99px !important; +} + +.height-100 { + height: 100px !important; +} + +.width-100 { + width: 100px !important; +} + +.height-101 { + height: 101px !important; +} + +.width-101 { + width: 101px !important; +} + +.height-102 { + height: 102px !important; +} + +.width-102 { + width: 102px !important; +} + +.height-103 { + height: 103px !important; +} + +.width-103 { + width: 103px !important; +} + +.height-104 { + height: 104px !important; +} + +.width-104 { + width: 104px !important; +} + +.height-105 { + height: 105px !important; +} + +.width-105 { + width: 105px !important; +} + +.height-106 { + height: 106px !important; +} + +.width-106 { + width: 106px !important; +} + +.height-107 { + height: 107px !important; +} + +.width-107 { + width: 107px !important; +} + +.height-108 { + height: 108px !important; +} + +.width-108 { + width: 108px !important; +} + +.height-109 { + height: 109px !important; +} + +.width-109 { + width: 109px !important; +} + +.height-110 { + height: 110px !important; +} + +.width-110 { + width: 110px !important; +} + +.height-111 { + height: 111px !important; +} + +.width-111 { + width: 111px !important; +} + +.height-112 { + height: 112px !important; +} + +.width-112 { + width: 112px !important; +} + +.height-113 { + height: 113px !important; +} + +.width-113 { + width: 113px !important; +} + +.height-114 { + height: 114px !important; +} + +.width-114 { + width: 114px !important; +} + +.height-115 { + height: 115px !important; +} + +.width-115 { + width: 115px !important; +} + +.height-116 { + height: 116px !important; +} + +.width-116 { + width: 116px !important; +} + +.height-117 { + height: 117px !important; +} + +.width-117 { + width: 117px !important; +} + +.height-118 { + height: 118px !important; +} + +.width-118 { + width: 118px !important; +} + +.height-119 { + height: 119px !important; +} + +.width-119 { + width: 119px !important; +} + +.height-120 { + height: 120px !important; +} + +.width-120 { + width: 120px !important; +} + +.height-121 { + height: 121px !important; +} + +.width-121 { + width: 121px !important; +} + +.height-122 { + height: 122px !important; +} + +.width-122 { + width: 122px !important; +} + +.height-123 { + height: 123px !important; +} + +.width-123 { + width: 123px !important; +} + +.height-124 { + height: 124px !important; +} + +.width-124 { + width: 124px !important; +} + +.height-125 { + height: 125px !important; +} + +.width-125 { + width: 125px !important; +} + +.height-126 { + height: 126px !important; +} + +.width-126 { + width: 126px !important; +} + +.height-127 { + height: 127px !important; +} + +.width-127 { + width: 127px !important; +} + +.height-128 { + height: 128px !important; +} + +.width-128 { + width: 128px !important; +} + +.height-129 { + height: 129px !important; +} + +.width-129 { + width: 129px !important; +} + +.height-130 { + height: 130px !important; +} + +.width-130 { + width: 130px !important; +} + +.height-131 { + height: 131px !important; +} + +.width-131 { + width: 131px !important; +} + +.height-132 { + height: 132px !important; +} + +.width-132 { + width: 132px !important; +} + +.height-133 { + height: 133px !important; +} + +.width-133 { + width: 133px !important; +} + +.height-134 { + height: 134px !important; +} + +.width-134 { + width: 134px !important; +} + +.height-135 { + height: 135px !important; +} + +.width-135 { + width: 135px !important; +} + +.height-136 { + height: 136px !important; +} + +.width-136 { + width: 136px !important; +} + +.height-137 { + height: 137px !important; +} + +.width-137 { + width: 137px !important; +} + +.height-138 { + height: 138px !important; +} + +.width-138 { + width: 138px !important; +} + +.height-139 { + height: 139px !important; +} + +.width-139 { + width: 139px !important; +} + +.height-140 { + height: 140px !important; +} + +.width-140 { + width: 140px !important; +} + +.height-141 { + height: 141px !important; +} + +.width-141 { + width: 141px !important; +} + +.height-142 { + height: 142px !important; +} + +.width-142 { + width: 142px !important; +} + +.height-143 { + height: 143px !important; +} + +.width-143 { + width: 143px !important; +} + +.height-144 { + height: 144px !important; +} + +.width-144 { + width: 144px !important; +} + +.height-145 { + height: 145px !important; +} + +.width-145 { + width: 145px !important; +} + +.height-146 { + height: 146px !important; +} + +.width-146 { + width: 146px !important; +} + +.height-147 { + height: 147px !important; +} + +.width-147 { + width: 147px !important; +} + +.height-148 { + height: 148px !important; +} + +.width-148 { + width: 148px !important; +} + +.height-149 { + height: 149px !important; +} + +.width-149 { + width: 149px !important; +} + +.height-150 { + height: 150px !important; +} + +.width-150 { + width: 150px !important; +} + +.height-151 { + height: 151px !important; +} + +.width-151 { + width: 151px !important; +} + +.height-152 { + height: 152px !important; +} + +.width-152 { + width: 152px !important; +} + +.height-153 { + height: 153px !important; +} + +.width-153 { + width: 153px !important; +} + +.height-154 { + height: 154px !important; +} + +.width-154 { + width: 154px !important; +} + +.height-155 { + height: 155px !important; +} + +.width-155 { + width: 155px !important; +} + +.height-156 { + height: 156px !important; +} + +.width-156 { + width: 156px !important; +} + +.height-157 { + height: 157px !important; +} + +.width-157 { + width: 157px !important; +} + +.height-158 { + height: 158px !important; +} + +.width-158 { + width: 158px !important; +} + +.height-159 { + height: 159px !important; +} + +.width-159 { + width: 159px !important; +} + +.height-160 { + height: 160px !important; +} + +.width-160 { + width: 160px !important; +} + +.height-161 { + height: 161px !important; +} + +.width-161 { + width: 161px !important; +} + +.height-162 { + height: 162px !important; +} + +.width-162 { + width: 162px !important; +} + +.height-163 { + height: 163px !important; +} + +.width-163 { + width: 163px !important; +} + +.height-164 { + height: 164px !important; +} + +.width-164 { + width: 164px !important; +} + +.height-165 { + height: 165px !important; +} + +.width-165 { + width: 165px !important; +} + +.height-166 { + height: 166px !important; +} + +.width-166 { + width: 166px !important; +} + +.height-167 { + height: 167px !important; +} + +.width-167 { + width: 167px !important; +} + +.height-168 { + height: 168px !important; +} + +.width-168 { + width: 168px !important; +} + +.height-169 { + height: 169px !important; +} + +.width-169 { + width: 169px !important; +} + +.height-170 { + height: 170px !important; +} + +.width-170 { + width: 170px !important; +} + +.height-171 { + height: 171px !important; +} + +.width-171 { + width: 171px !important; +} + +.height-172 { + height: 172px !important; +} + +.width-172 { + width: 172px !important; +} + +.height-173 { + height: 173px !important; +} + +.width-173 { + width: 173px !important; +} + +.height-174 { + height: 174px !important; +} + +.width-174 { + width: 174px !important; +} + +.height-175 { + height: 175px !important; +} + +.width-175 { + width: 175px !important; +} + +.height-176 { + height: 176px !important; +} + +.width-176 { + width: 176px !important; +} + +.height-177 { + height: 177px !important; +} + +.width-177 { + width: 177px !important; +} + +.height-178 { + height: 178px !important; +} + +.width-178 { + width: 178px !important; +} + +.height-179 { + height: 179px !important; +} + +.width-179 { + width: 179px !important; +} + +.height-180 { + height: 180px !important; +} + +.width-180 { + width: 180px !important; +} + +.height-181 { + height: 181px !important; +} + +.width-181 { + width: 181px !important; +} + +.height-182 { + height: 182px !important; +} + +.width-182 { + width: 182px !important; +} + +.height-183 { + height: 183px !important; +} + +.width-183 { + width: 183px !important; +} + +.height-184 { + height: 184px !important; +} + +.width-184 { + width: 184px !important; +} + +.height-185 { + height: 185px !important; +} + +.width-185 { + width: 185px !important; +} + +.height-186 { + height: 186px !important; +} + +.width-186 { + width: 186px !important; +} + +.height-187 { + height: 187px !important; +} + +.width-187 { + width: 187px !important; +} + +.height-188 { + height: 188px !important; +} + +.width-188 { + width: 188px !important; +} + +.height-189 { + height: 189px !important; +} + +.width-189 { + width: 189px !important; +} + +.height-190 { + height: 190px !important; +} + +.width-190 { + width: 190px !important; +} + +.height-191 { + height: 191px !important; +} + +.width-191 { + width: 191px !important; +} + +.height-192 { + height: 192px !important; +} + +.width-192 { + width: 192px !important; +} + +.height-193 { + height: 193px !important; +} + +.width-193 { + width: 193px !important; +} + +.height-194 { + height: 194px !important; +} + +.width-194 { + width: 194px !important; +} + +.height-195 { + height: 195px !important; +} + +.width-195 { + width: 195px !important; +} + +.height-196 { + height: 196px !important; +} + +.width-196 { + width: 196px !important; +} + +.height-197 { + height: 197px !important; +} + +.width-197 { + width: 197px !important; +} + +.height-198 { + height: 198px !important; +} + +.width-198 { + width: 198px !important; +} + +.height-199 { + height: 199px !important; +} + +.width-199 { + width: 199px !important; +} + +.height-200 { + height: 200px !important; +} + +.width-200 { + width: 200px !important; +} + +.height-201 { + height: 201px !important; +} + +.width-201 { + width: 201px !important; +} + +.height-202 { + height: 202px !important; +} + +.width-202 { + width: 202px !important; +} + +.height-203 { + height: 203px !important; +} + +.width-203 { + width: 203px !important; +} + +.height-204 { + height: 204px !important; +} + +.width-204 { + width: 204px !important; +} + +.height-205 { + height: 205px !important; +} + +.width-205 { + width: 205px !important; +} + +.height-206 { + height: 206px !important; +} + +.width-206 { + width: 206px !important; +} + +.height-207 { + height: 207px !important; +} + +.width-207 { + width: 207px !important; +} + +.height-208 { + height: 208px !important; +} + +.width-208 { + width: 208px !important; +} + +.height-209 { + height: 209px !important; +} + +.width-209 { + width: 209px !important; +} + +.height-210 { + height: 210px !important; +} + +.width-210 { + width: 210px !important; +} + +.height-211 { + height: 211px !important; +} + +.width-211 { + width: 211px !important; +} + +.height-212 { + height: 212px !important; +} + +.width-212 { + width: 212px !important; +} + +.height-213 { + height: 213px !important; +} + +.width-213 { + width: 213px !important; +} + +.height-214 { + height: 214px !important; +} + +.width-214 { + width: 214px !important; +} + +.height-215 { + height: 215px !important; +} + +.width-215 { + width: 215px !important; +} + +.height-216 { + height: 216px !important; +} + +.width-216 { + width: 216px !important; +} + +.height-217 { + height: 217px !important; +} + +.width-217 { + width: 217px !important; +} + +.height-218 { + height: 218px !important; +} + +.width-218 { + width: 218px !important; +} + +.height-219 { + height: 219px !important; +} + +.width-219 { + width: 219px !important; +} + +.height-220 { + height: 220px !important; +} + +.width-220 { + width: 220px !important; +} + +.height-221 { + height: 221px !important; +} + +.width-221 { + width: 221px !important; +} + +.height-222 { + height: 222px !important; +} + +.width-222 { + width: 222px !important; +} + +.height-223 { + height: 223px !important; +} + +.width-223 { + width: 223px !important; +} + +.height-224 { + height: 224px !important; +} + +.width-224 { + width: 224px !important; +} + +.height-225 { + height: 225px !important; +} + +.width-225 { + width: 225px !important; +} + +.height-226 { + height: 226px !important; +} + +.width-226 { + width: 226px !important; +} + +.height-227 { + height: 227px !important; +} + +.width-227 { + width: 227px !important; +} + +.height-228 { + height: 228px !important; +} + +.width-228 { + width: 228px !important; +} + +.height-229 { + height: 229px !important; +} + +.width-229 { + width: 229px !important; +} + +.height-230 { + height: 230px !important; +} + +.width-230 { + width: 230px !important; +} + +.height-231 { + height: 231px !important; +} + +.width-231 { + width: 231px !important; +} + +.height-232 { + height: 232px !important; +} + +.width-232 { + width: 232px !important; +} + +.height-233 { + height: 233px !important; +} + +.width-233 { + width: 233px !important; +} + +.height-234 { + height: 234px !important; +} + +.width-234 { + width: 234px !important; +} + +.height-235 { + height: 235px !important; +} + +.width-235 { + width: 235px !important; +} + +.height-236 { + height: 236px !important; +} + +.width-236 { + width: 236px !important; +} + +.height-237 { + height: 237px !important; +} + +.width-237 { + width: 237px !important; +} + +.height-238 { + height: 238px !important; +} + +.width-238 { + width: 238px !important; +} + +.height-239 { + height: 239px !important; +} + +.width-239 { + width: 239px !important; +} + +.height-240 { + height: 240px !important; +} + +.width-240 { + width: 240px !important; +} + +.height-241 { + height: 241px !important; +} + +.width-241 { + width: 241px !important; +} + +.height-242 { + height: 242px !important; +} + +.width-242 { + width: 242px !important; +} + +.height-243 { + height: 243px !important; +} + +.width-243 { + width: 243px !important; +} + +.height-244 { + height: 244px !important; +} + +.width-244 { + width: 244px !important; +} + +.height-245 { + height: 245px !important; +} + +.width-245 { + width: 245px !important; +} + +.height-246 { + height: 246px !important; +} + +.width-246 { + width: 246px !important; +} + +.height-247 { + height: 247px !important; +} + +.width-247 { + width: 247px !important; +} + +.height-248 { + height: 248px !important; +} + +.width-248 { + width: 248px !important; +} + +.height-249 { + height: 249px !important; +} + +.width-249 { + width: 249px !important; +} + +.height-250 { + height: 250px !important; +} + +.width-250 { + width: 250px !important; +} + +.height-251 { + height: 251px !important; +} + +.width-251 { + width: 251px !important; +} + +.height-252 { + height: 252px !important; +} + +.width-252 { + width: 252px !important; +} + +.height-253 { + height: 253px !important; +} + +.width-253 { + width: 253px !important; +} + +.height-254 { + height: 254px !important; +} + +.width-254 { + width: 254px !important; +} + +.height-255 { + height: 255px !important; +} + +.width-255 { + width: 255px !important; +} + +.height-256 { + height: 256px !important; +} + +.width-256 { + width: 256px !important; +} + +.height-257 { + height: 257px !important; +} + +.width-257 { + width: 257px !important; +} + +.height-258 { + height: 258px !important; +} + +.width-258 { + width: 258px !important; +} + +.height-259 { + height: 259px !important; +} + +.width-259 { + width: 259px !important; +} + +.height-260 { + height: 260px !important; +} + +.width-260 { + width: 260px !important; +} + +.height-261 { + height: 261px !important; +} + +.width-261 { + width: 261px !important; +} + +.height-262 { + height: 262px !important; +} + +.width-262 { + width: 262px !important; +} + +.height-263 { + height: 263px !important; +} + +.width-263 { + width: 263px !important; +} + +.height-264 { + height: 264px !important; +} + +.width-264 { + width: 264px !important; +} + +.height-265 { + height: 265px !important; +} + +.width-265 { + width: 265px !important; +} + +.height-266 { + height: 266px !important; +} + +.width-266 { + width: 266px !important; +} + +.height-267 { + height: 267px !important; +} + +.width-267 { + width: 267px !important; +} + +.height-268 { + height: 268px !important; +} + +.width-268 { + width: 268px !important; +} + +.height-269 { + height: 269px !important; +} + +.width-269 { + width: 269px !important; +} + +.height-270 { + height: 270px !important; +} + +.width-270 { + width: 270px !important; +} + +.height-271 { + height: 271px !important; +} + +.width-271 { + width: 271px !important; +} + +.height-272 { + height: 272px !important; +} + +.width-272 { + width: 272px !important; +} + +.height-273 { + height: 273px !important; +} + +.width-273 { + width: 273px !important; +} + +.height-274 { + height: 274px !important; +} + +.width-274 { + width: 274px !important; +} + +.height-275 { + height: 275px !important; +} + +.width-275 { + width: 275px !important; +} + +.height-276 { + height: 276px !important; +} + +.width-276 { + width: 276px !important; +} + +.height-277 { + height: 277px !important; +} + +.width-277 { + width: 277px !important; +} + +.height-278 { + height: 278px !important; +} + +.width-278 { + width: 278px !important; +} + +.height-279 { + height: 279px !important; +} + +.width-279 { + width: 279px !important; +} + +.height-280 { + height: 280px !important; +} + +.width-280 { + width: 280px !important; +} + +.height-281 { + height: 281px !important; +} + +.width-281 { + width: 281px !important; +} + +.height-282 { + height: 282px !important; +} + +.width-282 { + width: 282px !important; +} + +.height-283 { + height: 283px !important; +} + +.width-283 { + width: 283px !important; +} + +.height-284 { + height: 284px !important; +} + +.width-284 { + width: 284px !important; +} + +.height-285 { + height: 285px !important; +} + +.width-285 { + width: 285px !important; +} + +.height-286 { + height: 286px !important; +} + +.width-286 { + width: 286px !important; +} + +.height-287 { + height: 287px !important; +} + +.width-287 { + width: 287px !important; +} + +.height-288 { + height: 288px !important; +} + +.width-288 { + width: 288px !important; +} + +.height-289 { + height: 289px !important; +} + +.width-289 { + width: 289px !important; +} + +.height-290 { + height: 290px !important; +} + +.width-290 { + width: 290px !important; +} + +.height-291 { + height: 291px !important; +} + +.width-291 { + width: 291px !important; +} + +.height-292 { + height: 292px !important; +} + +.width-292 { + width: 292px !important; +} + +.height-293 { + height: 293px !important; +} + +.width-293 { + width: 293px !important; +} + +.height-294 { + height: 294px !important; +} + +.width-294 { + width: 294px !important; +} + +.height-295 { + height: 295px !important; +} + +.width-295 { + width: 295px !important; +} + +.height-296 { + height: 296px !important; +} + +.width-296 { + width: 296px !important; +} + +.height-297 { + height: 297px !important; +} + +.width-297 { + width: 297px !important; +} + +.height-298 { + height: 298px !important; +} + +.width-298 { + width: 298px !important; +} + +.height-299 { + height: 299px !important; +} + +.width-299 { + width: 299px !important; +} + +.height-300 { + height: 300px !important; +} + +.width-300 { + width: 300px !important; +} + +/* Deafult z-index and font-weight*/ +.z-index-0 { + z-index: 0 !important; +} + +.font-weight-0 { + font-weight: 0 !important; +} + +.z-index-1 { + z-index: 1 !important; +} + +.font-weight-100 { + font-weight: 100 !important; +} + +.z-index-2 { + z-index: 2 !important; +} + +.font-weight-200 { + font-weight: 200 !important; +} + +.z-index-3 { + z-index: 3 !important; +} + +.font-weight-300 { + font-weight: 300 !important; +} + +.z-index-4 { + z-index: 4 !important; +} + +.font-weight-400 { + font-weight: 400 !important; +} + +.z-index-5 { + z-index: 5 !important; +} + +.font-weight-500 { + font-weight: 500 !important; +} + +.z-index-6 { + z-index: 6 !important; +} + +.font-weight-600 { + font-weight: 600 !important; +} + +.z-index-7 { + z-index: 7 !important; +} + +.font-weight-700 { + font-weight: 700 !important; +} + +.z-index-8 { + z-index: 8 !important; +} + +.font-weight-800 { + font-weight: 800 !important; +} + +.z-index-9 { + z-index: 9 !important; +} + +.font-weight-900 { + font-weight: 900 !important; +} + +.z-index-10 { + z-index: 10 !important; +} + +.font-weight-1000 { + font-weight: 1000 !important; +} + +.is-ellipsis-0 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 0; + -webkit-line-clamp: 0; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-1 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 1; + -webkit-line-clamp: 1; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-2 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 2; + -webkit-line-clamp: 2; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-3 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 3; + -webkit-line-clamp: 3; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-4 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 4; + -webkit-line-clamp: 4; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-5 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 5; + -webkit-line-clamp: 5; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-6 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 6; + -webkit-line-clamp: 6; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-7 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 7; + -webkit-line-clamp: 7; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-8 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 8; + -webkit-line-clamp: 8; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-9 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 9; + -webkit-line-clamp: 9; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +.is-ellipsis-10 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 10; + -webkit-line-clamp: 10; + box-orient: vertical; + -webkit-box-orient: vertical; +} + +:root { + --ac-primary: #00a651; +} + +body.guard { + --ac-primary: #d84e27; +} +body.kubedb { + --ac-primary: #4d4dcb; +} +body.kubeci { + --ac-primary: #2c3e50; +} +body.kubed { + --ac-primary: #1c7bd4; +} +body.kubesheild { + --ac-primary: #2516c7; +} +body.kubevault { + --ac-primary: #326ce5; +} +body.kubeform { + --ac-primary: #592217; +} +body.searchlight { + --ac-primary: #111738; +} +body.pharmer { + --ac-primary: #8e44ad; +} +body.service-broker { + --ac-primary: #29b4a2; +} +body.stash { + --ac-primary: #5e2dea; +} +body.swift { + --ac-primary: #3f51b6; +} +body.voyager { + --ac-primary: #2d2a78; +} + +html, +body { + background-color: #ffffff; + font-family: "Roboto", sans-serif; + font-weight: 400; + font-size: 1rem; + color: #515D63; + scroll-behavior: smooth; +} + +p { + font-size: 1rem; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 500; + color: #171B1C; + line-height: 130%; +} + +h1 { + font-size: 60px; + letter-spacing: -0.5px; +} + +h2 { + font-size: 48px; + letter-spacing: -0.57px; +} + +h3 { + font-size: 32px; +} + +h4 { + font-size: 24px; + letter-spacing: -0.25px; +} + +h5 { + font-size: 18px; +} + +h6 { + font-size: 16px; + letter-spacing: -0.15px; +} + +a { + font-family: "Roboto", sans-serif; + color: var(--ac-primary); +} + +hr { + background-color: #e7e7e7; + border: none; + display: block; + height: 1px; + margin: 16px 0; +} + +strong { + color: #171B1C; +} + +.is-gradient { + background: linear-gradient(-45deg, var(--ac-primary), #940148, #4c346f, var(--ac-primary)); + background-size: 300% 300%; + animation: gradient 5s ease infinite; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +/* ====================== + Global CSS start +========================*/ +.bg-gradient-1 { + position: relative; + z-index: 1; + background-size: 120% 120%; + animation: gradient 15s ease infinite; +} +.bg-gradient-1:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgb(255, 255, 255); + z-index: -1; + opacity: 0.9; + background-size: 50%; + overflow: hidden; +} + +.social-prove-brand-area .brand-image-wrapper { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + width: 100%; +} +.social-prove-brand-area .brand-image-wrapper .single-brand { + border: 1px solid #e7e7e7; + background-color: #ffffff; + padding: 12px 24px; + border-radius: 4px; + display: flex; + align-items: center; + transition: 0.3s ease-in-out; +} +.social-prove-brand-area .brand-image-wrapper .single-brand img { + max-height: 2rem; + filter: grayscale(1); + transition: 0.3s ease-in-out; +} +.social-prove-brand-area .brand-image-wrapper .single-brand:hover img { + filter: grayscale(0); +} +.social-prove-brand-area .owl-carousel .owl-stage { + transition-timing-function: linear !important; +} +.social-prove-brand-area .owl-carousel .owl-item img { + width: auto !important; + height: 32px; +} + +.is-fullwidth { + width: 100% !important; +} + +.section-padding { + padding: 60px 0; +} +@media screen and (max-width: 1023px) { + .section-padding { + padding: 32px 0; + } +} + +.list-items { + display: flex; + flex-direction: column; + gap: 12px; +} +@media screen and (max-width: 768px) { + .list-items { + gap: 4px; + } +} +.list-items li { + display: flex; + align-items: center; + gap: 12px; +} +.list-items li span { + font-size: 18px; +} + +.decorative-el, .others-products, .products-features .features-tabs, .ui-features-area, .mechanics-area, .products-area, .hero-area-1 .h-right-content { + position: relative; + z-index: 1; +} +.decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after { + position: absolute; + content: ""; + left: -54px; + top: 0px; + width: 250px; + height: 250px; + z-index: -1; + background-image: url("../images/shape/decorative-el.svg"); + background-repeat: no-repeat; +} +@media screen and (max-width: 768px) { + .decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after { + width: 120px; + height: 120px; + } +} + +.yt-thumbnail { + position: relative; + z-index: 1; + border-radius: 4px; + overflow: hidden; +} +.yt-thumbnail img { + display: flex; + -o-object-fit: cover; + object-fit: cover; + height: 250px; + width: 400px; +} +.yt-thumbnail:hover .play-icon svg { + transform: scale(1.3); +} +.yt-thumbnail:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #000000; + opacity: 0.5; +} +.yt-thumbnail .play-icon { + position: absolute; + z-index: 99; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.yt-thumbnail .play-icon svg { + width: 40px; + display: flex; + cursor: pointer; + transition: 0.3s ease-in-out; +} + +.section-title { + margin-bottom: 2rem; + position: relative; + z-index: 8; +} +.section-title h1 { + font-weight: 700; + font-size: 48px; + line-height: 130%; +} +.section-title h1.is-outlined-text { + color: #e7e7e7; + -webkit-text-fill-color: white; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #e7e7e7; + position: absolute; + font-size: 107px; + top: 0; + z-index: -1; + opacity: 0.5; + text-align: center; + width: 100%; +} +.section-title h2 { + font-size: 32px; + font-weight: 600; + margin-bottom: 8px; + text-wrap: balance; +} +.section-title p { + font-size: 16px; + line-height: 160%; + letter-spacing: 0; + margin-bottom: 3rem; + font-weight: normal; +} + +.left-0 { + left: 0 !important; +} + +.right-0 { + right: 0 !important; +} + +.top-0 { + top: 0 !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.breadcrumb-section { + padding-top: 200px; +} + +.cube { + position: absolute; + top: 80vh; + left: 45vw; + width: 10px; + height: 10px; + border: solid 1px #ffffff; + opacity: 0.5; + transform-origin: top left; + transform: scale(0) rotate(0deg) translate(-50%, -50%); + animation: cube 12s ease-in forwards infinite; +} +.cube:nth-child(2n) { + border-color: white; +} +.cube:nth-child(2) { + animation-delay: 2s; + left: 5vw; + top: 30vh; +} +.cube:nth-child(3) { + animation-delay: 4s; + left: 95vw; + top: 50vh; +} +.cube:nth-child(4) { + animation-delay: 6s; + left: 90vw; + top: 30vh; +} +.cube:nth-child(5) { + animation-delay: 8s; + left: 10vw; + top: 75vh; +} +.cube:nth-child(6) { + animation-delay: 10s; + left: 50vw; + top: 20vh; +} + +.circle { + position: absolute; + top: 20vh; + left: 35vw; + width: 10px; + height: 10px; + border-radius: 50%; + border: solid 1px #ffffff; + opacity: 0.5; + transform-origin: top left; + transform: scale(0) rotate(0deg) translate(-50%, -50%); + animation: cube 12s ease-in forwards infinite; +} +.circle:nth-child(2n) { + border-color: white; +} +.circle:nth-child(2) { + animation-delay: 0.5s; + left: 15vw; + top: 40vh; +} +.circle:nth-child(3) { + animation-delay: 2s; + left: 100vw; + top: 60vh; +} +.circle:nth-child(4) { + animation-delay: 3s; + left: 90vw; + top: 30vh; +} +.circle:nth-child(5) { + animation-delay: 5s; + left: 20vw; + top: 65vh; +} +.circle:nth-child(6) { + animation-delay: 8s; + left: 60vw; + top: 30vh; +} + +@keyframes cube { + from { + transform: scale(0) rotate(0deg) translate(-50%, -50%); + opacity: 2s; + margin-top: 200px; + } + to { + transform: scale(5) rotate(960deg) translate(-50%, -50%); + opacity: 0; + margin-top: 0; + } +} +.br-1 { + border-right: 1px solid #e7e7e7; +} + +.bl-1 { + border-left: 1px solid #e7e7e7; +} + +.bt-1 { + border-top: 1px solid #e7e7e7; +} + +.bb-1 { + border-bottom: 1px solid #e7e7e7; +} + +.has-text-primary { + color: var(--ac-primary) !important; +} + +::-moz-selection { + /* Code for Firefox */ + color: #ffffff; + background: var(--ac-primary); +} + +::selection { + color: #ffffff; + background: var(--ac-primary); +} + +.d-table { + display: table; + height: 100%; + width: 100%; +} + +.d-table-cell { + width: 100%; + display: table-cell; + vertical-align: middle; +} + +/* brand logo area start */ +.single-brand-logo { + display: inline-block; + overflow: hidden; + margin: 10px 20px; + text-align: center; + vertical-align: middle; + max-width: 200px; + height: auto; +} +.single-brand-logo img { + max-height: 50px; +} + +/* brand logo area end */ +.ac-custom-select .ss-single-selected, +.ac-custom-select .ss-multi-selected { + min-height: 45px !important; + border: 1px solid #a6abbd; + color: #515D63; + padding: 0 15px; +} +.ac-custom-select .ss-single-selected .ss-arrow, +.ac-custom-select .ss-multi-selected .ss-arrow { + margin: 0; +} +.ac-custom-select .ss-single-selected .placeholder, +.ac-custom-select .ss-multi-selected .placeholder { + font-size: 15px; + color: #515D63; + font-weight: 500; +} +.ac-custom-select .ss-single-selected .ss-values, +.ac-custom-select .ss-multi-selected .ss-values { + margin-top: 3px; +} +.ac-custom-select .ss-single-selected .ss-values .ss-disabled, +.ac-custom-select .ss-multi-selected .ss-values .ss-disabled { + margin: 0; + padding: 0; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; +} +.ac-custom-select .ss-single-selected .ss-values .ss-value, +.ac-custom-select .ss-multi-selected .ss-values .ss-value { + height: 30px; + margin-bottom: 6px; + padding: 0 10px; + background-color: #35a651; +} +.ac-custom-select .ss-single-selected .ss-add, +.ac-custom-select .ss-multi-selected .ss-add { + margin: 4px; + align-items: center; +} +.ac-custom-select .ss-content { + border: 1px solid #a6abbd; +} +.ac-custom-select .ss-content .ss-list .ss-option { + font-size: 14px; + color: #515D63; + transition: 0.3s ease-in-out; +} +.ac-custom-select .ss-content .ss-list .ss-option:hover { + opacity: 0.8; + color: #ffffff; + background-color: var(--ac-primary); +} +.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled { + opacity: 0.5; +} +.ac-custom-select .ss-content .ss-search input { + border: 1px solid #a6abbd; +} +.ac-custom-select .ss-content .ss-search input:focus { + outline: none; + box-shadow: none; +} + +.message { + display: flex; + align-items: center; +} +.message lord-icon { + margin-right: 1rem; +} +.message.is-warning { + background-color: transparent; +} +.message.is-warning .message-body { + border-color: transparent; + border-width: 0; + color: #515D63; + padding: 1em 1em; + background-color: #ffdd57; + width: 100%; +} +.message.is-danger { + background-color: transparent; +} +.message.is-danger .message-body { + border-color: transparent; + border-width: 0; + color: #ffffff; + padding: 1em 1em; + background-color: #ff3729; + width: 100%; +} + +.is-gap-0 { + gap: 0px; +} + +.is-gap-1 { + gap: 1px; +} + +.is-gap-2 { + gap: 2px; +} + +.is-gap-3 { + gap: 3px; +} + +.is-gap-4 { + gap: 4px; +} + +.is-gap-5 { + gap: 5px; +} + +.is-gap-6 { + gap: 6px; +} + +.is-gap-7 { + gap: 7px; +} + +.is-gap-8 { + gap: 8px; +} + +.is-gap-9 { + gap: 9px; +} + +.is-gap-10 { + gap: 10px; +} + +.is-gap-11 { + gap: 11px; +} + +.is-gap-12 { + gap: 12px; +} + +.is-gap-13 { + gap: 13px; +} + +.is-gap-14 { + gap: 14px; +} + +.is-gap-15 { + gap: 15px; +} + +.is-gap-16 { + gap: 16px; +} + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .is-flex-direction-row-reverse-mobile { + flex-direction: column-reverse; + display: flex; + } + .container { + padding: 0 15px; + } + .section-title { + font-size: 28px; + margin-bottom: 1rem; + } + .section-title h2 { + font-size: 28px; + margin-bottom: 0; + } + .section-title h1 { + font-size: 28px; + } + .section-title h1.is-outlined-text { + font-size: 60px; + } + .section-title p { + margin-bottom: 0; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .container { + padding: 0 30px; + } + .section-title h1.is-outlined-text { + font-size: 70px; + } + .section-title p { + margin-bottom: 0; + } + .is-flex-direction-row-reverse-tablet { + flex-direction: column-reverse; + display: flex; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .section-title h1.is-outlined-text { + font-size: 80px; + } + .cube { + animation: none; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .section-title h1.is-outlined-text { + font-size: 80px; + } +} +@media screen and (min-width: 1408px) { + .section-title h1.is-outlined-text { + font-size: 80px; + } +} +@media (min-width: 1216px) and (max-width: 1440px) { + .container { + max-width: 1200px !important; + } +} +.lightbox { + background-color: rgba(0, 0, 0, 0.8); + position: fixed; + display: none; + z-index: 99; + bottom: 0; + right: 0; + left: 0; + top: 0; +} +.lightbox-container { + position: relative; + max-width: 1080px; + margin: 7% auto; + display: block; + padding: 0 3%; + height: auto; + z-index: 10; +} +@media screen and (max-width: 768px) { + .lightbox-container { + margin-top: 10%; + } +} +@media screen and (max-width: 414px) { + .lightbox-container { + margin-top: 13%; + } +} +.lightbox-content { + box-shadow: 0 1px 6px fade(black, 70%); +} +.lightbox-close { + text-transform: uppercase; + background: transparent; + position: absolute; + font-weight: 300; + font-size: 32px; + display: block; + border: none; + color: white; + top: -52px; + right: 3%; + cursor: pointer; +} + +.video-container { + padding-bottom: 56.25%; + position: relative; + padding-top: 30px; + overflow: hidden; + height: 0; +} + +.video-container iframe, +.video-container object, +.video-container embed { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; +} + +.hero-area-2 { + position: relative; + z-index: 1; +} +.hero-area-2::after { + left: 0; + top: 0; + width: 100%; + height: 100%; + background-repeat: no-repeat !important; + position: absolute; + z-index: -2; + content: ""; + background: url(../images/appscode/about-hero-bg-2.png); + background-size: contain; +} +.hero-area-2 .hero-area-inner-2 { + height: 400px; + padding-top: 120px; +} +.hero-area-2 .hero-area-inner-2 h1 { + font-size: 48px; + margin-bottom: 15px; +} +.hero-area-2 .hero-area-inner-2 p { + font-size: 18px; +} + +.hero-area-2.bg-color-available:after { + background-color: #fbfbfb; +} + +.illustration-area { + min-height: 500px; + background-repeat: no-repeat; +} + +.illustration-1 { + background-image: url(../images/consulting-page/illustation.png); + background-size: contain; +} + +.consulting-inner h2 { + font-size: 36px; + margin-bottom: 30px; + font-weight: 400; + line-height: 50px; +} +.consulting-inner p { + font-size: 16px; + line-height: 28px; + color: #515D63; + margin-bottom: 20px; +} +.consulting-inner p:last-child { + margin-bottom: 0; +} + +.testimonial-area-2 .testimonial-wrapper { + overflow: hidden; +} +.testimonial-area-2 .testimonial-wrapper .quote-icon { + margin-bottom: 30px; +} +.testimonial-area-2 .testimonial-wrapper h1 { + font-size: 28px; + line-height: 45px; + font-weight: 600; +} +.testimonial-area-2 .testimonial-wrapper .user-information { + margin-top: 30px; + float: right; + overflow: hidden; + align-items: center; +} +.testimonial-area-2 .testimonial-wrapper .user-information figure { + margin-right: 15px; +} +.testimonial-area-2 .testimonial-wrapper .user-information h4 { + font-size: 18px; + line-height: 28px; + font-weight: 700; + color: var(--ac-primary); +} +.testimonial-area-2 .testimonial-wrapper .user-information p { + font-size: 14px; + color: #515D63; +} + +.package-area .single-package-wrapper { + padding: 30px 50px; +} +.package-area .single-package-wrapper h4 { + font-size: 18px; + margin-bottom: 5px; +} +.package-area .single-package-wrapper p { + font-size: 16px; +} + +.our-customer-area { + background-color: #FBFBFB; +} + +.training-wrapper-image .single-training-image-wrapper { + width: 280px; + height: 280px; + border-radius: 50%; + overflow: hidden; + display: inline-block; + margin-right: 30px; +} +.training-wrapper-image .single-training-image-wrapper:last-child { + margin-right: 0; +} +.training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 250px; + height: 250px; + transform: translateY(-70px); +} +.training-wrapper-image .single-training-image-wrapper img { + transition: 0.3s ease-in-out; +} +.training-wrapper-image .single-training-image-wrapper:hover img { + transform: scale(1.3); +} + +.about-training { + position: relative; + z-index: 1; +} +.about-training .dots-shape { + position: absolute; + background-image: url(../images/training-page/dots-shape.png); + background-repeat: no-repeat; + z-index: -1; + width: 200px; + height: 300px; + right: -70px; + top: 30%; +} + +.cta-area-2 .cta-content h1 { + font-size: 73px; + line-height: 83px; + margin-bottom: 50px; +} + +.client-thumb { + width: 50px; + height: 50px; + border-radius: 50%; + overflow: hidden; + float: left; + margin-right: 20px; +} + +.client-info { + float: left; + overflow: hidden; + margin-top: 5px; + text-align: left; +} +.client-info h4 { + font-size: 16px; + line-height: 19px; + margin-bottom: 3px; +} +.client-info p { + margin: 0; + font-size: 12px; + font-style: italic; + color: #515D63; + opacity: 0.6; +} + +/*==================================== + Support page CSS +====================================*/ +/* Payment Method section style */ +.single-payment-method { + display: inline-block; + margin-left: 30px; +} + +.single-payment-method:first-child { + margin-left: 0; +} + +.payment-method-innner-text h2 { + color: #171B1C; + margin-bottom: 20px; +} + +.payment-method-innner-text p { + margin: 0; +} + +.payment-method-area { + position: relative; + background-image: url(../images/shape/shape-1.png); + background-repeat: no-repeat; + background-size: cover; + z-index: 1; + margin-top: 120px; +} + +.payment-method-area:after { + background-image: url(../images/shape/shape-2.png); + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + position: absolute; + background-position: 0 0; + background-repeat: no-repeat; + background-size: cover; + z-index: -1; +} + +.item ul, +.item input[type=checkbox] { + display: none; + overflow: hidden; + transition: 0.3s; +} + +.product-sidebar-menu .item label a { + font-weight: 500; + color: #171B1C; + padding: 0.5rem 1.25rem; + display: block; +} + +.item ul li.is-active a { + color: var(--ac-primary); +} + +.item input:checked ~ ul, +.item input:checked ~ .item > ul { + display: block; + transition: 0.3s linear; +} + +.item input:checked ~ label span, +.item input:checked ~ .item > label span { + transform: rotate(90deg); + margin-top: 0; + transform-origin: 0; +} + +.item label span { + position: absolute; + right: 15px; + transition: 0.3s ease-in-out; + top: 9px; +} + +.item ul li a { + display: block; + padding: 6px 0; + font-family: "Roboto", sans-serif; + font-weight: 400; +} + +.item label { + position: relative; + z-index: 9; +} + +.product-sidebar-menu label, +.product-sidebar-menu li a { + font-size: 14px; + font-weight: 500; + color: #4a4a4a; + display: block; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: 0.3s; +} + +.product-sidebar-menu li a:hover { + color: var(--ac-primary); +} + +.product-sidebar-menu .item ul { + margin-left: 20px; + padding-left: 15px; + border-left: 1px solid #e7e7e7; +} + +.item:first-child input:checked ~ label, +.item:first-child input:checked ~ .item:first-child > label { + border: 1px solid transparent; +} + +.appscode-style .item input:checked ~ label > a { + color: var(--ac-primary); +} + +.item input:checked ~ ul, +.item input:checked ~ .item > ul > .item { + margin-left: -20px; +} + +.ac-product-left-sidebar { + margin-right: 30px; + position: sticky; + top: 130px; + z-index: 9; + width: 100%; + height: 100%; + overflow-y: auto; + max-height: calc(100vh - 190px); + overflow-x: hidden; +} + +.product-sidebar-menu .item label { + border: 1px solid transparent; + position: relative; + z-index: 1; + border-radius: 3px 0 0 3px; +} + +/* datasheet style start */ +.datasheet-wrapper { + padding: 0 100px; +} + +.download-question h4 { + font-size: 18px; + color: #171B1C; + font-weight: 700; +} + +.download-question p { + color: #515D63; + font-size: 16px; + font-family: "Roboto", sans-serif; +} + +.download-question p strong { + color: #32325d; + font-weight: 500; + font-family: "Roboto", sans-serif; + margin: 10px 0; + display: block; +} + +.download-question a { + font-family: "Roboto", sans-serif; + font-size: 16px; +} + +.form-area h4 { + font-size: 18px; + color: #171B1C; + font-weight: 700; + margin-bottom: 30px; +} + +.single-input-field label { + display: block; + color: #32325d; + font-family: "Roboto", sans-serif; + font-size: 16px; + margin-bottom: 5px; +} + +.single-input-field input { + padding: 12px 15px; + border: 1px solid #c4cbd3; + border-radius: 4px; + font-size: 16px; + font-family: "Roboto", sans-serif; + color: #242a31; + width: 100%; +} + +.single-input-field input::-moz-placeholder { + color: #e7e7e7; +} + +.single-input-field input::placeholder { + color: #e7e7e7; +} + +.single-input-field .select, +select { + width: 100%; + height: 48px !important; +} + +.single-input-field .select select:not([multiple]) { + padding-left: 15px; + color: #e7e7e7; +} + +.download-button .icon { + padding-right: 25px; +} + +/* datasheet style end */ +/* schedule-demo start */ +embed, +iframe, +object, +video { + height: 100%; + max-width: 100%; +} + +.schedule-title { + margin-top: 65px; + color: #242a31; + margin-bottom: 30px; +} + +/* schedule-demo end */ +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .package-area .single-package-wrapper { + padding: 20px 30px; + border: 1px solid #e7e7e7; + } + .testimonial-area-2 .testimonial-wrapper { + text-align: center; + } + .testimonial-area-2 .testimonial-wrapper .is-pulled-right { + float: inherit !important; + margin-top: 15px; + display: flex; + justify-content: center; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .package-area .single-package-wrapper { + padding: 20px; + border: 1px solid #e7e7e7; + } + .ac-image { + text-align: center; + } + .about-training .section-title h2 { + text-align: center; + } + .ac-text p { + text-align: center; + } + .training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 150px; + height: 150px; + } + .training-wrapper-image .single-training-image-wrapper { + width: 180px; + height: 180px; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 150px; + height: 150px; + } + .training-wrapper-image .single-training-image-wrapper { + width: 180px; + height: 180px; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 150px; + height: 150px; + } + .training-wrapper-image .single-training-image-wrapper { + width: 180px; + height: 180px; + } +} +@media screen and (min-width: 1408px) { + .training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 150px; + height: 150px; + } + .training-wrapper-image .single-training-image-wrapper { + width: 180px; + height: 180px; + } +} +.ac-notification.is-primary { + background-color: var(--ac-primary); +} +.ac-notification p { + color: #fff; +} +.ac-notification p a { + color: #3273dc !important; + font-weight: 500; +} + +.hero-area-2.webinar-page::after { + background-color: rgba(25, 113, 189, 0.1); + background-size: cover; +} +.hero-area-2.webinar-page .webinar-hero-area { + position: relative; + z-index: 1; +} +.hero-area-2.webinar-page .hero-area-inner-2 { + height: auto; + padding-bottom: 120px; + padding-top: 100px; +} +.hero-area-2.webinar-page .hero-area-inner-2 h1 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 62px; + line-height: 93px; + color: #393e46; + margin-bottom: 10px; +} +.hero-area-2.webinar-page .hero-area-inner-2 .subtitle { + font-size: 36px; + color: #666; + line-height: 58px; + font-weight: 500; +} +.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info { + display: flex; + align-items: center; + margin-right: 44px; +} +.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info:last-child { + margin-right: 0; +} +.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info .icon { + width: 34px; + height: 34px; + background: #00a651; + color: #fff; + border-radius: 50%; + font-size: 14px; + line-height: 15px; + margin-right: 15px; +} +.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info strong { + color: #3f3d56; + margin-right: 5px; +} +.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info p { + color: #666666; +} +.hero-area-2.webinar-page .count-down-area { + background: #ffffff; + box-shadow: 2px 4px 27px rgba(25, 113, 189, 0.16); + border-radius: 8px; + display: flex; + align-items: center; + padding: 7px 0; + position: absolute; + width: 85%; + bottom: -94px; +} +.hero-area-2.webinar-page .count-down-area .signle-count { + border-right: 1px solid #e6e6e6; + text-align: center; + width: 25%; + padding: 25px 0; +} +.hero-area-2.webinar-page .count-down-area .signle-count:last-child { + border-right: none; +} +.hero-area-2.webinar-page .count-down-area .signle-count .name { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 19px; + color: #555555; + margin-bottom: 20px; +} +.hero-area-2.webinar-page .count-down-area .signle-count .unit { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 62px; + line-height: 62px; + color: #393e46; +} + +.registration-form-container.register-success, .registration-form-container.register-failed { + position: sticky; + top: 60px; +} +.registration-form-container.register-success form, .registration-form-container.register-failed form { + display: none; +} +.registration-form-container.register-success .register-notification, .registration-form-container.register-failed .register-notification { + display: block; +} +.registration-form-container .register-notification { + display: none; +} + +.registration-form-wrapper { + position: relative; + z-index: 1; +} +.registration-form-wrapper .registration-form { + width: 100%; +} +.registration-form-wrapper .circle-shape { + position: absolute; + right: 30px; + top: 30px; +} +.registration-form-wrapper .reg-illustration { + margin: 50px 0; +} + +.registration-form { + box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16); + background-color: #fff; + border-radius: 8px; + padding: 30px; +} +.registration-form h3 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 600; + font-size: 22px; + line-height: 20px; + color: #393e46; + margin-bottom: 30px; +} +.registration-form form label.radio-title { + font-family: Roboto; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + display: block; + color: #393e46; + margin-bottom: 6px; + text-transform: uppercase; +} +.registration-form form label.radio-title .is-require { + color: #ff3729; + padding-left: 5px; +} +.registration-form form .ac-single-radio label { + font-size: 14px !important; +} +.registration-form form .form-message { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 12px; + line-height: 20px; + color: #555555; +} +.registration-form form input[type=submit] { + height: 45px; + font-size: 14px; + font-weight: 500; +} +.registration-form form .single-input-form { + width: 100%; + margin-bottom: 20px; +} +.registration-form form .single-input-form.is-fullwidth { + width: 100%; +} +.registration-form form .single-input-form label { + font-family: Roboto; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + display: block; + color: #393e46; + margin-bottom: 6px; + text-transform: uppercase; +} +.registration-form form .single-input-form label .is-require { + color: #ea3d2f; + padding-left: 5px; +} +.registration-form form input, +.registration-form form .textarea-wrapper, +.registration-form form .select { + border: 1px solid #a6abbd; + border-radius: 4px; + height: 45px; + width: 100%; + padding: 0 15px; + font-weight: 500; + font-size: 15px; + background-color: transparent; + color: #515D63; +} +.registration-form form input:focus, +.registration-form form .textarea-wrapper:focus, +.registration-form form .select:focus { + outline: none !important; + border: 1px solid var(--ac-primary); +} +.registration-form form input::-moz-placeholder, .registration-form form .textarea-wrapper::-moz-placeholder, .registration-form form .select::-moz-placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; +} +.registration-form form input::placeholder, +.registration-form form .textarea-wrapper::placeholder, +.registration-form form .select::placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; +} +.registration-form form .select { + border-color: #a6abbd; + padding: 0; +} +.registration-form form .select:hover { + border-color: #a6abbd; +} +.registration-form form .select select { + background-color: transparent; + border: none; + font-weight: 500; + height: 45px !important; + color: #515D63; + padding-left: 15px; +} +.registration-form form .select select option[selected] { + color: #333; +} +.registration-form form .textarea-wrapper { + height: 100px; +} +.registration-form form .textarea-wrapper { + padding: 10px 10px 10px 15px; +} +.registration-form form .textarea-wrapper:focus { + outline: none !important; + border: 1px solid var(--ac-primary); +} +.registration-form form textarea { + width: 100%; + height: calc(100% - 0px); + border: none; + font-weight: 500; + font-size: 15px; +} +.registration-form form textarea::-moz-placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; +} +.registration-form form textarea::placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; +} +.registration-form form textarea:focus { + outline: none; + border: none; +} +.registration-form form input[type=submit] { + width: 100%; + background-color: var(--ac-primary); + color: #fff; + cursor: pointer; +} +.registration-form form input[type=submit]:hover { + background-color: #008d45; +} +.registration-form form p.is-error { + color: #ea3d2f; + font-size: 12px; + line-height: 1.4; +} + +.webinar-summary-area { + padding-top: 150px; +} +.webinar-summary-area .webinar-summary h3 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 22px; + line-height: 22px; + color: #393e46; + margin-bottom: 20px; +} +.webinar-summary-area .webinar-summary .summary-content { + margin-bottom: 30px; + width: calc(100% - 30px); +} +.webinar-summary-area .webinar-summary .summary-content p { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 28px; + color: #555555; + margin-bottom: 15px; + text-align: justify; +} +.webinar-summary-area .webinar-summary .summary-content p:last-child { + margin-bottom: 0; +} +.webinar-summary-area .speaker-info-wrapper { + margin-top: 30px; + max-width: calc(100% - 30px); + display: grid; + grid-template-columns: 110px auto; + grid-gap: 30px; +} +.webinar-summary-area .speaker-info-wrapper .speaker-thumbnail { + width: 110px; + height: 110px; + border: 1px solid #a6abbd; + border-radius: 50%; + overflow: hidden; +} +.webinar-summary-area .speaker-info-wrapper .speaker-info h5 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 500; + font-size: 18px; + line-height: 27px; + color: #393e46; +} +.webinar-summary-area .speaker-info-wrapper .speaker-info .designation { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + display: flex; + align-items: center; + color: #555555; + margin-bottom: 15px; +} +.webinar-summary-area .speaker-info-wrapper .speaker-info .designation a { + font-family: Roboto; +} +.webinar-summary-area .speaker-info-wrapper .speaker-info .speaker-message { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 24px; + color: #555555; +} + +.webinar-header { + margin-bottom: 20px; +} +.webinar-header .upcoming-message h1 { + font-weight: 500; + line-height: 110%; +} +.webinar-header .webinar-list-items .webinar-item { + width: 130px; + background-color: #ccffe5; + border-radius: 4px; + margin-right: 20px; + padding: 15px; + cursor: pointer; +} +.webinar-header .webinar-list-items .webinar-item.is-active { + background-color: var(--ac-primary); + position: relative; + z-index: 1; +} +.webinar-header .webinar-list-items .webinar-item.is-active:after { + width: 60px; + height: 30px; + border-top: solid 30px var(--ac-primary); + border-left: solid 30px transparent; + border-right: solid 30px transparent; + position: absolute; + content: ""; + bottom: -20px; + left: 30px; +} +.webinar-header .webinar-list-items .webinar-item.is-active p, +.webinar-header .webinar-list-items .webinar-item.is-active h2 { + color: #ffffff; +} +.webinar-header .webinar-list-items .webinar-item:last-child { + margin-right: 0; +} +.webinar-header .webinar-list-items .webinar-item p { + font-size: 18px; + font-weight: 400; + text-align: center; + color: var(--ac-primary); +} +.webinar-header .webinar-list-items .webinar-item p.date { + font-size: 13px; +} +.webinar-header .webinar-list-items .webinar-item h2 { + font-size: 52px; + font-weight: 400; + text-align: center; + color: var(--ac-primary); + line-height: 1.029; +} + +.webinar-body .single-webinar { + opacity: 0; + visibility: hidden; + display: none; +} +.webinar-body .single-webinar.is-active { + opacity: 1; + visibility: visible; + display: block; +} +.webinar-body .webinar-video { + margin-bottom: 20px; + width: 100%; + height: 0; + position: relative; + padding-top: 56.25%; + background-color: #f2f3f4; + /* 9 / 16 * 100 */ +} +.webinar-body .webinar-video.active-overlay:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000000; + opacity: 0.3; +} +.webinar-body .webinar-video iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; +} +.webinar-body .webinar-title h1 { + font-size: 40px; + line-height: 130%; + margin-bottom: 20px; + font-weight: 500; +} +.webinar-body .date-and-location { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} +.webinar-body .date-and-location .date { + display: flex; + align-items: center; + gap: 8px; +} +.webinar-body .date-and-location .date span { + font-size: 18px; + color: #515D63; + font-weight: 500; +} +.webinar-body .webinar-summary .highlight { + position: relative; + padding-left: 25px; +} +.webinar-body .webinar-summary .highlight:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 5px; + height: 100%; + background-color: var(--ac-primary); +} +.webinar-body .webinar-summary p { + color: #636363; + margin-bottom: 20px; +} +.webinar-body .webinar-summary .check-items li { + display: block; + margin-bottom: 8px; +} +.webinar-body .webinar-summary .check-items li span { + margin-left: 15px; + font-size: 15px; +} +.webinar-body .webinar-speakers { + display: flex; + align-items: center; + flex-wrap: wrap; +} +.webinar-body .webinar-speakers .single-speaker { + position: relative; + z-index: 1; + margin-right: 20px; + display: flex; + align-items: center; + max-width: 330px; + overflow: hidden; +} +.webinar-body .webinar-speakers .single-speaker .speaker-image { + width: 80px; + height: 80px; + border-radius: 50%; + overflow: hidden; + border: 2px solid var(--ac-primary); +} +.webinar-body .webinar-speakers .single-speaker:last-child { + margin-right: 0; +} +.webinar-body .webinar-speakers .single-speaker .speaker-info { + padding: 0px 15px; + margin-top: -7px; +} +.webinar-body .webinar-speakers .single-speaker .speaker-info p { + font-size: 13px; +} + +[data-tab-content] { + display: none; +} + +.active[data-tab-content] { + display: block; +} + +.tabs { + display: flex; + justify-content: space-around; + list-style-type: none; + margin: 0; + padding: 0; + border-bottom: 1px solid black; +} + +.tab { + cursor: pointer; + padding: 10px; +} + +.tab.active { + background-color: #ccc; +} + +.tab:hover { + background-color: #aaa; +} + +.tab-content { + margin-left: 20px; + margin-right: 20px; +} + +.search-box { + display: flex; + align-items: center; + border: 1px solid #a6abbd; + padding: 0px 16px; + width: 430px; + border-radius: 4px; +} +.search-box input { + border: none; + width: 100%; + padding: 12px 8px; +} +.search-box input:focus { + outline: none; + border: none; +} + +.is-sticky.webinar-search { + position: sticky; + top: 60px; + background-color: #fff; + z-index: 9; +} + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 1023px) { + .webinar-header .upcoming-message h1 { + font-size: 34px; + } + .webinar-header .webinar-list-items .webinar-item { + width: 110px; + } + .webinar-header .webinar-list-items .webinar-item.is-active::after { + left: 23px; + } + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 22px; + } + .webinar-header .webinar-list-items .webinar-item p { + font-size: 14px; + } + .webinar-body .webinar-title h1 { + font-size: 22px; + } + .webinar-body .webinar-speakers .single-speaker .speaker-info { + padding: 15px; + } + .webinar-body .webinar-speakers .single-speaker .speaker-info h6 { + font-size: 14px; + } + .search-box { + width: 190px; + } +} +@media screen and (max-width: 768px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; + } + .webinar-header { + flex-direction: column; + align-items: flex-start !important; + } + .webinar-header .upcoming-message h1 { + font-size: 30px; + margin-bottom: 20px; + } + .webinar-header .upcoming-message h1 br { + display: none; + } + .webinar-header .webinar-list-items .webinar-item { + margin-right: 10px; + width: auto; + } + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; + } + .webinar-body .date-and-location .date { + margin-bottom: 8px; + } + .webinar-body .date-and-location .date span { + font-size: 15px; + } + .webinar-body .webinar-speakers { + overflow: auto; + } + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; + } +} +@media (min-width: 501px) and (max-width: 768.98px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; + } + .webinar-header { + flex-direction: column; + align-items: flex-start !important; + } + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; + } + .webinar-header .upcoming-message h1 br { + display: none; + } + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; + } + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; + } + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; + } + .webinar-body .date-and-location .date { + margin-bottom: 8px; + } + .webinar-body .date-and-location .date span { + font-size: 15px; + } + .webinar-body .webinar-speakers { + overflow: auto; + } + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; + } + .webinar-header { + flex-direction: row; + align-items: center !important; + } + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; + } + .webinar-header .upcoming-message h1 br { + display: block; + } + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; + } + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; + } + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; + } + .webinar-body .date-and-location .date { + margin-bottom: 8px; + } + .webinar-body .date-and-location .date span { + font-size: 15px; + } + .webinar-body .webinar-speakers { + overflow: auto; + } + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; + } + .webinar-header { + flex-direction: row; + align-items: center !important; + } + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; + } + .webinar-header .upcoming-message h1 br { + display: block; + } + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; + } + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; + } + .webinar-body .webinar-title h1 { + font-size: 22px; + } + .webinar-body .date-and-location { + flex-direction: row; + align-items: center !important; + } + .webinar-body .date-and-location .date { + margin-bottom: 0px; + } + .webinar-body .date-and-location .date span { + font-size: 15px; + } + .webinar-body .webinar-speakers { + overflow: auto; + } + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; + } +} +@media screen and (min-width: 1408px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; + } + .webinar-header .upcoming-message h1 { + font-size: 48px; + } + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: 120px; + } + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; + } + .webinar-body .webinar-title h1 { + font-size: 28px; + } + .webinar-body .date-and-location { + flex-direction: row; + align-items: center !important; + } + .webinar-body .date-and-location .date { + margin-bottom: 0px; + } + .webinar-body .date-and-location .date span { + font-size: 15px; + } + .webinar-body .webinar-speakers { + overflow: auto; + } + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; + } +} +.gallery-area { + padding: 80px 0 60px; +} + +.gallery-wrapper { + display: flex; +} +.gallery-wrapper .left-sidebar { + width: calc(25% - 25px); + margin-right: 25px; + background-color: #fafafd; + padding: 20px; + border: 1px solid #e7e7e7; + margin-top: -10px; + border-top: none; +} +.gallery-wrapper .left-sidebar .left-sidebar-inner { + display: block; + position: sticky; + top: 81px; +} +.gallery-wrapper .left-sidebar h4 { + font-weight: 600; + font-size: 18px; + line-height: 130%; + letter-spacing: -0.5px; + margin-bottom: 15px; + display: flex; + align-items: center; + justify-content: space-between; +} +.gallery-wrapper .left-sidebar h4 button { + background-color: transparent; + border: none; + cursor: pointer; + font-size: 18px; + margin-right: -10px; +} +.gallery-wrapper .left-sidebar hr { + margin-left: -20px; + margin-right: -20px; +} +.gallery-wrapper .right-content { + width: 75%; +} + +.tag.pointer { + cursor: pointer; +} +.tag.pointer.underline { + text-decoration: underline; + border: none; + background-color: transparent; +} + +.accordion.is-active .accordion-button i.fa { + transform: rotate(-180deg); +} +.accordion.is-active .accordion-body { + opacity: 1; + visibility: visible; + max-height: 200px; + margin-bottom: 30px; +} +.accordion .accordion-body { + opacity: 0; + visibility: hidden; + max-height: 0px; + transition: 0.3s ease-in-out; +} + +.filter-items .accordion-header { + display: flex; + align-items: center; + justify-content: space-between; +} +.filter-items .accordion-header .accordion-button { + display: flex; + justify-content: space-between; + width: 100%; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 600; + font-size: 13px; + line-height: 100%; + background-color: transparent; + border: none; + cursor: pointer; + margin-bottom: 15px; + padding-left: 0; + padding-right: 0; +} +.filter-items .accordion-header .accordion-button i.fa { + transition: 0.3s; +} +.filter-items .accordion-content .ac-single-checkbox { + margin-bottom: 14px; + display: flex; + align-items: center; +} +.filter-items .accordion-content .ac-single-checkbox input { + margin-right: 10px; +} +.filter-items .accordion-content .ac-single-checkbox label { + font-family: "Roboto"; + line-height: 1; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 100%; +} + +.gallery-card { + display: block; + border: 1px solid #e7e7e7; + border-radius: 4px; + transition: 0.3s ease-in-out; + overflow: hidden; + min-height: 346px; +} +.gallery-card.webinar-video { + border: none; + border-radius: 0px; + min-height: 320px; +} +.gallery-card.webinar-video:hover { + border: none; +} +.gallery-card.webinar-video:hover .card-body h1 { + color: var(--ac-primary); +} +.gallery-card.webinar-video .card-thumbnail { + border: 1px solid #e7e7e7; + background-color: #f1f2f3; +} +.gallery-card.webinar-video .card-body { + padding: 20px 0 0; +} +.gallery-card.webinar-video .card-body h1 { + font-size: 18px; + line-height: 150%; + letter-spacing: 0; + transition: 0.3s ease-in-out; + margin: 0.5rem 0 1rem; +} +.gallery-card:hover { + border: 1px solid var(--ac-primary); +} +.gallery-card:hover .gallery-body h1 { + color: var(--ac-primary); +} +.gallery-card:hover .card-thumbnail .play-button { + background-color: var(--ac-primary); +} +.gallery-card .card-thumbnail { + position: relative; + display: flex; + align-items: center; + justify-content: center; +} +.gallery-card .card-thumbnail img { + height: 170px; + -o-object-fit: cover; + object-fit: cover; + width: 100%; +} +.gallery-card .card-thumbnail .play-button { + position: absolute; + display: flex; + align-items: center; + width: 50px; + height: 50px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.3); + justify-content: center; + color: #fff; + transition: 0.3s ease-in-out; +} +.gallery-card .card-thumbnail .play-button .material-icons-outlined { + font-size: 28px; +} +.gallery-card .card-body { + padding: 20px 20px; +} +.gallery-card .card-body .filtered-items span { + margin-right: 0.8rem; + font-weight: normal; + font-size: 13px; + color: #505050; +} +.gallery-card .card-body h1 { + font-weight: 500; + font-size: 16px; + line-height: 130%; + margin: 1rem 0 2rem; + color: #171B1C; + transition: 0.3s ease-in-out; +} +.gallery-card .card-body .meta-tag p { + font-weight: normal; + font-size: 13px; + display: flex; + align-items: center; + color: #505050; +} +.gallery-card .card-body .meta-tag p .icon { + width: 18px; + margin-right: 8px; +} + +.filtered-tags .tag { + background-color: #fafafd; + border: 1px solid #e7e7e7; + height: 33px; + padding: 0 1.1rem; +} +.filtered-tags .tag span { + font-size: 13px; + margin-left: 8px; + cursor: pointer; + padding: 9px; + margin-right: -18px; +} + +.outlined-bg-buttons .button { + background: #fafafd; + border: 1px solid var(--ac-primary); + font-size: 13px; + letter-spacing: -0.5px; + font-weight: 400; + height: 33px; + border-radius: 4px; + color: var(--ac-primary); +} +.outlined-bg-buttons .button:hover { + background-color: var(--ac-primary); + color: #fff; +} +.outlined-bg-buttons .button span { + font-size: 13px; +} + +.playlist-wrapper { + margin-top: 60px; +} +.playlist-wrapper h4 { + font-weight: 700; + font-size: 18px; + line-height: 130%; + margin-bottom: 20px; +} +.playlist-wrapper .playlist-item { + padding: 15px; + display: flex; + align-items: center; + border: 1px solid #e7e7e7; + transition: 0.3s ease-in-out; + border-radius: 4px; + margin-bottom: 20px; +} +.playlist-wrapper .playlist-item:last-child { + margin-bottom: 0; +} +.playlist-wrapper .playlist-item:hover { + background-color: #fafafd; + border: 1px solid var(--ac-primary); +} +.playlist-wrapper .playlist-item .thumbnail { + margin-right: 50px; + display: flex; +} +.playlist-wrapper .playlist-item .thumbnail img { + width: 190px; + height: 190px; + border-radius: 4px; +} +.playlist-wrapper .playlist-item .content { + width: calc(100% - 240px); +} +.playlist-wrapper .playlist-item .content .categories { + display: flex; + align-items: center; +} +.playlist-wrapper .playlist-item .content .categories span { + font-weight: 400; + font-size: 13px; + line-height: 100%; + color: #505050; + margin-bottom: 15px; + margin-right: 15px; + margin-bottom: 0; +} +.playlist-wrapper .playlist-item .content h2 { + font-weight: 500; + font-size: 16px; + line-height: 130%; +} +.playlist-wrapper .playlist-item .content p { + font-size: 14px; + line-height: 160%; + color: #515D63; +} +.playlist-wrapper .playlist-item .content button { + font-weight: 500; + font-size: 14px; + line-height: 160%; + text-decoration-line: underline; + background: transparent; + border: none; + margin: 0; + padding: 0; + color: var(--ac-primary); +} + +.single-video-page .left-content .user-info-wrapper { + display: flex; + align-items: center; + margin-bottom: 20px; +} +.single-video-page .left-content .user-info-wrapper .image { + margin-right: 15px; +} +.single-video-page .left-content .user-info-wrapper .user-info h5 { + font-weight: 500; + font-size: 16px; + line-height: 19px; + /* identical to box height */ + letter-spacing: 0.15px; +} +.single-video-page .left-content .user-info-wrapper .user-info p { + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.15px; + color: #414141; +} +.single-video-page .left-content .tags strong { + font-weight: 500; + font-size: 16px; + line-height: 19px; + /* identical to box height */ + letter-spacing: 0.15px; +} +.single-video-page .left-content .video-description p { + font-weight: 400; + font-size: 16px; + line-height: 160%; + margin-bottom: 15px; +} +.single-video-page .left-content .video-description p a { + font-weight: 400; + font-size: 16px; + line-height: 160%; + color: #4d4dcb; +} +.single-video-page .right-content { + position: sticky; + top: 81px; +} +.single-video-page .right-content .video-list-wrapper { + background-color: #fafafd; + border: 1px solid #e7e7e7; + padding: 30px; +} +.single-video-page .right-content .video-list-wrapper h4 { + font-weight: 600; + font-size: 20px; + line-height: 100%; + margin-bottom: 15px; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video { + display: flex; + align-items: center; + margin-bottom: 15px; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child { + margin-bottom: 0; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 { + color: var(--ac-primary); +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail { + margin-right: 15px; + height: 60px; + width: 60px; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img { + -o-object-fit: cover; + object-fit: cover; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { + width: calc(100% - 75px); +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { + transition: 0.3s ease-in-out; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { + font-size: 16px; + line-height: 120%; + /* or 19px */ + letter-spacing: 0.25px; +} +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p { + font-weight: 400; + font-size: 13px; + line-height: 150%; + color: #191536; +} + +.video-content { + margin-bottom: 20px; + width: 100%; + height: 0; + position: relative; + padding-top: 56.25%; +} +.video-content iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; +} + +.video-title h1 { + font-weight: 700; + font-size: 24px; + line-height: 130%; + letter-spacing: 0.25px; + margin-bottom: 20px; +} + +@keyframes waves { + 0% { + transform: scale(0.2, 0.2); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + } + 50% { + opacity: 0.9; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + } + 100% { + transform: scale(0.9, 0.9); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + } +} +.fa-play:before { + content: "\f04b"; +} + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .gallery-wrapper .left-sidebar { + width: calc(100vw - 40px); + z-index: 9; + position: fixed; + left: -110%; + height: 100%; + overflow-y: auto; + transition: 0.3s ease-in-out; + } + .gallery-wrapper .left-sidebar .left-sidebar-inner { + top: 0; + } + .gallery-wrapper .right-content { + width: 100%; + } + .filtered-tags .tag { + padding: 0 0.3rem; + } + .filtered-tags .tag span { + margin-right: 0; + padding: 6px; + margin-left: 0; + } + .outlined-bg-buttons { + justify-content: flex-end; + } + .outlined-bg-buttons .button { + margin-right: 10px; + } + .outlined-bg-buttons .button:last-child { + margin-right: 0; + } + .playlist-wrapper .playlist-item { + flex-direction: column; + align-items: flex-start; + } + .playlist-wrapper .playlist-item .thumbnail { + margin-right: 0; + margin-bottom: 15px; + } + .playlist-wrapper .playlist-item .thumbnail img { + width: 100%; + height: auto; + } + .playlist-wrapper .playlist-item .content { + width: 100%; + } + .gallery-card .card-thumbnail img { + height: 100%; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .gallery-card { + min-height: 280px; + } + .gallery-card .card-thumbnail img { + height: 150px; + } + .gallery-card .card-body { + padding: 10px; + } + .gallery-card .card-body h1 { + margin: 0.5rem 0 1rem; + } + .gallery-card .card-body .meta-tag p { + font-size: 13px; + } + .single-video-page .right-content .video-list-wrapper h4 { + font-size: 16px; + } + .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { + font-size: 14px; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .gallery-card { + min-height: 290px; + } + .gallery-card .card-thumbnail img { + height: 150px; + } + .gallery-card .card-body { + padding: 10px; + } + .gallery-card .card-body h1 { + margin: 0.5rem 0 1rem; + } + .gallery-card .card-body .meta-tag p { + font-size: 13px; + } +} +@media screen and (min-width: 1408px) { + .gallery-card { + min-height: 290px; + } + .gallery-card .card-thumbnail img { + height: 150px; + } + .gallery-card .card-body { + padding: 10px; + } + .gallery-card .card-body h1 { + margin: 0.5rem 0 1rem; + } + .gallery-card .card-body .meta-tag p { + font-size: 13px; + } +} +.navbar-area { + position: relative; + z-index: 99; + background-color: #ffffff; +} + +.navbar-appscode-wrapper { + background-color: #ffffff; + border-bottom: 1px solid #e7e7e7; +} +.navbar-appscode-wrapper.navbar-product { + background-color: #fafafd; + will-change: transform; + transition: transform 200ms linear; +} +.navbar-appscode-wrapper.navbar-product .mega-menu-wrapper { + top: 57px; +} +.navbar-appscode-wrapper.navbar-product .navbar-left .navbar-brand a img { + height: 1.58rem; +} +.navbar-appscode-wrapper.navbar-product .buttons.has-addons .button { + font-size: 14px; +} + +.navbar-appscode { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1.25rem; +} +.navbar-appscode.container { + padding: 0.5rem 0; +} +.navbar-appscode.container .mega-menu-wrapper { + width: 200%; + left: -50%; +} +.navbar-appscode .navbar-right .button.ac-button { + height: 40px; +} +.navbar-appscode.documentation-menu { + margin-left: 349px; + background-color: #ffffff; + border-left: 1px solid #e7e7e7; +} +.navbar-appscode.documentation-menu .mega-menu-wrapper { + top: 104px; +} +.navbar-appscode.documentation-menu .navbar-right { + width: 100%; + justify-content: space-between; +} +.navbar-appscode.documentation-menu .navbar-right .ac-searchbar { + width: 49%; +} +.navbar-appscode.documentation-menu ul .nav-item .link.is-active { + position: relative; + z-index: 1; +} +.navbar-appscode.documentation-menu ul .nav-item .link.is-active:after { + position: absolute; + content: ""; + left: 0; + bottom: -8px; + width: 100%; + height: 4px; + background: var(--ac-primary); + border-radius: 3px 3px 0 0; +} +.navbar-appscode .navbar-left { + display: flex; + align-items: center; +} +.navbar-appscode .navbar-left .navbar-brand { + min-height: auto; + align-items: center; + margin-right: 3.8rem; +} +.navbar-appscode .navbar-left .navbar-brand a { + display: flex; + align-items: center; +} +.navbar-appscode .navbar-left .navbar-brand a img { + height: 1.875rem; +} +.navbar-appscode .navbar-right { + display: flex; + align-items: center; + width: calc(100% - 200px); + justify-content: flex-end; +} +.navbar-appscode .navbar-right .navbar-left-group { + display: flex; + align-items: center; +} +@media (min-width: 0px) and (max-width: 1023px) { + .navbar-appscode .navbar-right .navbar-left-group { + align-items: flex-start; + } +} +.navbar-appscode .navbar-right .navbar-right-group { + display: flex; + align-items: center; + gap: 32px; +} +.navbar-appscode .navbar-right .navbar-right-group .buttons iframe { + transition: 0.3s ease-in-out; +} +.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover { + box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; + transform: translateY(-2px); +} +.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) { + gap: 4px; +} +.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag { + background-color: var(--ac-primary); + color: #ffffff; +} +@media (min-width: 0px) and (max-width: 1023px) { + .navbar-appscode .navbar-right .navbar-right-group { + flex-direction: column; + align-items: flex-start; + gap: 16px; + width: 100%; + } + .navbar-appscode .navbar-right .navbar-right-group .buttons { + width: 100%; + } + .navbar-appscode .navbar-right .navbar-right-group .buttons .button { + width: 100%; + margin-right: 0; + } +} +.navbar-appscode ul .nav-item { + margin-right: 2.5rem; +} +.navbar-appscode ul .nav-item.is-active .link { + color: var(--ac-primary); +} +.navbar-appscode ul .nav-item.is-active .link i.fa { + transform: rotate(-180deg); +} +.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper { + display: block !important; +} +.navbar-appscode ul .nav-item:last-child { + margin-right: 0; +} +.navbar-appscode ul .nav-item .link { + font-size: 0.875rem; + line-height: 1; + color: #171B1C; + font-weight: 500; + font-family: "Roboto", sans-serif; + border: none; + background-color: transparent; + cursor: pointer; + margin: 0; + padding: 0.5rem 0; + transition: 0.3s ease-in-out; + position: relative; + z-index: 1; +} +.navbar-appscode ul .nav-item .link.is-active { + color: var(--ac-primary); +} +.navbar-appscode ul .nav-item .link:hover { + color: var(--ac-primary); +} +.navbar-appscode ul .nav-item .link .fa { + transition: 0.3s ease-in-out; + margin-left: 0.625rem; +} +.navbar-appscode ul .nav-item .link .whats-new { + position: absolute; + z-index: 1; + top: -10px; + right: -30px; + font-size: 0.8rem; + color: #ffffff; + padding: 0.2rem 0.3rem; + line-height: 1.2; + display: none; +} +.navbar-appscode ul .nav-item .link .whats-new:before { + content: ""; + position: absolute; + z-index: -1; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); + display: block; + width: 2rem; + height: 1rem; + background: var(--ac-primary); + border-radius: 2px; + animation: pulse-border 1500ms ease-out infinite; +} +.navbar-appscode ul .nav-item .link .whats-new:after { + content: ""; + position: absolute; + z-index: -1; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); + display: block; + width: 2rem; + height: 1rem; + background: var(--ac-primary); + transition: all 200ms; +} +@keyframes pulse-border { + 0% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); + opacity: 1; + } + 100% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); + opacity: 0; + } +} + +.ac-grid-container { + max-width: 1344px; + margin: 0 auto; + padding: 0 0.5rem; +} + +.mega-menu-wrapper { + display: none; + background: #ffffff; + position: absolute; + z-index: 9; + min-width: 300px; + padding: 2.5rem 0; + position: absolute; + width: 100%; + left: 0; + top: 61px; +} +.mega-menu-wrapper .mega-menu-inner { + overflow: hidden; +} +.mega-menu-wrapper .mega-menu-inner .product-menu { + display: grid; + grid-template-columns: auto auto; + width: 60%; + float: left; +} +.mega-menu-wrapper .mega-menu-inner .product-menu.database-list { + grid-template-columns: auto auto auto; +} +.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product { + grid-template-columns: 40px auto 1.5rem; + width: 100%; + padding: 0.7rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo { + height: 40px; + width: 40px; +} +.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo img { + height: 1.5rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .navigate-icon .icon { + width: 1rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product { + display: grid; + grid-template-columns: 3.75rem auto 1.5rem; + padding: 1rem; + align-items: center; + width: 100%; + grid-gap: 1rem; + border-radius: 0.25rem; + transition: 0.3s ease-in-out; + cursor: pointer; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active { + background-color: rgba(77, 77, 203, 0.0509803922); +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon { + opacity: 1; + visibility: visible; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { + height: 60px; + width: 60px; + display: flex; + align-items: center; + justify-content: center; + background: #e9e9fc; + border-radius: 0.25rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { + height: 2.5rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 { + font-size: 1rem; + letter-spacing: 0.009rem; + color: #171B1C; + font-weight: 500; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p { + font-size: 0.813rem; + color: #636363; + line-height: 140%; + letter-spacing: 0.025rem; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon { + text-align: right; + display: flex; + justify-content: center; + align-items: center; +} +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { + width: 1.2rem; + color: var(--ac-primary); + opacity: 0; + visibility: hidden; + transition: 0.3s ease-in-out; +} +.mega-menu-wrapper .mega-menu-inner .product-description { + margin-left: 1rem; + float: left; + border-left: 1px solid #e7e7e7; + padding-left: 4rem; + max-width: 36%; + opacity: 0; + display: none; + visibility: hidden; + transition: 0.3s ease-in-out; +} +.mega-menu-wrapper .mega-menu-inner .product-description.is-block { + opacity: 1; + visibility: visible; +} +.mega-menu-wrapper .mega-menu-inner .product-description .brand { + margin-bottom: 1rem; +} +.mega-menu-wrapper .mega-menu-inner .product-description .brand img { + height: 1.5rem; +} +.mega-menu-wrapper .mega-menu-inner .product-description p { + font-size: 0.875rem; + color: #515D63; + line-height: 160%; + margin-bottom: 1rem; +} +.mega-menu-wrapper .mega-menu-inner .product-description .features li { + font-size: 0.813rem; + color: #171B1C; + display: flex; + align-items: center; + margin-bottom: 15px; +} +.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons { + font-size: 1rem; + margin-right: 0.6rem; + color: var(--ac-primary); +} + +.back-button { + display: none !important; + color: #515D63; + margin-bottom: 10px !important; + background-color: transparent; +} + +.button.ac-button.inline-button { + border: none; + height: auto; + margin: 0; + padding: 0.5rem 0; + display: inline-flex; + align-items: center; + justify-content: flex-start; +} +.button.ac-button.inline-button:hover { + background-color: transparent; + border: none; + color: var(--ac-primary); +} +.button.ac-button.inline-button:hover .material-icons { + margin-left: 1rem; +} +.button.ac-button.inline-button .material-icons { + font-size: 1rem; + margin-left: 0.5rem; + transition: 0.3s ease-in-out; +} + +.linkable-nav-items { + width: 500px; + float: left; +} +.linkable-nav-items ul { + display: grid; + grid-template-columns: auto auto; + grid-gap: 0.5rem; +} +.linkable-nav-items ul li { + width: 250px; +} +.linkable-nav-items ul li a { + display: inline-flex; + align-items: center; + font-size: 0.875rem; + letter-spacing: 0.009rem; + color: #171B1C; + font-weight: 500; + transition: 0.3s; + padding-left: 0; +} +.linkable-nav-items ul li a:hover { + color: var(--ac-primary); +} +.linkable-nav-items ul li a:hover span:last-child { + padding-left: 1rem; +} +.linkable-nav-items ul li a span { + display: flex; + align-items: center; + font-size: 1rem; +} +.linkable-nav-items ul li a span:last-child { + padding-left: 0.5rem; +} +.linkable-nav-items ul li a span img { + height: 1rem; + margin-right: 1rem; +} + +.resources-list { + display: grid; + grid-template-columns: auto auto auto auto; + grid-gap: 2rem; +} +.resources-list .list-items h2 { + font-weight: 500; + position: relative; + font-size: 0.875rem; + z-index: 1; + display: inline-block; + letter-spacing: 1.2px; +} +.resources-list .list-items ul { + margin: 0; + padding: 0; + list-style: none; +} +.resources-list .list-items ul li a { + font-size: 0.875rem; + padding: 0.6rem 0; + color: #171B1C; + display: inline-block; + line-height: 1; + transition: 0.3s ease-in-out; + font-weight: 500; +} +.resources-list .list-items ul li a span { + font-size: 14px; +} +.resources-list .list-items ul li a:hover { + color: var(--ac-primary); + text-decoration: underline; +} + +.press-wrapper .single-press { + margin: 0; + padding: 0; + margin-bottom: 1.5rem; + display: flex; + align-items: center; + transition: 0.3s; +} +.press-wrapper .single-press:hover h6 { + color: var(--ac-primary); +} +.press-wrapper .single-press .calender { + text-align: center; + height: 90px; + display: inline-flex; + align-items: center; + justify-content: flex-start; + flex-direction: column; + margin-right: 1rem; + border-radius: 4px; +} +.press-wrapper .single-press .calender .date { + width: 84px; + height: 45px; + background-color: #9dffcd; + font-style: normal; + font-weight: 500; + font-size: 28px; + line-height: 140%; + letter-spacing: 0.4px; + color: var(--ac-primary); + align-items: center; + display: flex; + justify-content: center; +} +.press-wrapper .single-press .calender .month { + width: 84px; + height: 45px; + background: #ccffe5; + font-family: Roboto; + font-style: normal; + font-weight: 300; + font-size: 18px; + line-height: 140%; + letter-spacing: 0.4px; + color: var(--ac-primary); + align-items: center; + display: flex; + justify-content: center; +} +.press-wrapper .single-press .description { + max-width: 327px; +} +.press-wrapper .single-press .description h6 { + font-size: 1rem; + margin-bottom: 0px; + letter-spacing: 0; + font-weight: 500; + display: block; +} +.press-wrapper .single-press .description h6:after { + position: inherit; +} +.press-wrapper .single-press .description .author { + font-weight: 400; + font-size: 0.875rem; + letter-spacing: 0.4px; + margin-bottom: 0.5rem; + display: block; + color: #1c1c1c; +} +.press-wrapper .single-press .description p { + font-size: 0.875rem; + color: #636363; + line-height: 150%; +} +.press-wrapper .button.inline-button { + margin-left: 100px !important; +} + +.community-items { + display: flex; + align-items: center; +} +.community-items .community-item { + border: 1px solid #636363; + display: flex; + align-items: center; + justify-content: center; + border-radius: 2px; + width: 2.5rem; + height: 2.5rem; + margin-right: 0.5rem; + transition: 0.3s; +} +.community-items .community-item:hover { + background-color: var(--ac-primary); + border-color: var(--ac-primary); +} +.community-items .community-item:hover img { + filter: brightness(10); +} +.community-items .community-item:last-child { + margin-right: 0; +} + +.responsive-menu { + background-color: var(--ac-primary); +} +.responsive-menu .button { + border: none; + padding-left: 0; + padding-right: 0; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #ffffff; +} +.responsive-menu .button.is-active { + color: #d2d2d2; +} + +.product-version .dropdown .dropdown-trigger .button { + font-size: 0.813rem; + width: 210px; + height: 2rem; + border-radius: 2px; + padding: 2px 15px; + color: #171B1C; + border: 1px solid #e7e7e7; +} +.product-version .dropdown .dropdown-trigger .button .arrow { + color: #999999; + font-size: 0.9rem; +} +.product-version .dropdown .dropdown-menu { + /* ===== Scrollbar CSS ===== */ + /* Firefox */ + /* Chrome, Edge, and Safari */ +} +.product-version .dropdown .dropdown-menu * { + scrollbar-width: auto; + scrollbar-color: #ebebeb #fafafd; +} +.product-version .dropdown .dropdown-menu *::-webkit-scrollbar { + width: 12px; +} +.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-track { + background: #fafafd; +} +.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-thumb { + background-color: #ebebeb; + border-radius: 10px; + border: 3px solid #fafafd; +} +.product-version .dropdown .dropdown-menu .dropdown-content { + max-height: 420px; + overflow-y: auto; +} +.product-version .dropdown .dropdown-menu .dropdown-content .dropdown-item { + font-size: 0.813rem; + color: #171B1C; +} +.product-version .new-item { + background-color: var(--ac-primary); + font-size: 0.813rem; + color: #ffffff; + border-radius: 2px; + height: 1.2rem; + padding: 2px 5px; + line-height: 1.2; +} + +.ac-searchbar { + position: relative; + z-index: 1; + padding: 0 20px; + border-left: 1px solid #e7e7e7; +} +.ac-searchbar label .fa { + color: #171B1C; +} +.ac-searchbar input[type=search] { + border: none; + background-color: transparent; + color: #515D63; + font-size: 0.875rem; + width: 270px; + padding: 0.2rem 0.875rem; +} +.ac-searchbar input[type=search]:focus { + border: none; + outline: none; +} +.ac-searchbar input[type=search]::-moz-placeholder { + color: #636363; +} +.ac-searchbar input[type=search]::placeholder { + color: #636363; +} + +.modal-backdrop.is-show { + width: 100%; + height: 100%; + background: #333; + position: fixed; + top: 0; + opacity: 0.8; + z-index: 9; +} + +.header--fixed { + position: fixed; + z-index: 10; + right: 0; + left: 0; + top: 0; +} +.header--fixed::after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #ffffff; + z-index: -1; + transition: 0.5s ease-in-out; +} +.header--fixed.headroom--unpinned::after { + transition: transform 500ms linear; +} + +.headroom { + will-change: transform; + transition: transform 200ms linear; +} + +.headroom--pinned { + transform: translateY(0px); + transition: transform 500ms linear; +} + +.headroom--unpinned { + transform: translateY(-165px); +} +.headroom--unpinned .navbar-area.navbar-fixed { + transform: translateY(135px); +} +.headroom--unpinned .navbar-appscode-wrapper.navbar-product { + transform: translateY(104px); +} + +.navbar-burger { + height: 30px; + width: 30px; + border-radius: 4px; +} +.navbar-burger.is-active i.fa { + transform: rotate(-180deg); + transform-origin: 10px; +} +.navbar-burger span { + height: 1.5px; +} + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 1023px) { + .headroom--unpinned .navbar-appscode-wrapper.navbar-product { + padding: 0 0; + transform: translateY(104px); } - .webinar-header { - flex-direction: column; - align-items: flex-start !important; + .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { + top: 47px; } - .webinar-header .upcoming-message h1 { - font-size: 30px; - margin-bottom: 20px; + .navbar-appscode.container { + padding: 0.5rem 15px; } - .webinar-header .upcoming-message h1 br { + .navbar-appscode.documentation-menu { + margin-left: 0; + padding: 0; + } + .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after { display: none; } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 10px; - width: auto; + .navbar-appscode.documentation-menu .navbar-right { + position: fixed; + width: 80%; + border-right: 1px solid #e7e7e7; } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; + .navbar-appscode .navbar-left { + width: 100%; } - .webinar-body .date-and-location .date { - margin-bottom: 8px; + .navbar-appscode .navbar-left .navbar-brand { + margin: 0; + width: 100%; } - .webinar-body .date-and-location .date span { - font-size: 15px; + .navbar-appscode .navbar-left .navbar-brand a img { + height: 1.5rem !important; } - .webinar-body .webinar-speakers { - overflow: auto; + .navbar-appscode .navbar-left ul { + position: absolute; + right: 20%; + opacity: 0; + visibility: hidden; } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; + .navbar-appscode .navbar-right { + position: absolute; + z-index: 99; + right: 20%; + opacity: 0; + visibility: hidden; + background: #fafafd; + width: 100%; + left: 0; + min-height: calc(100vh + 110px); + overflow-y: auto; + transition: 0.3s ease-in-out; + top: 61px; + padding: 15px; + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; + } + .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between { + flex-direction: column; + align-items: flex-start; + } + .navbar-appscode .navbar-right .is-primary.ml-8 { + margin-left: 0 !important; + margin-top: 15px; } -} -@media (min-width: 501px) and (max-width: 768.98px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; + .navbar-appscode .navbar-right .button.ac-button.is-primary { + margin-left: 0; + width: 100%; } - .webinar-header { + .navbar-appscode .navbar-right ul { + display: flex; flex-direction: column; - align-items: flex-start !important; } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; + .navbar-appscode .navbar-right ul li.nav-item { + margin: 6px 0; } - .webinar-header .upcoming-message h1 br { - display: none; + .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { + top: -10px; + right: -30px; } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; + .navbar-appscode .navbar-right .community-items.ml-70 { + margin-left: 0 !important; + margin-top: 30px; } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; + .navbar-appscode .navbar-right.is-visible { + opacity: 1; + visibility: visible; } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; + .resources-list { + grid-template-columns: auto; } - .webinar-body .date-and-location .date { - margin-bottom: 8px; + .mega-menu-wrapper { + width: 100% !important; + left: 0 !important; + top: 0 !important; + padding-top: 20px !important; + background-color: #fafafd; + max-height: 75vh; + min-height: 70vh; + overflow-y: auto; + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16); } - .webinar-body .date-and-location .date span { - font-size: 15px; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: 100%; } - .webinar-body .webinar-speakers { - overflow: auto; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { + width: 100%; } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { + height: 50px; + width: 50px; } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { + height: 1.8rem; } - .webinar-header { - flex-direction: row; - align-items: center !important; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { + width: 16px; } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; + .mega-menu-wrapper .mega-menu-inner .product-menu.database-list { + grid-template-columns: auto; } - .webinar-header .upcoming-message h1 br { - display: block; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + padding-left: 0; + margin-top: 35px; + margin-left: 0; + max-width: 100%; } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; + .press-wrapper .button.inline-button { + margin-left: 0 !important; + background-color: transparent; } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; + .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { + top: 47px; } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; + .product-version.pl-20 { + padding-left: 10px; } - .webinar-body .date-and-location .date { - margin-bottom: 8px; + .product-version .dropdown .dropdown-trigger .button { + width: 190px; } - .webinar-body .date-and-location .date span { - font-size: 15px; + .product-version .dropdown-menu { + z-index: 9999; } - .webinar-body .webinar-speakers { - overflow: auto; + .back-button { + display: flex !important; } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; + .back-button span { + color: var(--ac-primary); + padding-right: 15px; + font-size: 18px; } } -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header { - flex-direction: row; - align-items: center !important; +.embeded-console-button { + height: 42px; + margin-bottom: 4px; + width: 185px; + overflow: hidden; +} +@media screen and (max-width: 768px) { + .embeded-console-button { + width: 100%; } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .navbar-burger { + display: none !important; } - .webinar-header .upcoming-message h1 br { - display: block; + .navbar-appscode.documentation-menu { + margin-left: 0; + border-left: none; } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; + .navbar-appscode .navbar-left .navbar-brand { + margin-right: 1rem; } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; + .navbar-appscode .navbar-right { + width: calc(100% - 180px); } - .webinar-body .webinar-title h1 { - font-size: 22px; + .navbar-appscode .navbar-right .community-items.ml-70 { + margin-left: 10px !important; } - .webinar-body .date-and-location { - flex-direction: row; - align-items: center !important; + .navbar-appscode .navbar-right .button.ac-button { + padding: 0.5rem 1rem; } - .webinar-body .date-and-location .date { - margin-bottom: 0px; + .navbar-appscode .navbar-right-group { + gap: 8px !important; } - .webinar-body .date-and-location .date span { - font-size: 15px; + .navbar-appscode ul .nav-item { + margin-right: 1.5rem; } - .webinar-body .webinar-speakers { - overflow: auto; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: calc(50% - 5rem); } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; } -} -@media screen and (min-width: 1408px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; + .mega-menu-wrapper .video-content { + display: none; } - .webinar-header .upcoming-message h1 { - font-size: 48px; + .product-version.ml-20 { + margin-left: 4px !important; } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: 120px; + .product-version .dropdown .dropdown-trigger .button { + width: 180px; + padding: 2px 5px; } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .navbar-burger { + display: none !important; } - .webinar-body .webinar-title h1 { - font-size: 28px; + .navbar-appscode.documentation-menu { + margin-left: 0; + border-left: none; } - .webinar-body .date-and-location { - flex-direction: row; - align-items: center !important; + .navbar-appscode .navbar-right { + width: calc(100% - 180px); } - .webinar-body .date-and-location .date { - margin-bottom: 0px; + .navbar-appscode .navbar-right .community-items.ml-70 { + margin-left: 10px !important; } - .webinar-body .date-and-location .date span { - font-size: 15px; + .navbar-appscode ul .nav-item { + margin-right: 1.5rem; } - .webinar-body .webinar-speakers { - overflow: auto; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: calc(50% - 5rem); } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + } + .mega-menu-wrapper .video-content { + display: none; } } -.gallery-area { - padding: 80px 0 60px; -} - -.gallery-wrapper { - display: flex; -} -.gallery-wrapper .left-sidebar { - width: calc(25% - 25px); - margin-right: 25px; - background-color: #fafafd; - padding: 20px; - border: 1px solid #e7e7e7; - margin-top: -10px; - border-top: none; -} -.gallery-wrapper .left-sidebar .left-sidebar-inner { - display: block; - position: sticky; - top: 81px; -} -.gallery-wrapper .left-sidebar h4 { - font-weight: 600; - font-size: 18px; - line-height: 130%; - letter-spacing: -0.5px; - margin-bottom: 15px; - display: flex; - align-items: center; - justify-content: space-between; -} -.gallery-wrapper .left-sidebar h4 button { - background-color: transparent; - border: none; - cursor: pointer; - font-size: 18px; - margin-right: -10px; -} -.gallery-wrapper .left-sidebar hr { - margin-left: -20px; - margin-right: -20px; +@media screen and (min-width: 1408px) { + .navbar-appscode .navbar-left .navbar-brand { + margin-right: 3rem; + } } -.gallery-wrapper .right-content { - width: 75%; +.ac-preloader { + position: fixed; + height: 100vh; + top: 0; + z-index: 999; + width: 100%; + background-color: #ffffff; } -.tag.pointer { - cursor: pointer; +.spinner { + position: relative; } -.tag.pointer.underline { - text-decoration: underline; - border: none; - background-color: transparent; + +.spinner:before, +.spinner:after { + content: ""; + position: relative; + display: block; } -.accordion.is-active .accordion-button i.fa { - transform: rotate(-180deg); +.spinner:before { + animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; + width: 2em; + height: 2em; + background-color: var(--ac-primary); } -.accordion.is-active .accordion-body { - opacity: 1; - visibility: visible; - max-height: 200px; - margin-bottom: 30px; + +.spinner:after { + animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; + bottom: -0.5em; + height: 0.25em; + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.2); } -.accordion .accordion-body { - opacity: 0; - visibility: hidden; - max-height: 0px; - transition: 0.3s ease-in-out; +@keyframes spinner { + 50% { + border-radius: 50%; + transform: scale(0.5) rotate(360deg); + } + 100% { + transform: scale(1) rotate(720deg); + } } - -.filter-items .accordion-header { - display: flex; - align-items: center; - justify-content: space-between; +@keyframes shadow { + 50% { + transform: scale(0.5); + background-color: rgba(0, 0, 0, 0.1); + } } -.filter-items .accordion-header .accordion-button { - display: flex; - justify-content: space-between; +.cookie-wrapper { + border-top: 1px solid #e7e7e7; + position: fixed; width: 100%; - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 600; - font-size: 13px; - line-height: 100%; - background-color: transparent; - border: none; - cursor: pointer; - margin-bottom: 15px; - padding-left: 0; - padding-right: 0; + background-color: #fafafd; + bottom: 0; + left: 0; + padding: 8px 0; + z-index: 99; + transition: 0.3s ease-in-out; } -.filter-items .accordion-header .accordion-button i.fa { - transition: 0.3s; +.cookie-wrapper.hide { + opacity: 0; + visibility: hidden; } -.filter-items .accordion-content .ac-single-checkbox { - margin-bottom: 14px; +.cookie-wrapper .cookie-content { display: flex; align-items: center; + justify-content: space-between; } -.filter-items .accordion-content .ac-single-checkbox input { - margin-right: 10px; -} -.filter-items .accordion-content .ac-single-checkbox label { - font-family: "Roboto"; - line-height: 1; - font-style: normal; - font-weight: 400; +.cookie-wrapper .cookie-content p { font-size: 14px; - line-height: 100%; + color: #171B1C; + width: calc(100% - 220px); + margin-bottom: 0; } - -.gallery-card { - display: block; - border: 1px solid #e7e7e7; - border-radius: 4px; - transition: 0.3s ease-in-out; - overflow: hidden; - min-height: 346px; +.cookie-wrapper .cookie-content p a { + color: hsl(149, 90%, 20%); + text-decoration: underline; + font-weight: 500; } -.gallery-card.webinar-video { - border: none; - border-radius: 0px; - min-height: 320px; +.cookie-wrapper .cookie-content p a:hover { + color: var(--ac-primary); } -.gallery-card.webinar-video:hover { +.cookie-wrapper .cookie-content .buttons .button { border: none; + background-color: transparent; + font-weight: 500; + padding: 8px 16px; + font-size: 14px; + border-radius: 2px; + transition: 0.3s; } -.gallery-card.webinar-video:hover .card-body h1 { +.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { + text-decoration: underline; color: var(--ac-primary); } -.gallery-card.webinar-video .card-thumbnail { - border: 1px solid #e7e7e7; - background-color: #f1f2f3; +.cookie-wrapper .cookie-content .buttons .button.is-primary { + background-color: var(--ac-primary); } -.gallery-card.webinar-video .card-body { - padding: 20px 0 0; + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .cookie-wrapper .cookie-content { + justify-content: center; + flex-direction: column; + } + .cookie-wrapper .cookie-content p { + width: 100%; + text-align: center; + margin-bottom: 10px; + } } -.gallery-card.webinar-video .card-body h1 { - font-size: 18px; - line-height: 150%; - letter-spacing: 0; - transition: 0.3s ease-in-out; - margin: 0.5rem 0 1rem; +li.nav-item { + display: inline-block !important; + text-indent: 0 !important; + padding: 0px !important; } -.gallery-card:hover { - border: 1px solid var(--ac-primary); + +li.nav-item:before { + display: none; } -.gallery-card:hover .card-thumbnail .play-button { - background-color: var(--ac-primary); + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 4px 4px 0 0; } -.gallery-card .card-thumbnail { - position: relative; - display: flex; - align-items: center; - justify-content: center; + +.tab-pane { + display: none; } -.gallery-card .card-thumbnail img { - height: 170px; - -o-object-fit: cover; - object-fit: cover; - width: 100%; + +.tab-pane.show { + display: block; } -.gallery-card .card-thumbnail .play-button { - position: absolute; - display: flex; + +.nav-tabs a { align-items: center; - width: 50px; - height: 50px; - border-radius: 50%; - background: rgba(0, 0, 0, 0.3); + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: flex; justify-content: center; - color: #fff; - transition: 0.3s ease-in-out; -} -.gallery-card .card-thumbnail .play-button .material-icons-outlined { - font-size: 28px; -} -.gallery-card .card-body { - padding: 20px 20px; -} -.gallery-card .card-body .filtered-items span { - margin-right: 0.8rem; - font-weight: normal; - font-size: 13px; - color: #505050; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; } -.gallery-card .card-body h1 { - font-weight: 500; - font-size: 16px; - line-height: 130%; - margin: 1rem 0 2rem; - color: #171B1C; - transition: 0.3s ease-in-out; + +li.nav-item a { + display: block; + padding: 5px 20px; } -.gallery-card .card-body .meta-tag p { - font-weight: normal; - font-size: 13px; - display: flex; - align-items: center; - color: #505050; + +a.nav-link.active { + background-color: #ffffff; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; + border-top: 1px solid #dbdbdb; + border-bottom-color: transparent !important; + border-radius: 4px 4px 0 0; + position: relative; + z-index: 1; } -.gallery-card .card-body .meta-tag p .icon { - width: 18px; - margin-right: 8px; + +a.nav-link.active:after { + position: absolute; + content: ""; + background: var(--ac-primary); + top: 0; + left: 0; + width: 100%; + height: 4px; + z-index: -1; + border-radius: 4px 4px 0 0; } -.filtered-tags .tag { - background-color: #fafafd; - border: 1px solid #e7e7e7; - height: 33px; - padding: 0 1.1rem; -} -.filtered-tags .tag span { - font-size: 13px; - margin-left: 8px; - cursor: pointer; - padding: 9px; - margin-right: -18px; +.nav-tabs { + align-items: center; + border-bottom-width: 1px; + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } -.outlined-bg-buttons .button { - background: #fafafd; - border: 1px solid var(--ac-primary); - font-size: 13px; - letter-spacing: -0.5px; - font-weight: 400; - height: 33px; +.tab-content { + border: 1px solid #dbdbdb; + padding: 20px; border-radius: 4px; - color: var(--ac-primary); -} -.outlined-bg-buttons .button:hover { - background-color: var(--ac-primary); - color: #fff; -} -.outlined-bg-buttons .button span { - font-size: 13px; + margin-bottom: 15px; } -.playlist-wrapper { - margin-top: 60px; +.tab-content h2 { + margin-top: 0; } -.playlist-wrapper h4 { - font-weight: 700; - font-size: 18px; - line-height: 130%; - margin-bottom: 20px; + +.button { + transition: 0.3s ease-in-out; } -.playlist-wrapper .playlist-item { - padding: 15px; - display: flex; +.button.ac-button { + border-color: var(--ac-primary); + border-radius: 0.125rem; + font-size: 0.875rem; + font-family: "Roboto", sans-serif; + letter-spacing: 0.078rem; + line-height: 1; + color: var(--ac-primary); + font-weight: 500; + padding: 0.5rem 1.5rem; + display: inline-flex; align-items: center; - border: 1px solid #e7e7e7; - transition: 0.3s ease-in-out; - border-radius: 4px; - margin-bottom: 20px; + justify-content: center; + height: 46px; } -.playlist-wrapper .playlist-item:last-child { - margin-bottom: 0; +@media screen and (max-width: 768px) { + .button.ac-button { + height: 44px; + } } -.playlist-wrapper .playlist-item:hover { - background-color: #fafafd; - border: 1px solid var(--ac-primary); +.button.ac-button:focus-visible { + outline: none; } -.playlist-wrapper .playlist-item .thumbnail { - margin-right: 50px; - display: flex; +.button.ac-button:hover { + background-color: var(--ac-primary); + color: #ffffff; + box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; + transform: translateY(-2px); } -.playlist-wrapper .playlist-item .thumbnail img { - width: 190px; - height: 190px; - border-radius: 4px; +.button.ac-button.is-disabled { + opacity: 0.5 !important; } -.playlist-wrapper .playlist-item .content { - width: calc(100% - 240px); +.button.ac-button .ac-icon { + margin-left: 25px; + background-color: #ffffff; + color: var(--ac-primary); + padding: 2px 6px; + border-radius: 4px; + width: 28px; + height: 28px; } -.playlist-wrapper .playlist-item .content .categories { - display: flex; - align-items: center; +.button.ac-button.is-normal { + height: 45px; + font-size: 15px; + letter-spacing: 0px; + font-weight: 500; + padding-left: 25px; + padding-right: 25px; } -.playlist-wrapper .playlist-item .content .categories span { - font-weight: 400; - font-size: 13px; - line-height: 100%; - color: #505050; - margin-bottom: 15px; - margin-right: 15px; - margin-bottom: 0; +.button.ac-button.is-medium { + height: 58px; + font-size: 18px; + padding-left: 45px; + padding-right: 45px; } -.playlist-wrapper .playlist-item .content h2 { +.button.ac-button.is-transparent { + padding: 0; + height: auto; + border: none; + font-size: 14px; font-weight: 500; - font-size: 16px; - line-height: 130%; + background-color: transparent; + color: #171B1C; } -.playlist-wrapper .playlist-item .content p { - font-size: 14px; - line-height: 160%; - color: #515D63; +.button.ac-button.is-transparent:hover { + box-shadow: none !important; } -.playlist-wrapper .playlist-item .content button { - font-weight: 500; - font-size: 14px; - line-height: 160%; - text-decoration-line: underline; - background: transparent; - border: none; - margin: 0; - padding: 0; +.button.ac-button.is-transparent.is-primary { + background-color: transparent; color: var(--ac-primary); } - -.single-video-page .left-content .user-info-wrapper { - display: flex; - align-items: center; - margin-bottom: 20px; +.button.ac-button.is-transparent.is-primary:hover { + background-color: transparent; + color: var(--ac-primary); } -.single-video-page .left-content .user-info-wrapper .image { - margin-right: 15px; +.button.ac-button.is-transparent.is-danger { + background-color: transparent; + color: #ff3729; } -.single-video-page .left-content .user-info-wrapper .user-info h5 { - font-weight: 500; - font-size: 16px; - line-height: 19px; - /* identical to box height */ - letter-spacing: 0.15px; +.button.ac-button.is-transparent.is-danger:hover { + background-color: transparent; + color: #ff3729; } -.single-video-page .left-content .user-info-wrapper .user-info p { - font-weight: 400; +.button.ac-button.is-transparent.is-small { + letter-spacing: 0px; font-size: 13px; - line-height: 15px; - letter-spacing: 0.15px; - color: #414141; } -.single-video-page .left-content .tags strong { - font-weight: 500; - font-size: 16px; - line-height: 19px; - /* identical to box height */ - letter-spacing: 0.15px; +.button.ac-button.is-transparent:focus { + box-shadow: none; + outline: none; } -.single-video-page .left-content .video-description p { - font-weight: 400; - font-size: 16px; - line-height: 160%; - margin-bottom: 15px; +.button.ac-button.is-white { + background-color: #ffffff; + border: none; } -.single-video-page .left-content .video-description p a { - font-weight: 400; - font-size: 16px; - line-height: 160%; - color: #4d4dcb; +.button.ac-button.is-white:hover { + color: var(--ac-primary); + opacity: 0.9; } -.single-video-page .right-content { - position: sticky; - top: 81px; +.button.ac-button.is-primary { + background-color: var(--ac-primary); + color: #ffffff; + border: none; + background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important; } -.single-video-page .right-content .video-list-wrapper { - background-color: #fafafd; - border: 1px solid #e7e7e7; - padding: 30px; +.button.ac-button.is-primary:hover { + background-color: var(--ac-primary); } -.single-video-page .right-content .video-list-wrapper h4 { - font-weight: 600; - font-size: 20px; - line-height: 100%; - margin-bottom: 15px; +.button.ac-button.is-primary:focus-visible { + outline: none; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video { - display: flex; - align-items: center; - margin-bottom: 15px; +.button.ac-button.is-primary.is-light { + background-color: var(--ac-primary); + color: var(--ac-primary); } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child { - margin-bottom: 0; +.button.ac-button.is-primary.is-light.is-border { + border: 1px solid var(--ac-primary); } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 { +.button.ac-button.is-primary.is-light:hover { + background-color: var(--ac-primary); +} +.button.ac-button.is-primary.is-outlined { + background-color: transparent; + border: 1px solid var(--ac-primary); color: var(--ac-primary); } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail { - margin-right: 15px; - height: 60px; - width: 60px; +.button.ac-button.is-primary.is-outlined:hover { + background-color: var(--ac-primary); + color: #ffffff; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img { - -o-object-fit: cover; - object-fit: cover; +.button.ac-button.is-link { + background-color: #0aafff; + color: #ffffff; + border: none; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { - width: calc(100% - 75px); +.button.ac-button.is-link:focus-visible { + outline: none; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { - transition: 0.3s ease-in-out; +.button.ac-button.is-link.is-light { + color: #0aafff; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { - font-size: 16px; - line-height: 120%; - /* or 19px */ - letter-spacing: 0.25px; +.button.ac-button.is-link.is-light.is-border { + border: 1px solid #0aafff; +} +.button.ac-button.is-link.is-outlined { + background-color: transparent; + border: 1px solid #0aafff; + color: #0aafff; +} +.button.ac-button.is-link.is-outlined:hover { + background-color: #0aafff; + color: #ffffff; } -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p { - font-weight: 400; - font-size: 13px; - line-height: 150%; - color: #191536; +.button.ac-button.is-info { + background-color: #0aafff; + color: #ffffff; + border: none; } - -.video-content { - margin-bottom: 20px; - width: 100%; - height: 0; - position: relative; - padding-top: 56.25%; +.button.ac-button.is-info:focus-visible { + outline: none; } -.video-content iframe { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border: 0; +.button.ac-button.is-info.is-light { + color: #0aafff; } - -.video-title h1 { - font-weight: 700; - font-size: 24px; - line-height: 130%; - letter-spacing: 0.25px; - margin-bottom: 20px; +.button.ac-button.is-info.is-light.is-border { + border: 1px solid #0aafff; } - -@keyframes waves { - 0% { - transform: scale(0.2, 0.2); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - } - 50% { - opacity: 0.9; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - } - 100% { - transform: scale(0.9, 0.9); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - } +.button.ac-button.is-info.is-outlined { + background-color: transparent; + border: 1px solid #0aafff; + color: #0aafff; } - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .gallery-wrapper .left-sidebar { - width: calc(100vw - 40px); - z-index: 9; - position: fixed; - left: -110%; - height: 100%; - overflow-y: auto; - transition: 0.3s ease-in-out; - } - .gallery-wrapper .left-sidebar .left-sidebar-inner { - top: 0; - } - .gallery-wrapper .right-content { - width: 100%; - } - .filtered-tags .tag { - padding: 0 0.3rem; - } - .filtered-tags .tag span { - margin-right: 0; - padding: 6px; - margin-left: 0; - } - .outlined-bg-buttons { - justify-content: flex-end; - } - .outlined-bg-buttons .button { - margin-right: 10px; - } - .outlined-bg-buttons .button:last-child { - margin-right: 0; - } - .playlist-wrapper .playlist-item { - flex-direction: column; - align-items: flex-start; - } - .playlist-wrapper .playlist-item .thumbnail { - margin-right: 0; - margin-bottom: 15px; - } - .playlist-wrapper .playlist-item .thumbnail img { - width: 100%; - height: auto; - } - .playlist-wrapper .playlist-item .content { - width: 100%; - } - .gallery-card .card-thumbnail img { - height: 100%; - } +.button.ac-button.is-info.is-outlined:hover { + background-color: #0aafff; + color: #ffffff; } -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .gallery-card { - min-height: 280px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } - .single-video-page .right-content .video-list-wrapper h4 { - font-size: 16px; - } - .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { - font-size: 14px; - } +.button.ac-button.is-success { + background-color: var(--ac-primary); + color: #ffffff; + border: none; } -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .gallery-card { - min-height: 290px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } +.button.ac-button.is-success:hover { + background-color: var(--ac-primary); } -@media screen and (min-width: 1408px) { - .gallery-card { - min-height: 290px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } +.button.ac-button.is-success:focus-visible { + outline: none; } -.navbar-area { - position: relative; - z-index: 99; - background-color: #ffffff; +.button.ac-button.is-success.is-light { + background-color: var(--ac-primary); + color: var(--ac-primary); } - -.navbar-appscode-wrapper { - background-color: #ffffff; - border-bottom: 1px solid #e7e7e7; +.button.ac-button.is-success.is-light.is-border { + border: 1px solid var(--ac-primary); } - -.navbar-appscode { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0.5rem 1.25rem; +.button.ac-button.is-success.is-light:hover { + background-color: var(--ac-primary); } -.navbar-appscode.container { - padding: 0.5rem 0; +.button.ac-button.is-success.is-outlined { + background-color: transparent; + border: 1px solid var(--ac-primary); + color: var(--ac-primary); } -.navbar-appscode.container .mega-menu-wrapper { - width: 200%; - left: -50%; +.button.ac-button.is-success.is-outlined:hover { + background-color: var(--ac-primary); + color: #ffffff; } -.navbar-appscode .navbar-right .button.ac-button { - height: 40px; +.button.ac-button.is-warning { + background-color: #ff8000; + color: #ffffff; + border: none; } -.navbar-appscode .navbar-left { - display: flex; - align-items: center; +.button.ac-button.is-warning:focus-visible { + outline: none; } -.navbar-appscode .navbar-left .navbar-brand { - min-height: auto; - align-items: center; - margin-right: 3.8rem; +.button.ac-button.is-warning.is-light { + color: #ff8000; } -.navbar-appscode .navbar-left .navbar-brand a { - display: flex; - align-items: center; +.button.ac-button.is-warning.is-light.is-border { + border: 1px solid #ff8000; } -.navbar-appscode .navbar-left .navbar-brand a img { - height: 1.875rem; +.button.ac-button.is-warning.is-outlined { + background-color: transparent; + border: 1px solid #ff8000; + color: #ff8000; } -.navbar-appscode .navbar-right { - display: flex; - align-items: center; - width: calc(100% - 200px); - justify-content: flex-end; +.button.ac-button.is-warning.is-outlined:hover { + background-color: #ff8000; + color: #ffffff; } -.navbar-appscode .navbar-right .navbar-left-group { - display: flex; - align-items: center; +.button.ac-button.is-danger { + background-color: #ff3729; + color: #ffffff; + border: none; } -@media (min-width: 0px) and (max-width: 1023px) { - .navbar-appscode .navbar-right .navbar-left-group { - align-items: flex-start; - } +.button.ac-button.is-danger:focus-visible { + outline: none; } -.navbar-appscode .navbar-right .navbar-right-group { - display: flex; - align-items: center; - gap: 32px; +.button.ac-button.is-danger.is-light { + color: #ff3729; } -.navbar-appscode .navbar-right .navbar-right-group .buttons iframe { - transition: 0.3s ease-in-out; +.button.ac-button.is-danger.is-light.is-border { + border: 1px solid #ff3729; } -.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover { - box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; - transform: translateY(-2px); +.button.ac-button.is-danger.is-outlined { + background-color: transparent; + border: 1px solid #ff3729; + color: #ff3729; } -.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) { - gap: 4px; +.button.ac-button.is-danger.is-outlined:hover { + background-color: #ff3729; + color: #ffffff; } -.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag { - background-color: var(--ac-primary); +.button.ac-button.is-green { + background-color: #158748; color: #ffffff; + border: none; } -@media (min-width: 0px) and (max-width: 1023px) { - .navbar-appscode .navbar-right .navbar-right-group { - flex-direction: column; - align-items: flex-start; - gap: 16px; - width: 100%; - } - .navbar-appscode .navbar-right .navbar-right-group .buttons { - width: 100%; - } - .navbar-appscode .navbar-right .navbar-right-group .buttons .button { - width: 100%; - margin-right: 0; - } +.button.ac-button.is-green:focus-visible { + outline: none; } -.navbar-appscode ul .nav-item { - margin-right: 2.5rem; +.button.ac-button.is-green.is-light { + color: #158748; } -.navbar-appscode ul .nav-item.is-active .link { - color: var(--ac-primary); +.button.ac-button.is-green.is-light.is-border { + border: 1px solid #158748; } -.navbar-appscode ul .nav-item.is-active .link i.fa { - transform: rotate(-180deg); +.button.ac-button.is-green.is-outlined { + background-color: transparent; + border: 1px solid #158748; + color: #158748; } -.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper { - display: block !important; +.button.ac-button.is-green.is-outlined:hover { + background-color: #158748; + color: #ffffff; } -.navbar-appscode ul .nav-item:last-child { - margin-right: 0; +.button .icon { + width: 1.2em; + height: 1.2em; } -.navbar-appscode ul .nav-item .link { + +.readmore-button { + margin: 0; + padding: 0; font-size: 0.875rem; - line-height: 1; - color: #171B1C; + color: #515D63; font-weight: 500; - font-family: "Roboto", sans-serif; border: none; - background-color: transparent; + background: transparent; + display: flex; + align-items: center; cursor: pointer; - margin: 0; - padding: 0.5rem 0; + line-height: 1; transition: 0.3s ease-in-out; - position: relative; - z-index: 1; } -.navbar-appscode ul .nav-item .link.is-active { - color: var(--ac-primary); +.readmore-button .material-icons-outlined { + font-size: 0.875rem; + margin-left: 10px; + transition: 0.3s ease-in-out; } -.navbar-appscode ul .nav-item .link:hover { - color: var(--ac-primary); + +.testimonial-area { + padding: 60px 0 60px; } -.navbar-appscode ul .nav-item .link .fa { - transition: 0.3s ease-in-out; - margin-left: 0.625rem; +.testimonial-area .section-title h2 { + font-size: 48px; } -.navbar-appscode ul .nav-item .link .whats-new { - position: absolute; - z-index: 1; - top: -10px; - right: -30px; - font-size: 0.8rem; - color: #ffffff; - padding: 0.2rem 0.3rem; - line-height: 1.2; - display: none; +.testimonial-area .section-title p { + font-size: 18px; } -.navbar-appscode ul .nav-item .link .whats-new:before { - content: ""; - position: absolute; - z-index: -1; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 2rem; - height: 1rem; - background: var(--ac-primary); - border-radius: 2px; - animation: pulse-border 1500ms ease-out infinite; +.testimonial-area .single-testimonial-item { + background: #ffffff; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); + border-radius: 4px; + padding: 50px 40px; + min-height: 460px; } -.navbar-appscode ul .nav-item .link .whats-new:after { - content: ""; - position: absolute; - z-index: -1; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 2rem; - height: 1rem; - background: var(--ac-primary); - transition: all 200ms; +.testimonial-area .single-testimonial-item .user-info-wrapper { + display: flex; + align-items: center; + margin-bottom: 1rem; } -@keyframes pulse-border { - 0% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); - opacity: 1; - } - 100% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); - opacity: 0; - } +.testimonial-area .single-testimonial-item .user-info-wrapper .image { + margin-right: 1.2rem; } - -.mega-menu-wrapper { - display: none; - background: #ffffff; - position: absolute; - z-index: 9; - min-width: 300px; - padding: 2.5rem 0; - position: absolute; - width: 100%; - left: 0; - top: 61px; +.testimonial-area .single-testimonial-item .user-info-wrapper .image img { + height: 100%; } -.mega-menu-wrapper .mega-menu-inner { - overflow: hidden; +.testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name { + font-weight: bold; + color: #171B1C; + font-size: 22px; + line-height: 1; + line-height: 160%; } -.mega-menu-wrapper .mega-menu-inner .product-menu { - display: grid; - grid-template-columns: auto auto; - width: 60%; - float: left; +.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p { + font-size: 14px; + line-height: 160%; + color: #a6abbd; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product { - display: grid; - grid-template-columns: 3.75rem auto 1.5rem; - padding: 1rem; - align-items: center; - width: 100%; - grid-gap: 1rem; - border-radius: 0.25rem; - transition: 0.3s ease-in-out; - cursor: pointer; +.testimonial-area .single-testimonial-item p { + font-size: 1rem; + line-height: 160%; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active { - background-color: rgba(77, 77, 203, 0.0509803922); +.testimonial-area .owl-carousel .owl-stage-outer { + padding: 40px 0px; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon { - opacity: 1; - visibility: visible; + +.arrows { + display: flex; + width: 136px; + justify-content: space-between; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { - height: 60px; +.arrows .button { width: 60px; + height: 60px; display: flex; - align-items: center; justify-content: center; - background: #e9e9fc; - border-radius: 0.25rem; + align-items: center; + background-color: #ffffff; + border: 1px solid #e7e7e7; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { - height: 2.5rem; +.arrows .button:hover .material-icons-outlined { + transform: scale(1.2); + color: var(--ac-primary); } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 { - font-size: 1rem; - letter-spacing: 0.009rem; - color: #171B1C; - font-weight: 500; +.arrows .button .material-icons-outlined { + transition: 0.3s ease-in-out; + font-size: 18px; +} + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .testimonial-area { + padding-top: 30px; + } + .testimonial-area .section-title { + text-align: center; + } + .testimonial-area .section-title h2 { + font-size: 32px; + } + .testimonial-area .owl-carousel .owl-stage-outer { + padding: 0 !important; + } + .testimonial-area .arrows { + width: 96px; + margin: 0 auto; + margin-top: 30px; + } + .testimonial-area .arrows .button { + width: 40px; + height: 40px; + } + .testimonial-area .single-testimonial-item { + padding: 30px; + min-height: auto; + } + .testimonial-area .single-testimonial-item .user-info-wrapper .user-info { + text-align: left; + } + .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 { + font-size: 20px; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .testimonial-area .section-title h2 { + font-size: 38px; + } + .testimonial-area .single-testimonial-item { + padding: 30px 30px; + min-height: 310px; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .testimonial-area .section-title h2 { + font-size: 38px; + } + .testimonial-area .single-testimonial-item { + min-height: 310px; + padding: 30px; + } } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p { - font-size: 0.813rem; - color: #636363; - line-height: 140%; - letter-spacing: 0.025rem; +@media screen and (min-width: 1408px) { + .testimonial-area .single-testimonial-item { + padding: 30px; + } + .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 { + font-size: 18px; + } } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon { - text-align: right; - display: flex; - justify-content: center; - align-items: center; +.features-area .features-image { + position: relative; + z-index: 1; } -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { - width: 1.2rem; - color: var(--ac-primary); - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; +.features-area .features-image img { + border-radius: 4px; } -.mega-menu-wrapper .mega-menu-inner .product-description { - margin-left: 1rem; - float: left; - border-left: 1px solid #e7e7e7; - padding-left: 4rem; - max-width: 36%; - opacity: 0; - display: none; - visibility: hidden; - transition: 0.3s ease-in-out; +.features-area .features-image .check-list { + position: absolute; + top: 60px; + left: -150px; + left: -150px; } -.mega-menu-wrapper .mega-menu-inner .product-description.is-block { - opacity: 1; - visibility: visible; +.features-area .features-description h2 { + line-height: 130%; } -.mega-menu-wrapper .mega-menu-inner .product-description .brand { +.features-area .features-description h1 { + font-style: normal; + font-weight: bold; + font-size: 34px; + line-height: 130%; + letter-spacing: -0.57px; margin-bottom: 1rem; } -.mega-menu-wrapper .mega-menu-inner .product-description .brand img { - height: 1.5rem; +.features-area .features-description p { + font-size: 1rem; + margin-bottom: 15px; + text-align: justify; } -.mega-menu-wrapper .mega-menu-inner .product-description p { - font-size: 0.875rem; - color: #515D63; - line-height: 160%; +.features-area .features-description p strong { + color: #171B1C; + font-weight: 500; +} +.features-area h3 { margin-bottom: 1rem; + font-weight: 800; } -.mega-menu-wrapper .mega-menu-inner .product-description .features li { - font-size: 0.813rem; - color: #171B1C; +.features-area .check-list { + background-color: #ffffff; + padding: 30px 40px; + width: 300px; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); + border-radius: 0.5rem; +} +.features-area .check-list li { display: flex; align-items: center; - margin-bottom: 15px; -} -.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons { font-size: 1rem; - margin-right: 0.6rem; - color: var(--ac-primary); + margin-bottom: 0.8rem; } - -.back-button { - display: none !important; - color: #515D63; - margin-bottom: 10px !important; - background-color: transparent; +.features-area .check-list li:last-child { + margin-bottom: 0; +} +.features-area .check-list li span { + font-size: 18px; + margin-right: 0.8rem; + color: var(--ac-primary); } -.button.ac-button.inline-button { - border: none; - height: auto; - margin: 0; - padding: 0.5rem 0; - display: inline-flex; - align-items: center; - justify-content: flex-start; +.single-features-item { + padding: 20px 20px; + display: grid; + grid-gap: 20px; + grid-template-columns: 3.75rem auto; + border: 1px solid #e7e7e7; + border-radius: 2px; + min-height: 126px; } -.button.ac-button.inline-button:hover { - background-color: transparent; - border: none; +.single-features-item:hover .readmore-button { + letter-spacing: 0; color: var(--ac-primary); } -.button.ac-button.inline-button:hover .material-icons { - margin-left: 1rem; -} -.button.ac-button.inline-button .material-icons { - font-size: 1rem; - margin-left: 0.5rem; - transition: 0.3s ease-in-out; +.single-features-item:hover .readmore-button .material-icons-outlined { + margin-left: 20px; } - -.resources-list { - display: grid; - grid-template-columns: auto auto auto auto; - grid-gap: 2rem; +.single-features-item .feature-icon { + width: 3.75rem; + height: 3.75rem; + background-color: #f1f1f9; + display: flex; + align-items: center; + justify-content: center; + border-radius: 2px; } -.resources-list .list-items h2 { - font-weight: 500; - position: relative; - font-size: 0.875rem; - z-index: 1; - display: inline-block; - letter-spacing: 1.2px; +.single-features-item .feature-icon img { + height: 30px; } -.resources-list .list-items ul { - margin: 0; - padding: 0; - list-style: none; +.single-features-item .feature-information h5 { + font-size: 20px; + margin-bottom: 5px; } -.resources-list .list-items ul li a { +.single-features-item .feature-information p { font-size: 0.875rem; - padding: 0.6rem 0; - color: #171B1C; - display: inline-block; - line-height: 1; + line-height: 160%; transition: 0.3s ease-in-out; - font-weight: 500; -} -.resources-list .list-items ul li a span { - font-size: 14px; -} -.resources-list .list-items ul li a:hover { - color: var(--ac-primary); - text-decoration: underline; + color: #515D63; } -.modal-backdrop.is-show { - width: 100%; - height: 100%; - background: #333; - position: fixed; - top: 0; - opacity: 0.8; - z-index: 9; +.features-area .single-feature-image { + display: flex; + align-items: center; } - -.header--fixed { - position: fixed; - z-index: 10; - right: 0; - left: 0; - top: 0; +.features-area .single-feature-image img { + max-width: 400px; } -.header--fixed::after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #ffffff; - z-index: -1; - transition: 0.5s ease-in-out; +.features-area p { + text-align: justify; } -.navbar-burger { - height: 30px; - width: 30px; +.features-area .features-thumbnail { + max-width: 80%; border-radius: 4px; + overflow: hidden; + display: flex; } -.navbar-burger.is-active i.fa { - transform: rotate(-180deg); - transform-origin: 10px; -} -.navbar-burger span { - height: 1.5px; +.features-area .features-thumbnail.has-text-right { + margin-left: auto; + margin-right: 0; } /**************************************** Responsive Classes *****************************************/ -@media screen and (max-width: 1023px) { - .navbar-appscode.container { - padding: 0.5rem 15px; +@media screen and (max-width: 768px) { + .features-area .features-image .check-list { + top: 30px; + left: 50%; + margin-left: -150px; + padding: 30px; } - .navbar-appscode .navbar-left { - width: 100%; + .features-area .buttons { + justify-content: center; } - .navbar-appscode .navbar-left .navbar-brand { + .features-area .features-description { + text-align: center; + } + .features-area .features-description h2 { + margin-bottom: 10px; + } + .features-area .features-description h1 { + font-size: 28px; + } + .features-area .features-description p { + text-align: center; + } + .features-area h3 { + font-size: 1.5rem; + margin-bottom: 0.5rem; + text-align: center; + } + .features-area p { + text-align: center; + } + .single-features-item { + grid-template-columns: auto; + grid-gap: 10px; + text-align: center; + } + .single-features-item .feature-icon { + margin: 0 auto; + } + .single-features-item .readmore-button { + text-align: left; margin: 0; - width: 100%; } - .navbar-appscode .navbar-left .navbar-brand a img { - height: 1.5rem !important; + .features-area .features-thumbnail { + margin: 0 auto; + max-width: 100%; } - .navbar-appscode .navbar-left ul { - position: absolute; - right: 20%; - opacity: 0; - visibility: hidden; + .features-area .features-thumbnail.has-text-right { + margin-right: auto; } - .navbar-appscode .navbar-right { - position: absolute; - z-index: 99; - right: 20%; - opacity: 0; - visibility: hidden; - background: #fafafd; - width: 100%; - left: 0; - min-height: calc(100vh + 110px); - overflow-y: auto; - transition: 0.3s ease-in-out; - top: 61px; - padding: 15px; - justify-content: flex-start; - flex-direction: column; - align-items: flex-start; + .single-features-item .feature-icon { + width: 3rem; + height: 3rem; + border-radius: 4px; } - .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between { - flex-direction: column; - align-items: flex-start; + .single-features-item .feature-icon img { + height: 24px; } - .navbar-appscode .navbar-right .is-primary.ml-8 { - margin-left: 0 !important; - margin-top: 15px; + .single-features-item .feature-information { + text-align: left; + } + .single-features-item .feature-information h5 { + font-size: 18px; + margin-bottom: 5px; + line-height: 1.3; + } + .features-area .features-thumbnail { + margin: 0 auto; } - .navbar-appscode .navbar-right .button.ac-button.is-primary { - margin-left: 0; - width: 100%; + .features-area .features-thumbnail.has-text-right { + margin-right: auto; } - .navbar-appscode .navbar-right ul { - display: flex; - flex-direction: column; +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .single-features-item { + grid-template-columns: auto; + grid-gap: 10px; + text-align: center; } - .navbar-appscode .navbar-right ul li.nav-item { - margin: 6px 0; + .single-features-item .feature-icon { + margin: 0 auto; } - .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { - top: -10px; - right: -30px; + .single-features-item .feature-information h5 { + font-size: 18px; } - .navbar-appscode .navbar-right.is-visible { - opacity: 1; - visibility: visible; + .features-area .features-image .check-list { + left: 50%; + margin-left: -150px; + padding: 30px; } - .resources-list { - grid-template-columns: auto; + .features-area .features-thumbnail { + margin: 0 auto; } - .mega-menu-wrapper { - width: 100% !important; - left: 0 !important; - top: 0 !important; - padding-top: 20px !important; - background-color: #fafafd; - max-height: 75vh; - min-height: 70vh; - overflow-y: auto; - box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16); + .features-area .features-thumbnail.has-text-right { + margin-right: auto; } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: 100%; + .readmore-button { + text-align: center; + margin: 0 auto; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { - width: 100%; +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .features-area .features-image .check-list { + left: 50%; + margin-left: -150px; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { - height: 50px; - width: 50px; + .features-area .features-description { + font-size: 28px; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { - height: 1.8rem; + .features-area h3 { + font-size: 28px; + margin-bottom: 0.8rem; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { - width: 16px; +} +@media screen and (min-width: 1408px) { + .features-area .features-description h1 { + font-size: 32px; } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; - padding-left: 0; - margin-top: 35px; - margin-left: 0; - max-width: 100%; + .features-area .features-image .check-list { + top: 30px; } - .back-button { - display: flex !important; + .single-features-item { + padding: 20px; + min-height: 126px; } - .back-button span { - color: var(--ac-primary); - padding-right: 15px; - font-size: 18px; + .single-features-item .feature-information h5 { + font-size: 16px; + margin-bottom: 0; + line-height: 130%; } } -.embeded-console-button { - height: 42px; - margin-bottom: 4px; - width: 185px; +.ac-accordion-wrapper.is-marginless .single-accordion-item { + margin: 0; + padding: 0; +} +.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading { + padding: 10px 20px; + position: relative; + z-index: 1; +} +.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading::after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 4px; + height: 100%; + background-color: var(--ac-primary); +} +.ac-accordion-wrapper .single-accordion-item { + background-color: #fff; + border: 1px solid #E8E9EA; + padding: 12px 20px; + margin-bottom: 15px; + border-radius: 4px; +} +.ac-accordion-wrapper .single-accordion-item:last-child { + margin-bottom: 0; +} +.ac-accordion-wrapper .single-accordion-item .accordion-heading { + display: flex; + align-items: center; + justify-content: space-between; +} +.ac-accordion-wrapper .single-accordion-item .accordion-heading h3 { + cursor: pointer; + font-size: 16px; + font-weight: 700; + color: #1C1C1C; +} +.ac-accordion-wrapper .single-accordion-item .accordion-heading h4 { + font-size: 14px; + font-weight: 700; + line-height: 20px; +} +.ac-accordion-wrapper .single-accordion-item .accordion-heading button { + font-size: 12px; + letter-spacing: 0.1px; +} +.ac-accordion-wrapper .single-accordion-item .accordion-heading .icon { + width: 16px; + height: 16px; + border: 1px solid #1C1C1C; + line-height: 16px; + font-size: 12px; + border-radius: 50%; + cursor: pointer; +} +.ac-accordion-wrapper .single-accordion-item .accordion-body { + max-height: 0; + transition: max-height 0.2s ease-out; overflow: hidden; + padding: 0; +} +.ac-accordion-wrapper .single-accordion-item .accordion-body p { + padding-top: 3px; + font-size: 15px; + color: #393E46; +} + +.cta-area { + margin-bottom: 60px; + position: relative; + z-index: 1; +} +.cta-area .cta-area-inner { + padding: 20px 50px; + background-size: cover; + background-position: center; + border-radius: 8px; + display: flex; + align-items: center; + background-color: #F4FBF7; + border: 1px solid var(--ac-primary); + position: relative; + z-index: 1; +} +.cta-area .cta-area-inner:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + z-index: -1; +} +.cta-area .cta-area-inner h3 { + margin-bottom: 1rem; + text-wrap: balance; +} +.cta-area .cta-area-inner p { + text-wrap: balance; } + +/**************************************** +Responsive Classes +*****************************************/ @media screen and (max-width: 768px) { - .embeded-console-button { + .cta-area .cta-area-inner { + height: auto !important; + padding: 32px 16px; + } + .cta-area .cta-area-inner .buttons .button.ac-button { + letter-spacing: 0; + padding: 0.5rem 1rem; width: 100%; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .navbar-burger { - display: none !important; - } - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 1rem; +@media screen and (min-width: 769px) and (max-width: 1023px) { + .cta-area .cta-area-inner { + padding: 20px; } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); + .cta-area .cta-area-inner h3 { + font-size: 28px; } - .navbar-appscode .navbar-right .button.ac-button { - padding: 0.5rem 1rem; +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .cta-area .cta-area-inner { + padding: 20px; } - .navbar-appscode .navbar-right-group { - gap: 8px !important; + .cta-area .cta-area-inner h3 { + font-size: 28px; } - .navbar-appscode ul .nav-item { - margin-right: 1.5rem; +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .cta-area .cta-area-inner { + padding: 30px; } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: calc(50% - 5rem); + .cta-area .cta-area-inner h3 { + font-size: 28px; } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; +} +@media screen and (min-width: 1408px) { + .cta-area .cta-area-inner { + padding: 30px; } - .mega-menu-wrapper .video-content { - display: none; + .cta-area .cta-area-inner h3 { + font-size: 28px; } } -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .navbar-burger { - display: none !important; - } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); - } - .navbar-appscode ul .nav-item { - margin-right: 1.5rem; - } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: calc(50% - 5rem); - } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; - } - .mega-menu-wrapper .video-content { - display: none; - } +.full-info { + overflow: hidden; +} +.full-info h1, +.full-info h2, +.full-info h3, +.full-info h4, +.full-info h5, +.full-info h6 { + margin-top: 40px; + font-weight: 700; + color: #171B1C; + margin-bottom: 10px; +} +.full-info h1:first-child, +.full-info h2:first-child, +.full-info h3:first-child, +.full-info h4:first-child, +.full-info h5:first-child, +.full-info h6:first-child { + margin-top: 0; +} +.full-info h1 a, +.full-info h2 a, +.full-info h3 a, +.full-info h4 a, +.full-info h5 a, +.full-info h6 a { + font-size: 16px; +} +.full-info h1 a svg, +.full-info h2 a svg, +.full-info h3 a svg, +.full-info h4 a svg, +.full-info h5 a svg, +.full-info h6 a svg { + padding-left: 10px; +} +.full-info h1 a.hash-tag, +.full-info h2 a.hash-tag, +.full-info h3 a.hash-tag, +.full-info h4 a.hash-tag, +.full-info h5 a.hash-tag, +.full-info h6 a.hash-tag { + opacity: 0; + visibility: hidden; + transition: 0.3s ease-in-out; +} +.full-info h1:hover a, +.full-info h2:hover a, +.full-info h3:hover a, +.full-info h4:hover a, +.full-info h5:hover a, +.full-info h6:hover a { + opacity: 1; + visibility: visible; +} +.full-info h1 { + font-size: 32px; + border-bottom: 1px solid #ebebeb; + padding-bottom: 10px; + margin-bottom: 20px; } -@media screen and (min-width: 1408px) { - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 3rem; - } +.full-info h2 { + font-size: 24px; } -.ac-preloader { - position: fixed; - height: 100vh; - top: 0; - z-index: 999; - width: 100%; - background-color: #ffffff; +.full-info h3 { + font-size: 18px; +} +.full-info h4 { + font-size: 16px; +} +.full-info h5 { + font-size: 15px; +} +.full-info h6 { + font-size: 13px; +} +.full-info .highlight pre code { + color: #f1f1f1; +} +.full-info table td, +.full-info table th { + text-align: left; +} +.full-info h2 span.share-icon { + color: #6b6b6b; + font-size: 18px; + margin-left: 10px; + opacity: 0; + visibility: hidden; + transition: 0.3s ease-in-out; } -.spinner { - position: relative; +.full-info h2:hover span.share-icon { + opacity: 1; + visibility: visible; } -.spinner:before, -.spinner:after { - content: ""; - position: relative; +.full-info ul li, +.full-info ol li, +.full-info ol li p { + color: #4a4a4a; display: block; + padding-bottom: 8px; + line-height: 1.8; } -.spinner:before { - animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; - width: 2em; - height: 2em; - background-color: var(--ac-primary); +.full-info ul li:last-child, +.full-info ol li:last-child, +.full-info ol p:last-child { + margin-bottom: 0; + padding-bottom: 0; } -.spinner:after { - animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; - bottom: -0.5em; - height: 0.25em; - border-radius: 50%; - background-color: rgba(0, 0, 0, 0.2); +.full-info ul li, +.full-info ol li { + text-indent: -30px; } -@keyframes spinner { - 50% { - border-radius: 50%; - transform: scale(0.5) rotate(360deg); - } - 100% { - transform: scale(1) rotate(720deg); - } + +.full-info ul li p, +.full-info ol li p { + text-indent: 0; + margin-top: -30px; } -@keyframes shadow { - 50% { - transform: scale(0.5); - background-color: rgba(0, 0, 0, 0.1); - } + +.full-info ul li pre, +.full-info ol li pre { + text-indent: 0px; + margin-left: -30px; } -.cookie-wrapper { - border-top: 1px solid #e7e7e7; - position: fixed; - width: 100%; - background-color: #fafafd; - bottom: 0; - left: 0; - padding: 8px 0; - z-index: 99; - transition: 0.3s ease-in-out; + +.full-info ul li:before { + content: "\f10c"; + font-family: fontawesome; + font-size: 8px; + margin-right: 20px; + color: #707070; } -.cookie-wrapper .cookie-content { - display: flex; - align-items: center; - justify-content: space-between; + +.full-info figure { + margin-bottom: 30px; } -.cookie-wrapper .cookie-content p { +.full-info figure figcaption { + color: #707070; font-size: 14px; - color: #171B1C; - width: calc(100% - 220px); - margin-bottom: 0; } -.cookie-wrapper .cookie-content p a { - color: hsl(149, 90%, 20%); - text-decoration: underline; + +ul li b { + color: var(--ac-primary); font-weight: 500; } -.cookie-wrapper .cookie-content p a:hover { + +.full-info ul, +.full-info ol { + padding: 0 0 0 30px; + margin-bottom: 15px; +} + +.full-info ul.nav.nav-tabs { + margin-bottom: 0; +} + +.full-info ul li p { + margin: 0; + display: inline; +} + +.full-info p b { color: var(--ac-primary); } -.cookie-wrapper .cookie-content .buttons .button { - border: none; - background-color: transparent; + +.full-info ul li p a, +.full-info p a, +.full-info a { + color: var(--ac-primary); font-weight: 500; - padding: 8px 16px; - font-size: 14px; - border-radius: 2px; - transition: 0.3s; + font-family: "Roboto", sans-serif; } -.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { - text-decoration: underline; + +.full-info p { + margin-bottom: 15px; + color: #515D63; +} + +.full-info p strong { + font-weight: 500; +} +.full-info p strong em { + font-weight: 500; +} + +.appscode-style.full-info ul li p a .appscode-style.full-info p a, +.appscode-style.full-info a { color: var(--ac-primary); } -.cookie-wrapper .cookie-content .buttons .button.is-primary { - background-color: var(--ac-primary); + +.full-info ol { + list-style: none; + counter-reset: order-list-counter; } -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .cookie-wrapper .cookie-content { - justify-content: center; - flex-direction: column; - } - .cookie-wrapper .cookie-content p { - width: 100%; - text-align: center; - margin-bottom: 10px; - } +.full-info ol li { + counter-increment: order-list-counter; } -li.nav-item { - display: inline-block !important; - text-indent: 0 !important; - padding: 0px !important; + +.full-info ol li::before { + content: counter(order-list-counter) ". "; + font-weight: 500; + font-family: "Roboto", sans-serif; + font-size: 15px; + color: #4a4a4a; } -li.nav-item:before { +/* schedule-demo start */ +embed, +iframe, +object, +video { + height: 100%; + max-width: 100%; +} + +.schedule-title { + margin-top: 65px; + color: #242a31; + margin-bottom: 30px; +} + +.kd-sidebar-menu label, +.kd-sidebar-menu li a { + font-size: 14px; + font-weight: 500; + color: #4a4a4a; + display: block; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + margin-top: 10px; + margin-top: 5px; + transition: 0.3s; +} + +.item ul, +.item input[type=checkbox] { display: none; + overflow: hidden; + transition: 0.3s; } -li.nav-item a { +.kd-sidebar-menu .item label a { + font-weight: 600; + color: #515D63; + padding: 8px 17px; display: block; - padding: 5px 20px; } -.button { - transition: 0.3s ease-in-out; -} -.button.ac-button { - border-color: var(--ac-primary); - border-radius: 0.125rem; - font-size: 0.875rem; - font-family: "Roboto", sans-serif; - letter-spacing: 0.078rem; - line-height: 1; +.kd-sidebar-menu li a:hover { color: var(--ac-primary); - font-weight: 500; - padding: 0.5rem 1.5rem; - display: inline-flex; - align-items: center; - justify-content: center; - height: 46px; -} -@media screen and (max-width: 768px) { - .button.ac-button { - height: 44px; - } } -.button.ac-button:focus-visible { - outline: none; -} -.button.ac-button:hover { - background-color: var(--ac-primary); - color: #ffffff; - box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; - transform: translateY(-2px); + +.kd-sidebar-menu .item ul { + margin-left: 20px; + padding-left: 15px; + border-left: 1px solid #e2e2e2; } -.button.ac-button.is-transparent { - padding: 0; - height: auto; - border: none; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #171B1C; + +.item input:checked ~ label, +.item input:checked ~ .item > label { + border: 1px solid #e2e2e2; + background: #ffffff; } -.button.ac-button.is-transparent:hover { - box-shadow: none !important; + +.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { + border: 1px solid transparent; } -.button.ac-button.is-transparent.is-primary { - background-color: transparent; + +.appscode-style .item input:checked ~ label > a { color: var(--ac-primary); } -.button.ac-button.is-transparent.is-primary:hover { - background-color: transparent; - color: var(--ac-primary); + +.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { + margin-left: -20px; } -.button.ac-button.is-transparent.is-danger { - background-color: transparent; - color: #ff3729; + +.kd-left-sidebar { + margin-right: 30px; + position: sticky; + top: 130px; + z-index: 9; } -.button.ac-button.is-transparent.is-danger:hover { - background-color: transparent; - color: #ff3729; + +.kd-sidebar-menu { + max-height: 65vh; + overflow-y: auto; } -.button.ac-button.is-transparent.is-small { - letter-spacing: 0px; - font-size: 13px; + +.kd-sidebar-menu .item label { + border: 1px solid transparent; + position: relative; + z-index: 1; + border-radius: 3px 0 0 3px; } -.button.ac-button.is-transparent:focus { - box-shadow: none; - outline: none; + +.go-to-top { + position: fixed; + display: block; + font-size: 16px; + z-index: 999; + right: 20px; + bottom: 40px; + width: 40px; + height: 40px; + line-height: 30px; + border-radius: 50%; + color: var(--ac-primary); + background: rgba(255, 255, 255, 0.2); + border: 1px solid var(--ac-primary); + opacity: 0; + cursor: pointer; + transition: opacity 0.4s linear; } -.button.ac-button.is-primary { - background-color: var(--ac-primary); - color: #ffffff; - border: none; - background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important; +.go-to-top i.fa { + color: var(--ac-primary); } -.button.ac-button.is-primary:hover { - background-color: var(--ac-primary); + +.go-to-top.is-visible { + opacity: 1; } -.button.ac-button.is-primary:focus-visible { - outline: none; + +.footer-area { + position: relative; + z-index: 1; } -.button.ac-button.is-primary.is-light { - background-color: var(--ac-primary); - color: var(--ac-primary); +.footer-area:after { + position: absolute; + content: ""; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + z-index: -1; } -.button.ac-button.is-primary.is-light:hover { - background-color: var(--ac-primary); + +.single-footer-widget .footer-logo { + max-width: 160px; } -.button.ac-button.is-info { - background-color: #0aafff; - color: #ffffff; - border: none; + +.subscription-form { + margin-top: 10px; } -.button.ac-button.is-info:focus-visible { - outline: none; +.subscription-form label { + font-size: 18px; + font-weight: 600; + display: block; + font-family: "Roboto", sans-serif; } -.button.ac-button.is-info.is-light { - color: #0aafff; +.subscription-form input { + background: rgba(255, 255, 255, 0.2); + border: 1px solid rgba(255, 255, 255, 0.3); + box-shadow: none; + font-size: 16px; + border-radius: 4px; + padding: 8px 50px 8px 10px; + height: 40px; + position: relative; + z-index: 1; } -.button.ac-button.is-success { - background-color: var(--ac-primary); - color: #ffffff; - border: none; +.subscription-form input::-moz-placeholder { + color: #ADB2B0; } -.button.ac-button.is-success:hover { - background-color: var(--ac-primary); +.subscription-form input::placeholder { + color: #ADB2B0; } -.button.ac-button.is-success:focus-visible { - outline: none; +.subscription-form input:focus { + border: 1px solid var(--ac-primary); } -.button.ac-button.is-success.is-light { - background-color: var(--ac-primary); +.subscription-form .button { + font-family: #4a4a4a; color: var(--ac-primary); + font-size: 16px; + height: 40px; + box-shadow: none; + transition: 0.3s ease-in-out; + cursor: pointer; + border: 1px solid transparent; + position: absolute; + top: 0; + right: 0; + z-index: 9 !important; + background: transparent; } -.button.ac-button.is-success.is-light:hover { +.subscription-form .button:hover { background-color: var(--ac-primary); -} -.button.ac-button.is-warning { - background-color: #ff8000; - color: #ffffff; - border: none; -} -.button.ac-button.is-warning:focus-visible { - outline: none; -} -.button.ac-button.is-warning.is-light { - color: #ff8000; -} -.button.ac-button.is-danger { - background-color: #ff3729; - color: #ffffff; - border: none; -} -.button.ac-button.is-danger:focus-visible { + color: #ffffff !important; outline: none; + box-shadow: none; } -.button.ac-button.is-danger.is-light { - color: #ff3729; + +.contact-information { + margin-top: 28px; } -.button .icon { - width: 1.2em; - height: 1.2em; +.contact-information h4 { + font-size: 18px; + color: #171B1C; } -.testimonial-area { - padding: 60px 0 60px; +.all-contact-info li a, +p.spam-message { + color: #515D63; + display: inline-block; + font-size: 14px; + font-family: "Roboto", sans-serif; + padding: 5px 0; } -.testimonial-area .section-title h2 { - font-size: 48px; + +.all-contact-info li a span { + padding-right: 10px; } -.testimonial-area .section-title p { + +.footer-menu label { font-size: 18px; + margin-bottom: 4px; + font-weight: 500; } -.testimonial-area .single-testimonial-item { - background: #ffffff; - box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); - border-radius: 4px; - padding: 50px 40px; - min-height: 460px; + +.footer-link li a { + color: #D4D6D5; + font-size: 14px; + display: block; + padding: 8px 0; + transition: 0.3s linear; } -.testimonial-area .single-testimonial-item .user-info-wrapper { - display: flex; - align-items: center; - margin-bottom: 1rem; +.footer-link li a:last-child { + padding-bottom: 0; } -.testimonial-area .single-testimonial-item .user-info-wrapper .image { - margin-right: 1.2rem; +.footer-link li a:hover { + color: var(--ac-primary); + padding-left: 5px; } -.testimonial-area .single-testimonial-item .user-info-wrapper .image img { - height: 100%; + +.footer-top { + padding: 50px 0 30px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } -.testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name { - font-weight: bold; - color: #171B1C; - font-size: 22px; - line-height: 1; - line-height: 160%; + +.footer-bottom { + padding: 30px 0; } -.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p { +.footer-bottom p { font-size: 14px; - line-height: 160%; - color: #a6abbd; + color: #515D63; + margin-bottom: 0; } -.testimonial-area .single-testimonial-item p { - font-size: 1rem; - line-height: 160%; + +.footer-inline-link a { + color: #4a4a4a; + font-size: 14px; + margin-right: 30px; + transition: 0.3s ease-in-out; } -.testimonial-area .owl-carousel .owl-stage-outer { - padding: 40px 0px; +.footer-inline-link a:hover { + color: var(--ac-primary); +} +.footer-inline-link a:last-child { + margin-right: 0; } -.arrows { - display: flex; - width: 136px; - justify-content: space-between; +.socail-link-inline li { + margin-right: 10px; + display: inline-block; } -.arrows .button { - width: 60px; - height: 60px; - display: flex; - justify-content: center; - align-items: center; - background-color: #ffffff; - border: 1px solid #e7e7e7; +.socail-link-inline li a { + color: #8a8a8a; + font-size: 14px; + display: inline-block; + width: 30px; + height: 30px; + text-align: center; + line-height: 30px; + border: 1px solid #8a8a8a; + border-radius: 50%; + transition: 0.3s ease-in-out; } -.arrows .button:hover .material-icons-outlined { - transform: scale(1.2); - color: var(--ac-primary); +.socail-link-inline li a:hover { + background: var(--ac-primary); + color: #ffffff; + border: 1px solid transparent; } -.arrows .button .material-icons-outlined { - transition: 0.3s ease-in-out; - font-size: 18px; +.socail-link-inline li:last-child { + margin-right: 0; } /**************************************** Responsive Classes *****************************************/ @media screen and (max-width: 768px) { - .testimonial-area { - padding-top: 30px; - } - .testimonial-area .section-title { - text-align: center; - } - .testimonial-area .section-title h2 { - font-size: 32px; + .footer-area .footer-top .is-1-mobile .column { + padding: 0.25rem; } - .testimonial-area .owl-carousel .owl-stage-outer { - padding: 0 !important; + .footer-area .single-footer-widget { + height: 100%; } - .testimonial-area .arrows { - width: 96px; + .footer-area .single-footer-widget .footer-logo { margin: 0 auto; - margin-top: 30px; } - .testimonial-area .arrows .button { - width: 40px; - height: 40px; + .footer-area .single-footer-widget .subscription-form { + text-align: center; } - .testimonial-area .single-testimonial-item { - padding: 30px; - min-height: auto; + .footer-area .single-footer-widget .field.has-addons { + justify-content: center; } - .testimonial-area .single-testimonial-item .user-info-wrapper .user-info { - text-align: left; + .footer-area .footer-menu { + background-color: rgba(77, 77, 203, 0.0509803922); + height: 100%; + padding: 20px 5px; + border-radius: 4px; } - .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 { - font-size: 20px; + .footer-area .footer-menu.is-info { + background-color: rgba(10, 175, 255, 0.1803921569); } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .testimonial-area .section-title h2 { - font-size: 38px; + .footer-area .footer-menu.is-danger { + background-color: rgba(234, 61, 47, 0.1411764706); } - .testimonial-area .single-testimonial-item { - padding: 30px 30px; - min-height: 310px; + .footer-area .footer-menu.is-warning { + background: rgba(247, 173, 42, 0.2117647059); } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .testimonial-area .section-title h2 { - font-size: 38px; + .footer-area .footer-menu.is-success { + background-color: rgba(39, 176, 100, 0.1882352941); } - .testimonial-area .single-testimonial-item { - min-height: 310px; - padding: 30px; + .footer-area .footer-menu h4 { + margin-bottom: 0; } -} -@media screen and (min-width: 1408px) { - .testimonial-area .single-testimonial-item { - padding: 30px; + .footer-area .contact-information { + text-align: center; } - .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 { - font-size: 18px; + .footer-inline-link { + padding: 10px 0; + } + .footer-bottom { + padding: 20px 0; } } - -/**************************************** -Responsive Classes -*****************************************/ - -.cta-area { - margin-bottom: 60px; - position: relative; - z-index: 1; -} -.cta-area .cta-area-inner { - padding: 20px 50px; - background-size: cover; - background-position: center; - border-radius: 8px; +/*============================================================== + Documentation page style +==============================================================*/ +.documentation-area { + margin-top: 190px; display: flex; - align-items: center; - background-color: #F4FBF7; - border: 1px solid var(--ac-primary); - position: relative; +} +.documentation-area .left-sidebar-wrapper { + border-right: 1px solid #e7e7e7; + margin-top: -35px; + background-color: #fafafd; z-index: 1; + width: 350px; + padding-top: 1rem; + /* ===== Scrollbar CSS ===== */ + /* Firefox */ + /* Chrome, Edge, and Safari */ } -.cta-area .cta-area-inner:after { - position: absolute; - content: ""; - left: 0; - top: 0; +.documentation-area .left-sidebar-wrapper * { + scrollbar-width: auto; + scrollbar-color: #ebebeb #fafafd; +} +.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar { + width: 12px; +} +.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track { + background: #fafafd; +} +.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb { + background-color: #ebebeb; + border-radius: 10px; + border: 3px solid #fafafd; +} +.documentation-area .left-sidebar-wrapper .product-sidebar-menu { + overflow-y: auto; width: 100%; - z-index: -1; + overflow-y: scroll; + padding-right: 17px; + box-sizing: content-box; + border-right: 1px solid #e7e7e7; } -.cta-area .cta-area-inner h3 { - margin-bottom: 1rem; - text-wrap: balance; +.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item label { + background: transparent; } -.cta-area .cta-area-inner p { - text-wrap: balance; +.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul { + overflow: inherit; } - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .cta-area .cta-area-inner { - height: auto !important; - padding: 32px 16px; - } - .cta-area .cta-area-inner .buttons .button.ac-button { - letter-spacing: 0; - padding: 0.5rem 1rem; - width: 100%; - } +.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active { + position: relative; } -@media screen and (min-width: 769px) and (max-width: 1023px) { - .cta-area .cta-area-inner { - padding: 20px; - } - .cta-area .cta-area-inner h3 { - font-size: 28px; - } +.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after { + position: absolute; + content: ""; + left: -21px; + top: 50%; + margin-top: -6px; + width: 10px; + height: 10px; + background: #ffffff; + border-radius: 50%; + z-index: 9; + border: 1px solid #e7e7e7; } -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .cta-area .cta-area-inner { - padding: 20px; - } - .cta-area .cta-area-inner h3 { - font-size: 28px; - } +.documentation-area .left-sidebar-wrapper .item input:checked ~ label a, +.documentation-area .left-sidebar-wrapper .item input:checked ~ .item > label a { + color: var(--ac-primary); } -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .cta-area .cta-area-inner { - padding: 30px; - } - .cta-area .cta-area-inner h3 { - font-size: 28px; - } +.documentation-area .documentation-body { + padding: 0 60px; + width: calc(100% - 674px); } -@media screen and (min-width: 1408px) { - .cta-area .cta-area-inner { - padding: 30px; - } - .cta-area .cta-area-inner h3 { - font-size: 28px; - } +.documentation-area .right-sidebar { + border-left: 1px solid #e7e7e7; + margin-top: -25px; + width: 324px; + padding-top: 24px; } + +.info-title p { + color: #515D63; + padding: 0 20px; +} + .full-info { overflow: hidden; } @@ -5284,6 +23506,16 @@ Responsive Classes .full-info h6 a svg { padding-left: 10px; } +.full-info h1 a.hash-tag, +.full-info h2 a.hash-tag, +.full-info h3 a.hash-tag, +.full-info h4 a.hash-tag, +.full-info h5 a.hash-tag, +.full-info h6 a.hash-tag { + opacity: 0; + visibility: hidden; + transition: 0.3s ease-in-out; +} .full-info h1:hover a, .full-info h2:hover a, .full-info h3:hover a, @@ -5294,10 +23526,9 @@ Responsive Classes visibility: visible; } .full-info h1 { - font-size: 32px; - border-bottom: 1px solid #ebebeb; + font-size: 2rem; padding-bottom: 10px; - margin-bottom: 20px; + line-height: 1.3; } .full-info h2 { font-size: 24px; @@ -5315,6 +23546,25 @@ Responsive Classes font-size: 13px; } +.full-info h2 span.share-icon { + color: #6b6b6b; + font-size: 18px; + margin-left: 10px; + opacity: 0; + visibility: hidden; + transition: 0.3s ease-in-out; +} + +.full-info h2:hover span.share-icon { + opacity: 1; + visibility: visible; +} + +blockquote { + border-left: 4px solid var(--ac-primary); + padding-left: 15px; +} + .full-info ul li, .full-info ol li, .full-info ol li p { @@ -5359,6 +23609,15 @@ Responsive Classes .full-info figure { margin-bottom: 30px; } +.full-info figure figcaption { + color: #707070; + font-size: 14px; +} + +ul li b { + color: var(--ac-primary); + font-weight: 500; +} .full-info ul, .full-info ol { @@ -5366,11 +23625,19 @@ Responsive Classes margin-bottom: 15px; } +.full-info ul.nav.nav-tabs { + margin-bottom: 0; +} + .full-info ul li p { margin: 0; display: inline; } +.full-info p b { + color: var(--ac-primary); +} + .full-info ul li p a, .full-info p a, .full-info a { @@ -5380,19 +23647,62 @@ Responsive Classes } .full-info p { - margin-bottom: 15px; + margin-bottom: 0.825rem; color: #515D63; + line-height: 160%; + font-family: "Roboto", sans-serif; } .full-info p strong { font-weight: 500; } +.full-info p strong em { + font-weight: 500; +} .appscode-style.full-info ul li p a .appscode-style.full-info p a, .appscode-style.full-info a { color: var(--ac-primary); } +.code-block-wrapper { + position: relative; + z-index: 1; +} +.code-block-wrapper .code-block-title h4 { + font-size: 16px; + line-height: 130%; + font-family: "Roboto", sans-serif; + font-weight: 500; + margin-bottom: 0; + display: flex; + align-items: center; +} +.code-block-wrapper .code-block-title .copy-and-download { + display: flex; + align-items: center; + background: #f0f3f3; + padding: 20px; + position: absolute; + right: 0; + top: 0; +} +.code-block-wrapper .code-block-title .copy-and-download button { + background: transparent; + border: none; + cursor: copy; + width: 30px; +} +.code-block-wrapper .code-block-title .copy-and-download button svg { + transition: 0.3s ease-in-out; +} +.code-block-wrapper .code-block-title .copy-and-download button:hover svg { + transform: scale(1.2); +} +.code-block-wrapper .code-block-title .copy-and-download .download-here { + cursor: pointer; +} + .full-info ol { list-style: none; counter-reset: order-list-counter; @@ -5410,538 +23720,930 @@ Responsive Classes color: #4a4a4a; } -/* schedule-demo start */ - -iframe { - height: 100%; - max-width: 100%; +.search-area { + position: relative; + z-index: 1; + margin-bottom: 40px; } -.schedule-title { - margin-top: 65px; - color: #242a31; - margin-bottom: 30px; +.search-area input { + background: #ffffff; + border: 1px solid #e7e7e7; + padding: 9px 40px 9px 15px; + font-size: 15px; + border-radius: 3px; + width: 100%; } -.kd-sidebar-menu label, -.kd-sidebar-menu li a { - font-size: 14px; - font-weight: 500; - color: #4a4a4a; - display: block; +.search-button { + position: absolute; + top: 0; + height: 100%; + right: 0; + background: transparent; + border: none; + color: #32325d; + padding: 0 15px; + margin-top: -1px; cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - margin-top: 10px; - margin-top: 5px; - transition: 0.3s; + display: block; } -.item ul, -.item input[type=checkbox] { - display: none; - overflow: hidden; - transition: 0.3s; +.tbl-of-contents #TableOfContents { + max-height: 70vh; } - -.kd-sidebar-menu .item label a { - font-weight: 600; - color: #515D63; - padding: 8px 17px; - display: block; +.tbl-of-contents #TableOfContents::-webkit-scrollbar { + width: 4px; + height: 4px; } - -.kd-sidebar-menu li a:hover { - color: var(--ac-primary); +.tbl-of-contents #TableOfContents::-webkit-scrollbar-track { + background: #f1f1f1; +} +.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb { + background: #c1c1c1; +} +.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover { + background: #555; } -.kd-sidebar-menu .item ul { +.tbl-of-contents h4 { + font-size: 14px; + font-weight: 700; + color: #171B1C; margin-left: 20px; - padding-left: 15px; - border-left: 1px solid #e2e2e2; + margin-bottom: 1.5rem; + line-height: 1; } -.item input:checked ~ label, -.item input:checked ~ .item > label { - border: 1px solid #e2e2e2; - background: #ffffff; +.tbl-of-contents ul li a { + color: #4a4a4a; + opacity: 0.7; + font-size: 14px; + font-family: "Roboto", sans-serif; + font-weight: 500; + display: block; + padding-left: 20px; + padding-bottom: 10px; } -.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { - border: 1px solid transparent; +.tbl-of-contents ul ul { + border: none; } -.appscode-style .item input:checked ~ label > a { +.tbl-of-contents ul a.active:before { + width: 3px; + height: 100%; + background: var(--ac-primary); + content: ""; + left: -2px; + top: 0; + position: absolute; + border-radius: 50px; + transition: 0.3s ease-in-out; +} + +.tbl-of-contents ul a.active { + position: relative; + z-index: 1; color: var(--ac-primary); } -.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { - margin-left: -20px; +li.nav-item.active a { + color: var(--ac-primary); } -.kd-left-sidebar { - margin-right: 30px; +.right-sidebar-area { + padding: 0 1.25rem 0 0; position: sticky; top: 130px; - z-index: 9; } -.kd-sidebar-menu { - max-height: 65vh; - overflow-y: auto; +.overlay-bg { + position: relative; + z-index: 99; + width: 100%; + height: 100%; } -.kd-sidebar-menu .item label { - border: 1px solid transparent; - position: relative; - z-index: 1; - border-radius: 3px 0 0 3px; +.overlay-bg { + position: fixed; + content: ""; + background: #000; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.8; + display: none; } -.go-to-top { +.sidebar-search-area { + background: #ffffff; + width: 585px; + z-index: 9999; + right: -100%; position: fixed; - display: block; - font-size: 16px; - z-index: 999; - right: 20px; - bottom: 40px; - width: 40px; - height: 40px; - line-height: 30px; - border-radius: 50%; - color: var(--ac-primary); - background: rgba(255, 255, 255, 0.2); - border: 1px solid var(--ac-primary); - opacity: 0; - cursor: pointer; - transition: opacity 0.4s linear; + top: 0; + height: 100%; + overflow-y: scroll; + transition: 0.3s linear; } -.go-to-top i.fa { - color: var(--ac-primary); +.sidebar-search-area button.button.ac-button.inline-button.back-button { + padding-left: 20px; + padding-top: 20px; } -.go-to-top.is-visible { - opacity: 1; +.sidebar-search-area::-webkit-scrollbar { + width: 8px; } -.footer-area { - position: relative; - z-index: 1; -} -.footer-area:after { - position: absolute; - content: ""; - left: 0; - bottom: 0; - width: 100%; - height: 100%; - z-index: -1; +.sidebar-search-area::-webkit-scrollbar-track { + background: #e7e7e7; } -.single-footer-widget .footer-logo { - max-width: 160px; +.sidebar-search-area::-webkit-scrollbar-thumb { + background: #888; + border-radius: 50px; } -.subscription-form { - margin-top: 10px; +.sidebar-search-area::-webkit-scrollbar-thumb:hover { + background: #818181; } -.subscription-form label { - font-size: 18px; - font-weight: 600; - display: block; - font-family: "Roboto", sans-serif; + +.search-area-top { + padding: 20px; } -.subscription-form input { - background: rgba(255, 255, 255, 0.2); - border: 1px solid rgba(255, 255, 255, 0.3); - box-shadow: none; - font-size: 16px; - border-radius: 4px; - padding: 8px 50px 8px 10px; + +.searchbar-area input { + background: #ffffff; + padding: 10px; + border: 1px solid #e7e7e7; height: 40px; + border-radius: 3px; + width: calc(100% - 70px); +} +.searchbar-area input:focus { + box-shadow: none; + outline: none; +} + +.searchbar-area { position: relative; z-index: 1; } -.subscription-form input::-moz-placeholder { - color: #ADB2B0; + +.searchbar-area button { + position: absolute; + height: 100%; + width: 60px; + background: #4d4dcb; + color: #ffffff; + border: none; + border-radius: 3px; + margin-left: 10px; + cursor: pointer; } -.subscription-form input::placeholder { - color: #ADB2B0; + +.sidebar-search-area h3 { + font-family: "Roboto", sans-serif; + color: #393e46; + margin-bottom: 10px; } -.subscription-form input:focus { - border: 1px solid var(--ac-primary); + +.search-meta-information p, +.search-meta-information label, +.shorting-data select { + font-size: 12px; + color: #6b6b6b; + margin-top: 14px; } -.subscription-form .button { - font-family: #4a4a4a; - color: var(--ac-primary); + +.shorting-data select { + border-radius: 3px; + width: 60px; + background: #f2f2f2; + border-color: #e7e7e7; + color: #393e46; + font-family: "Roboto", sans-serif; +} + +.single-search-result h3 a { + color: #4d4dcb; font-size: 16px; - height: 40px; - box-shadow: none; - transition: 0.3s ease-in-out; - cursor: pointer; - border: 1px solid transparent; - position: absolute; - top: 0; - right: 0; - z-index: 9 !important; - background: transparent; + font-family: "Roboto", sans-serif; + line-height: 26px; } -.subscription-form .button:hover { - background-color: var(--ac-primary); - color: #ffffff !important; - outline: none; - box-shadow: none; + +.single-search-result h3 { + margin-bottom: 0; + line-height: 0; } -.contact-information { - margin-top: 28px; +.single-search-result a { + color: #00a651; + font-size: 12px; + font-family: "Roboto", sans-serif; + display: block; } -.contact-information h4 { - font-size: 18px; - color: #171B1C; + +.result-thumb { + width: 60px; + float: left; + overflow: hidden; + margin-right: 10px; } -.all-contact-info li a, -p.spam-message { - color: #515D63; - display: inline-block; - font-size: 14px; - font-family: "Roboto", sans-serif; - padding: 5px 0; +.result-description-wrapper { + overflow: hidden; + margin-top: 5px; } -.all-contact-info li a span { - padding-right: 10px; +.result-description { + overflow: hidden; } -.footer-menu label { - font-size: 18px; - margin-bottom: 4px; - font-weight: 500; +.result-description p { + overflow: hidden; + font-size: 12px; } -.footer-link li a { - color: #D4D6D5; - font-size: 14px; - display: block; - padding: 8px 0; - transition: 0.3s linear; +.single-search-result { + border-bottom: 1px solid #f2f2f2; + padding: 8px 20px; + transition: 0.3s ease-in-out; } -.footer-link li a:last-child { - padding-bottom: 0; + +.single-search-result:last-child { + border-bottom: none; } -.footer-link li a:hover { - color: var(--ac-primary); - padding-left: 5px; + +.single-search-result:hover { + background: #f2f2f2; } -.footer-top { - padding: 50px 0 30px 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); +.single-search-result:hover.single-search-result h3 a { + text-decoration: underline; } -.footer-bottom { - padding: 30px 0; +.full-info img { + border: 1px solid #a9e9e9; + padding: 15px; + border-radius: 4px; } -.footer-bottom p { - font-size: 14px; - color: #515D63; - margin-bottom: 0; + +/* version section style start */ +.select select.is-active, +.select select.is-focused, +.select select:active, +.select select:focus, +.button.is-focused:not(:active), +.button:focus:not(:active) { + box-shadow: none; + border-color: none; } -.footer-inline-link a { - color: #4a4a4a; - font-size: 14px; - margin-right: 30px; - transition: 0.3s ease-in-out; +.navbar-link:not(.is-arrowless)::after, +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #999; + height: 8px; + width: 8px; } -.footer-inline-link a:hover { - color: var(--ac-primary); + +.dropdown.is-active .button .icon:last-child:not(:first-child) { + transform: rotate(180deg); } -.footer-inline-link a:last-child { - margin-right: 0; + +/* version section style end */ +.improve-section-area { + background-color: #fafafd; + border-top: 1px solid #e7e7e7; + border-bottom: 1px solid #e7e7e7; + padding: 20px; + font-size: 1rem; + font-weight: 500; } -.socail-link-inline li { - margin-right: 10px; - display: inline-block; +.improve-bg-color { + background-color: #fbfdff; } -.socail-link-inline li a { - color: #8a8a8a; - font-size: 14px; - display: inline-block; - width: 30px; - height: 30px; - text-align: center; - line-height: 30px; - border: 1px solid #8a8a8a; - border-radius: 50%; - transition: 0.3s ease-in-out; +.improve-bg-color a { + font-size: 16px !important; + font-weight: 700 !important; + font-family: "Roboto", sans-serif; } -.socail-link-inline li a:hover { - background: var(--ac-primary); - color: #ffffff; - border: 1px solid transparent; +.improve-bg-color p { + font-size: 16px !important; + color: #74818d !important; } -.socail-link-inline li:last-child { - margin-right: 0; + +.full-info table td, +.full-info table th { + text-align: left; } /**************************************** Responsive Classes *****************************************/ -@media screen and (max-width: 768px) { - .footer-area .footer-top .is-1-mobile .column { - padding: 0.25rem; +@media screen and (max-width: 1023px) { + .documentation-area { + margin-top: 160px; + margin-bottom: 15px; } - .footer-area .single-footer-widget { - height: 100%; + .documentation-area .right-sidebar-area { + top: 0; } - .footer-area .single-footer-widget .footer-logo { - margin: 0 auto; + .documentation-area .left-sidebar-wrapper, + .documentation-area .right-sidebar { + display: none; + position: fixed; + top: 0; + z-index: 9999; + width: 80%; + margin-top: 0; + height: calc(100vh - 0px); } - .footer-area .single-footer-widget .subscription-form { - text-align: center; + .documentation-area .right-sidebar { + right: 0; + background: #fff; + height: 100vh; + overflow-y: auto; } - .footer-area .single-footer-widget .field.has-addons { - justify-content: center; + .documentation-area .documentation-body { + padding: 0 20px; + width: 100%; } - .footer-area .footer-menu { - background-color: rgba(77, 77, 203, 0.0509803922); - height: 100%; - padding: 20px 5px; - border-radius: 4px; + .documentation-area .documentation-body .full-info h1 { + font-size: 1.5rem; + line-height: 1.3; + margin-bottom: 0; } - .footer-area .footer-menu.is-info { - background-color: rgba(10, 175, 255, 0.1803921569); + .ac-product-left-sidebar { + max-height: calc(100vh - 100px); + top: 0; + position: relative; } - .footer-area .footer-menu.is-danger { - background-color: rgba(234, 61, 47, 0.1411764706); + .sidebar-search-area { + width: 100%; } - .footer-area .footer-menu.is-warning { - background: rgba(247, 173, 42, 0.2117647059); + .improve-section-area { + padding-bottom: 20px; } - .footer-area .footer-menu.is-success { - background-color: rgba(39, 176, 100, 0.1882352941); + .button.is-link.is-medium.is-active.has-text-weight-normal { + margin-bottom: 10px; } - .footer-area .footer-menu h4 { - margin-bottom: 0; +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .documentation-area .left-sidebar-wrapper { + width: 240px; } - .footer-area .contact-information { - text-align: center; + .documentation-area .documentation-body { + padding: 0 40px; + width: calc(100% - 480px); } - .footer-inline-link { - padding: 10px 0; + .documentation-area .right-sidebar { + width: 240px; } - .footer-bottom { - padding: 20px 0; +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .documentation-area .left-sidebar-wrapper { + width: 240px; + } + .documentation-area .documentation-body { + padding: 0 40px; + width: calc(100% - 480px); + } + .documentation-area .right-sidebar { + width: 240px; } } -/*============================================================== - Documentation page style -==============================================================*/ +@media screen and (min-width: 1408px) { + .navbar-appscode.documentation-menu { + margin-left: 263px; + } + .documentation-area .left-sidebar-wrapper { + width: 265px; + } + .documentation-area .documentation-body { + width: calc(100% - 520px); + } + .documentation-area .right-sidebar { + width: 260px; + } +} +.hero-area.features-plan { + margin-top: 130px; +} +.hero-area.features-plan .hero-area-content .hero-content-inner h1 { + font-size: 36px; + line-height: 140%; + font-weight: 500; + margin-bottom: 30px; +} +.hero-area.features-plan .hero-area-content .hero-content-inner h1 b { + font-weight: 700; +} -.full-info { - overflow: hidden; +.bgc-2 { + background-color: #f9f9f9; +} + +.features-cta-area { + padding: 80px 0; +} +.features-cta-area .features-plan-cta-wrapper { + background-color: #ffffff; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: space-between; + position: sticky; + z-index: 8; + top: 50px; +} +.features-cta-area .features-plan-cta-wrapper .cta-left { + width: 35%; + padding: 30px 20px; +} +.features-cta-area .features-plan-cta-wrapper .cta-left.fp-cta-bg { + background-image: url(../images/features-plan/features-plan-cta-bg.svg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; } -.full-info h1, -.full-info h2, -.full-info h3, -.full-info h4, -.full-info h5, -.full-info h6 { - margin-top: 40px; +.features-cta-area .features-plan-cta-wrapper .cta-left h2 { + font-size: 36px; + line-height: 140%; font-weight: 700; - color: #171B1C; - margin-bottom: 10px; -} -.full-info h1:first-child, -.full-info h2:first-child, -.full-info h3:first-child, -.full-info h4:first-child, -.full-info h5:first-child, -.full-info h6:first-child { - margin-top: 0; + color: #32325d; + margin-bottom: 20px; + text-transform: capitalize; } -.full-info h1 a, -.full-info h2 a, -.full-info h3 a, -.full-info h4 a, -.full-info h5 a, -.full-info h6 a { +.features-cta-area .features-plan-cta-wrapper .cta-left p { font-size: 16px; + line-height: 160%; + color: #54657e; } -.full-info h1 a svg, -.full-info h2 a svg, -.full-info h3 a svg, -.full-info h4 a svg, -.full-info h5 a svg, -.full-info h6 a svg { - padding-left: 10px; +.features-cta-area .features-plan-cta-wrapper .cta-right { + width: 65%; + display: flex; } -.full-info h1:hover a, -.full-info h2:hover a, -.full-info h3:hover a, -.full-info h4:hover a, -.full-info h5:hover a, -.full-info h6:hover a { - opacity: 1; - visibility: visible; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta { + padding: 20px 20px 80px 20px; + border-left: 1px solid #eceff4; + position: relative; + z-index: 1; } -.full-info h1 { - font-size: 2rem; - padding-bottom: 10px; - line-height: 1.3; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.community { + width: 50%; } -.full-info h2 { - font-size: 24px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise { + width: 50%; } -.full-info h3 { - font-size: 18px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise .button.ac-button.is-secondary { + background-color: #ff8000; + border-color: #ff8000; + color: #ffffff; } -.full-info h4 { +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 { + font-weight: 700; + font-size: 22px; + line-height: 1.2; + margin-bottom: 6px; + text-transform: capitalize; +} +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p { font-size: 16px; + color: #54657e; + line-height: 1.5; } -.full-info h5 { - font-size: 15px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial { + font-size: 12px; + color: #ff8000; + margin-bottom: 15px; + line-height: 1; + font-weight: 500; + display: block; + font-family: roboto; + text-decoration: underline; } -.full-info h6 { - font-size: 13px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover { + color: var(--ac-primary); } - -.full-info ul li, -.full-info ol li, -.full-info ol li p { - color: #4a4a4a; - display: block; - padding-bottom: 8px; - line-height: 1.8; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content { + position: absolute; + bottom: 20px; + left: 0px; + width: 100%; } - -.full-info ul li:last-child, -.full-info ol li:last-child, -.full-info ol p:last-child { - margin-bottom: 0; - padding-bottom: 0; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title { + margin-top: 15px; } - -.full-info ul li, -.full-info ol li { - text-indent: -30px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li { + background-color: #ffefe7; + width: 33.33%; } - -.full-info ul li p, -.full-info ol li p { - text-indent: 0; - margin-top: -30px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(2) { + background-color: rgba(0, 114, 249, 0.1); } - -.full-info ul li pre, -.full-info ol li pre { - text-indent: 0px; - margin-left: -30px; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) { + background-color: #ece8f7; } - -.full-info ul li:before { - content: "\f10c"; - font-family: fontawesome; - font-size: 8px; - margin-right: 20px; - color: #707070; +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) { + background-color: #e8f1f8; +} +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul { + display: flex; + align-items: center; + justify-content: space-around; +} +.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li { + padding: 16px; + font-size: 16px; + color: #393e46; + text-transform: uppercase; + font-weight: 500; + background-color: #e5f6ee; + width: 100%; } -.full-info figure { +.single-features-area:not(:last-child) { margin-bottom: 30px; } -.full-info ul, -.full-info ol { - padding: 0 0 0 30px; - margin-bottom: 15px; +.features-plan-area .single-features-area .single-features { + display: grid; + grid-template-columns: 35% 65%; } - -.full-info ul li p { - margin: 0; - display: inline; +.features-plan-area .single-features-area .single-features .features-plan { + display: flex; + align-items: center; + justify-content: center; + padding: 10px; + text-align: center; } - -.full-info ul li p a, -.full-info p a, -.full-info a { - color: var(--ac-primary); +.features-plan-area .single-features-area .single-features:nth-child(odd) { + background-color: #ffffff; +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .features-plan.community { + background-color: #edf9f3 !important; + color: #32325d; +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan { + color: #32325d; +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(1) { + background-color: rgba(252, 96, 17, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(2) { + background-color: rgba(0, 114, 249, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(3) { + background-color: rgba(63, 25, 173, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(4) { + background-color: rgba(25, 113, 189, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(even) { + background-color: #f7f9fb; +} +.features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community { + background-color: #e6f3ef !important; + color: #32325d; +} +.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan { + color: #32325d; +} +.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(1) { + background-color: rgba(252, 96, 17, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(2) { + background-color: rgba(0, 114, 249, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(3) { + background-color: rgba(63, 25, 173, 0.1); +} +.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) { + background-color: rgba(25, 113, 189, 0.1); +} +.features-plan-area .single-features-area .single-features.title { + margin-bottom: 0; +} +.features-plan-area .single-features-area .single-features.title .features-name { + display: flex; + align-items: center; +} +.features-plan-area .single-features-area .single-features.title .features-plan.community { + background-color: #edf9f3 !important; + color: #00a651; +} +.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(1) { + background-color: rgba(252, 96, 17, 0.1); + color: #fc6011; +} +.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(2) { + background-color: rgba(0, 114, 249, 0.1); + color: #0072f9; +} +.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(3) { + background-color: rgba(63, 25, 173, 0.1); + color: #3f19ad; +} +.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(4) { + background-color: rgba(25, 113, 189, 0.1); + color: #1971bd; +} +.features-plan-area .single-features-area .single-features.title .features-name { font-weight: 500; - font-family: "Roboto", sans-serif; } - -.full-info p { - margin-bottom: 0.825rem; - color: #515D63; - line-height: 160%; +.features-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan { + font-weight: 500; +} +.features-plan-area .single-features-area .single-features .features-name { + padding: 14px 20px; + font-size: 16px; + color: #393e46; +} +.features-plan-area .single-features-area .single-features .features-name a { font-family: "Roboto", sans-serif; + text-decoration: underline; } - -.full-info p strong { - font-weight: 500; +.features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip { + margin-left: 5px; + margin-top: 3px; + min-width: 16px; } - -.appscode-style.full-info ul li p a .appscode-style.full-info p a, -.appscode-style.full-info a { - color: var(--ac-primary); +.features-plan-area .single-features-area .single-features .features-plan-wrapper { + display: grid; + align-items: center; + grid-template-columns: 50% 50%; } - -.full-info ol { - list-style: none; - counter-reset: order-list-counter; +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan { + font-weight: 400; } - -.full-info ol li { - counter-increment: order-list-counter; +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community { + height: 100%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + font-size: 14px; + padding: 7px; +} +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community span.t-icon { + height: 26px; +} +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.enterprise { + display: grid; + grid-template-columns: 100%; + font-size: 14px; + height: 100%; +} +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan { + padding: 10px 15px; + height: 100%; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + line-height: 130%; +} +.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan span.t-icon { + height: 26px; + width: 26px; + align-items: center; + display: flex; + justify-content: center; } -.full-info ol li::before { - content: counter(order-list-counter) ". "; +.assistance-card-wrapper { + @import url(/assets/css/calendly.css); +} +.assistance-card-wrapper .single-card { + background: #ffffff; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); + border-radius: 4px; + transition: 0.3s ease-in-out; +} +.assistance-card-wrapper .single-card:hover { + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); +} +.assistance-card-wrapper .single-card .card-head { + display: flex; + align-items: center; + padding: 40px 30px; + border-bottom: 1px solid #eceff4; +} +.assistance-card-wrapper .single-card .card-head .ass-icon { + width: 56px; + margin-right: 28px; +} +.assistance-card-wrapper .single-card .card-head .ass-title { + font-style: normal; font-weight: 500; - font-family: "Roboto", sans-serif; - font-size: 15px; - color: #4a4a4a; + font-size: 18px; + line-height: 120%; + color: #1c1c1c; +} +.assistance-card-wrapper .single-card .card-body { + padding: 30px 20px; +} +.assistance-card-wrapper .single-card .card-body p { + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 100%; + color: #54657e; + margin-bottom: 15px; +} +.assistance-card-wrapper .single-card .card-body .button { + background: rgba(77, 77, 203, 0.1); + border: 1px solid #4d4dcb; + box-sizing: border-box; + border-radius: 4px; + font-size: 16px; + color: #4d4dcb; + font-weight: 500; + font-family: Roboto; + height: 41px; + transition: 0.3s ease-in-out; } - -li.nav-item.active a { - color: var(--ac-primary); +.assistance-card-wrapper .single-card .card-body .button:hover { + background-color: #4d4dcb; + color: #ffffff !important; } - -.full-info img { - border: 1px solid #a9e9e9; - padding: 15px; +.assistance-card-wrapper .single-card .card-body .subscription-form { + position: relative; + z-index: 1; +} +.assistance-card-wrapper .single-card .card-body .subscription-form input { + border: none; + background-color: #e7e7e7; + height: 41px; +} +.assistance-card-wrapper .single-card .card-body .subscription-form input:focus { + border: 1px solid #4d4dcb; border-radius: 4px; } - -/* version section style start */ -.select select.is-active, -.select select:active, -.select select:focus, -.button:focus:not(:active) { - box-shadow: none; - border-color: none; +.assistance-card-wrapper .single-card .card-body .subscription-form button { + position: absolute; + right: 0; + top: 0; + background-color: #4d4dcb; + color: #ffffff; + border: none; + z-index: 9; } - - -.select:not(.is-multiple):not(.is-loading)::after { - border-color: #999; - height: 8px; - width: 8px; +.assistance-card-wrapper .single-card .card-body .subscription-form button i.fa { + color: #ffffff; +} +.assistance-card-wrapper .single-card .card-body .subscription-form button:hover { + color: #ffffff; } - -/* version section style end */ - -/**************************************** -Responsive Classes -*****************************************/ /**************************************** Responsive Classes *****************************************/ +@media screen and (max-width: 768px) { + .features-plan .hero-area-content .hero-content-inner h1 { + font-size: 28px; + line-height: 140% !important; + font-weight: 500; + margin-bottom: 20px; + } + .features-cta-area.section-padding-100 { + padding: 60px 0; + } + .features-cta-area { + overflow-y: auto; + } + .features-cta-area .features-plan-cta-wrapper { + position: static; + min-width: 1344px; + } + .features-cta-area .features-plan-cta-wrapper .cta-left { + width: 35%; + } + .features-cta-area .features-plan-cta-wrapper .cta-left h2 { + font-size: 26px; + margin-bottom: 10px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right { + width: 70%; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta { + width: 100%; + padding: 20px 20px 108px 20px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 { + font-size: 20px; + margin-bottom: 10px; + } + .features-cta-area .features-plan-area { + min-width: 1344px; + } + .features-cta-area .single-features-area { + margin-bottom: 10px; + } + .table.ac-features-table { + min-width: 500px; + } + .assistance-area.section-padding-100 { + padding: 60px 0; + } + .single-assistance .ass-top { + padding: 30px 20px; + } + .single-assistance .ass-top .ass-icon { + max-width: 40px; + } + .single-assistance .ass-bottom { + padding: 20px 20px 30px; + } + .ac-accordion-wrapper .single-accordion-item .accordion-heading h3 { + padding-right: 20px; + } +} +@media (min-width: 576px) and (max-width: 768px) { + .features-plan .hero-area-img { + display: none; + } + .features-cta-area.section-padding-100 { + padding: 60px 0; + } + .features-cta-area { + overflow-y: auto; + } + .features-cta-area .features-plan-cta-wrapper { + position: static; + min-width: 1344px; + } + .features-cta-area .features-plan-cta-wrapper .cta-left { + width: 35%; + } + .features-cta-area .features-plan-cta-wrapper .cta-left h2 { + font-size: 26px; + margin-bottom: 10px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right { + width: 100%; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta { + width: 100%; + padding: 40px 20px 108px 20px; + min-height: 240px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 { + font-size: 20px; + margin-bottom: 10px; + } + .features-cta-area .single-features-area { + margin-bottom: 10px; + } + .features-plan-area { + min-width: 1344px; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .features-plan .hero-content-inner { + padding: 50px 50px 50px 0; + } + .features-plan .hero-area-img img { + opacity: 1; + } + .features-cta-area { + overflow-y: auto; + } + .features-cta-area .features-plan-cta-wrapper { + min-width: 1344px; + position: static; + } + .features-cta-area .features-plan-cta-wrapper .cta-left { + width: 30%; + padding: 50px 20px; + } + .features-cta-area .features-plan-cta-wrapper .cta-left h2 { + font-size: 26px; + margin-bottom: 10px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right { + width: 70%; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta { + width: 100%; + padding: 40px 20px 108px 20px; + min-height: 240px; + } + .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 { + font-size: 20px; + margin-bottom: 10px; + } + .features-cta-area .single-features-area { + margin-bottom: 10px; + } + .features-cta-area .features-plan-area { + min-width: 1344px; + } +} .news-message { display: inline-flex; font-family: "Roboto", sans-serif; @@ -6114,6 +24816,41 @@ Responsive Classes } } +.intro-view-button { + position: absolute; + left: 0; + top: 25%; + display: flex; + align-items: center; + gap: 8px; + background-color: #fff; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); + padding: 16px; + border-radius: 16px; + width: 330px; + cursor: pointer; + transition: 0.3s ease-in-out; +} +.intro-view-button:hover { + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.25); +} +.intro-view-button:hover .content span { + color: #171B1C; +} +.intro-view-button .video-icon { + width: 48px; + height: 48px; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); + border-radius: 50%; +} +.intro-view-button .content { + width: calc(100% - 64px); +} +.intro-view-button .content p { + font-size: 16px; + margin-bottom: 0; +} + .products-area { position: relative; } @@ -6182,19 +24919,23 @@ Responsive Classes margin-left: 1rem; } -.more-products { +.more-products, +.intro-kubedb-ui { gap: 12px; } -.more-products .single-feature { +.more-products .single-feature, +.intro-kubedb-ui .single-feature { flex-basis: calc(50% - 6px); } @media screen and (max-width: 1023px) { - .more-products .single-feature { + .more-products .single-feature, + .intro-kubedb-ui .single-feature { flex-basis: 100%; } } @media screen and (max-width: 768px) { - .more-products .button.ac-button { + .more-products .button.ac-button, + .intro-kubedb-ui .button.ac-button { width: 100%; } } @@ -6409,12 +25150,35 @@ Responsive Classes color: var(--ac-primary); } - .cta-area .cta-area-inner:after, .footer-area:after { +.decorative-el-large, .intro-kubedb-ui:after, .cta-area .cta-area-inner:after, .footer-area:after { background-image: url("../images/shape/decorative-el-large-2.png"); background-size: cover; background-position: center; } +.intro-kubedb-ui { + position: relative; + z-index: 1; +} +.intro-kubedb-ui:after { + background-color: rgba(253, 253, 253, 0.1); + position: absolute; + content: ""; + left: 30px; + top: 0; + height: 100%; + width: calc(100% - 60px); + z-index: -1; + border-radius: 20px; +} +@media screen and (max-width: 1023px) { + .intro-kubedb-ui:after { + left: 0; + width: 100%; + border-radius: 0; + } +} + .ui-features-area { position: relative; z-index: 1; @@ -6490,6 +25254,9 @@ Responsive Classes .products-features #nav-serialscrolling { top: 0; } + .products-features [data-serialscrolling-target] { + height: 100%; + } } .products-features .features-tabs { position: sticky; @@ -6515,6 +25282,10 @@ Responsive Classes transition: 0.3s ease-in-out; display: block; } +.products-features .features-tabs ul li span.is-current { + color: var(--ac-primary); + text-decoration: underline; +} .products-features .features-tabs ul li span:hover { color: var(--ac-primary); } @@ -6586,6 +25357,9 @@ Responsive Classes .products-features .products-description-wrapper .single-product.kubevault .button.ac-button.is-primary { background-color: #326ce5; } +.products-features .products-description-wrapper .single-product.prometheus .product-description .features li .material-icons { + color: #4d4dcb; +} .products-features .products-description-wrapper .single-product.voyager:after { background-color: #cfcfe6; background-image: linear-gradient(to right, #cfcfe6, white); @@ -6654,6 +25428,11 @@ Responsive Classes color: var(--ac-primary); } +[data-serialscrolling-target] { + height: 100vh; + /* your own styles here */ +} + #nav-serialscrolling { position: sticky; top: 40%; @@ -6669,6 +25448,14 @@ Responsive Classes bottom: 0; rotate: 90deg; } +.others-products .small-title { + font-weight: 400; + font-size: 20px; + line-height: 160%; + letter-spacing: 0.5px; + margin-bottom: 10px; + color: var(--ac-primary); +} .others-products .pr-60 { padding-right: 0 !important; } @@ -6812,6 +25599,106 @@ Responsive Classes color: #1c1c1c; } +.press-area .single-press-wrapper { + border-radius: 4px 4px 0 0; + overflow: hidden; + transition: 0.3s ease-in-out; +} +.press-area .single-press-wrapper:hover { + box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16); + border-radius: 4px; + overflow: hidden; +} +.press-area .single-press-wrapper:hover .press-content { + border: 1px solid #fbfbfb; +} +.press-area .single-press-wrapper .press-image-1 { + background-image: url(../images/press/1.png); +} +.press-area .single-press-wrapper .press-image-2 { + background-image: url(../images/press/2.png); +} +.press-area .single-press-wrapper .press-image-3 { + background-image: url(../images/press/3.png); +} +.press-area .single-press-wrapper .press-image-4 { + background-image: url(../images/press/4.png); +} +.press-area .press-image { + height: 200px; + background-size: cover; + background-position: center; + background-color: #ddd; + background-repeat: no-repeat; + width: 100%; +} +.press-area .press-content { + border: 1px solid #e7e7e7; + border-top: 1px solid transparent; + border-radius: 0 0 4px 4px; + padding: 20px; +} +.press-area .press-content .read-meta { + font-size: 12px; + color: #7d7d7d; + margin-bottom: 10px; +} +.press-area .press-content h3 { + font-size: 18px; + font-weight: 600; + line-height: 26px; + margin-bottom: 10px; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-clamp: 2; + -webkit-line-clamp: 2; + box-orient: vertical; + -webkit-box-orient: vertical; +} +.press-area .press-content h3 a { + color: #515D63; +} +.press-area .press-content p { + color: #515D63; + font-size: 15px; + margin-bottom: 30px; +} +.press-area .press-content .press-button-wrapper { + overflow: hidden; + position: relative; + z-index: 1; +} +.press-area .press-content .press-button-wrapper:after { + position: absolute; + content: ""; + top: 15px; + width: 100%; + height: 1px; + background: #e7e7e7; + left: 0; + z-index: -1; + transition: 0.3s ease-in-out; +} +.press-area .press-content .press-button-wrapper .press-button { + border: 1px solid #e7e7e7; + font-size: 13px; + color: #979797; + font-weight: 600; + padding: 5px 20px; + border-radius: 50px; + display: block; + float: right; + position: relative; + z-index: 1; + background: #ffffff; + transition: 0.3s ease-in-out; +} +.press-area .press-content .press-button-wrapper .press-button:hover { + color: #515D63; + border: 1px solid #515D63; +} + .about-text-inner p { margin-bottom: 30px; } @@ -7007,6 +25894,44 @@ Responsive Classes color: #ffffff !important; } +.events-page { + padding: 80px 0 32px; +} + +.single-event { + border: 1px solid #e7e7e7; + padding: 32px; + border-radius: 4px; + background-color: #F7F8F8; + height: 100%; +} +.single-event.primary-gradient { + color: #ffffff; +} +.single-event.primary-gradient h2 { + color: #ffffff; +} +.single-event.primary-gradient p { + color: #E6E7E6; +} +.single-event.primary-gradient .button.is-primary { + color: var(--ac-primary); + background: #ffffff !important; +} +.single-event h2 { + font-size: 24px; + margin: 8px 0; +} +.single-event p { + margin-bottom: 32px; + color: #4B4B4B; +} + +.primary-gradient { + background: rgb(42, 126, 83); + background: linear-gradient(90deg, rgb(42, 126, 83) 0%, rgb(0, 166, 81) 100%); +} + .bg-primay-light { background-color: rgba(241, 249, 245, 0.97); } @@ -7079,11 +26004,14 @@ Responsive Classes } } -.showcase-partner { +.showcase-partner, +.system-integration { position: relative; z-index: 1; } -.showcase-partner::after, .showcase-partner::before { +.showcase-partner::after, .showcase-partner::before, +.system-integration::after, +.system-integration::before { position: absolute; content: ""; left: 0; @@ -7092,10 +26020,12 @@ Responsive Classes height: 100%; z-index: -1; } -.showcase-partner::before { +.showcase-partner::before, +.system-integration::before { background: radial-gradient(circle at center, rgb(255, 255, 255), rgba(255, 255, 255, 0.2)); } -.showcase-partner::after { +.showcase-partner::after, +.system-integration::after { background-image: url("../images/shape/hexagon.svg"); z-index: -2; } @@ -7104,6 +26034,10 @@ Responsive Classes text-wrap: balance; } +.system-integration::before { + background: linear-gradient(rgba(255, 255, 255, 0.2), rgb(255, 255, 255)); +} + .technology-partner { position: relative; z-index: 1; diff --git a/static/assets/sass/main.scss b/static/assets/sass/main.scss index 261763be85..5525663b4a 100644 --- a/static/assets/sass/main.scss +++ b/static/assets/sass/main.scss @@ -44,7 +44,9 @@ // Pages @import "pages/_homepage"; @import "pages/_contactus"; +@import "pages/_events"; @import "pages/_partner"; + //Responsive SCSS @import "layouts/_responsive"; diff --git a/static/assets/sass/pages/_events.scss b/static/assets/sass/pages/_events.scss new file mode 100644 index 0000000000..b20dcd262b --- /dev/null +++ b/static/assets/sass/pages/_events.scss @@ -0,0 +1,37 @@ +.events-page { + padding: 80px 0 32px; +} +.single-event { + border: 1px solid $ac-white-light; + padding: 32px; + border-radius: 4px; + background-color: #F7F8F8; + height: 100%; + + &.primary-gradient { + color: $ac-white; + h2 { + color: $ac-white; + } + p{ + color: #E6E7E6; + } + .button.is-primary{ + color: $ac-primary; + background: $ac-white !important; + } + } + + h2 { + font-size: 24px; + margin: 8px 0; + } + p{ + margin-bottom: 32px; + color: #4B4B4B; + } +} +.primary-gradient { + background: rgb(42,126,83); + background: linear-gradient(90deg, rgba(42,126,83,1) 0%, rgba(0,166,81,1) 100%); +} \ No newline at end of file