From cab3d53d44a043c0329ce781f6a5c91b6813841c Mon Sep 17 00:00:00 2001 From: mohin7 Date: Tue, 13 Aug 2024 14:39:27 +0600 Subject: [PATCH] Fix webinar page button and process css Signed-off-by: mohin7 --- layouts/_default/webinar.html | 2 +- package-lock.json | 777 + package.json | 1 + static/assets/sass/base/_global.scss | 3 +- static/assets/sass/main.css | 28001 ++++--------------------- 5 files changed, 5334 insertions(+), 23450 deletions(-) diff --git a/layouts/_default/webinar.html b/layouts/_default/webinar.html index 0ad4a02d22..d0c4e30c99 100644 --- a/layouts/_default/webinar.html +++ b/layouts/_default/webinar.html @@ -226,7 +226,7 @@

Register Now

By registering, you agree to the processing of your personal data by AppsCode as described in the Privacy Statement.

- + diff --git a/package-lock.json b/package-lock.json index f3eb41cf25..b3e5569c68 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,10 +13,119 @@ "postcss": "^8.4.12" }, "devDependencies": { + "@fullhuman/postcss-purgecss": "^6.0.0", "autoprefixer": "^9.6.1", "postcss-cli": "^9.1.0" } }, + "node_modules/@fullhuman/postcss-purgecss": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-6.0.0.tgz", + "integrity": "sha512-sUvk5PV7O5xvTJcxDYrQ00xlKtSxivvJdZrwgxE8F1GmNMs7w9U+dSbr83N/qEs9b+f+6QsZKXDs0k8nMjBIqA==", + "dev": true, + "dependencies": { + "purgecss": "^6.0.0" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -52,6 +161,16 @@ "node": ">= 8" } }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, "node_modules/ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", @@ -142,6 +261,12 @@ "url": "https://opencollective.com/postcss/" } }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, "node_modules/binary-extensions": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", @@ -151,6 +276,15 @@ "node": ">=8" } }, + "node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, "node_modules/braces": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", @@ -274,6 +408,41 @@ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", "dev": true }, + "node_modules/commander": { + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", + "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", + "dev": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/dependency-graph": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", @@ -295,6 +464,12 @@ "node": ">=8" } }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, "node_modules/electron-to-chromium": { "version": "1.4.85", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.85.tgz", @@ -362,6 +537,22 @@ "node": ">=8" } }, + "node_modules/foreground-child": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", + "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/fs-extra": { "version": "10.0.1", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz", @@ -411,6 +602,26 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/glob-parent": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", @@ -518,6 +729,27 @@ "node": ">=0.12.0" } }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, "node_modules/jsonfile": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", @@ -539,6 +771,12 @@ "node": ">=10" } }, + "node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -561,6 +799,30 @@ "node": ">=8.6" } }, + "node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, "node_modules/nanoid": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz", @@ -602,6 +864,37 @@ "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", "dev": true }, + "node_modules/package-json-from-dist": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz", + "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==", + "dev": true + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "dev": true, + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.18" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/path-type": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", @@ -725,6 +1018,19 @@ "postcss": "^8.1.0" } }, + "node_modules/postcss-selector-parser": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", + "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", + "dev": true, + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/postcss-value-parser": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz", @@ -740,6 +1046,21 @@ "node": ">= 0.8" } }, + "node_modules/purgecss": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-6.0.0.tgz", + "integrity": "sha512-s3EBxg5RSWmpqd0KGzNqPiaBbWDz1/As+2MzoYVGMqgDqRTLBhJW6sywfTBek7OwNfoS/6pS0xdtvChNhFj2cw==", + "dev": true, + "dependencies": { + "commander": "^12.0.0", + "glob": "^10.3.10", + "postcss": "^8.4.4", + "postcss-selector-parser": "^6.0.7" + }, + "bin": { + "purgecss": "bin/purgecss.js" + } + }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -832,6 +1153,39 @@ "queue-microtask": "^1.2.2" } }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -875,6 +1229,21 @@ "node": ">=8" } }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", @@ -887,6 +1256,19 @@ "node": ">=8" } }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -926,6 +1308,27 @@ "node": ">= 10.0.0" } }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, "node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -943,6 +1346,57 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, "node_modules/wrap-ansi/node_modules/ansi-styles": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", @@ -1023,6 +1477,80 @@ } }, "dependencies": { + "@fullhuman/postcss-purgecss": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-6.0.0.tgz", + "integrity": "sha512-sUvk5PV7O5xvTJcxDYrQ00xlKtSxivvJdZrwgxE8F1GmNMs7w9U+dSbr83N/qEs9b+f+6QsZKXDs0k8nMjBIqA==", + "dev": true, + "requires": { + "purgecss": "^6.0.0" + } + }, + "@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "requires": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true + }, + "ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true + }, + "emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "requires": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + } + }, + "strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "requires": { + "ansi-regex": "^6.0.1" + } + }, + "wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "requires": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + } + } + } + }, "@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -1049,6 +1577,13 @@ "fastq": "^1.6.0" } }, + "@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true + }, "ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", @@ -1113,12 +1648,27 @@ } } }, + "balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, "binary-extensions": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", "dev": true }, + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0" + } + }, "braces": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", @@ -1205,6 +1755,29 @@ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", "dev": true }, + "commander": { + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", + "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", + "dev": true + }, + "cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "requires": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + } + }, + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, "dependency-graph": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", @@ -1220,6 +1793,12 @@ "path-type": "^4.0.0" } }, + "eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, "electron-to-chromium": { "version": "1.4.85", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.85.tgz", @@ -1275,6 +1854,16 @@ "to-regex-range": "^5.0.1" } }, + "foreground-child": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", + "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "dev": true, + "requires": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + } + }, "fs-extra": { "version": "10.0.1", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz", @@ -1305,6 +1894,20 @@ "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==", "dev": true }, + "glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "dev": true, + "requires": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + } + }, "glob-parent": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", @@ -1382,6 +1985,22 @@ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "dev": true, + "requires": { + "@isaacs/cliui": "^8.0.2", + "@pkgjs/parseargs": "^0.11.0" + } + }, "jsonfile": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", @@ -1398,6 +2017,12 @@ "integrity": "sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==", "dev": true }, + "lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true + }, "merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -1414,6 +2039,21 @@ "picomatch": "^2.2.3" } }, + "minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "requires": { + "brace-expansion": "^2.0.1" + } + }, + "minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true + }, "nanoid": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz", @@ -1443,6 +2083,28 @@ "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", "dev": true }, + "package-json-from-dist": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz", + "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==", + "dev": true + }, + "path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true + }, + "path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "dev": true, + "requires": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + } + }, "path-type": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", @@ -1510,6 +2172,16 @@ "thenby": "^1.3.4" } }, + "postcss-selector-parser": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", + "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + } + }, "postcss-value-parser": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz", @@ -1522,6 +2194,18 @@ "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", "dev": true }, + "purgecss": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-6.0.0.tgz", + "integrity": "sha512-s3EBxg5RSWmpqd0KGzNqPiaBbWDz1/As+2MzoYVGMqgDqRTLBhJW6sywfTBek7OwNfoS/6pS0xdtvChNhFj2cw==", + "dev": true, + "requires": { + "commander": "^12.0.0", + "glob": "^10.3.10", + "postcss": "^8.4.4", + "postcss-selector-parser": "^6.0.7" + } + }, "queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -1575,6 +2259,27 @@ "queue-microtask": "^1.2.2" } }, + "shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "requires": { + "shebang-regex": "^3.0.0" + } + }, + "shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true + }, + "signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true + }, "slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -1603,6 +2308,17 @@ "strip-ansi": "^6.0.1" } }, + "string-width-cjs": { + "version": "npm:string-width@4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + } + }, "strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", @@ -1612,6 +2328,15 @@ "ansi-regex": "^5.0.1" } }, + "strip-ansi-cjs": { + "version": "npm:strip-ansi@6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -1642,6 +2367,21 @@ "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", "dev": true }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "requires": { + "isexe": "^2.0.0" + } + }, "wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -1679,6 +2419,43 @@ } } }, + "wrap-ansi-cjs": { + "version": "npm:wrap-ansi@7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + } + } + }, "y18n": { "version": "5.0.8", "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", diff --git a/package.json b/package.json index 7f16795733..5b23995949 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ }, "homepage": "https://github.com/appscode-cloud/appscode_web#readme", "devDependencies": { + "@fullhuman/postcss-purgecss": "^6.0.0", "autoprefixer": "^9.6.1", "postcss-cli": "^9.1.0" }, diff --git a/static/assets/sass/base/_global.scss b/static/assets/sass/base/_global.scss index 64afe13d12..314110388a 100644 --- a/static/assets/sass/base/_global.scss +++ b/static/assets/sass/base/_global.scss @@ -449,7 +449,8 @@ &:hover { opacity: 0.8; - color: $ac-primary; + color: $ac-white; + background-color: $ac-primary; } &.ss-disabled { diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css index d2aea3acdf..92b8105e0a 100644 --- a/static/assets/sass/main.css +++ b/static/assets/sass/main.css @@ -1,11 +1,7 @@ @charset "UTF-8"; /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .file-cta, -.file-name, .select select, .textarea, .input, .button { + .select select, .textarea, .input, .button { -moz-appearance: none; -webkit-appearance: none; align-items: center; @@ -24,48 +20,18 @@ position: relative; vertical-align: top; } -.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 { + .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 { outline: none; } -[disabled].pagination-previous, -[disabled].pagination-next, -[disabled].pagination-link, -[disabled].pagination-ellipsis, [disabled].file-cta, -[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous, -fieldset[disabled] .pagination-next, -fieldset[disabled] .pagination-link, -fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, -fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button { - cursor: not-allowed; -} - -.is-unselectable, .tabs, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .breadcrumb, .file, .button { + + .button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } -.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { + .select:not(.is-multiple):not(.is-loading)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; @@ -82,87 +48,11 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields width: 0.625em; } -.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) { + .message:not(:last-child), .title:not(:last-child), .notification:not(:last-child), .content:not(:last-child) { margin-bottom: 1.5rem; } -.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 { +.control.is-loading::after, .select.is-loading::after, .button.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; @@ -175,30 +65,6 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields 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; @@ -220,13 +86,7 @@ p, ol, ul, li, -dl, -dt, -dd, -blockquote, figure, -fieldset, -legend, textarea, pre, iframe, @@ -270,8 +130,7 @@ html { box-sizing: inherit; } -img, -video { +img { height: auto; max-width: 100%; } @@ -280,20 +139,6 @@ 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; @@ -308,12 +153,10 @@ html { text-size-adjust: 100%; } -article, -aside, + figure, footer, header, -hgroup, section { display: block; } @@ -321,13 +164,12 @@ 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; @@ -353,14 +195,6 @@ 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; @@ -374,15 +208,6 @@ 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; @@ -393,10 +218,6 @@ strong { font-weight: 700; } -fieldset { - border: none; -} - pre { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 96%); @@ -407,24 +228,6 @@ 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 { @@ -435,21 +238,6 @@ table th { } } /* 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%); @@ -468,7 +256,7 @@ a.box:active { .button strong { color: inherit; } -.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { +.button .icon, .button .icon.is-small { height: 1.5em; width: 1.5em; } @@ -484,24165 +272,5676 @@ a.box:active { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); } -.button:hover, .button.is-hovered { +.button:hover { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } -.button:focus, .button.is-focused { +.button:focus { border-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } -.button:focus:not(:active), .button.is-focused:not(:active) { +.button:focus: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-text { - background-color: transparent; - border-color: transparent; - color: hsl(0, 0%, 29%); - text-decoration: underline; -} -.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { +.button.is-light { background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 21%); -} -.button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: hsl(0, 0%, 21%); -} -.button.is-text[disabled], fieldset[disabled] .button.is-text { - background-color: transparent; border-color: transparent; - box-shadow: none; + color: rgba(0, 0, 0, 0.7); } -.button.is-ghost { - background: none; +.button.is-light:hover { + background-color: #eeeeee; border-color: transparent; - color: hsl(229, 53%, 53%); - text-decoration: none; -} -.button.is-ghost:hover, .button.is-ghost.is-hovered { - color: hsl(229, 53%, 53%); - text-decoration: underline; + color: rgba(0, 0, 0, 0.7); } -.button.is-white { - background-color: hsl(0, 0%, 100%); +.button.is-light:focus { border-color: transparent; - color: hsl(0, 0%, 4%); + color: rgba(0, 0, 0, 0.7); } -.button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: hsl(0, 0%, 4%); +.button.is-light:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } -.button.is-white:focus, .button.is-white.is-focused { +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; border-color: transparent; - color: hsl(0, 0%, 4%); + color: rgba(0, 0, 0, 0.7); } -.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-light.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; +.button.is-primary { + background-color: hsl(171, 100%, 41%); border-color: transparent; - color: hsl(0, 0%, 4%); -} -.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-white.is-inverted { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} -.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { - background-color: black; + color: #fff; } -.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { - background-color: hsl(0, 0%, 4%); +.button.is-primary:hover { + background-color: #00c4a7; border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 100%); -} -.button.is-white.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; -} -.button.is-white.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 100%); -} -.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%); + color: #fff; } -.button.is-white.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +.button.is-primary:focus { + 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-primary:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } -.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-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; } -.button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 4%); +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.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-primary.is-light { + background-color: #ebfffc; + color: #00947e; } -.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-primary.is-light:hover { + background-color: #defffa; + border-color: transparent; + color: #00947e; } -.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-primary.is-light:active, .button.is-primary.is-light.is-active { + background-color: #d1fff8; + border-color: transparent; + color: #00947e; } -.button.is-black { - background-color: hsl(0, 0%, 4%); +.button.is-info { + background-color: hsl(207, 61%, 53%); border-color: transparent; - color: hsl(0, 0%, 100%); + color: #fff; } -.button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; +.button.is-info:hover { + background-color: #3488ce; border-color: transparent; - color: hsl(0, 0%, 100%); + color: #fff; } -.button.is-black:focus, .button.is-black.is-focused { +.button.is-info:focus { border-color: transparent; - color: hsl(0, 0%, 100%); + color: #fff; } -.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-info:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); } -.button.is-black:active, .button.is-black.is-active { - background-color: black; +.button.is-info:active, .button.is-info.is-active { + background-color: #3082c5; border-color: transparent; - color: hsl(0, 0%, 100%); -} -.button.is-black[disabled], fieldset[disabled] .button.is-black { - background-color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 4%); - box-shadow: none; + color: #fff; } -.button.is-black.is-inverted { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { - background-color: #f2f2f2; +.button.is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } -.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { - background-color: hsl(0, 0%, 100%); +.button.is-info.is-light:hover { + background-color: #e4eff9; border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 4%); + color: #296fa8; } -.button.is-black.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +.button.is-info.is-light:active, .button.is-info.is-light.is-active { + background-color: #dae9f6; + border-color: transparent; + color: #296fa8; } -.button.is-black.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 4%); +.button.is-success { + background-color: hsl(153, 53%, 53%); + border-color: transparent; + color: #fff; } -.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-success:hover { + background-color: #3ec487; + border-color: transparent; + color: #fff; } -.button.is-black.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +.button.is-success:focus { + border-color: transparent; + color: #fff; } -.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-success:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); } -.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-success:active, .button.is-success.is-active { + background-color: #3abb81; + border-color: transparent; + color: #fff; } -.button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 100%); +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; } -.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-success.is-light { + background-color: #effaf5; + color: #257953; } -.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-success.is-light:hover { + background-color: #e6f7ef; + border-color: transparent; + color: #257953; } -.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-success.is-light:active, .button.is-success.is-light.is-active { + background-color: #dcf4e9; + border-color: transparent; + color: #257953; } -.button.is-light { - background-color: hsl(0, 0%, 96%); +.button.is-warning { + background-color: hsl(44, 100%, 77%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; +.button.is-warning:hover { + background-color: #ffdc7d; border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-light:focus, .button.is-light.is-focused { +.button.is-warning:focus { border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.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:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); } -.button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd970; border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.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-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } -.button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(0, 0%, 96%); +.button.is-warning.is-light { + background-color: #fffaeb; + 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:hover { + background-color: #fff6de; + border-color: transparent; + color: #946c00; } -.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); +.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { + background-color: #fff3d1; border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 96%); + color: #946c00; } -.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 { + background-color: hsl(348, 86%, 61%); + 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:hover { + background-color: #f03a5f; + 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-light.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; -} -.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !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-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-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%); +.button.is-danger:focus { border-color: transparent; color: #fff; } -.button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: #fff; +.button.is-danger:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); } -.button.is-dark:focus, .button.is-dark.is-focused { +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ef2e55; border-color: transparent; color: #fff; } -.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-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; +.button.is-danger.is-light:hover { + background-color: #fde0e6; border-color: transparent; - color: #fff; + color: #cc0f35; } -.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-danger.is-light:active, .button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; } -.button.is-dark.is-inverted { - background-color: #fff; - color: hsl(0, 0%, 21%); +.button.is-small { + font-size: 0.75rem; } -.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { - background-color: #f2f2f2; +.button.is-small:not(.is-rounded) { + border-radius: 2px; } -.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%); +.button.is-fullwidth { + display: flex; + width: 100%; } -.button.is-dark.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.button.is-loading { + color: transparent !important; + pointer-events: none; } -.button.is-dark.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 21%); - color: hsl(0, 0%, 21%); +.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-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; +.button.is-rounded { + border-radius: 9999px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); } -.button.is-dark.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } -.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 .button { + margin-bottom: 0.5rem; } -.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 .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; } -.button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; +.buttons:last-child { + margin-bottom: -0.5rem; } -.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:not(:last-child) { + margin-bottom: 1rem; } -.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:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.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.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; } -.button.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: transparent; - color: #fff; +.buttons.has-addons .button:last-child { + margin-right: 0; } -.button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #00c4a7; - border-color: transparent; - color: #fff; +.buttons.has-addons .button:hover { + z-index: 2; } -.button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: #fff; +.buttons.has-addons .button:focus, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active { + z-index: 3; } -.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); +.buttons.has-addons .button:focus:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover { + z-index: 4; } -.button.is-primary:active, .button.is-primary.is-active { - background-color: #00b89c; - border-color: transparent; - color: #fff; +.buttons.is-centered { + justify-content: center; } -.button.is-primary[disabled], fieldset[disabled] .button.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: hsl(171, 100%, 41%); - box-shadow: none; +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.button.is-primary.is-inverted { - background-color: #fff; - color: hsl(171, 100%, 41%); +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; } -.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { - background-color: #f2f2f2; +.container.is-fluid { + max-width: none !important; + padding-left: 32px; + padding-right: 32px; + width: 100%; } -.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%); +@media screen and (min-width: 1024px) { + .container { + max-width: 960px; + } } -.button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; +@media screen and (min-width: 1216px) { + .container:not(.is-max-desktop) { + max-width: 1152px; + } } -.button.is-primary.is-outlined { - background-color: transparent; - border-color: hsl(171, 100%, 41%); - color: hsl(171, 100%, 41%); +@media screen and (min-width: 1408px) { + .container:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } } -.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 li + li { + margin-top: 0.25em; } -.button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; +.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-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 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-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 h1 { + font-size: 2em; + margin-bottom: 0.5em; } -.button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; +.content h1:not(:first-child) { + margin-top: 1em; } -.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 h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; } -.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 h2:not(:first-child) { + margin-top: 1.1428em; } -.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 h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; } -.button.is-primary.is-light { - background-color: #ebfffc; - color: #00947e; +.content h3:not(:first-child) { + margin-top: 1.3333em; } -.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { - background-color: #defffa; - border-color: transparent; - color: #00947e; +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; } -.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: #d1fff8; - border-color: transparent; - color: #00947e; +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; } -.button.is-link { - background-color: hsl(229, 53%, 53%); - border-color: transparent; - color: #fff; +.content h6 { + font-size: 1em; + margin-bottom: 1em; } -.button.is-link:hover, .button.is-link.is-hovered { - background-color: #3e56c4; - border-color: transparent; - color: #fff; +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em; } -.button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: #fff; +.content ol:not([type]) { + list-style-type: decimal; } -.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 ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; } -.button.is-link:active, .button.is-link.is-active { - background-color: #3a51bb; - border-color: transparent; - color: #fff; +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; } -.button.is-link[disabled], fieldset[disabled] .button.is-link { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - box-shadow: none; +.content ul ul ul { + list-style-type: square; } -.button.is-link.is-inverted { - background-color: #fff; - color: hsl(229, 53%, 53%); +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center; } -.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { - background-color: #f2f2f2; +.content figure:not(:first-child) { + margin-top: 2em; } -.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%); +.content figure:not(:last-child) { + margin-bottom: 2em; } -.button.is-link.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.content figure img { + display: inline-block; } -.button.is-link.is-outlined { - background-color: transparent; - border-color: hsl(229, 53%, 53%); - color: hsl(229, 53%, 53%); +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; } -.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; +.content.is-small { + font-size: 0.75rem; } -.button.is-link.is-outlined.is-loading::after { - border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; + +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; } -.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; +.icon.is-small { + height: 1rem; + width: 1rem; } -.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%); + +.image { + display: block; + position: relative; } -.button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; +.image img { + display: block; + height: auto; + width: 100%; } -.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%); +.image img.is-rounded { + border-radius: 9999px; } -.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; +.image.is-fullwidth { + width: 100%; } -.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; +.image.is-48x48 { + height: 48px; + width: 48px; } -.button.is-link.is-light { - background-color: #eff1fa; - color: #3850b7; +.image.is-64x64 { + height: 64px; + width: 64px; } -.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { - background-color: #e6e9f7; - border-color: transparent; - color: #3850b7; + +.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-light:active, .button.is-link.is-light.is-active { - background-color: #dce0f4; - border-color: transparent; - color: #3850b7; +.notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; } -.button.is-info { - background-color: hsl(207, 61%, 53%); - border-color: transparent; - color: #fff; +.notification strong { + color: currentColor; } -.button.is-info:hover, .button.is-info.is-hovered { - background-color: #3488ce; - border-color: transparent; - color: #fff; + +.notification pre { + background: hsl(0, 0%, 100%); } -.button.is-info:focus, .button.is-info.is-focused { - border-color: transparent; - color: #fff; +.notification .title, +.notification .content { + color: currentColor; } -.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-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } -.button.is-info:active, .button.is-info.is-active { - background-color: #3082c5; - border-color: transparent; +.notification.is-primary { + background-color: hsl(171, 100%, 41%); color: #fff; } -.button.is-info[disabled], fieldset[disabled] .button.is-info { +.notification.is-primary.is-light { + background-color: #ebfffc; + color: #00947e; +} +.notification.is-info { background-color: hsl(207, 61%, 53%); - border-color: hsl(207, 61%, 53%); - box-shadow: none; + color: #fff; } -.button.is-info.is-inverted { - background-color: #fff; - color: hsl(207, 61%, 53%); +.notification.is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } -.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { - background-color: #f2f2f2; +.notification.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; } -.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%); +.notification.is-success.is-light { + background-color: #effaf5; + color: #257953; } -.button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.notification.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } -.button.is-info.is-outlined { - background-color: transparent; - border-color: hsl(207, 61%, 53%); - color: hsl(207, 61%, 53%); +.notification.is-warning.is-light { + background-color: #fffaeb; + color: #946c00; } -.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%); +.notification.is-danger { + background-color: hsl(348, 86%, 61%); color: #fff; } -.button.is-info.is-outlined.is-loading::after { - border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; +.notification.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.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; + +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 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 { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } -.button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; +.tags .tag { + margin-bottom: 0.5rem; } -.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%); +.tags .tag:not(:last-child) { + margin-right: 0.5rem; } -.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; +.tags:last-child { + margin-bottom: -0.5rem; } -.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; +.tags:not(:last-child) { + margin-bottom: 1rem; } -.button.is-info.is-light { - background-color: #eff5fb; - color: #296fa8; +.tags.is-centered { + justify-content: center; } -.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { - background-color: #e4eff9; - border-color: transparent; - color: #296fa8; +.tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; } -.button.is-info.is-light:active, .button.is-info.is-light.is-active { - background-color: #dae9f6; - border-color: transparent; - color: #296fa8; +.tags.has-addons .tag { + margin-right: 0; } -.button.is-success { - background-color: hsl(153, 53%, 53%); - border-color: transparent; - color: #fff; +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.button.is-success:hover, .button.is-success.is-hovered { - background-color: #3ec487; - border-color: transparent; - color: #fff; +.tags.has-addons .tag:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - 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-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-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } -.button.is-success:active, .button.is-success.is-active { - background-color: #3abb81; - border-color: transparent; +.tag:not(body).is-primary { + background-color: hsl(171, 100%, 41%); color: #fff; } -.button.is-success[disabled], fieldset[disabled] .button.is-success { - background-color: hsl(153, 53%, 53%); - border-color: hsl(153, 53%, 53%); - box-shadow: none; -} -.button.is-success.is-inverted { - background-color: #fff; - color: hsl(153, 53%, 53%); -} -.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.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%); +.tag:not(body).is-primary.is-light { + background-color: #ebfffc; + color: #00947e; } -.button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; +.tag:not(body).is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; } -.button.is-success.is-outlined { - background-color: transparent; - border-color: hsl(153, 53%, 53%); - color: hsl(153, 53%, 53%); +.tag:not(body).is-info.is-light { + background-color: #eff5fb; + color: #296fa8; } -.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 { +.tag:not(body).is-success { background-color: hsl(153, 53%, 53%); - border-color: hsl(153, 53%, 53%); color: #fff; } -.button.is-success.is-outlined.is-loading::after { - border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; +.tag:not(body).is-success.is-light { + background-color: #effaf5; + color: #257953; } -.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; +.tag:not(body).is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } -.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%); +.tag:not(body).is-warning.is-light { + background-color: #fffaeb; + color: #946c00; } -.button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; +.tag:not(body).is-danger { + background-color: hsl(348, 86%, 61%); color: #fff; } -.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%); +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; } -.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; +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -0.375em; + margin-right: 0.1875em; } -.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; +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: -0.375em; } -.button.is-success.is-light { - background-color: #effaf5; - color: #257953; +.tag:not(body) .icon:first-child:last-child { + margin-left: -0.375em; + margin-right: -0.375em; } -.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { - background-color: #e6f7ef; - border-color: transparent; - color: #257953; +.tag:not(body).is-rounded { + border-radius: 9999px; } -.button.is-success.is-light:active, .button.is-success.is-light.is-active { - background-color: #dcf4e9; - border-color: transparent; - color: #257953; + +a.tag:hover { + text-decoration: underline; } -.button.is-warning { - background-color: hsl(44, 100%, 77%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); + +.title { + word-break: break-word; } -.button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ffdc7d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); + +.title span { + font-weight: inherit; } -.button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.title .tag { + vertical-align: middle; } -.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); + +.title { + color: hsl(0, 0%, 21%); + font-size: 2rem; + font-weight: 600; + line-height: 1.125; } -.button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd970; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.title strong { + color: inherit; + font-weight: inherit; } -.button.is-warning[disabled], fieldset[disabled] .button.is-warning { - background-color: hsl(44, 100%, 77%); - border-color: hsl(44, 100%, 77%); - box-shadow: none; +.title.is-3 { + font-size: 2rem; } -.button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(44, 100%, 77%); +.title.is-4 { + font-size: 1.5rem; } -.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); +.title.is-5 { + font-size: 1.25rem; } -.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%); +.title.is-6 { + font-size: 1rem; } -.button.is-warning.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +.title.is-7 { + font-size: 0.75rem; } -.button.is-warning.is-outlined { - background-color: transparent; - border-color: hsl(44, 100%, 77%); - color: hsl(44, 100%, 77%); + +/* 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-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); +.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } -.button.is-warning.is-outlined.is-loading::after { - border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; +.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); } -.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; +.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } -.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%); +.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); } -.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); +.select select:hover, .textarea:hover, .input:hover { + border-color: hsl(0, 0%, 71%); } -.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%); +.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.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; + +.textarea, .input { + box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); + max-width: 100%; + width: 100%; } -.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-light.textarea, .is-light.input { + border-color: hsl(0, 0%, 96%); } -.button.is-warning.is-light { - background-color: #fffaeb; - color: #946c00; +.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-light:hover, .button.is-warning.is-light.is-hovered { - background-color: #fff6de; - border-color: transparent; - color: #946c00; +.is-primary.textarea, .is-primary.input { + border-color: hsl(171, 100%, 41%); } -.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { - background-color: #fff3d1; - border-color: transparent; - color: #946c00; +.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-danger { - background-color: hsl(348, 86%, 61%); - border-color: transparent; - color: #fff; +.is-info.textarea, .is-info.input { + border-color: hsl(207, 61%, 53%); } -.button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #f03a5f; - border-color: transparent; - color: #fff; +.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-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; +.is-success.textarea, .is-success.input { + border-color: hsl(153, 53%, 53%); } -.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); +.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-danger:active, .button.is-danger.is-active { - background-color: #ef2e55; - border-color: transparent; - color: #fff; +.is-warning.textarea, .is-warning.input { + border-color: hsl(44, 100%, 77%); } -.button.is-danger[disabled], fieldset[disabled] .button.is-danger { - background-color: hsl(348, 86%, 61%); +.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); +} +.is-danger.textarea, .is-danger.input { border-color: hsl(348, 86%, 61%); - box-shadow: none; } -.button.is-danger.is-inverted { - background-color: #fff; - color: hsl(348, 86%, 61%); +.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-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { - background-color: #f2f2f2; +.is-small.textarea, .is-small.input { + border-radius: 2px; + font-size: 0.75rem; } -.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%); +.is-fullwidth.textarea, .is-fullwidth.input { + display: block; + width: 100%; } -.button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; + +.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-danger.is-outlined { - background-color: transparent; - border-color: hsl(348, 86%, 61%); - color: hsl(348, 86%, 61%); + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: calc(0.75em - 1px); + resize: vertical; } -.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; +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em; } -.button.is-danger.is-outlined.is-loading::after { - border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; } -.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:not(.is-multiple) { + height: 2.5em; } -.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:not(.is-multiple):not(.is-loading)::after { + border-color: hsl(229, 53%, 53%); + right: 1.125em; + z-index: 4; } -.button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; +.select.is-rounded select { + border-radius: 9999px; + padding-left: 1em; } -.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 select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; } -.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 select::-ms-expand { + display: none; } -.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 select:not([multiple]) { + padding-right: 2.5em; } -.button.is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; +.select:not(.is-multiple):not(.is-loading):hover::after { + border-color: hsl(0, 0%, 21%); } -.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { - background-color: #fde0e6; - border-color: transparent; - color: #cc0f35; +.select.is-light:not(:hover)::after { + border-color: hsl(0, 0%, 96%); } -.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { - background-color: #fcd4dc; - border-color: transparent; - color: #cc0f35; +.select.is-light select { + border-color: hsl(0, 0%, 96%); } -.button.is-small { - font-size: 0.75rem; +.select.is-light select:hover { + border-color: #e8e8e8; } -.button.is-small:not(.is-rounded) { - border-radius: 2px; -} -.button.is-normal { - font-size: 1rem; +.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-medium { - font-size: 1.25rem; +.select.is-primary:not(:hover)::after { + border-color: hsl(171, 100%, 41%); } -.button.is-large { - font-size: 1.5rem; +.select.is-primary select { + border-color: hsl(171, 100%, 41%); } -.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-primary select:hover { + border-color: #00b89c; } -.button.is-fullwidth { - display: flex; - width: 100%; +.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-loading { - color: transparent !important; - pointer-events: none; +.select.is-info:not(:hover)::after { + border-color: hsl(207, 61%, 53%); } -.button.is-loading::after { - position: absolute; - left: calc(50% - 1em * 0.5); - top: calc(50% - 1em * 0.5); - position: absolute !important; +.select.is-info select { + border-color: hsl(207, 61%, 53%); } -.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-info select:hover { + border-color: #3082c5; } -.button.is-rounded { - border-radius: 9999px; - padding-left: calc(1em + 0.25em); - padding-right: calc(1em + 0.25em); +.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); } - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; +.select.is-success:not(:hover)::after { + border-color: hsl(153, 53%, 53%); } -.buttons .button { - margin-bottom: 0.5rem; +.select.is-success select { + border-color: hsl(153, 53%, 53%); } -.buttons .button:not(:last-child):not(.is-fullwidth) { - margin-right: 0.5rem; +.select.is-success select:hover { + border-color: #3abb81; } -.buttons:last-child { - margin-bottom: -0.5rem; +.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); } -.buttons:not(:last-child) { - margin-bottom: 1rem; +.select.is-warning:not(:hover)::after { + border-color: hsl(44, 100%, 77%); } -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { - font-size: 0.75rem; +.select.is-warning select { + border-color: hsl(44, 100%, 77%); } -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { - border-radius: 2px; +.select.is-warning select:hover { + border-color: #ffd970; } -.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { - 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); } -.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { - font-size: 1.5rem; +.select.is-danger:not(:hover)::after { + border-color: hsl(348, 86%, 61%); } -.buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.select.is-danger select { + border-color: hsl(348, 86%, 61%); } -.buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; +.select.is-danger select:hover { + border-color: #ef2e55; } -.buttons.has-addons .button:last-child { - margin-right: 0; +.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); } -.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; } -.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; +.select.is-fullwidth { + width: 100%; } -.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; +.select.is-fullwidth select { + width: 100%; } -.buttons.has-addons .button.is-expanded { - flex-grow: 1; - flex-shrink: 1; +.select.is-loading::after { + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + transform: none; } -.buttons.is-centered { - justify-content: center; +.select.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; + +.label { + color: hsl(0, 0%, 21%); + display: block; + font-size: 1rem; + font-weight: 700; } -.buttons.is-right { - justify-content: flex-end; +.label:not(:last-child) { + margin-bottom: 0.5em; } -.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; +.label.is-small { + font-size: 0.75rem; } -@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; - } +.field:not(:last-child) { + margin-bottom: 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; - } +.field.has-addons { + display: flex; + justify-content: flex-start; } -.container { - flex-grow: 1; - margin: 0 auto; - position: relative; - width: auto; +.field.has-addons .control:not(:last-child) { + margin-right: -1px; } -.container.is-fluid { - max-width: none !important; - padding-left: 32px; - padding-right: 32px; - width: 100%; +.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; } -@media screen and (min-width: 1024px) { - .container { - max-width: 960px; - } +.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; } -@media screen and (max-width: 1215px) { - .container.is-widescreen:not(.is-max-desktop) { - max-width: 1152px; - } +.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; } -@media screen and (max-width: 1407px) { - .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { - max-width: 1344px; - } +.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 { + z-index: 2; } -@media screen and (min-width: 1216px) { - .container:not(.is-max-desktop) { - max-width: 1152px; - } +.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 { + z-index: 3; } -@media screen and (min-width: 1408px) { - .container:not(.is-max-desktop):not(.is-max-widescreen) { - max-width: 1344px; - } +.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 { + z-index: 4; } -.content li + li { - margin-top: 0.25em; -} -.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; +.control { + box-sizing: border-box; + clear: both; + font-size: 1rem; + position: relative; + text-align: inherit; } -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: hsl(0, 0%, 21%); - font-weight: 600; - line-height: 1.125; +.control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; } -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; +.control.is-loading.is-small:after { + font-size: 0.75rem; } -.content h1:not(:first-child) { - margin-top: 1em; + +/* Bulma Components */ + +.message { + background-color: hsl(0, 0%, 96%); + border-radius: 4px; + font-size: 1rem; } -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; +.message strong { + color: currentColor; } -.content h2:not(:first-child) { - margin-top: 1.1428em; +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; } -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; +.message.is-small { + font-size: 0.75rem; } -.content h3:not(:first-child) { - margin-top: 1.3333em; +.message.is-light { + background-color: #fafafa; } -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; +.message.is-primary { + background-color: #ebfffc; } -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; +.message.is-info { + background-color: #eff5fb; } -.content h6 { - font-size: 1em; - margin-bottom: 1em; +.message.is-success { + background-color: #effaf5; } -.content blockquote { - background-color: hsl(0, 0%, 96%); - border-left: 5px solid hsl(0, 0%, 86%); - padding: 1.25em 1.5em; +.message.is-warning { + background-color: #fffaeb; } -.content ol { - list-style-position: outside; - margin-left: 2em; - margin-top: 1em; +.message.is-danger { + background-color: #feecf0; } -.content ol:not([type]) { - list-style-type: decimal; + +.navbar { + background-color: hsl(0, 0%, 100%); + min-height: 3.25rem; + position: relative; + z-index: 30; } -.content ol:not([type]).is-lower-alpha { - list-style-type: lower-alpha; +.navbar.is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); } -.content ol:not([type]).is-lower-roman { - list-style-type: lower-roman; +.navbar.is-light .navbar-brand > .navbar-item { + color: rgba(0, 0, 0, 0.7); } -.content ol:not([type]).is-upper-alpha { - list-style-type: upper-alpha; +.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 ol:not([type]).is-upper-roman { - list-style-type: upper-roman; +.navbar.is-light .navbar-burger { + color: rgba(0, 0, 0, 0.7); } -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; +@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 ul ul { - list-style-type: circle; - margin-top: 0.5em; +.navbar.is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; } -.content ul ul ul { - list-style-type: square; +.navbar.is-primary .navbar-brand > .navbar-item { + color: #fff; } -.content dd { - margin-left: 2em; +.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 figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; +.navbar.is-primary .navbar-burger { + color: #fff; } -.content figure:not(:first-child) { - margin-top: 2em; +@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 figure:not(:last-child) { - margin-bottom: 2em; +.navbar.is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; } -.content figure img { - display: inline-block; +.navbar.is-info .navbar-brand > .navbar-item { + color: #fff; } -.content figure figcaption { - font-style: italic; +.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 pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; +.navbar.is-info .navbar-burger { + color: #fff; } -.content sup, -.content sub { - font-size: 75%; +@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 table { - width: 100%; +.navbar.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; } -.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.is-success .navbar-brand > .navbar-item { + color: #fff; } -.content table th { - color: hsl(0, 0%, 21%); +.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 table th:not([align]) { - text-align: inherit; +.navbar.is-success .navbar-burger { + color: #fff; } -.content table thead td, -.content table thead th { - border-width: 0 0 2px; - color: hsl(0, 0%, 21%); +@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 table tfoot td, -.content table tfoot th { - border-width: 2px 0 0; - color: hsl(0, 0%, 21%); +.navbar.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); } -.content table tbody tr:last-child td, -.content table tbody tr:last-child th { - border-bottom-width: 0; +.navbar.is-warning .navbar-brand > .navbar-item { + color: rgba(0, 0, 0, 0.7); } -.content .tabs li + li { - margin-top: 0; +.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.is-small { - font-size: 0.75rem; +.navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); } -.content.is-normal { - font-size: 1rem; +@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.is-medium { - font-size: 1.25rem; +.navbar.is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; } -.content.is-large { - font-size: 1.5rem; +.navbar.is-danger .navbar-brand > .navbar-item { + color: #fff; } - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; +.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; } -.icon.is-small { - height: 1rem; - width: 1rem; +.navbar.is-danger .navbar-burger { + color: #fff; } -.icon.is-medium { - height: 2rem; - width: 2rem; +@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; + } } -.icon.is-large { - height: 3rem; - width: 3rem; +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; } -.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; +.navbar-brand { + align-items: stretch; + display: flex; flex-shrink: 0; -} -.icon-text .icon:not(:last-child) { - margin-right: 0.25em; -} -.icon-text .icon:not(:first-child) { - margin-left: 0.25em; + min-height: 3.25rem; } -div.icon-text { - display: flex; +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { + background-color: transparent; } -.image { +.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; } -.image img { +.navbar-burger span { + background-color: currentColor; display: block; - height: auto; - width: 100%; -} -.image img.is-rounded { - border-radius: 9999px; + 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; } -.image.is-fullwidth { - width: 100%; +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px); } -.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%; +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px); } -.image.is-square, .image.is-1by1 { - padding-top: 100%; +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px); } -.image.is-5by4 { - padding-top: 80%; +.navbar-burger:hover { + background-color: rgba(0, 0, 0, 0.05); } -.image.is-4by3 { - padding-top: 75%; -} -.image.is-3by2 { - padding-top: 66.6666%; -} -.image.is-5by3 { - padding-top: 60%; -} -.image.is-16by9 { - padding-top: 56.25%; -} -.image.is-2by1 { - padding-top: 50%; -} -.image.is-3by1 { - padding-top: 33.3333%; -} -.image.is-4by5 { - padding-top: 125%; -} -.image.is-3by4 { - padding-top: 133.3333%; -} -.image.is-2by3 { - padding-top: 150%; -} -.image.is-3by5 { - padding-top: 166.6666%; -} -.image.is-9by16 { - padding-top: 177.7777%; -} -.image.is-1by2 { - padding-top: 200%; -} -.image.is-1by3 { - padding-top: 300%; -} -.image.is-16x16 { - height: 16px; - width: 16px; -} -.image.is-24x24 { - height: 24px; - width: 24px; -} -.image.is-32x32 { - height: 32px; - width: 32px; -} -.image.is-48x48 { - height: 48px; - width: 48px; +.navbar-burger.is-active span:nth-child(1) { + transform: translateY(5px) rotate(45deg); } -.image.is-64x64 { - height: 64px; - width: 64px; +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; } -.image.is-96x96 { - height: 96px; - width: 96px; +.navbar-burger.is-active span:nth-child(3) { + transform: translateY(-5px) rotate(-45deg); } -.image.is-128x128 { - height: 128px; - width: 128px; + +.navbar-menu { + display: none; } -.notification { - background-color: hsl(0, 0%, 96%); - border-radius: 4px; +.navbar-item { + color: hsl(0, 0%, 29%); + display: block; + line-height: 1.5; + padding: 0.5rem 0.75rem; position: relative; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; -} -.notification a:not(.button):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; -} -.notification strong { - color: currentColor; -} -.notification code, -.notification pre { - background: hsl(0, 0%, 100%); -} -.notification pre code { - background: transparent; -} -.notification > .delete { - right: 0.5rem; - position: absolute; - top: 0.5rem; -} -.notification .title, -.notification .subtitle, -.notification .content { - color: currentColor; -} -.notification.is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); } -.notification.is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} -.notification.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} -.notification.is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; -} -.notification.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; -} -.notification.is-primary.is-light { - background-color: #ebfffc; - color: #00947e; -} -.notification.is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; -} -.notification.is-link.is-light { - background-color: #eff1fa; - color: #3850b7; -} -.notification.is-info { - background-color: hsl(207, 61%, 53%); - color: #fff; -} -.notification.is-info.is-light { - background-color: #eff5fb; - color: #296fa8; +.navbar-item .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; } -.notification.is-success { - background-color: hsl(153, 53%, 53%); - color: #fff; + +a.navbar-item { + cursor: pointer; } -.notification.is-success.is-light { - background-color: #effaf5; - color: #257953; +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%); } -.notification.is-warning { - background-color: hsl(44, 100%, 77%); - color: rgba(0, 0, 0, 0.7); + +.navbar-item { + flex-grow: 0; + flex-shrink: 0; } -.notification.is-warning.is-light { - background-color: #fffaeb; - color: #946c00; +.navbar-item img { + max-height: 1.75rem; } -.notification.is-danger { - background-color: hsl(348, 86%, 61%); - color: #fff; + +@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; + } } -.notification.is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; +@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; + } } -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 9999px; +/* Bulma Grid */ +.column { display: block; - height: 1rem; - overflow: hidden; - padding: 0; - width: 100%; -} -.progress::-webkit-progress-bar { - background-color: hsl(0, 0%, 93%); -} -.progress::-webkit-progress-value { - background-color: hsl(0, 0%, 29%); -} -.progress::-moz-progress-bar { - background-color: hsl(0, 0%, 29%); -} -.progress::-ms-fill { - background-color: hsl(0, 0%, 29%); - border: none; -} -.progress.is-white::-webkit-progress-value { - background-color: hsl(0, 0%, 100%); -} -.progress.is-white::-moz-progress-bar { - background-color: hsl(0, 0%, 100%); -} -.progress.is-white::-ms-fill { - background-color: hsl(0, 0%, 100%); -} -.progress.is-white:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%); -} -.progress.is-black::-webkit-progress-value { - background-color: hsl(0, 0%, 4%); + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; } -.progress.is-black::-moz-progress-bar { - background-color: hsl(0, 0%, 4%); +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333337%; } -.progress.is-black::-ms-fill { - background-color: hsl(0, 0%, 4%); +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66666674%; } -.progress.is-black:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%); +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; } -.progress.is-light::-webkit-progress-value { - background-color: hsl(0, 0%, 96%); +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; } -.progress.is-light::-moz-progress-bar { - background-color: hsl(0, 0%, 96%); +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333337%; } -.progress.is-light::-ms-fill { - background-color: hsl(0, 0%, 96%); +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66666674%; } -.progress.is-light:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%); +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; } -.progress.is-dark::-webkit-progress-value { - background-color: hsl(0, 0%, 21%); +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333337%; } -.progress.is-dark::-moz-progress-bar { - background-color: hsl(0, 0%, 21%); +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66666674%; } -.progress.is-dark::-ms-fill { - background-color: hsl(0, 0%, 21%); +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; } -.progress.is-dark:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%); +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333337%; } -.progress.is-primary::-webkit-progress-value { - background-color: hsl(171, 100%, 41%); +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; } -.progress.is-primary::-moz-progress-bar { - background-color: hsl(171, 100%, 41%); +@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%; + } } -.progress.is-primary::-ms-fill { - background-color: hsl(171, 100%, 41%); +@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%; + } } -.progress.is-primary:indeterminate { - background-image: linear-gradient(to right, hsl(171, 100%, 41%) 30%, hsl(0, 0%, 93%) 30%); +@media screen and (max-width: 1023px) { + .column.is-full-touch { + flex: none; + width: 100%; + } } -.progress.is-link::-webkit-progress-value { - background-color: hsl(229, 53%, 53%); +@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%; + } } -.progress.is-link::-moz-progress-bar { - background-color: hsl(229, 53%, 53%); +@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%; + } } -.progress.is-link::-ms-fill { - background-color: hsl(229, 53%, 53%); +@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%; + } } -.progress.is-link:indeterminate { - background-image: linear-gradient(to right, hsl(229, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; } -.progress.is-info::-webkit-progress-value { - background-color: hsl(207, 61%, 53%); +.columns:last-child { + margin-bottom: -0.75rem; } -.progress.is-info::-moz-progress-bar { - background-color: hsl(207, 61%, 53%); +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); } -.progress.is-info::-ms-fill { - background-color: hsl(207, 61%, 53%); +.columns.is-centered { + justify-content: center; } -.progress.is-info:indeterminate { - background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%); +.columns.is-mobile { + display: flex; } -.progress.is-success::-webkit-progress-value { - background-color: hsl(153, 53%, 53%); +.columns.is-multiline { + flex-wrap: wrap; } -.progress.is-success::-moz-progress-bar { - background-color: hsl(153, 53%, 53%); +.columns.is-vcentered { + align-items: center; } -.progress.is-success::-ms-fill { - background-color: hsl(153, 53%, 53%); +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } } -.progress.is-success:indeterminate { - background-image: linear-gradient(to right, hsl(153, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); } -.progress.is-warning::-webkit-progress-value { - background-color: hsl(44, 100%, 77%); +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); } -.progress.is-warning::-moz-progress-bar { - background-color: hsl(44, 100%, 77%); +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } } -.progress.is-warning::-ms-fill { - background-color: hsl(44, 100%, 77%); +.columns.is-variable.is-3 { + --columnGap: 0.75rem; } -.progress.is-warning:indeterminate { - background-image: linear-gradient(to right, hsl(44, 100%, 77%) 30%, hsl(0, 0%, 93%) 30%); +.columns.is-variable.is-4 { + --columnGap: 1rem; } -.progress.is-danger::-webkit-progress-value { - background-color: hsl(348, 86%, 61%); +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } } -.progress.is-danger::-moz-progress-bar { - background-color: hsl(348, 86%, 61%); +.columns.is-variable.is-5 { + --columnGap: 1.25rem; } -.progress.is-danger::-ms-fill { - background-color: hsl(348, 86%, 61%); +.columns.is-variable.is-6 { + --columnGap: 1.5rem; } -.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%; +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } } -.progress:indeterminate::-webkit-progress-bar { - background-color: transparent; +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } } -.progress:indeterminate::-moz-progress-bar { - background-color: transparent; +.columns.is-variable.is-7 { + --columnGap: 1.75rem; } -.progress:indeterminate::-ms-fill { - animation-name: none; +.columns.is-variable.is-8 { + --columnGap: 2rem; } -.progress.is-small { - height: 0.75rem; +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } } -.progress.is-medium { - height: 1.25rem; +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } } -.progress.is-large { - height: 1.5rem; + +/* Bulma Helpers */ + +.has-text-primary { + color: hsl(171, 100%, 41%) !important; } -@keyframes moveIndeterminate { - from { - background-position: 200% 0; - } - to { - background-position: -200% 0; - } +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86 !important; } -.table { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 21%); + +.is-flex-direction-column { + flex-direction: column !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; + +.is-flex-wrap-wrap { + flex-wrap: wrap !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%); + +.is-justify-content-flex-end { + justify-content: flex-end !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%); + +.is-justify-content-center { + justify-content: center !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); + +.is-justify-content-space-between { + justify-content: space-between !important; } -.table td.is-dark, -.table th.is-dark { - background-color: hsl(0, 0%, 21%); - border-color: hsl(0, 0%, 21%); - color: #fff; + +.is-align-items-center { + align-items: center !important; } -.table td.is-primary, -.table th.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: hsl(171, 100%, 41%); - color: #fff; + +.is-align-items-baseline { + align-items: baseline !important; } -.table td.is-link, -.table th.is-link { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - color: #fff; + +.is-pulled-right { + float: right !important; } -.table td.is-info, -.table th.is-info { - background-color: hsl(207, 61%, 53%); - border-color: hsl(207, 61%, 53%); - color: #fff; + +.is-paddingless { + padding: 0 !important; } -.table td.is-success, -.table th.is-success { - background-color: hsl(153, 53%, 53%); - border-color: hsl(153, 53%, 53%); - color: #fff; + +.mb-0 { + margin-bottom: 0 !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); -} -.table td.is-danger, -.table th.is-danger { - background-color: hsl(348, 86%, 61%); - border-color: hsl(348, 86%, 61%); - color: #fff; -} -.table td.is-narrow, -.table th.is-narrow { - white-space: nowrap; - width: 1%; -} -.table td.is-selected, -.table th.is-selected { - background-color: hsl(171, 100%, 41%); - color: #fff; + +.mr-3 { + margin-right: 0.75rem !important; } -.table td.is-selected a, -.table td.is-selected strong, -.table th.is-selected a, -.table th.is-selected strong { - color: currentColor; + +.mb-4 { + margin-bottom: 1rem !important; } -.table td.is-vcentered, -.table th.is-vcentered { - vertical-align: middle; + +.mt-5 { + margin-top: 1.5rem !important; } -.table th { - color: hsl(0, 0%, 21%); + +.p-0 { + padding: 0 !important; } -.table th:not([align]) { - text-align: left; + +.pt-0 { + padding-top: 0 !important; } -.table tr.is-selected { - background-color: hsl(171, 100%, 41%); - color: #fff; + +.pr-0 { + padding-right: 0 !important; } -.table tr.is-selected a, -.table tr.is-selected strong { - color: currentColor; + +.pb-0 { + padding-bottom: 0 !important; } -.table tr.is-selected td, -.table tr.is-selected th { - border-color: #fff; - color: currentColor; + +.pl-0 { + padding-left: 0 !important; } -.table thead { - background-color: transparent; + +.pl-5 { + padding-left: 1.5rem !important; } -.table thead td, -.table thead th { - border-width: 0 0 2px; - color: hsl(0, 0%, 21%); + +.is-size-5 { + font-size: 1.25rem !important; } -.table tfoot { - background-color: transparent; + +.is-size-6 { + font-size: 1rem !important; } -.table tfoot td, -.table tfoot th { - border-width: 2px 0 0; - color: hsl(0, 0%, 21%); +.has-text-centered { + text-align: center !important; } -.table tbody { - background-color: transparent; + +.has-text-left { + text-align: left !important; } -.table tbody tr:last-child td, -.table tbody tr:last-child th { - border-bottom-width: 0; + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } } -.table.is-bordered td, -.table.is-bordered th { - border-width: 1px; +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } } -.table.is-bordered tr:last-child td, -.table.is-bordered tr:last-child th { - border-bottom-width: 1px; +@media screen and (max-width: 1023px) { + .has-text-centered-touch { + text-align: center !important; + } } -.table.is-fullwidth { - width: 100%; +@media screen and (min-width: 1024px) { + .has-text-centered-desktop { + text-align: center !important; + } } -.table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: hsl(0, 0%, 98%); +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } } -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: hsl(0, 0%, 98%); +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } } -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { - background-color: hsl(0, 0%, 96%); +@media screen and (min-width: 1024px) { + .has-text-right-desktop { + text-align: right !important; + } } -.table.is-narrow td, -.table.is-narrow th { - padding: 0.25em 0.5em; + +.is-uppercase { + text-transform: uppercase !important; } -.table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: hsl(0, 0%, 98%); + +.has-text-weight-light { + font-weight: 300 !important; } -.table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; +.has-text-weight-semibold { + font-weight: 600 !important; } -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; +.is-block { + display: block !important; } -.tags .tag { - margin-bottom: 0.5rem; +.is-flex { + display: flex !important; } -.tags .tag:not(:last-child) { - margin-right: 0.5rem; +.is-hidden { + display: none !important; } -.tags:last-child { - margin-bottom: -0.5rem; + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } } -.tags:not(:last-child) { - margin-bottom: 1rem; +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } } -.tags.are-medium .tag:not(.is-normal):not(.is-large) { - font-size: 1rem; +@media screen and (max-width: 1023px) { + .is-hidden-touch { + display: none !important; + } } -.tags.are-large .tag:not(.is-normal):not(.is-medium) { - font-size: 1.25rem; +@media screen and (min-width: 1024px) { + .is-hidden-desktop { + display: none !important; + } } -.tags.is-centered { - justify-content: center; +/* Bulma Layout */ + +.section { + padding: 3rem 1.5rem; } -.tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; +@media screen and (min-width: 1024px) { + .section { + padding: 3rem 3rem; + } } -.tags.is-right { - justify-content: flex-end; + +.footer { + background-color: hsl(0, 0%, 98%); + padding: 3rem 1.5rem 6rem; } -.tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; + +/* Deafult Margin & Padding view-height & view-width */ + +.mb-0 { + margin-bottom: 0px !important; } -.tags.is-right .tag:not(:last-child) { - margin-right: 0; + +.p-0 { + padding: 0px !important; } -.tags.has-addons .tag { - margin-right: 0; + +.pt-0 { + padding-top: 0px !important; } -.tags.has-addons .tag:not(:first-child) { - margin-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + +.pb-0 { + padding-bottom: 0px !important; } -.tags.has-addons .tag:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + +.pl-0 { + padding-left: 0px !important; } -.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; +.pr-0 { + padding-right: 0px !important; } -.tag:not(body) .delete { - margin-left: 0.25rem; - margin-right: -0.375rem; + +.mr-3 { + margin-right: 3px !important; } -.tag:not(body).is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); + +.mb-4 { + margin-bottom: 4px !important; } -.tag:not(body).is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); + +.mt-5 { + margin-top: 5px !important; } -.tag:not(body).is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); + +.pl-5 { + padding-left: 5px !important; } -.tag:not(body).is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; + +.mb-8 { + margin-bottom: 8px !important; } -.tag:not(body).is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; + +.ml-8 { + margin-left: 8px !important; } -.tag:not(body).is-primary.is-light { - background-color: #ebfffc; - color: #00947e; + +.mr-8 { + margin-right: 8px !important; } -.tag:not(body).is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; + +.mt-10 { + margin-top: 10px !important; } -.tag:not(body).is-link.is-light { - background-color: #eff1fa; - color: #3850b7; + +.mb-12 { + margin-bottom: 12px !important; } -.tag:not(body).is-info { - background-color: hsl(207, 61%, 53%); - color: #fff; + +.pb-12 { + padding-bottom: 12px !important; } -.tag:not(body).is-info.is-light { - background-color: #eff5fb; - color: #296fa8; + +.font-size-12 { + font-size: 12px !important; } -.tag:not(body).is-success { - background-color: hsl(153, 53%, 53%); - color: #fff; + +.mt-15 { + margin-top: 15px !important; } -.tag:not(body).is-success.is-light { - background-color: #effaf5; - color: #257953; + +.mb-15 { + margin-bottom: 15px !important; } -.tag:not(body).is-warning { - background-color: hsl(44, 100%, 77%); - color: rgba(0, 0, 0, 0.7); + +.mt-16 { + margin-top: 16px !important; } -.tag:not(body).is-warning.is-light { - background-color: #fffaeb; - color: #946c00; + +.mb-16 { + margin-bottom: 16px !important; } -.tag:not(body).is-danger { - background-color: hsl(348, 86%, 61%); - color: #fff; + +.mt-20 { + margin-top: 20px !important; } -.tag:not(body).is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; + +.mb-20 { + margin-bottom: 20px !important; } -.tag:not(body).is-normal { - font-size: 0.75rem; + +.pr-20 { + padding-right: 20px !important; } -.tag:not(body).is-medium { - font-size: 1rem; + +.mt-30 { + margin-top: 30px !important; } -.tag:not(body).is-large { - font-size: 1.25rem; + +.pl-40 { + padding-left: 40px !important; } -.tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; + +.pr-40 { + padding-right: 40px !important; } -.tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; + +.mt-50 { + margin-top: 50px !important; } -.tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; + +.pb-50 { + padding-bottom: 50px !important; } -.tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; + +.pr-60 { + padding-right: 60px !important; } -.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; + +.mt-70 { + margin-top: 70px !important; } -.tag:not(body).is-delete::before { - height: 1px; - width: 50%; + +.mt-80 { + margin-top: 80px !important; } -.tag:not(body).is-delete::after { - height: 50%; - width: 1px; + +.mb-80 { + margin-bottom: 80px !important; } -.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { - background-color: #e8e8e8; + +.pb-80 { + padding-bottom: 80px !important; } -.tag:not(body).is-delete:active { - background-color: #dbdbdb; + +.mr-100 { + margin-right: 100px !important; } -.tag:not(body).is-rounded { - border-radius: 9999px; + +/* Deafult height & widht */ + +.width-12 { + width: 12px !important; } -a.tag:hover { - text-decoration: underline; +.width-16 { + width: 16px !important; } -.title, -.subtitle { - word-break: break-word; +.height-20 { + height: 20px !important; } -.title em, -.title span, -.subtitle em, -.subtitle span { - font-weight: inherit; + +.width-20 { + width: 20px !important; } -.title sub, -.subtitle sub { - font-size: 0.75em; + +.height-40 { + height: 40px !important; } -.title sup, -.subtitle sup { - font-size: 0.75em; + +.height-60 { + height: 60px !important; } -.title .tag, -.subtitle .tag { - vertical-align: middle; + +/* 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; } -.title { - color: hsl(0, 0%, 21%); - font-size: 2rem; - font-weight: 600; - line-height: 1.125; +.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; } -.title strong { - color: inherit; - font-weight: inherit; + +.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; } -.title:not(.is-spaced) + .subtitle { - margin-top: -1.25rem; + +:root { + --ac-primary: #00a651; } -.title.is-1 { - font-size: 3rem; +body.kubedb { + --ac-primary: #4d4dcb; } -.title.is-2 { - font-size: 2.5rem; +body.kubevault { + --ac-primary: #326ce5; } -.title.is-3 { - font-size: 2rem; +body.kubeform { + --ac-primary: #592217; } -.title.is-4 { - font-size: 1.5rem; +body.stash { + --ac-primary: #5e2dea; } -.title.is-5 { - font-size: 1.25rem; +body.voyager { + --ac-primary: #2d2a78; } -.title.is-6 { + +html, +body { + background-color: #ffffff; + font-family: "Roboto", sans-serif; + font-weight: 400; font-size: 1rem; + color: #515D63; + scroll-behavior: smooth; } -.title.is-7 { - font-size: 0.75rem; + +p { + font-size: 1rem; } -.subtitle { - color: hsl(0, 0%, 29%); - font-size: 1.25rem; - font-weight: 400; - line-height: 1.25; +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 500; + color: #171B1C; + line-height: 130%; } -.subtitle strong { - color: hsl(0, 0%, 21%); - font-weight: 600; + +h1 { + font-size: 60px; + letter-spacing: -0.5px; } -.subtitle:not(.is-spaced) + .title { - margin-top: -1.25rem; + +h2 { + font-size: 48px; + letter-spacing: -0.57px; } -.subtitle.is-1 { - font-size: 3rem; + +h3 { + font-size: 32px; } -.subtitle.is-2 { - font-size: 2.5rem; + +h4 { + font-size: 24px; + letter-spacing: -0.25px; } -.subtitle.is-3 { - font-size: 2rem; + +h5 { + font-size: 18px; } -.subtitle.is-4 { - font-size: 1.5rem; + +h6 { + font-size: 16px; + letter-spacing: -0.15px; } -.subtitle.is-5 { - font-size: 1.25rem; + +a { + font-family: "Roboto", sans-serif; + color: var(--ac-primary); } -.subtitle.is-6 { - font-size: 1rem; + +hr { + background-color: #e7e7e7; + border: none; + display: block; + height: 1px; + margin: 16px 0; } -.subtitle.is-7 { - font-size: 0.75rem; + +strong { + color: #171B1C; } -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; +.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; } -.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; +/* ====================== + 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; } -/* Bulma Form */ -.select select, .textarea, .input { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); +.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; - color: hsl(0, 0%, 21%); + display: flex; + align-items: center; + transition: 0.3s ease-in-out; } -.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); +.social-prove-brand-area .brand-image-wrapper .single-brand img { + max-height: 2rem; + filter: grayscale(1); + transition: 0.3s ease-in-out; } -.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); +.social-prove-brand-area .brand-image-wrapper .single-brand:hover img { + filter: grayscale(0); } -.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); +.social-prove-brand-area .owl-carousel .owl-stage { + transition-timing-function: linear !important; } -.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); +.social-prove-brand-area .owl-carousel .owl-item img { + width: auto !important; + height: 32px; } -.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input { - border-color: hsl(0, 0%, 71%); + +.is-fullwidth { + width: 100% !important; } -.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); + +.section-padding { + padding: 60px 0; } -.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%); +@media screen and (max-width: 1023px) { + .section-padding { + padding: 32px 0; + } } -.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); + +.list-items { + display: flex; + flex-direction: column; + gap: 12px; } -.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); +@media screen and (max-width: 768px) { + .list-items { + gap: 4px; + } } -.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); +.list-items li { + display: flex; + align-items: center; + gap: 12px; } -.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); +.list-items li span { + font-size: 18px; } -.textarea, .input { - box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); - max-width: 100%; - width: 100%; + .others-products, .products-features .features-tabs, .ui-features-area, .mechanics-area, .products-area, .hero-area-1 .h-right-content { + position: relative; + z-index: 1; } -[readonly].textarea, [readonly].input { - box-shadow: none; + .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; } -.is-white.textarea, .is-white.input { - border-color: hsl(0, 0%, 100%); +@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; + } } -.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); + +.section-title { + margin-bottom: 2rem; + position: relative; + z-index: 8; } -.is-black.textarea, .is-black.input { - border-color: hsl(0, 0%, 4%); +.section-title h1 { + font-weight: 700; + font-size: 48px; + line-height: 130%; } -.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); +.section-title h2 { + font-size: 32px; + font-weight: 600; + margin-bottom: 8px; + text-wrap: balance; } -.is-light.textarea, .is-light.input { - border-color: hsl(0, 0%, 96%); +.section-title p { + font-size: 16px; + line-height: 160%; + letter-spacing: 0; + margin-bottom: 3rem; + font-weight: normal; } -.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); + +@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; + } } -.is-dark.textarea, .is-dark.input { - border-color: hsl(0, 0%, 21%); + +.bb-1 { + border-bottom: 1px solid #e7e7e7; } -.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); + +.has-text-primary { + color: var(--ac-primary) !important; } -.is-primary.textarea, .is-primary.input { - border-color: hsl(171, 100%, 41%); + +::-moz-selection { + /* Code for Firefox */ + color: #ffffff; + background: var(--ac-primary); } -.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); + +::selection { + color: #ffffff; + background: var(--ac-primary); } -.is-link.textarea, .is-link.input { - border-color: hsl(229, 53%, 53%); + +.d-table { + display: table; + height: 100%; + width: 100%; } -.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); + +.d-table-cell { + width: 100%; + display: table-cell; + vertical-align: middle; } -.is-info.textarea, .is-info.input { - border-color: hsl(207, 61%, 53%); + +/* 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; } -.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); +.ac-custom-select .ss-single-selected .ss-arrow, +.ac-custom-select .ss-multi-selected .ss-arrow { + margin: 0; } -.is-success.textarea, .is-success.input { - border-color: hsl(153, 53%, 53%); +.ac-custom-select .ss-single-selected .placeholder, +.ac-custom-select .ss-multi-selected .placeholder { + font-size: 15px; + color: #515D63; + font-weight: 500; } -.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); +.ac-custom-select .ss-single-selected .ss-values, +.ac-custom-select .ss-multi-selected .ss-values { + margin-top: 3px; } -.is-warning.textarea, .is-warning.input { - border-color: hsl(44, 100%, 77%); +.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; } -.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); +.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; } -.is-danger.textarea, .is-danger.input { - border-color: hsl(348, 86%, 61%); +.ac-custom-select .ss-single-selected .ss-add, +.ac-custom-select .ss-multi-selected .ss-add { + margin: 4px; + align-items: center; } -.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); +.ac-custom-select .ss-content { + border: 1px solid #a6abbd; } -.is-small.textarea, .is-small.input { - border-radius: 2px; - font-size: 0.75rem; +.ac-custom-select .ss-content .ss-list .ss-option { + font-size: 14px; + color: #515D63; + transition: 0.3s ease-in-out; } -.is-medium.textarea, .is-medium.input { - font-size: 1.25rem; +.ac-custom-select .ss-content .ss-list .ss-option:hover { + opacity: 0.8; + color: #ffffff; + background-color: var(--ac-primary); } -.is-large.textarea, .is-large.input { - font-size: 1.5rem; +.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled { + opacity: 0.5; } -.is-fullwidth.textarea, .is-fullwidth.input { - display: block; - width: 100%; -} -.is-inline.textarea, .is-inline.input { - display: inline; - width: auto; -} - -.input.is-rounded { - border-radius: 9999px; - padding-left: calc(calc(0.75em - 1px) + 0.375em); - padding-right: calc(calc(0.75em - 1px) + 0.375em); +.ac-custom-select .ss-content .ss-search input { + border: 1px solid #a6abbd; } -.input.is-static { - background-color: transparent; - border-color: transparent; +.ac-custom-select .ss-content .ss-search input:focus { + outline: none; box-shadow: none; - padding-left: 0; - padding-right: 0; } -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: calc(0.75em - 1px); - resize: vertical; +.message { + display: flex; + align-items: center; } -.textarea:not([rows]) { - max-height: 40em; - min-height: 8em; +.message lord-icon { + margin-right: 1rem; } -.textarea[rows] { - height: initial; +.message.is-warning { + background-color: transparent; } -.textarea.has-fixed-size { - resize: none; +.message.is-danger { + background-color: transparent; } -.radio, .checkbox { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; -} -.radio input, .checkbox input { - cursor: pointer; +.is-gap-4 { + gap: 4px; } -.radio:hover, .checkbox:hover { - color: hsl(0, 0%, 21%); + +/**************************************** +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; + } } -[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, -.radio input[disabled], -.checkbox input[disabled] { - color: hsl(0, 0%, 48%); - cursor: not-allowed; +@media screen and (min-width: 769px) and (max-width: 1023px) { + .container { + padding: 0 30px; + } + .section-title p { + margin-bottom: 0; + } } - -.radio + .radio { - margin-left: 0.5em; +@media (min-width: 1216px) and (max-width: 1440px) { + .container { + max-width: 1200px !important; + } } -.select { - display: inline-block; - max-width: 100%; +.hero-area-2 { position: relative; - vertical-align: top; -} -.select:not(.is-multiple) { - height: 2.5em; + z-index: 1; } -.select:not(.is-multiple):not(.is-loading)::after { - border-color: hsl(229, 53%, 53%); - right: 1.125em; - z-index: 4; +.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; } -.select.is-rounded select { - border-radius: 9999px; - padding-left: 1em; +.hero-area-2 .hero-area-inner-2 { + height: 400px; + padding-top: 120px; } -.select select { - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; +.hero-area-2 .hero-area-inner-2 h1 { + font-size: 48px; + margin-bottom: 15px; } -.select select::-ms-expand { - display: none; +.hero-area-2 .hero-area-inner-2 p { + font-size: 18px; } -.select select[disabled]:hover, fieldset[disabled] .select select:hover { - border-color: hsl(0, 0%, 96%); + +.hero-area-2.bg-color-available:after { + background-color: #fbfbfb; } -.select select:not([multiple]) { - padding-right: 2.5em; + +.illustration-area { + min-height: 500px; + background-repeat: no-repeat; } -.select select[multiple] { - height: auto; - padding: 0; + +.illustration-1 { + background-image: url(../images/consulting-page/illustation.png); + background-size: contain; } -.select select[multiple] option { - padding: 0.5em 1em; + +.consulting-inner h2 { + font-size: 36px; + margin-bottom: 30px; + font-weight: 400; + line-height: 50px; } -.select:not(.is-multiple):not(.is-loading):hover::after { - border-color: hsl(0, 0%, 21%); +.consulting-inner p { + font-size: 16px; + line-height: 28px; + color: #515D63; + margin-bottom: 20px; } -.select.is-white:not(:hover)::after { - border-color: hsl(0, 0%, 100%); +.consulting-inner p:last-child { + margin-bottom: 0; } -.select.is-white select { - border-color: hsl(0, 0%, 100%); + +.testimonial-area-2 .testimonial-wrapper { + overflow: hidden; } -.select.is-white select:hover, .select.is-white select.is-hovered { - border-color: #f2f2f2; +.testimonial-area-2 .testimonial-wrapper .quote-icon { + margin-bottom: 30px; } -.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); +.testimonial-area-2 .testimonial-wrapper h1 { + font-size: 28px; + line-height: 45px; + font-weight: 600; } -.select.is-black:not(:hover)::after { - border-color: hsl(0, 0%, 4%); +.testimonial-area-2 .testimonial-wrapper .user-information { + margin-top: 30px; + float: right; + overflow: hidden; + align-items: center; } -.select.is-black select { - border-color: hsl(0, 0%, 4%); +.testimonial-area-2 .testimonial-wrapper .user-information figure { + margin-right: 15px; } -.select.is-black select:hover, .select.is-black select.is-hovered { - border-color: black; +.testimonial-area-2 .testimonial-wrapper .user-information h4 { + font-size: 18px; + line-height: 28px; + font-weight: 700; + color: 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); +.testimonial-area-2 .testimonial-wrapper .user-information p { + font-size: 14px; + color: #515D63; } -.select.is-light:not(:hover)::after { - border-color: hsl(0, 0%, 96%); + +.package-area .single-package-wrapper { + padding: 30px 50px; } -.select.is-light select { - border-color: hsl(0, 0%, 96%); +.package-area .single-package-wrapper h4 { + font-size: 18px; + margin-bottom: 5px; } -.select.is-light select:hover, .select.is-light select.is-hovered { - border-color: #e8e8e8; +.package-area .single-package-wrapper p { + font-size: 16px; } -.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); + +.our-customer-area { + background-color: #FBFBFB; } -.select.is-dark:not(:hover)::after { - border-color: hsl(0, 0%, 21%); + +.training-wrapper-image .single-training-image-wrapper { + width: 280px; + height: 280px; + border-radius: 50%; + overflow: hidden; + display: inline-block; + margin-right: 30px; } -.select.is-dark select { - border-color: hsl(0, 0%, 21%); +.training-wrapper-image .single-training-image-wrapper:last-child { + margin-right: 0; } -.select.is-dark select:hover, .select.is-dark select.is-hovered { - border-color: #292929; +.training-wrapper-image .single-training-image-wrapper:nth-child(even) { + width: 250px; + height: 250px; + transform: translateY(-70px); } -.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); +.training-wrapper-image .single-training-image-wrapper img { + transition: 0.3s ease-in-out; } -.select.is-primary:not(:hover)::after { - border-color: hsl(171, 100%, 41%); +.training-wrapper-image .single-training-image-wrapper:hover img { + transform: scale(1.3); } -.select.is-primary select { - border-color: hsl(171, 100%, 41%); + +.about-training { + position: relative; + z-index: 1; } -.select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #00b89c; + +.cta-area-2 .cta-content h1 { + font-size: 73px; + line-height: 83px; + margin-bottom: 50px; } -.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); + +.client-thumb { + width: 50px; + height: 50px; + border-radius: 50%; + overflow: hidden; + float: left; + margin-right: 20px; } -.select.is-link:not(:hover)::after { - border-color: hsl(229, 53%, 53%); + +.client-info { + float: left; + overflow: hidden; + margin-top: 5px; + text-align: left; } -.select.is-link select { - border-color: hsl(229, 53%, 53%); +.client-info h4 { + font-size: 16px; + line-height: 19px; + margin-bottom: 3px; } -.select.is-link select:hover, .select.is-link select.is-hovered { - border-color: #3a51bb; +.client-info p { + margin: 0; + font-size: 12px; + font-style: italic; + color: #515D63; + opacity: 0.6; } -.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); -} -.select.is-info:not(:hover)::after { - border-color: hsl(207, 61%, 53%); -} -.select.is-info select { - border-color: hsl(207, 61%, 53%); + +/*==================================== + Support page CSS +====================================*/ +/* Payment Method section style */ + +.item ul, +.item input[type=checkbox] { + display: none; + overflow: hidden; + transition: 0.3s; } -.select.is-info select:hover, .select.is-info select.is-hovered { - border-color: #3082c5; + +.item ul li.is-active a { + color: var(--ac-primary); } -.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); + +.item input:checked ~ ul, +.item input:checked ~ .item > ul { + display: block; + transition: 0.3s linear; } -.select.is-success:not(:hover)::after { - border-color: hsl(153, 53%, 53%); + +.item input:checked ~ label span, +.item input:checked ~ .item > label span { + transform: rotate(90deg); + margin-top: 0; + transform-origin: 0; } -.select.is-success select { - border-color: hsl(153, 53%, 53%); + +.item label span { + position: absolute; + right: 15px; + transition: 0.3s ease-in-out; + top: 9px; } -.select.is-success select:hover, .select.is-success select.is-hovered { - border-color: #3abb81; + +.item ul li a { + display: block; + padding: 6px 0; + font-family: "Roboto", sans-serif; + font-weight: 400; } -.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); + +.item label { + position: relative; + z-index: 9; } -.select.is-warning:not(:hover)::after { - border-color: hsl(44, 100%, 77%); + +.item:first-child input:checked ~ label, +.item:first-child input:checked ~ .item:first-child > label { + border: 1px solid transparent; } -.select.is-warning select { - border-color: hsl(44, 100%, 77%); + +.appscode-style .item input:checked ~ label > a { + color: var(--ac-primary); } -.select.is-warning select:hover, .select.is-warning select.is-hovered { - border-color: #ffd970; + +.item input:checked ~ ul, +.item input:checked ~ .item > ul > .item { + margin-left: -20px; } -.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); + +/* datasheet style start */ + + +select { + width: 100%; + height: 48px !important; } -.select.is-danger:not(:hover)::after { - border-color: hsl(348, 86%, 61%); + +/* datasheet style end */ +/* schedule-demo start */ + +iframe { + height: 100%; + max-width: 100%; } -.select.is-danger select { - border-color: hsl(348, 86%, 61%); + +.schedule-title { + margin-top: 65px; + color: #242a31; + margin-bottom: 30px; } -.select.is-danger select:hover, .select.is-danger select.is-hovered { - border-color: #ef2e55; + +/* 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; + } } -.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); +@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; + } } -.select.is-small { - border-radius: 2px; - font-size: 0.75rem; +@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.is-medium { - font-size: 1.25rem; +@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-large { - font-size: 1.5rem; +@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.is-disabled::after { - border-color: hsl(0, 0%, 48%) !important; - opacity: 0.5; +.registration-form-container .register-notification { + display: none; } -.select.is-fullwidth { - width: 100%; + +.registration-form-wrapper { + position: relative; + z-index: 1; } -.select.is-fullwidth select { +.registration-form-wrapper .registration-form { width: 100%; } -.select.is-loading::after { - margin-top: 0; +.registration-form-wrapper .circle-shape { position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; -} -.select.is-loading.is-small:after { - font-size: 0.75rem; -} -.select.is-loading.is-medium:after { - font-size: 1.25rem; + right: 30px; + top: 30px; } -.select.is-loading.is-large:after { - font-size: 1.5rem; +.registration-form-wrapper .reg-illustration { + margin: 50px 0; } -.file { - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; -} -.file.is-white .file-cta { - background-color: hsl(0, 0%, 100%); - border-color: transparent; - color: hsl(0, 0%, 4%); -} -.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: hsl(0, 0%, 4%); -} -.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%); +.registration-form { + box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16); + background-color: #fff; + border-radius: 8px; + padding: 30px; } -.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: hsl(0, 0%, 4%); +.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; } -.file.is-black .file-cta { - background-color: hsl(0, 0%, 4%); - border-color: transparent; - 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; } -.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: hsl(0, 0%, 100%); +.registration-form form .single-input-form { + width: 100%; + margin-bottom: 20px; } -.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%); +.registration-form form .single-input-form.is-fullwidth { + width: 100%; } -.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: hsl(0, 0%, 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; } -.file.is-light .file-cta { - background-color: hsl(0, 0%, 96%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.registration-form form .single-input-form label .is-require { + color: #ea3d2f; + padding-left: 5px; } -.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); -} -.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); +.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; } -.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); +.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); } -.file.is-dark .file-cta { - background-color: hsl(0, 0%, 21%); - border-color: transparent; - color: #fff; +.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; } -.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: #fff; +.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; } -.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; +.registration-form form .select { + border-color: #a6abbd; + padding: 0; } -.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: #fff; +.registration-form form .select:hover { + border-color: #a6abbd; } -.file.is-primary .file-cta { - background-color: hsl(171, 100%, 41%); - border-color: transparent; - color: #fff; +.registration-form form .select select { + background-color: transparent; + border: none; + font-weight: 500; + height: 45px !important; + color: #515D63; + padding-left: 15px; } -.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #00c4a7; - border-color: transparent; - color: #fff; +.registration-form form .select select option[selected] { + color: #333; } -.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; +.registration-form form .textarea-wrapper { + height: 100px; } -.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #00b89c; - border-color: transparent; - color: #fff; +.registration-form form .textarea-wrapper { + padding: 10px 10px 10px 15px; } -.file.is-link .file-cta { - background-color: hsl(229, 53%, 53%); - border-color: transparent; - color: #fff; +.registration-form form .textarea-wrapper:focus { + outline: none !important; + border: 1px solid var(--ac-primary); } -.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #3e56c4; - border-color: transparent; - color: #fff; +.registration-form form textarea { + width: 100%; + height: calc(100% - 0px); + border: none; + font-weight: 500; + font-size: 15px; } -.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; +.registration-form form textarea::-moz-placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; } -.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #3a51bb; - border-color: transparent; - color: #fff; +.registration-form form textarea::placeholder { + font-family: Roboto; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; + color: #a6abbd; } -.file.is-info .file-cta { - background-color: hsl(207, 61%, 53%); - border-color: transparent; - color: #fff; +.registration-form form textarea:focus { + outline: none; + border: none; } -.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #3488ce; - border-color: transparent; - color: #fff; +.registration-form form p.is-error { + color: #ea3d2f; + font-size: 12px; + line-height: 1.4; } -.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; + +.webinar-header { + margin-bottom: 20px; } -.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #3082c5; - border-color: transparent; - color: #fff; +.webinar-header .upcoming-message h1 { + font-weight: 500; + line-height: 110%; } -.file.is-success .file-cta { - background-color: hsl(153, 53%, 53%); - border-color: transparent; - color: #fff; +.webinar-header .webinar-list-items .webinar-item { + width: 130px; + background-color: #ccffe5; + border-radius: 4px; + margin-right: 20px; + padding: 15px; + cursor: pointer; } -.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #3ec487; - border-color: transparent; - color: #fff; +.webinar-header .webinar-list-items .webinar-item.is-active { + background-color: var(--ac-primary); + position: relative; + z-index: 1; } -.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; +.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; } -.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #3abb81; - border-color: transparent; - color: #fff; +.webinar-header .webinar-list-items .webinar-item.is-active p, +.webinar-header .webinar-list-items .webinar-item.is-active h2 { + color: #ffffff; } -.file.is-warning .file-cta { - background-color: hsl(44, 100%, 77%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); +.webinar-header .webinar-list-items .webinar-item:last-child { + margin-right: 0; } -.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); +.webinar-header .webinar-list-items .webinar-item p { + font-size: 18px; + font-weight: 400; + text-align: center; + color: var(--ac-primary); } -.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); +.webinar-header .webinar-list-items .webinar-item p.date { + font-size: 13px; } -.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); +.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; } -.file.is-danger .file-cta { - background-color: hsl(348, 86%, 61%); - border-color: transparent; - color: #fff; + +.webinar-body .single-webinar { + opacity: 0; + visibility: hidden; + display: none; } -.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #f03a5f; - border-color: transparent; - color: #fff; +.webinar-body .single-webinar.is-active { + opacity: 1; + visibility: visible; + display: block; } -.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; +.webinar-body .webinar-video { + margin-bottom: 20px; + width: 100%; + height: 0; + position: relative; + padding-top: 56.25%; + background-color: #f2f3f4; + /* 9 / 16 * 100 */ } -.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #ef2e55; - border-color: transparent; - color: #fff; +.webinar-body .webinar-video.active-overlay:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000000; + opacity: 0.3; } -.file.is-small { - font-size: 0.75rem; +.webinar-body .webinar-video iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; } -.file.is-normal { - font-size: 1rem; +.webinar-body .webinar-title h1 { + font-size: 40px; + line-height: 130%; + margin-bottom: 20px; + font-weight: 500; } -.file.is-medium { - font-size: 1.25rem; +.webinar-body .date-and-location { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; } -.file.is-medium .file-icon .fa { - font-size: 21px; +.webinar-body .date-and-location .date { + display: flex; + align-items: center; + gap: 8px; } -.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; +.webinar-body .date-and-location .date span { + font-size: 18px; + color: #515D63; + font-weight: 500; } -.file.is-right .file-cta { - border-radius: 0 4px 4px 0; +.webinar-body .webinar-summary p { + color: #636363; + margin-bottom: 20px; } -.file.is-right .file-name { - border-radius: 4px 0 0 4px; - border-width: 1px 0 1px 1px; - order: -1; +.webinar-body .webinar-speakers { + display: flex; + align-items: center; + flex-wrap: wrap; } - -.file-label { - align-items: stretch; +.webinar-body .webinar-speakers .single-speaker { + position: relative; + z-index: 1; + margin-right: 20px; display: flex; - cursor: pointer; - justify-content: flex-start; + align-items: center; + max-width: 330px; 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; +.webinar-body .webinar-speakers .single-speaker .speaker-image { + width: 80px; + height: 80px; + border-radius: 50%; + overflow: hidden; + border: 2px solid var(--ac-primary); } -.file-label:active .file-cta { - background-color: #e8e8e8; - color: hsl(0, 0%, 21%); +.webinar-body .webinar-speakers .single-speaker:last-child { + margin-right: 0; } -.file-label:active .file-name { - border-color: #cfcfcf; +.webinar-body .webinar-speakers .single-speaker .speaker-info { + padding: 0px 15px; + margin-top: -7px; } - -.file-input { - height: 100%; - left: 0; - opacity: 0; - outline: none; - position: absolute; - top: 0; - width: 100%; +.webinar-body .webinar-speakers .single-speaker .speaker-info p { + font-size: 13px; } -.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; +.tab { + cursor: pointer; + padding: 10px; } -.file-cta { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 29%); +.tab.active { + background-color: #ccc; } -.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; +.tab:hover { + background-color: #aaa; } -.file-icon { - align-items: center; +.search-box { 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; + align-items: center; + border: 1px solid #a6abbd; + padding: 0px 16px; + width: 430px; + border-radius: 4px; } -.label.is-medium { - font-size: 1.25rem; +.search-box input { + border: none; + width: 100%; + padding: 12px 8px; } -.label.is-large { - font-size: 1.5rem; +.search-box input:focus { + outline: none; + border: none; } -.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%); +.is-sticky.webinar-search { + position: sticky; + top: 60px; + background-color: #fff; + z-index: 9; } -.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; +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 1023px) { + .webinar-header .upcoming-message h1 { + font-size: 34px; } -} - -.field-label .label { - font-size: inherit; -} -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; + .webinar-header .webinar-list-items .webinar-item { + width: 110px; } -} -@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: 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); - } - .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { - top: 47px; - } - .navbar-appscode.container { - padding: 0.5rem 15px; - } - .navbar-appscode.documentation-menu { - margin-left: 0; - padding: 0; - } - .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after { - display: none; - } - .navbar-appscode.documentation-menu .navbar-right { - position: fixed; - width: 80%; - border-right: 1px solid #e7e7e7; - } - .navbar-appscode .navbar-left { - width: 100%; - } - .navbar-appscode .navbar-left .navbar-brand { - margin: 0; - width: 100%; - } - .navbar-appscode .navbar-left .navbar-brand a img { - height: 1.5rem !important; - } - .navbar-appscode .navbar-left ul { - position: absolute; - right: 20%; - opacity: 0; - visibility: hidden; - } - .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; - } - .navbar-appscode .navbar-right .button.ac-button.is-primary { - margin-left: 0; - width: 100%; - } - .navbar-appscode .navbar-right ul { - display: flex; - flex-direction: column; - } - .navbar-appscode .navbar-right ul li.nav-item { - margin: 6px 0; - } - .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { - top: -10px; - right: -30px; - } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 0 !important; - margin-top: 30px; - } - .navbar-appscode .navbar-right.is-visible { - opacity: 1; - visibility: visible; - } - .resources-list { - grid-template-columns: 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); - } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: 100%; - } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { - width: 100%; - } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { - height: 50px; - width: 50px; - } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { - height: 1.8rem; - } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { - width: 16px; - } - .mega-menu-wrapper .mega-menu-inner .product-menu.database-list { - grid-template-columns: auto; - } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; - padding-left: 0; - margin-top: 35px; - margin-left: 0; - max-width: 100%; - } - .press-wrapper .button.inline-button { - margin-left: 0 !important; - background-color: transparent; - } - .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { - top: 47px; - } - .product-version.pl-20 { - padding-left: 10px; - } - .product-version .dropdown .dropdown-trigger .button { - width: 190px; - } - .product-version .dropdown-menu { - z-index: 9999; - } - .back-button { - display: flex !important; - } - .back-button span { - color: var(--ac-primary); - padding-right: 15px; - font-size: 18px; - } -} -.embeded-console-button { - height: 42px; - margin-bottom: 4px; - width: 185px; - overflow: hidden; -} -@media screen and (max-width: 768px) { - .embeded-console-button { - width: 100%; - } -} - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .navbar-burger { - display: none !important; - } - .navbar-appscode.documentation-menu { - margin-left: 0; - border-left: none; - } - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 1rem; - } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); - } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 10px !important; - } - .navbar-appscode .navbar-right .button.ac-button { - padding: 0.5rem 1rem; - } - .navbar-appscode .navbar-right-group { - gap: 8px !important; - } - .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; - } - .product-version.ml-20 { - margin-left: 4px !important; - } - .product-version .dropdown .dropdown-trigger .button { - width: 180px; - padding: 2px 5px; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .navbar-burger { - display: none !important; - } - .navbar-appscode.documentation-menu { - margin-left: 0; - border-left: none; - } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); - } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 10px !important; - } - .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; - } -} -@media screen and (min-width: 1408px) { - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 3rem; - } -} -.ac-preloader { - position: fixed; - height: 100vh; - top: 0; - z-index: 999; - width: 100%; - background-color: #ffffff; -} - -.spinner { - position: relative; -} - -.spinner:before, -.spinner:after { - content: ""; - position: relative; - display: block; -} - -.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); -} - -.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); -} -@keyframes spinner { - 50% { - border-radius: 50%; - transform: scale(0.5) rotate(360deg); - } - 100% { - transform: scale(1) rotate(720deg); - } -} -@keyframes shadow { - 50% { - transform: scale(0.5); - background-color: rgba(0, 0, 0, 0.1); - } -} -.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; -} -.cookie-wrapper.hide { - opacity: 0; - visibility: hidden; -} -.cookie-wrapper .cookie-content { - display: flex; - align-items: center; - justify-content: space-between; -} -.cookie-wrapper .cookie-content p { - 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; - font-weight: 500; -} -.cookie-wrapper .cookie-content p a:hover { - color: var(--ac-primary); -} -.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; -} -.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { - text-decoration: underline; - color: var(--ac-primary); -} -.cookie-wrapper .cookie-content .buttons .button.is-primary { - background-color: var(--ac-primary); -} - -/**************************************** -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; - } -} -li.nav-item { - display: inline-block !important; - text-indent: 0 !important; - padding: 0px !important; -} - -li.nav-item:before { - display: none; -} - -.tabs.is-boxed a { - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} - -.tab-pane { - display: none; -} - -.tab-pane.show { - display: block; -} - -.nav-tabs a { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - color: #4a4a4a; - display: flex; - justify-content: center; - margin-bottom: -1px; - padding: 0.5em 1em; - vertical-align: top; -} - -li.nav-item a { - display: block; - padding: 5px 20px; -} - -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; -} - -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; -} - -.nav-tabs { - align-items: center; - border-bottom-width: 1px; - display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; -} - -.tab-content { - border: 1px solid #dbdbdb; - padding: 20px; - border-radius: 4px; - margin-bottom: 15px; -} - -.tab-content h2 { - margin-top: 0; -} - -.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; - 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); -} -.button.ac-button.is-disabled { - opacity: 0.5 !important; -} -.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; -} -.button.ac-button.is-normal { - height: 45px; - font-size: 15px; - letter-spacing: 0px; - font-weight: 500; - padding-left: 25px; - padding-right: 25px; -} -.button.ac-button.is-medium { - height: 58px; - font-size: 18px; - padding-left: 45px; - padding-right: 45px; -} -.button.ac-button.is-transparent { - padding: 0; - height: auto; - border: none; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #171B1C; -} -.button.ac-button.is-transparent:hover { - box-shadow: none !important; -} -.button.ac-button.is-transparent.is-primary { - background-color: transparent; - color: var(--ac-primary); -} -.button.ac-button.is-transparent.is-primary:hover { - background-color: transparent; - color: var(--ac-primary); -} -.button.ac-button.is-transparent.is-danger { - background-color: transparent; - color: #ff3729; -} -.button.ac-button.is-transparent.is-danger:hover { - background-color: transparent; - color: #ff3729; -} -.button.ac-button.is-transparent.is-small { - letter-spacing: 0px; - font-size: 13px; -} -.button.ac-button.is-transparent:focus { - box-shadow: none; - outline: none; -} -.button.ac-button.is-white { - background-color: #ffffff; - border: none; -} -.button.ac-button.is-white:hover { - color: var(--ac-primary); - opacity: 0.9; -} -.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; -} -.button.ac-button.is-primary:hover { - background-color: var(--ac-primary); -} -.button.ac-button.is-primary:focus-visible { - outline: none; -} -.button.ac-button.is-primary.is-light { - background-color: var(--ac-primary); - color: var(--ac-primary); -} -.button.ac-button.is-primary.is-light.is-border { - border: 1px solid var(--ac-primary); -} -.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); -} -.button.ac-button.is-primary.is-outlined:hover { - background-color: var(--ac-primary); - color: #ffffff; -} -.button.ac-button.is-link { - background-color: #0aafff; - color: #ffffff; - border: none; -} -.button.ac-button.is-link:focus-visible { - outline: none; -} -.button.ac-button.is-link.is-light { - color: #0aafff; -} -.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; -} -.button.ac-button.is-info { - background-color: #0aafff; - color: #ffffff; - border: none; -} -.button.ac-button.is-info:focus-visible { - outline: none; -} -.button.ac-button.is-info.is-light { - color: #0aafff; -} -.button.ac-button.is-info.is-light.is-border { - border: 1px solid #0aafff; -} -.button.ac-button.is-info.is-outlined { - background-color: transparent; - border: 1px solid #0aafff; - color: #0aafff; -} -.button.ac-button.is-info.is-outlined:hover { - background-color: #0aafff; - color: #ffffff; -} -.button.ac-button.is-success { - background-color: var(--ac-primary); - color: #ffffff; - border: none; -} -.button.ac-button.is-success:hover { - background-color: var(--ac-primary); -} -.button.ac-button.is-success:focus-visible { - outline: none; -} -.button.ac-button.is-success.is-light { - background-color: var(--ac-primary); - color: var(--ac-primary); -} -.button.ac-button.is-success.is-light.is-border { - border: 1px solid var(--ac-primary); -} -.button.ac-button.is-success.is-light:hover { - background-color: var(--ac-primary); -} -.button.ac-button.is-success.is-outlined { - background-color: transparent; - border: 1px solid var(--ac-primary); - color: var(--ac-primary); -} -.button.ac-button.is-success.is-outlined:hover { - background-color: var(--ac-primary); - color: #ffffff; -} -.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-warning.is-light.is-border { - border: 1px solid #ff8000; -} -.button.ac-button.is-warning.is-outlined { - background-color: transparent; - border: 1px solid #ff8000; - color: #ff8000; -} -.button.ac-button.is-warning.is-outlined:hover { - background-color: #ff8000; - color: #ffffff; -} -.button.ac-button.is-danger { - background-color: #ff3729; - color: #ffffff; - border: none; -} -.button.ac-button.is-danger:focus-visible { - outline: none; -} -.button.ac-button.is-danger.is-light { - color: #ff3729; -} -.button.ac-button.is-danger.is-light.is-border { - border: 1px solid #ff3729; -} -.button.ac-button.is-danger.is-outlined { - background-color: transparent; - border: 1px solid #ff3729; - color: #ff3729; -} -.button.ac-button.is-danger.is-outlined:hover { - background-color: #ff3729; - color: #ffffff; -} -.button.ac-button.is-green { - background-color: #158748; - color: #ffffff; - border: none; -} -.button.ac-button.is-green:focus-visible { - outline: none; -} -.button.ac-button.is-green.is-light { - color: #158748; -} -.button.ac-button.is-green.is-light.is-border { - border: 1px solid #158748; -} -.button.ac-button.is-green.is-outlined { - background-color: transparent; - border: 1px solid #158748; - color: #158748; -} -.button.ac-button.is-green.is-outlined:hover { - background-color: #158748; - color: #ffffff; -} -.button .icon { - width: 1.2em; - height: 1.2em; -} - -.readmore-button { - margin: 0; - padding: 0; - font-size: 0.875rem; - color: #515D63; - font-weight: 500; - border: none; - background: transparent; - display: flex; - align-items: center; - cursor: pointer; - line-height: 1; - transition: 0.3s ease-in-out; -} -.readmore-button .material-icons-outlined { - font-size: 0.875rem; - margin-left: 10px; - transition: 0.3s ease-in-out; -} - -.testimonial-area { - padding: 60px 0 60px; -} -.testimonial-area .section-title h2 { - font-size: 48px; -} -.testimonial-area .section-title p { - font-size: 18px; -} -.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; -} -.testimonial-area .single-testimonial-item .user-info-wrapper { - display: flex; - align-items: center; - margin-bottom: 1rem; -} -.testimonial-area .single-testimonial-item .user-info-wrapper .image { - margin-right: 1.2rem; -} -.testimonial-area .single-testimonial-item .user-info-wrapper .image img { - height: 100%; -} -.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%; -} -.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p { - font-size: 14px; - line-height: 160%; - color: #a6abbd; -} -.testimonial-area .single-testimonial-item p { - font-size: 1rem; - line-height: 160%; -} -.testimonial-area .owl-carousel .owl-stage-outer { - padding: 40px 0px; -} - -.arrows { - display: flex; - width: 136px; - justify-content: space-between; -} -.arrows .button { - width: 60px; - height: 60px; - display: flex; - justify-content: center; - align-items: center; - background-color: #ffffff; - border: 1px solid #e7e7e7; -} -.arrows .button:hover .material-icons-outlined { - transform: scale(1.2); - color: var(--ac-primary); -} -.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; - } -} -@media screen and (min-width: 1408px) { - .testimonial-area .single-testimonial-item { - padding: 30px; + .webinar-header .webinar-list-items .webinar-item.is-active::after { + left: 23px; } - .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 { - font-size: 18px; + .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; } } -.features-area .features-image { - position: relative; - z-index: 1; -} -.features-area .features-image img { - border-radius: 4px; -} -.features-area .features-image .check-list { - position: absolute; - top: 60px; - left: -150px; - left: -150px; -} -.features-area .features-description h2 { - line-height: 130%; -} -.features-area .features-description h1 { - font-style: normal; - font-weight: bold; - font-size: 34px; - line-height: 130%; - letter-spacing: -0.57px; - margin-bottom: 1rem; -} -.features-area .features-description p { - font-size: 1rem; - margin-bottom: 15px; - text-align: justify; -} -.features-area .features-description p strong { - color: #171B1C; - font-weight: 500; -} -.features-area h3 { - margin-bottom: 1rem; - font-weight: 800; -} -.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; - font-size: 1rem; - margin-bottom: 0.8rem; -} -.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); -} - -.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; -} -.single-features-item:hover .readmore-button { - letter-spacing: 0; - color: var(--ac-primary); -} -.single-features-item:hover .readmore-button .material-icons-outlined { - margin-left: 20px; -} -.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; -} -.single-features-item .feature-icon img { - height: 30px; -} -.single-features-item .feature-information h5 { - font-size: 20px; - margin-bottom: 5px; -} -.single-features-item .feature-information p { - font-size: 0.875rem; - line-height: 160%; - transition: 0.3s ease-in-out; - color: #515D63; -} - -.features-area .single-feature-image { - display: flex; - align-items: center; -} -.features-area .single-feature-image img { - max-width: 400px; -} -.features-area p { - text-align: justify; -} - -.features-area .features-thumbnail { - max-width: 80%; - border-radius: 4px; - overflow: hidden; - display: flex; -} -.features-area .features-thumbnail.has-text-right { - margin-left: auto; - margin-right: 0; -} - -/**************************************** -Responsive Classes -*****************************************/ @media screen and (max-width: 768px) { - .features-area .features-image .check-list { - top: 30px; - left: 50%; - margin-left: -150px; - padding: 30px; + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } - .features-area .buttons { - justify-content: center; + .webinar-header { + flex-direction: column; + align-items: flex-start !important; } - .features-area .features-description { - text-align: center; + .webinar-header .upcoming-message h1 { + font-size: 30px; + margin-bottom: 20px; } - .features-area .features-description h2 { - margin-bottom: 10px; + .webinar-header .upcoming-message h1 br { + display: none; } - .features-area .features-description h1 { - font-size: 28px; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 10px; + width: auto; } - .features-area .features-description p { - text-align: center; + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; } - .features-area h3 { - font-size: 1.5rem; - margin-bottom: 0.5rem; - text-align: center; + .webinar-body .date-and-location .date { + margin-bottom: 8px; } - .features-area p { - text-align: center; + .webinar-body .date-and-location .date span { + font-size: 15px; } - .single-features-item { - grid-template-columns: auto; - grid-gap: 10px; - text-align: center; + .webinar-body .webinar-speakers { + overflow: auto; } - .single-features-item .feature-icon { - margin: 0 auto; + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; } - .single-features-item .readmore-button { - text-align: left; - margin: 0; +} +@media (min-width: 501px) and (max-width: 768.98px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } - .features-area .features-thumbnail { - margin: 0 auto; - max-width: 100%; + .webinar-header { + flex-direction: column; + align-items: flex-start !important; } - .features-area .features-thumbnail.has-text-right { - margin-right: auto; + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; } - .single-features-item .feature-icon { - width: 3rem; - height: 3rem; - border-radius: 4px; + .webinar-header .upcoming-message h1 br { + display: none; } - .single-features-item .feature-icon img { - height: 24px; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; } - .single-features-item .feature-information { - text-align: left; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .single-features-item .feature-information h5 { - font-size: 18px; - margin-bottom: 5px; - line-height: 1.3; + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; } - .features-area .features-thumbnail { - margin: 0 auto; + .webinar-body .date-and-location .date { + margin-bottom: 8px; } - .features-area .features-thumbnail.has-text-right { - margin-right: auto; + .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: 769px) and (max-width: 1023px) { - .single-features-item { - grid-template-columns: auto; - grid-gap: 10px; - text-align: center; +@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; } - .single-features-item .feature-icon { - margin: 0 auto; + .webinar-header { + flex-direction: row; + align-items: center !important; } - .single-features-item .feature-information h5 { - font-size: 18px; + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; } - .features-area .features-image .check-list { - left: 50%; - margin-left: -150px; - padding: 30px; + .webinar-header .upcoming-message h1 br { + display: block; } - .features-area .features-thumbnail { - margin: 0 auto; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; } - .features-area .features-thumbnail.has-text-right { - margin-right: auto; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .readmore-button { - text-align: center; - margin: 0 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 screen and (min-width: 1024px) and (max-width: 1215px) { - .features-area .features-image .check-list { - left: 50%; - margin-left: -150px; +@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; } - .features-area .features-description { - font-size: 28px; + .webinar-header { + flex-direction: row; + align-items: center !important; } - .features-area h3 { - font-size: 28px; - margin-bottom: 0.8rem; + .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) { - .features-area .features-description h1 { + .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; } - .features-area .features-image .check-list { - top: 30px; + .webinar-body .webinar-title h1 { + font-size: 28px; + } + .webinar-body .date-and-location { + flex-direction: row; + align-items: center !important; } - .single-features-item { - padding: 20px; - min-height: 126px; + .webinar-body .date-and-location .date { + margin-bottom: 0px; } - .single-features-item .feature-information h5 { - font-size: 16px; - margin-bottom: 0; - line-height: 130%; + .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; } } -.ac-accordion-wrapper.is-marginless .single-accordion-item { - margin: 0; - padding: 0; +.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%; } -.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading { - padding: 10px 20px; - position: relative; - z-index: 1; + +.tag.pointer { + cursor: pointer; } -.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); +.tag.pointer.underline { + text-decoration: underline; + border: none; + background-color: transparent; } -.ac-accordion-wrapper .single-accordion-item { - background-color: #fff; - border: 1px solid #E8E9EA; - padding: 12px 20px; - margin-bottom: 15px; - border-radius: 4px; + +.accordion.is-active .accordion-button i.fa { + transform: rotate(-180deg); } -.ac-accordion-wrapper .single-accordion-item:last-child { - margin-bottom: 0; +.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; } -.ac-accordion-wrapper .single-accordion-item .accordion-heading { + +.filter-items .accordion-header { display: flex; align-items: center; justify-content: space-between; } -.ac-accordion-wrapper .single-accordion-item .accordion-heading h3 { +.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; - font-size: 16px; - font-weight: 700; - color: #1C1C1C; + margin-bottom: 15px; + padding-left: 0; + padding-right: 0; } -.ac-accordion-wrapper .single-accordion-item .accordion-heading h4 { - font-size: 14px; - font-weight: 700; - line-height: 20px; +.filter-items .accordion-header .accordion-button i.fa { + transition: 0.3s; } -.ac-accordion-wrapper .single-accordion-item .accordion-heading button { - font-size: 12px; - letter-spacing: 0.1px; +.filter-items .accordion-content .ac-single-checkbox { + margin-bottom: 14px; + display: flex; + align-items: center; } -.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; +.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%; } -.ac-accordion-wrapper .single-accordion-item .accordion-body { - max-height: 0; - transition: max-height 0.2s ease-out; + +.gallery-card { + display: block; + border: 1px solid #e7e7e7; + border-radius: 4px; + transition: 0.3s ease-in-out; overflow: hidden; - padding: 0; + min-height: 346px; } -.ac-accordion-wrapper .single-accordion-item .accordion-body p { - padding-top: 3px; - font-size: 15px; - color: #393E46; +.gallery-card.webinar-video { + border: none; + border-radius: 0px; + min-height: 320px; } - -.cta-area { - margin-bottom: 60px; - position: relative; - z-index: 1; +.gallery-card.webinar-video:hover { + border: none; } -.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; +.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 .card-thumbnail .play-button { + background-color: var(--ac-primary); +} +.gallery-card .card-thumbnail { position: relative; - z-index: 1; + display: flex; + align-items: center; + justify-content: center; } -.cta-area .cta-area-inner:after { - position: absolute; - content: ""; - left: 0; - top: 0; +.gallery-card .card-thumbnail img { + height: 170px; + -o-object-fit: cover; + object-fit: cover; width: 100%; - z-index: -1; } -.cta-area .cta-area-inner h3 { - margin-bottom: 1rem; - text-wrap: balance; +.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; } -.cta-area .cta-area-inner p { - text-wrap: balance; +.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; } -/**************************************** -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%; - } +.filtered-tags .tag { + background-color: #fafafd; + border: 1px solid #e7e7e7; + height: 33px; + padding: 0 1.1rem; } -@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; - } +.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; } -@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; - } +.playlist-wrapper .playlist-item:hover { + background-color: #fafafd; + border: 1px solid 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; - } +.playlist-wrapper .playlist-item .thumbnail { + margin-right: 50px; + display: flex; } -@media screen and (min-width: 1408px) { - .cta-area .cta-area-inner { - padding: 30px; - } - .cta-area .cta-area-inner h3 { - font-size: 28px; - } +.playlist-wrapper .playlist-item .thumbnail img { + width: 190px; + height: 190px; + border-radius: 4px; } -.full-info { - overflow: hidden; +.playlist-wrapper .playlist-item .content { + width: calc(100% - 240px); } -.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; +.playlist-wrapper .playlist-item .content .categories { + display: flex; + align-items: center; } -.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; +.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; } -.full-info h1 a, -.full-info h2 a, -.full-info h3 a, -.full-info h4 a, -.full-info h5 a, -.full-info h6 a { +.playlist-wrapper .playlist-item .content h2 { + font-weight: 500; font-size: 16px; + line-height: 130%; } -.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; +.playlist-wrapper .playlist-item .content p { + font-size: 14px; + line-height: 160%; + color: #515D63; } -.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; +.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); } -.full-info h1 { - font-size: 32px; - border-bottom: 1px solid #ebebeb; - padding-bottom: 10px; + +.single-video-page .left-content .user-info-wrapper { + display: flex; + align-items: center; margin-bottom: 20px; } -.full-info h2 { - font-size: 24px; -} -.full-info h3 { - font-size: 18px; +.single-video-page .left-content .user-info-wrapper .image { + margin-right: 15px; } -.full-info h4 { +.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; } -.full-info h5 { - font-size: 15px; -} -.full-info h6 { +.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; } -.full-info .highlight pre code { - color: #f1f1f1; +.single-video-page .left-content .tags strong { + font-weight: 500; + font-size: 16px; + line-height: 19px; + /* identical to box height */ + letter-spacing: 0.15px; } -.full-info table td, -.full-info table th { - text-align: left; +.single-video-page .left-content .video-description p { + font-weight: 400; + font-size: 16px; + line-height: 160%; + margin-bottom: 15px; } -.full-info h2 span.share-icon { - color: #6b6b6b; - font-size: 18px; - margin-left: 10px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; +.single-video-page .left-content .video-description p a { + font-weight: 400; + font-size: 16px; + line-height: 160%; + color: #4d4dcb; } - -.full-info h2:hover span.share-icon { - opacity: 1; - visibility: visible; +.single-video-page .right-content { + position: sticky; + top: 81px; } - -.full-info ul li, -.full-info ol li, -.full-info ol li p { - color: #4a4a4a; - display: block; - padding-bottom: 8px; - line-height: 1.8; +.single-video-page .right-content .video-list-wrapper { + background-color: #fafafd; + border: 1px solid #e7e7e7; + padding: 30px; } - -.full-info ul li:last-child, -.full-info ol li:last-child, -.full-info ol p:last-child { +.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; - padding-bottom: 0; } - -.full-info ul li, -.full-info ol li { - text-indent: -30px; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 { + color: var(--ac-primary); } - -.full-info ul li p, -.full-info ol li p { - text-indent: 0; - margin-top: -30px; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail { + margin-right: 15px; + height: 60px; + width: 60px; } - -.full-info ul li pre, -.full-info ol li pre { - text-indent: 0px; - margin-left: -30px; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img { + -o-object-fit: cover; + object-fit: cover; } - -.full-info ul li:before { - content: "\f10c"; - font-family: fontawesome; - font-size: 8px; - margin-right: 20px; - color: #707070; +.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; } -.full-info figure { - margin-bottom: 30px; +.video-content { + margin-bottom: 20px; + width: 100%; + height: 0; + position: relative; + padding-top: 56.25%; } -.full-info figure figcaption { - color: #707070; - font-size: 14px; +.video-content iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; } -ul li b { - color: var(--ac-primary); - font-weight: 500; +.video-title h1 { + font-weight: 700; + font-size: 24px; + line-height: 130%; + letter-spacing: 0.25px; + margin-bottom: 20px; } -.full-info ul, -.full-info ol { - padding: 0 0 0 30px; - margin-bottom: 15px; +@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)"; + } } -.full-info ul.nav.nav-tabs { - margin-bottom: 0; +/**************************************** +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%; + } } - -.full-info ul li p { - margin: 0; - display: inline; +@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; + } } - -.full-info p b { - color: var(--ac-primary); +@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; + } } - -.full-info ul li p a, -.full-info p a, -.full-info a { - color: var(--ac-primary); - font-weight: 500; - font-family: "Roboto", sans-serif; +@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; } -.full-info p { - margin-bottom: 15px; - color: #515D63; +.navbar-appscode-wrapper { + background-color: #ffffff; + border-bottom: 1px solid #e7e7e7; } -.full-info p strong { - font-weight: 500; +.navbar-appscode { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1.25rem; } -.full-info p strong em { - font-weight: 500; +.navbar-appscode.container { + padding: 0.5rem 0; } - -.appscode-style.full-info ul li p a .appscode-style.full-info p a, -.appscode-style.full-info a { - color: var(--ac-primary); +.navbar-appscode.container .mega-menu-wrapper { + width: 200%; + left: -50%; } - -.full-info ol { - list-style: none; - counter-reset: order-list-counter; +.navbar-appscode .navbar-right .button.ac-button { + height: 40px; } - -.full-info ol li { - counter-increment: order-list-counter; +.navbar-appscode .navbar-left { + display: flex; + align-items: center; } - -.full-info ol li::before { - content: counter(order-list-counter) ". "; - font-weight: 500; - font-family: "Roboto", sans-serif; - font-size: 15px; - color: #4a4a4a; +.navbar-appscode .navbar-left .navbar-brand { + min-height: auto; + align-items: center; + margin-right: 3.8rem; } - -/* schedule-demo start */ -embed, -iframe, -object, -video { - height: 100%; - max-width: 100%; +.navbar-appscode .navbar-left .navbar-brand a { + display: flex; + align-items: center; } - -.schedule-title { - margin-top: 65px; - color: #242a31; - margin-bottom: 30px; +.navbar-appscode .navbar-left .navbar-brand a img { + height: 1.875rem; } - -.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; +.navbar-appscode .navbar-right { + display: flex; + align-items: center; + width: calc(100% - 200px); + justify-content: flex-end; } - -.item ul, -.item input[type=checkbox] { - display: none; - overflow: hidden; - transition: 0.3s; +.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; } - -.kd-sidebar-menu .item label a { - font-weight: 600; - color: #515D63; - padding: 8px 17px; - display: block; +.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); } - -.kd-sidebar-menu li a:hover { - color: var(--ac-primary); +.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) { + gap: 4px; } - -.kd-sidebar-menu .item ul { - margin-left: 20px; - padding-left: 15px; - border-left: 1px solid #e2e2e2; +.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag { + background-color: var(--ac-primary); + color: #ffffff; } - -.item input:checked ~ label, -.item input:checked ~ .item > label { - border: 1px solid #e2e2e2; - background: #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; + } } - -.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { - border: 1px solid transparent; +.navbar-appscode ul .nav-item { + margin-right: 2.5rem; } - -.appscode-style .item input:checked ~ label > a { +.navbar-appscode ul .nav-item.is-active .link { color: var(--ac-primary); } - -.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { - margin-left: -20px; +.navbar-appscode ul .nav-item.is-active .link i.fa { + transform: rotate(-180deg); } - -.kd-left-sidebar { - margin-right: 30px; - position: sticky; - top: 130px; - z-index: 9; +.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper { + display: block !important; } - -.kd-sidebar-menu { - max-height: 65vh; - overflow-y: auto; +.navbar-appscode ul .nav-item:last-child { + margin-right: 0; } - -.kd-sidebar-menu .item label { - border: 1px solid transparent; +.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; - border-radius: 3px 0 0 3px; } - -.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%; +.navbar-appscode ul .nav-item .link.is-active { 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; } -.go-to-top i.fa { +.navbar-appscode ul .nav-item .link:hover { color: var(--ac-primary); } - -.go-to-top.is-visible { - opacity: 1; +.navbar-appscode ul .nav-item .link .fa { + transition: 0.3s ease-in-out; + margin-left: 0.625rem; } - -.footer-area { - position: relative; +.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; } -.footer-area:after { +.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: ""; - left: 0; - bottom: 0; - width: 100%; - height: 100%; + 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; } - -.single-footer-widget .footer-logo { - max-width: 160px; +@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; + } } -.subscription-form { - margin-top: 10px; +.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; } -.subscription-form label { - font-size: 18px; - font-weight: 600; - display: block; - font-family: "Roboto", sans-serif; +.mega-menu-wrapper .mega-menu-inner { + overflow: hidden; } -.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; +.mega-menu-wrapper .mega-menu-inner .product-menu { + display: grid; + grid-template-columns: auto auto; + width: 60%; + float: left; } -.subscription-form input::-moz-placeholder { - color: #ADB2B0; +.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; } -.subscription-form input::placeholder { - color: #ADB2B0; +.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); } -.subscription-form input:focus { - border: 1px solid var(--ac-primary); +.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; } -.subscription-form .button { - font-family: #4a4a4a; - color: var(--ac-primary); - font-size: 16px; - height: 40px; - box-shadow: none; +.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; - cursor: pointer; - border: 1px solid transparent; - position: absolute; - top: 0; - right: 0; - z-index: 9 !important; - background: transparent; } -.subscription-form .button:hover { - background-color: var(--ac-primary); - color: #ffffff !important; - outline: none; - box-shadow: none; +.mega-menu-wrapper .mega-menu-inner .product-description.is-block { + opacity: 1; + visibility: visible; } - -.contact-information { - margin-top: 28px; +.mega-menu-wrapper .mega-menu-inner .product-description .brand { + margin-bottom: 1rem; } -.contact-information h4 { - font-size: 18px; - color: #171B1C; +.mega-menu-wrapper .mega-menu-inner .product-description .brand img { + height: 1.5rem; } - -.all-contact-info li a, -p.spam-message { +.mega-menu-wrapper .mega-menu-inner .product-description p { + font-size: 0.875rem; color: #515D63; - display: inline-block; - font-size: 14px; - font-family: "Roboto", sans-serif; - padding: 5px 0; + line-height: 160%; + margin-bottom: 1rem; } - -.all-contact-info li a span { - padding-right: 10px; +.mega-menu-wrapper .mega-menu-inner .product-description .features li { + font-size: 0.813rem; + color: #171B1C; + display: flex; + align-items: center; + margin-bottom: 15px; } - -.footer-menu label { - font-size: 18px; - margin-bottom: 4px; - font-weight: 500; +.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons { + font-size: 1rem; + margin-right: 0.6rem; + color: var(--ac-primary); } -.footer-link li a { - color: #D4D6D5; - font-size: 14px; - display: block; - padding: 8px 0; - transition: 0.3s linear; +.back-button { + display: none !important; + color: #515D63; + margin-bottom: 10px !important; + background-color: transparent; } -.footer-link li a:last-child { - padding-bottom: 0; + +.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; } -.footer-link li a:hover { +.button.ac-button.inline-button:hover { + background-color: transparent; + border: none; color: var(--ac-primary); - padding-left: 5px; } - -.footer-top { - padding: 50px 0 30px 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); +.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; } -.footer-bottom { - padding: 30px 0; +.resources-list { + display: grid; + grid-template-columns: auto auto auto auto; + grid-gap: 2rem; } -.footer-bottom p { - font-size: 14px; - color: #515D63; - margin-bottom: 0; +.resources-list .list-items h2 { + font-weight: 500; + position: relative; + font-size: 0.875rem; + z-index: 1; + display: inline-block; + letter-spacing: 1.2px; } - -.footer-inline-link a { - color: #4a4a4a; - font-size: 14px; - margin-right: 30px; +.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; } -.footer-inline-link a:hover { +.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; } -.footer-inline-link a:last-child { - margin-right: 0; + +.modal-backdrop.is-show { + width: 100%; + height: 100%; + background: #333; + position: fixed; + top: 0; + opacity: 0.8; + z-index: 9; } -.socail-link-inline li { - margin-right: 10px; - display: inline-block; +.header--fixed { + position: fixed; + z-index: 10; + right: 0; + left: 0; + top: 0; } -.socail-link-inline li a { - color: #8a8a8a; - font-size: 14px; - display: inline-block; - width: 30px; +.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; +} + +.navbar-burger { height: 30px; - text-align: center; - line-height: 30px; - border: 1px solid #8a8a8a; - border-radius: 50%; - transition: 0.3s ease-in-out; + width: 30px; + border-radius: 4px; } -.socail-link-inline li a:hover { - background: var(--ac-primary); - color: #ffffff; - border: 1px solid transparent; +.navbar-burger.is-active i.fa { + transform: rotate(-180deg); + transform-origin: 10px; } -.socail-link-inline li:last-child { - margin-right: 0; +.navbar-burger span { + height: 1.5px; } /**************************************** 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) { + .navbar-appscode.container { + padding: 0.5rem 15px; + } + .navbar-appscode .navbar-left { + width: 100%; + } + .navbar-appscode .navbar-left .navbar-brand { + margin: 0; + width: 100%; + } + .navbar-appscode .navbar-left .navbar-brand a img { + height: 1.5rem !important; + } + .navbar-appscode .navbar-left ul { + position: absolute; + right: 20%; + opacity: 0; + visibility: hidden; + } + .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; + } + .navbar-appscode .navbar-right .button.ac-button.is-primary { + margin-left: 0; + width: 100%; + } + .navbar-appscode .navbar-right ul { + display: flex; + flex-direction: column; } - .footer-area .single-footer-widget { - height: 100%; + .navbar-appscode .navbar-right ul li.nav-item { + margin: 6px 0; } - .footer-area .single-footer-widget .footer-logo { - margin: 0 auto; + .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { + top: -10px; + right: -30px; } - .footer-area .single-footer-widget .subscription-form { - text-align: center; + .navbar-appscode .navbar-right.is-visible { + opacity: 1; + visibility: visible; } - .footer-area .single-footer-widget .field.has-addons { - justify-content: center; + .resources-list { + grid-template-columns: auto; } - .footer-area .footer-menu { - background-color: rgba(77, 77, 203, 0.0509803922); - height: 100%; - padding: 20px 5px; - border-radius: 4px; + .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); } - .footer-area .footer-menu.is-info { - background-color: rgba(10, 175, 255, 0.1803921569); + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: 100%; } - .footer-area .footer-menu.is-danger { - background-color: rgba(234, 61, 47, 0.1411764706); + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { + width: 100%; } - .footer-area .footer-menu.is-warning { - background: rgba(247, 173, 42, 0.2117647059); + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { + height: 50px; + width: 50px; } - .footer-area .footer-menu.is-success { - background-color: rgba(39, 176, 100, 0.1882352941); + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { + height: 1.8rem; } - .footer-area .footer-menu h4 { - margin-bottom: 0; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { + width: 16px; } - .footer-area .contact-information { - text-align: center; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + padding-left: 0; + margin-top: 35px; + margin-left: 0; + max-width: 100%; } - .footer-inline-link { - padding: 10px 0; + .back-button { + display: flex !important; } - .footer-bottom { - padding: 20px 0; + .back-button span { + color: var(--ac-primary); + padding-right: 15px; + font-size: 18px; } } -/*============================================================== - Documentation page style -==============================================================*/ -.documentation-area { - margin-top: 190px; - display: flex; -} -.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 */ +.embeded-console-button { + height: 42px; + margin-bottom: 4px; + width: 185px; + overflow: hidden; } -.documentation-area .left-sidebar-wrapper * { - scrollbar-width: auto; - scrollbar-color: #ebebeb #fafafd; +@media screen and (max-width: 768px) { + .embeded-console-button { + width: 100%; + } } -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar { - width: 12px; + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .navbar-burger { + display: none !important; + } + .navbar-appscode .navbar-left .navbar-brand { + margin-right: 1rem; + } + .navbar-appscode .navbar-right { + width: calc(100% - 180px); + } + .navbar-appscode .navbar-right .button.ac-button { + padding: 0.5rem 1rem; + } + .navbar-appscode .navbar-right-group { + gap: 8px !important; + } + .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; + } } -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track { - background: #fafafd; +@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; + } } -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb { - background-color: #ebebeb; - border-radius: 10px; - border: 3px solid #fafafd; +@media screen and (min-width: 1408px) { + .navbar-appscode .navbar-left .navbar-brand { + margin-right: 3rem; + } } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu { - overflow-y: auto; +.ac-preloader { + position: fixed; + height: 100vh; + top: 0; + z-index: 999; width: 100%; - overflow-y: scroll; - padding-right: 17px; - box-sizing: content-box; - border-right: 1px solid #e7e7e7; -} -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item label { - background: transparent; -} -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul { - overflow: inherit; + background-color: #ffffff; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active { + +.spinner { position: relative; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after { - position: absolute; + +.spinner:before, +.spinner:after { content: ""; - left: -21px; - top: 50%; - margin-top: -6px; - width: 10px; - height: 10px; - background: #ffffff; - border-radius: 50%; - z-index: 9; - border: 1px solid #e7e7e7; -} -.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); -} -.documentation-area .documentation-body { - padding: 0 60px; - width: calc(100% - 674px); -} -.documentation-area .right-sidebar { - border-left: 1px solid #e7e7e7; - margin-top: -25px; - width: 324px; - padding-top: 24px; + position: relative; + display: block; } -.info-title p { - color: #515D63; - padding: 0 20px; +.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 { - 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; +.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 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; +@keyframes spinner { + 50% { + border-radius: 50%; + transform: scale(0.5) rotate(360deg); + } + 100% { + transform: scale(1) rotate(720deg); + } } -.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; +@keyframes shadow { + 50% { + transform: scale(0.5); + background-color: rgba(0, 0, 0, 0.1); + } } -.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; +.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 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; +.cookie-wrapper .cookie-content { + display: flex; + align-items: center; + justify-content: space-between; } -.full-info h1 { - font-size: 2rem; - padding-bottom: 10px; - line-height: 1.3; +.cookie-wrapper .cookie-content p { + font-size: 14px; + color: #171B1C; + width: calc(100% - 220px); + margin-bottom: 0; } -.full-info h2 { - font-size: 24px; +.cookie-wrapper .cookie-content p a { + color: hsl(149, 90%, 20%); + text-decoration: underline; + font-weight: 500; } -.full-info h3 { - font-size: 18px; +.cookie-wrapper .cookie-content p a:hover { + color: var(--ac-primary); } -.full-info h4 { - font-size: 16px; +.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; } -.full-info h5 { - font-size: 15px; +.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { + text-decoration: underline; + color: var(--ac-primary); } -.full-info h6 { - font-size: 13px; +.cookie-wrapper .cookie-content .buttons .button.is-primary { + background-color: var(--ac-primary); } -.full-info h2 span.share-icon { - color: #6b6b6b; - font-size: 18px; - margin-left: 10px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; +/**************************************** +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 h2:hover span.share-icon { - opacity: 1; - visibility: visible; +li.nav-item { + display: inline-block !important; + text-indent: 0 !important; + padding: 0px !important; } -blockquote { - border-left: 4px solid var(--ac-primary); - padding-left: 15px; +li.nav-item:before { + display: none; } -.full-info ul li, -.full-info ol li, -.full-info ol li p { - color: #4a4a4a; +li.nav-item a { display: block; - padding-bottom: 8px; - line-height: 1.8; -} - -.full-info ul li:last-child, -.full-info ol li:last-child, -.full-info ol p:last-child { - margin-bottom: 0; - padding-bottom: 0; + padding: 5px 20px; } -.full-info ul li, -.full-info ol li { - text-indent: -30px; +.button { + transition: 0.3s ease-in-out; } - -.full-info ul li p, -.full-info ol li p { - text-indent: 0; - margin-top: -30px; +.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; + justify-content: center; + height: 46px; } - -.full-info ul li pre, -.full-info ol li pre { - text-indent: 0px; - margin-left: -30px; +@media screen and (max-width: 768px) { + .button.ac-button { + height: 44px; + } } - -.full-info ul li:before { - content: "\f10c"; - font-family: fontawesome; - font-size: 8px; - margin-right: 20px; - color: #707070; +.button.ac-button:focus-visible { + outline: none; } - -.full-info figure { - margin-bottom: 30px; +.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); } -.full-info figure figcaption { - color: #707070; +.button.ac-button.is-transparent { + padding: 0; + height: auto; + border: none; font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #171B1C; } - -ul li b { +.button.ac-button.is-transparent:hover { + box-shadow: none !important; +} +.button.ac-button.is-transparent.is-primary { + background-color: transparent; color: var(--ac-primary); - font-weight: 500; } - -.full-info ul, -.full-info ol { - padding: 0 0 0 30px; - margin-bottom: 15px; +.button.ac-button.is-transparent.is-primary:hover { + background-color: transparent; + color: var(--ac-primary); } - -.full-info ul.nav.nav-tabs { - margin-bottom: 0; +.button.ac-button.is-transparent.is-danger { + background-color: transparent; + color: #ff3729; } - -.full-info ul li p { - margin: 0; - display: inline; +.button.ac-button.is-transparent.is-danger:hover { + background-color: transparent; + color: #ff3729; } - -.full-info p b { - color: var(--ac-primary); +.button.ac-button.is-transparent.is-small { + letter-spacing: 0px; + font-size: 13px; } - -.full-info ul li p a, -.full-info p a, -.full-info a { - color: var(--ac-primary); - font-weight: 500; - font-family: "Roboto", sans-serif; +.button.ac-button.is-transparent:focus { + box-shadow: none; + outline: none; } - -.full-info p { - margin-bottom: 0.825rem; - color: #515D63; - line-height: 160%; - font-family: "Roboto", sans-serif; +.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; } - -.full-info p strong { - font-weight: 500; +.button.ac-button.is-primary:hover { + background-color: var(--ac-primary); } -.full-info p strong em { - font-weight: 500; +.button.ac-button.is-primary:focus-visible { + outline: none; } - -.appscode-style.full-info ul li p a .appscode-style.full-info p a, -.appscode-style.full-info a { +.button.ac-button.is-primary.is-light { + background-color: var(--ac-primary); color: var(--ac-primary); } - -.code-block-wrapper { - position: relative; - z-index: 1; +.button.ac-button.is-primary.is-light:hover { + background-color: var(--ac-primary); } -.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; +.button.ac-button.is-info { + background-color: #0aafff; + color: #ffffff; + border: none; } -.code-block-wrapper .code-block-title .copy-and-download { - display: flex; - align-items: center; - background: #f0f3f3; - padding: 20px; - position: absolute; - right: 0; - top: 0; +.button.ac-button.is-info:focus-visible { + outline: none; } -.code-block-wrapper .code-block-title .copy-and-download button { - background: transparent; +.button.ac-button.is-info.is-light { + color: #0aafff; +} +.button.ac-button.is-success { + background-color: var(--ac-primary); + color: #ffffff; + border: none; +} +.button.ac-button.is-success:hover { + background-color: var(--ac-primary); +} +.button.ac-button.is-success:focus-visible { + outline: none; +} +.button.ac-button.is-success.is-light { + background-color: var(--ac-primary); + color: var(--ac-primary); +} +.button.ac-button.is-success.is-light:hover { + background-color: var(--ac-primary); +} +.button.ac-button.is-warning { + background-color: #ff8000; + color: #ffffff; 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); +.button.ac-button.is-warning:focus-visible { + outline: none; } -.code-block-wrapper .code-block-title .copy-and-download .download-here { - cursor: pointer; +.button.ac-button.is-warning.is-light { + color: #ff8000; } - -.full-info ol { - list-style: none; - counter-reset: order-list-counter; +.button.ac-button.is-danger { + background-color: #ff3729; + color: #ffffff; + border: none; } - -.full-info ol li { - counter-increment: order-list-counter; +.button.ac-button.is-danger:focus-visible { + outline: none; } - -.full-info ol li::before { - content: counter(order-list-counter) ". "; - font-weight: 500; - font-family: "Roboto", sans-serif; - font-size: 15px; - color: #4a4a4a; +.button.ac-button.is-danger.is-light { + color: #ff3729; } - -.search-area { - position: relative; - z-index: 1; - margin-bottom: 40px; +.button .icon { + width: 1.2em; + height: 1.2em; } -.search-area input { - background: #ffffff; - border: 1px solid #e7e7e7; - padding: 9px 40px 9px 15px; - font-size: 15px; - border-radius: 3px; - width: 100%; +.testimonial-area { + padding: 60px 0 60px; } - -.search-button { - position: absolute; - top: 0; - height: 100%; - right: 0; - background: transparent; - border: none; - color: #32325d; - padding: 0 15px; - margin-top: -1px; - cursor: pointer; - display: block; +.testimonial-area .section-title h2 { + font-size: 48px; } - -.tbl-of-contents #TableOfContents { - max-height: 70vh; +.testimonial-area .section-title p { + font-size: 18px; } -.tbl-of-contents #TableOfContents::-webkit-scrollbar { - width: 4px; - height: 4px; +.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; } -.tbl-of-contents #TableOfContents::-webkit-scrollbar-track { - background: #f1f1f1; +.testimonial-area .single-testimonial-item .user-info-wrapper { + display: flex; + align-items: center; + margin-bottom: 1rem; } -.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb { - background: #c1c1c1; +.testimonial-area .single-testimonial-item .user-info-wrapper .image { + margin-right: 1.2rem; } -.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover { - background: #555; +.testimonial-area .single-testimonial-item .user-info-wrapper .image img { + height: 100%; } - -.tbl-of-contents h4 { - font-size: 14px; - font-weight: 700; +.testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name { + font-weight: bold; color: #171B1C; - margin-left: 20px; - margin-bottom: 1.5rem; + font-size: 22px; line-height: 1; + line-height: 160%; } - -.tbl-of-contents ul li a { - color: #4a4a4a; - opacity: 0.7; +.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p { font-size: 14px; - font-family: "Roboto", sans-serif; - font-weight: 500; - display: block; - padding-left: 20px; - padding-bottom: 10px; + line-height: 160%; + color: #a6abbd; } - -.tbl-of-contents ul ul { - border: none; +.testimonial-area .single-testimonial-item p { + font-size: 1rem; + line-height: 160%; } - -.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; +.testimonial-area .owl-carousel .owl-stage-outer { + padding: 40px 0px; } -.tbl-of-contents ul a.active { - position: relative; - z-index: 1; - color: var(--ac-primary); +.arrows { + display: flex; + width: 136px; + justify-content: space-between; } - -li.nav-item.active a { +.arrows .button { + width: 60px; + height: 60px; + display: flex; + justify-content: center; + align-items: center; + background-color: #ffffff; + border: 1px solid #e7e7e7; +} +.arrows .button:hover .material-icons-outlined { + transform: scale(1.2); color: var(--ac-primary); } +.arrows .button .material-icons-outlined { + transition: 0.3s ease-in-out; + font-size: 18px; +} -.right-sidebar-area { - padding: 0 1.25rem 0 0; - position: sticky; - top: 130px; +/**************************************** +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; + } +} +@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; + } } -.overlay-bg { +/**************************************** +Responsive Classes +*****************************************/ + +.cta-area { + margin-bottom: 60px; position: relative; - z-index: 99; - width: 100%; - height: 100%; + z-index: 1; } - -.overlay-bg { - position: fixed; +.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: ""; - background: #000; left: 0; top: 0; width: 100%; - height: 100%; - opacity: 0.8; - display: none; + z-index: -1; } - -.sidebar-search-area { - background: #ffffff; - width: 585px; - z-index: 9999; - right: -100%; - position: fixed; - top: 0; - height: 100%; - overflow-y: scroll; - transition: 0.3s linear; +.cta-area .cta-area-inner h3 { + margin-bottom: 1rem; + text-wrap: balance; } -.sidebar-search-area button.button.ac-button.inline-button.back-button { - padding-left: 20px; - padding-top: 20px; +.cta-area .cta-area-inner p { + text-wrap: balance; } -.sidebar-search-area::-webkit-scrollbar { - width: 8px; +/**************************************** +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%; + } +} +@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; + } +} +@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; + } } - -.sidebar-search-area::-webkit-scrollbar-track { - background: #e7e7e7; +@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; + } } - -.sidebar-search-area::-webkit-scrollbar-thumb { - background: #888; - border-radius: 50px; +@media screen and (min-width: 1408px) { + .cta-area .cta-area-inner { + padding: 30px; + } + .cta-area .cta-area-inner h3 { + font-size: 28px; + } } - -.sidebar-search-area::-webkit-scrollbar-thumb:hover { - background: #818181; +.full-info { + overflow: hidden; } - -.search-area-top { - padding: 20px; +.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; } - -.searchbar-area input { - background: #ffffff; - padding: 10px; - border: 1px solid #e7e7e7; - height: 40px; - border-radius: 3px; - width: calc(100% - 70px); +.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; } -.searchbar-area input:focus { - box-shadow: none; - outline: none; +.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; } - -.searchbar-area { - position: relative; - z-index: 1; +.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; } - -.searchbar-area button { - position: absolute; - height: 100%; - width: 60px; - background: #4d4dcb; - color: #ffffff; - border: none; - border-radius: 3px; - margin-left: 10px; - cursor: pointer; +.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; } - -.sidebar-search-area h3 { - font-family: "Roboto", sans-serif; - color: #393e46; - margin-bottom: 10px; +.full-info h1 { + font-size: 32px; + border-bottom: 1px solid #ebebeb; + padding-bottom: 10px; + margin-bottom: 20px; } - -.search-meta-information p, -.search-meta-information label, -.shorting-data select { - font-size: 12px; - color: #6b6b6b; - margin-top: 14px; +.full-info h2 { + font-size: 24px; } - -.shorting-data select { - border-radius: 3px; - width: 60px; - background: #f2f2f2; - border-color: #e7e7e7; - color: #393e46; - font-family: "Roboto", sans-serif; +.full-info h3 { + font-size: 18px; } - -.single-search-result h3 a { - color: #4d4dcb; +.full-info h4 { font-size: 16px; - font-family: "Roboto", sans-serif; - line-height: 26px; -} - -.single-search-result h3 { - margin-bottom: 0; - line-height: 0; } - -.single-search-result a { - color: #00a651; - font-size: 12px; - font-family: "Roboto", sans-serif; - display: block; +.full-info h5 { + font-size: 15px; } - -.result-thumb { - width: 60px; - float: left; - overflow: hidden; - margin-right: 10px; +.full-info h6 { + font-size: 13px; } -.result-description-wrapper { - overflow: hidden; - margin-top: 5px; +.full-info ul li, +.full-info ol li, +.full-info ol li p { + color: #4a4a4a; + display: block; + padding-bottom: 8px; + line-height: 1.8; } -.result-description { - overflow: hidden; +.full-info ul li:last-child, +.full-info ol li:last-child, +.full-info ol p:last-child { + margin-bottom: 0; + padding-bottom: 0; } -.result-description p { - overflow: hidden; - font-size: 12px; +.full-info ul li, +.full-info ol li { + text-indent: -30px; } -.single-search-result { - border-bottom: 1px solid #f2f2f2; - padding: 8px 20px; - transition: 0.3s ease-in-out; +.full-info ul li p, +.full-info ol li p { + text-indent: 0; + margin-top: -30px; } -.single-search-result:last-child { - border-bottom: none; +.full-info ul li pre, +.full-info ol li pre { + text-indent: 0px; + margin-left: -30px; } -.single-search-result:hover { - background: #f2f2f2; +.full-info ul li:before { + content: "\f10c"; + font-family: fontawesome; + font-size: 8px; + margin-right: 20px; + color: #707070; } -.single-search-result:hover.single-search-result h3 a { - text-decoration: underline; +.full-info figure { + margin-bottom: 30px; } -.full-info img { - border: 1px solid #a9e9e9; - padding: 15px; - border-radius: 4px; +.full-info ul, +.full-info ol { + padding: 0 0 0 30px; + margin-bottom: 15px; } -/* 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; +.full-info ul li p { + margin: 0; + display: inline; } -.navbar-link:not(.is-arrowless)::after, -.select:not(.is-multiple):not(.is-loading)::after { - border-color: #999; - height: 8px; - width: 8px; +.full-info ul li p a, +.full-info p a, +.full-info a { + color: var(--ac-primary); + font-weight: 500; + font-family: "Roboto", sans-serif; } -.dropdown.is-active .button .icon:last-child:not(:first-child) { - transform: rotate(180deg); +.full-info p { + margin-bottom: 15px; + color: #515D63; } -/* 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; +.full-info p strong { font-weight: 500; } -.improve-bg-color { - background-color: #fbfdff; -} -.improve-bg-color a { - font-size: 16px !important; - font-weight: 700 !important; - font-family: "Roboto", sans-serif; -} -.improve-bg-color p { - font-size: 16px !important; - color: #74818d !important; +.appscode-style.full-info ul li p a .appscode-style.full-info p a, +.appscode-style.full-info a { + color: var(--ac-primary); } -.full-info table td, -.full-info table th { - text-align: left; +.full-info ol { + list-style: none; + counter-reset: order-list-counter; } -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 1023px) { - .documentation-area { - margin-top: 160px; - margin-bottom: 15px; - } - .documentation-area .right-sidebar-area { - top: 0; - } - .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); - } - .documentation-area .right-sidebar { - right: 0; - background: #fff; - height: 100vh; - overflow-y: auto; - } - .documentation-area .documentation-body { - padding: 0 20px; - width: 100%; - } - .documentation-area .documentation-body .full-info h1 { - font-size: 1.5rem; - line-height: 1.3; - margin-bottom: 0; - } - .ac-product-left-sidebar { - max-height: calc(100vh - 100px); - top: 0; - position: relative; - } - .sidebar-search-area { - width: 100%; - } - .improve-section-area { - padding-bottom: 20px; - } - .button.is-link.is-medium.is-active.has-text-weight-normal { - margin-bottom: 10px; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .documentation-area .left-sidebar-wrapper { - width: 240px; - } - .documentation-area .documentation-body { - padding: 0 40px; - width: calc(100% - 480px); - } - .documentation-area .right-sidebar { - width: 240px; - } -} -@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; - } -} -@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; +.full-info ol li { + counter-increment: order-list-counter; } -.hero-area.features-plan .hero-area-content .hero-content-inner h1 { - font-size: 36px; - line-height: 140%; + +.full-info ol li::before { + content: counter(order-list-counter) ". "; font-weight: 500; - margin-bottom: 30px; -} -.hero-area.features-plan .hero-area-content .hero-content-inner h1 b { - font-weight: 700; + font-family: "Roboto", sans-serif; + font-size: 15px; + color: #4a4a4a; } -.bgc-2 { - background-color: #f9f9f9; +/* schedule-demo start */ + +iframe { + height: 100%; + max-width: 100%; } -.features-cta-area { - padding: 80px 0; +.schedule-title { + margin-top: 65px; + color: #242a31; + margin-bottom: 30px; } -.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; + +.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; } -.features-cta-area .features-plan-cta-wrapper .cta-left { - width: 35%; - padding: 30px 20px; + +.item ul, +.item input[type=checkbox] { + display: none; + overflow: hidden; + transition: 0.3s; } -.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; + +.kd-sidebar-menu .item label a { + font-weight: 600; + color: #515D63; + padding: 8px 17px; + display: block; } -.features-cta-area .features-plan-cta-wrapper .cta-left h2 { - font-size: 36px; - line-height: 140%; - font-weight: 700; - color: #32325d; - margin-bottom: 20px; - text-transform: capitalize; + +.kd-sidebar-menu li a:hover { + color: var(--ac-primary); } -.features-cta-area .features-plan-cta-wrapper .cta-left p { - font-size: 16px; - line-height: 160%; - color: #54657e; + +.kd-sidebar-menu .item ul { + margin-left: 20px; + padding-left: 15px; + border-left: 1px solid #e2e2e2; } -.features-cta-area .features-plan-cta-wrapper .cta-right { - width: 65%; - display: flex; + +.item input:checked ~ label, +.item input:checked ~ .item > label { + border: 1px solid #e2e2e2; + background: #ffffff; } -.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; + +.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { + border: 1px solid transparent; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.community { - width: 50%; + +.appscode-style .item input:checked ~ label > a { + color: var(--ac-primary); } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise { - width: 50%; + +.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { + margin-left: -20px; } -.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; + +.kd-left-sidebar { + margin-right: 30px; + position: sticky; + top: 130px; + z-index: 9; } -.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; + +.kd-sidebar-menu { + max-height: 65vh; + overflow-y: auto; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p { - font-size: 16px; - color: #54657e; - line-height: 1.5; + +.kd-sidebar-menu .item label { + border: 1px solid transparent; + position: relative; + z-index: 1; + border-radius: 3px 0 0 3px; } -.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; + +.go-to-top { + position: fixed; display: block; - font-family: roboto; - text-decoration: underline; + 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; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover { +.go-to-top i.fa { color: var(--ac-primary); } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content { + +.go-to-top.is-visible { + opacity: 1; +} + +.footer-area { + position: relative; + z-index: 1; +} +.footer-area:after { position: absolute; - bottom: 20px; - left: 0px; + content: ""; + left: 0; + bottom: 0; width: 100%; + height: 100%; + z-index: -1; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title { - margin-top: 15px; + +.single-footer-widget .footer-logo { + max-width: 160px; +} + +.subscription-form { + margin-top: 10px; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li { - background-color: #ffefe7; - width: 33.33%; +.subscription-form label { + font-size: 18px; + font-weight: 600; + display: block; + font-family: "Roboto", sans-serif; } -.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); +.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; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) { - background-color: #ece8f7; +.subscription-form input::-moz-placeholder { + color: #ADB2B0; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) { - background-color: #e8f1f8; +.subscription-form input::placeholder { + color: #ADB2B0; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul { - display: flex; - align-items: center; - justify-content: space-around; +.subscription-form input:focus { + border: 1px solid var(--ac-primary); } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li { - padding: 16px; +.subscription-form .button { + font-family: #4a4a4a; + color: var(--ac-primary); font-size: 16px; - color: #393e46; - text-transform: uppercase; - font-weight: 500; - background-color: #e5f6ee; - width: 100%; + 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; } - -.single-features-area:not(:last-child) { - margin-bottom: 30px; +.subscription-form .button:hover { + background-color: var(--ac-primary); + color: #ffffff !important; + outline: none; + box-shadow: none; } -.features-plan-area .single-features-area .single-features { - display: grid; - grid-template-columns: 35% 65%; +.contact-information { + margin-top: 28px; } -.features-plan-area .single-features-area .single-features .features-plan { - display: flex; - align-items: center; - justify-content: center; - padding: 10px; - text-align: center; +.contact-information h4 { + font-size: 18px; + color: #171B1C; } -.features-plan-area .single-features-area .single-features:nth-child(odd) { - background-color: #ffffff; + +.all-contact-info li a, +p.spam-message { + color: #515D63; + display: inline-block; + font-size: 14px; + font-family: "Roboto", sans-serif; + padding: 5px 0; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .features-plan.community { - background-color: #edf9f3 !important; - color: #32325d; + +.all-contact-info li a span { + padding-right: 10px; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan { - color: #32325d; + +.footer-menu label { + font-size: 18px; + margin-bottom: 4px; + font-weight: 500; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(1) { - background-color: rgba(252, 96, 17, 0.1); + +.footer-link li a { + color: #D4D6D5; + font-size: 14px; + display: block; + padding: 8px 0; + transition: 0.3s linear; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); +.footer-link li a:last-child { + padding-bottom: 0; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(3) { - background-color: rgba(63, 25, 173, 0.1); +.footer-link li a:hover { + color: var(--ac-primary); + padding-left: 5px; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(4) { - background-color: rgba(25, 113, 189, 0.1); + +.footer-top { + padding: 50px 0 30px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } -.features-plan-area .single-features-area .single-features:nth-child(even) { - background-color: #f7f9fb; + +.footer-bottom { + padding: 30px 0; } -.features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community { - background-color: #e6f3ef !important; - color: #32325d; +.footer-bottom p { + font-size: 14px; + color: #515D63; + margin-bottom: 0; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan { - color: #32325d; + +.footer-inline-link a { + color: #4a4a4a; + font-size: 14px; + margin-right: 30px; + transition: 0.3s ease-in-out; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(1) { - background-color: rgba(252, 96, 17, 0.1); +.footer-inline-link a:hover { + color: var(--ac-primary); } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); +.footer-inline-link a:last-child { + margin-right: 0; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(3) { - background-color: rgba(63, 25, 173, 0.1); + +.socail-link-inline li { + margin-right: 10px; + display: inline-block; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) { - background-color: rgba(25, 113, 189, 0.1); +.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; } -.features-plan-area .single-features-area .single-features.title { - margin-bottom: 0; +.socail-link-inline li a:hover { + background: var(--ac-primary); + color: #ffffff; + border: 1px solid transparent; } -.features-plan-area .single-features-area .single-features.title .features-name { - display: flex; - align-items: center; +.socail-link-inline li:last-child { + margin-right: 0; } -.features-plan-area .single-features-area .single-features.title .features-plan.community { - background-color: #edf9f3 !important; - color: #00a651; + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .footer-area .footer-top .is-1-mobile .column { + padding: 0.25rem; + } + .footer-area .single-footer-widget { + height: 100%; + } + .footer-area .single-footer-widget .footer-logo { + margin: 0 auto; + } + .footer-area .single-footer-widget .subscription-form { + text-align: center; + } + .footer-area .single-footer-widget .field.has-addons { + justify-content: center; + } + .footer-area .footer-menu { + background-color: rgba(77, 77, 203, 0.0509803922); + height: 100%; + padding: 20px 5px; + border-radius: 4px; + } + .footer-area .footer-menu.is-info { + background-color: rgba(10, 175, 255, 0.1803921569); + } + .footer-area .footer-menu.is-danger { + background-color: rgba(234, 61, 47, 0.1411764706); + } + .footer-area .footer-menu.is-warning { + background: rgba(247, 173, 42, 0.2117647059); + } + .footer-area .footer-menu.is-success { + background-color: rgba(39, 176, 100, 0.1882352941); + } + .footer-area .footer-menu h4 { + margin-bottom: 0; + } + .footer-area .contact-information { + text-align: center; + } + .footer-inline-link { + padding: 10px 0; + } + .footer-bottom { + padding: 20px 0; + } } -.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(1) { - background-color: rgba(252, 96, 17, 0.1); - color: #fc6011; +/*============================================================== + Documentation page style +==============================================================*/ + +.full-info { + overflow: hidden; } -.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); - color: #0072f9; +.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; } -.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(3) { - background-color: rgba(63, 25, 173, 0.1); - color: #3f19ad; +.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; } -.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(4) { - background-color: rgba(25, 113, 189, 0.1); - color: #1971bd; +.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; } -.features-plan-area .single-features-area .single-features.title .features-name { - font-weight: 500; +.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-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan { - font-weight: 500; +.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-plan-area .single-features-area .single-features .features-name { - padding: 14px 20px; - font-size: 16px; - color: #393e46; +.full-info h1 { + font-size: 2rem; + padding-bottom: 10px; + line-height: 1.3; } -.features-plan-area .single-features-area .single-features .features-name a { - font-family: "Roboto", sans-serif; - text-decoration: underline; +.full-info h2 { + font-size: 24px; } -.features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip { - margin-left: 5px; - margin-top: 3px; - min-width: 16px; +.full-info h3 { + font-size: 18px; } -.features-plan-area .single-features-area .single-features .features-plan-wrapper { - display: grid; - align-items: center; - grid-template-columns: 50% 50%; +.full-info h4 { + font-size: 16px; } -.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan { - font-weight: 400; +.full-info h5 { + font-size: 15px; } -.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; +.full-info h6 { + font-size: 13px; } -.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community span.t-icon { - height: 26px; + +.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-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.enterprise { - display: grid; - grid-template-columns: 100%; - font-size: 14px; - height: 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-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%; + +.full-info ul li, +.full-info ol li { + text-indent: -30px; } -.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 ul li p, +.full-info ol li p { + text-indent: 0; + margin-top: -30px; } -.assistance-card-wrapper { - @import url(/assets/css/calendly.css); +.full-info ul li pre, +.full-info ol li pre { + text-indent: 0px; + margin-left: -30px; } -.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; + +.full-info ul li:before { + content: "\f10c"; + font-family: fontawesome; + font-size: 8px; + margin-right: 20px; + color: #707070; } -.assistance-card-wrapper .single-card:hover { - box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); + +.full-info figure { + margin-bottom: 30px; } -.assistance-card-wrapper .single-card .card-head { - display: flex; - align-items: center; - padding: 40px 30px; - border-bottom: 1px solid #eceff4; + +.full-info ul, +.full-info ol { + padding: 0 0 0 30px; + margin-bottom: 15px; } -.assistance-card-wrapper .single-card .card-head .ass-icon { - width: 56px; - margin-right: 28px; + +.full-info ul li p { + margin: 0; + display: inline; } -.assistance-card-wrapper .single-card .card-head .ass-title { - font-style: normal; + +.full-info ul li p a, +.full-info p a, +.full-info a { + color: var(--ac-primary); font-weight: 500; - font-size: 18px; - line-height: 120%; - color: #1c1c1c; -} -.assistance-card-wrapper .single-card .card-body { - padding: 30px 20px; + font-family: "Roboto", sans-serif; } -.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; + +.full-info p { + margin-bottom: 0.825rem; + color: #515D63; + line-height: 160%; + font-family: "Roboto", sans-serif; } -.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; + +.full-info p strong { font-weight: 500; - font-family: Roboto; - height: 41px; - transition: 0.3s ease-in-out; } -.assistance-card-wrapper .single-card .card-body .button:hover { - background-color: #4d4dcb; - color: #ffffff !important; + +.appscode-style.full-info ul li p a .appscode-style.full-info p a, +.appscode-style.full-info a { + color: var(--ac-primary); } -.assistance-card-wrapper .single-card .card-body .subscription-form { - position: relative; - z-index: 1; + +.full-info ol { + list-style: none; + counter-reset: order-list-counter; } -.assistance-card-wrapper .single-card .card-body .subscription-form input { - border: none; - background-color: #e7e7e7; - height: 41px; + +.full-info ol li { + counter-increment: order-list-counter; } -.assistance-card-wrapper .single-card .card-body .subscription-form input:focus { - border: 1px solid #4d4dcb; - border-radius: 4px; + +.full-info ol li::before { + content: counter(order-list-counter) ". "; + font-weight: 500; + font-family: "Roboto", sans-serif; + font-size: 15px; + color: #4a4a4a; } -.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; + +li.nav-item.active a { + color: var(--ac-primary); } -.assistance-card-wrapper .single-card .card-body .subscription-form button i.fa { - color: #ffffff; + +.full-info img { + border: 1px solid #a9e9e9; + padding: 15px; + border-radius: 4px; } -.assistance-card-wrapper .single-card .card-body .subscription-form button:hover { - color: #ffffff; + +/* version section style start */ +.select select.is-active, +.select select:active, +.select select:focus, +.button:focus:not(:active) { + box-shadow: none; + border-color: none; +} + + +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #999; + height: 8px; + width: 8px; } +/* 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; @@ -24815,41 +6114,6 @@ 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; } @@ -24918,23 +6182,19 @@ Responsive Classes margin-left: 1rem; } -.more-products, -.intro-kubedb-ui { +.more-products { gap: 12px; } -.more-products .single-feature, -.intro-kubedb-ui .single-feature { +.more-products .single-feature { flex-basis: calc(50% - 6px); } @media screen and (max-width: 1023px) { - .more-products .single-feature, - .intro-kubedb-ui .single-feature { + .more-products .single-feature { flex-basis: 100%; } } @media screen and (max-width: 768px) { - .more-products .button.ac-button, - .intro-kubedb-ui .button.ac-button { + .more-products .button.ac-button { width: 100%; } } @@ -25149,35 +6409,12 @@ Responsive Classes color: var(--ac-primary); } -.decorative-el-large, .intro-kubedb-ui:after, .cta-area .cta-area-inner:after, .footer-area: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; @@ -25253,9 +6490,6 @@ Responsive Classes .products-features #nav-serialscrolling { top: 0; } - .products-features [data-serialscrolling-target] { - height: 100%; - } } .products-features .features-tabs { position: sticky; @@ -25281,10 +6515,6 @@ 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); } @@ -25356,9 +6586,6 @@ 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); @@ -25427,11 +6654,6 @@ Responsive Classes color: var(--ac-primary); } -[data-serialscrolling-target] { - height: 100vh; - /* your own styles here */ -} - #nav-serialscrolling { position: sticky; top: 40%; @@ -25447,14 +6669,6 @@ 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; } @@ -25598,106 +6812,6 @@ 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; } @@ -25965,14 +7079,11 @@ Responsive Classes } } -.showcase-partner, -.system-integration { +.showcase-partner { position: relative; z-index: 1; } -.showcase-partner::after, .showcase-partner::before, -.system-integration::after, -.system-integration::before { +.showcase-partner::after, .showcase-partner::before { position: absolute; content: ""; left: 0; @@ -25981,12 +7092,10 @@ Responsive Classes height: 100%; z-index: -1; } -.showcase-partner::before, -.system-integration::before { +.showcase-partner::before { background: radial-gradient(circle at center, rgb(255, 255, 255), rgba(255, 255, 255, 0.2)); } -.showcase-partner::after, -.system-integration::after { +.showcase-partner::after { background-image: url("../images/shape/hexagon.svg"); z-index: -2; } @@ -25995,10 +7104,6 @@ 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;