From 40caee7c9392fc3e433f1e764270c1340997f7f6 Mon Sep 17 00:00:00 2001 From: Md Mohin Uddin <45921824+mohin7@users.noreply.github.com> Date: Mon, 14 Oct 2024 12:59:07 +0600 Subject: [PATCH] Add customer logo (#162) Signed-off-by: mohin7 --- data/authors/abu-sayed.json | 10 + data/authors/ashraful-haque.json | 9 + data/authors/md-ishtiaq-islam.json | 2 +- data/clouds.json | 18 +- data/customers.json | 24 +- data/press.json | 8 +- data/products/appscode.json | 2 +- data/products/bytebuilders.json | 42 +- data/products/configsyncer.json | 14 +- data/products/gateway.json | 34 +- data/products/guard.json | 22 +- data/products/kubeci.json | 44 +- data/products/kubedb.json | 58 +- .../cost-effectiveness.json | 4 +- data/products/kubeform.json | 30 +- data/products/kubeshield.json | 34 +- data/products/kubestash.json | 61 +- data/products/kubevault.json | 23 +- data/products/pharmer.json | 22 +- data/products/searchlight.json | 22 +- data/products/service-broker.json | 22 +- data/products/stash-cli.json | 83 +- data/products/stash-mongodb.json | 77 +- data/products/stash.json | 133 +- data/products/swift.json | 22 +- data/products/voyager.json | 34 +- data/testimonials.json | 12 +- static/assets/images/authors/abu-sayed.jpg | Bin 0 -> 10570 bytes static/assets/images/authors/ashraful.jpg | Bin 0 -> 6649 bytes .../authors/profile-photos-28x28/ashraful.jpg | Bin 0 -> 3385 bytes .../images/customers/2024/bank-al-etihad.png | Bin 0 -> 8922 bytes static/assets/sass/main.css | 27597 +++------------- 32 files changed, 4933 insertions(+), 23530 deletions(-) create mode 100644 data/authors/abu-sayed.json create mode 100644 data/authors/ashraful-haque.json create mode 100644 static/assets/images/authors/abu-sayed.jpg create mode 100644 static/assets/images/authors/ashraful.jpg create mode 100644 static/assets/images/authors/profile-photos-28x28/ashraful.jpg create mode 100644 static/assets/images/customers/2024/bank-al-etihad.png diff --git a/data/authors/abu-sayed.json b/data/authors/abu-sayed.json new file mode 100644 index 0000000000..64a76effba --- /dev/null +++ b/data/authors/abu-sayed.json @@ -0,0 +1,10 @@ +{ + "name": "Abu Sayed", + "designation": "Software Engineer", + "company": "AppsCode Inc.", + "biography": "Abu Sayed is a Software Engineer, working at AppsCode Inc. He has been involved with KubeDB project since 2023 and very enthusiastic about Kubernetes and open source in general.", + "profile": "/assets/images/authors/abu-sayed.jpg", + "email": "sayed@appscode.com", + "github": "https://github.com/sayedppqq", + "linkedin": "https://www.linkedin.com/in/sayedppqq/" +} \ No newline at end of file diff --git a/data/authors/ashraful-haque.json b/data/authors/ashraful-haque.json new file mode 100644 index 0000000000..b7ae53caa4 --- /dev/null +++ b/data/authors/ashraful-haque.json @@ -0,0 +1,9 @@ +{ + "name": "Ashraful Haque", + "designation": "Software Engineer", + "biography": "Ashraful Haque is a Software Engineer at AppsCode Inc., involved with the Kubernetes project since 2023. He is passionate about Kubernetes and dedicated to open-source technologies.", + "profile": "/assets/images/authors/ashraful.jpg", + "email": "ashraf@appscode.com", + "github": "https://github.com/AshrafulHaqueToni", + "linkedin": "https://www.linkedin.com/in/ashraful-haque-264133176" +} \ No newline at end of file diff --git a/data/authors/md-ishtiaq-islam.json b/data/authors/md-ishtiaq-islam.json index 51c1ee5004..0385ba827c 100644 --- a/data/authors/md-ishtiaq-islam.json +++ b/data/authors/md-ishtiaq-islam.json @@ -3,7 +3,7 @@ "designation": "Software Engineer", "company": "AppsCode Inc.", "biography": "Ishtiaq is a Software Engineer, working at AppsCode Inc. He has been involved with Kubernetes project since 2022 and very enthusiastic about Kubernetes and open source in general.", - "profile": "/assets/images/authors/profile-photos-84x84/md-ishtiaq-islam.jpg", + "profile": "/assets/images/authors/md-ishtiaq-islam.jpg", "email": "ishtiaq@appscode.com", "github": "https://github.com/ishtiaqhimel", "linkedin": "https://www.linkedin.com/in/md-ishtiaq-islam/" diff --git a/data/clouds.json b/data/clouds.json index 95f92957b4..4ecb1b719d 100644 --- a/data/clouds.json +++ b/data/clouds.json @@ -2,63 +2,63 @@ "aws": { "key": "aws", "logo": { - "src": "https://cdn.appscode.com/images/clouds/aws.png", + "src": "/assets/images/clouds/aws.png", "alt": "Amazon Web Services" } }, "azure": { "key": "azure", "logo": { - "src": "https://cdn.appscode.com/images/clouds/azure.png", + "src": "/assets/images/clouds/azure.png", "alt": "Microsoft Azure" } }, "gce": { "key": "gce", "logo": { - "src": "https://cdn.appscode.com/images/clouds/gcp.png", + "src": "/assets/images/clouds/gcp.png", "alt": "Google Cloud" } }, "digitalocean": { "key": "digitalocean", "logo": { - "src": "https://cdn.appscode.com/images/clouds/digitalocean.png", + "src": "/assets/images/clouds/digitalocean.png", "alt": "DigitalOcean" } }, "linode": { "key": "linode", "logo": { - "src": "https://cdn.appscode.com/images/clouds/linode.png", + "src": "/assets/images/clouds/linode.png", "alt": "Linode" } }, "openstack": { "key": "openstack", "logo": { - "src": "https://cdn.appscode.com/images/clouds/openstack.png", + "src": "/assets/images/clouds/openstack.png", "alt": "OpenStack" } }, "packet": { "key": "packet", "logo": { - "src": "https://cdn.appscode.com/images/clouds/packet.png", + "src": "/assets/images/clouds/packet.png", "alt": "Packet" } }, "baremetal": { "key": "baremetal", "logo": { - "src": "https://cdn.appscode.com/images/clouds/baremetal.png", + "src": "/assets/images/clouds/baremetal.png", "alt": "Baremetal" } }, "docker": { "key": "docker", "logo": { - "src": "https://cdn.appscode.com/images/clouds/docker.png", + "src": "/assets/images/clouds/docker.png", "alt": "Docker" } } diff --git a/data/customers.json b/data/customers.json index 594f674b72..1560d8d040 100644 --- a/data/customers.json +++ b/data/customers.json @@ -5,6 +5,12 @@ "logo": "/assets/images/customers/2024/nokia.png", "show": true }, + "bank-al-etihad": { + "name": "bank-al-etihad", + "website": "#", + "logo": "/assets/images/customers/2024/bank-al-etihad.png", + "show": true + }, "clewmed": { "name": "Clewmed", "website": "#", @@ -86,55 +92,55 @@ "intersystems": { "name": "InterSystems", "website": "https://www.intersystems.com", - "logo": "https://cdn.appscode.com/images/customers/intersystems/logo.png", + "logo": "/assets/images/customers/intersystems/logo.png", "show": false }, "elpheria": { "name": "Elpheria", "website": "https://www.elpheria.com", - "logo": "https://cdn.appscode.com/images/customers/elpheria/logo.png", + "logo": "/assets/images/customers/elpheria/logo.png", "show": false }, "zebra": { "name": "Zebra", "website": "https://www.zebra.com", - "logo": "https://cdn.appscode.com/images/customers/zebra/logo.png", + "logo": "/assets/images/customers/zebra/logo.png", "show": false }, "pricehubble": { "name": "PriceHubble AG", "website": "https://pricehubble.com", - "logo": "https://cdn.appscode.com/images/customers/pricehubble/logo.svg", + "logo": "/assets/images/customers/pricehubble/logo.svg", "show": false }, "rungway": { "name": "Rungway", "website": "https://rungway.com", - "logo": "https://cdn.appscode.com/images/customers/rungway/logo.png", + "logo": "/assets/images/customers/rungway/logo.png", "show": false }, "devolutions": { "name": "Devolutions.net", "website": "https://devolutions.net", - "logo": "https://cdn.appscode.com/images/customers/devolutions/DevolutionsBlue-LR.png", + "logo": "/assets/images/customers/devolutions/DevolutionsBlue-LR.png", "show": false }, "liveramp": { "name": "LiveRamp", "website": "https://liveramp.com", - "logo": "https://cdn.appscode.com/images/customers/liveramp/logo.png", + "logo": "/assets/images/customers/liveramp/logo.png", "show": false }, "birdi": { "name": "BIRDI Pty Ltd", "website": "https://www.birdi.com.au", - "logo": "https://cdn.appscode.com/images/customers/birdi/BIRDI-Logo_Retina.png", + "logo": "/assets/images/customers/birdi/BIRDI-Logo_Retina.png", "show": false }, "astarte": { "name": "Astarte", "website": "http://astarte-platform.org", - "logo": "https://cdn.appscode.com/images/customers/astarte/astarte.png", + "logo": "/assets/images/customers/astarte/astarte.png", "show": false } } diff --git a/data/press.json b/data/press.json index b62857b791..5f2af6451c 100644 --- a/data/press.json +++ b/data/press.json @@ -5,7 +5,7 @@ "link": "https://www.infoworld.com/article/3214627/3-open-source-projects-that-make-kubernetes-easier.html", "timeToRead": "5 mins to Read", "image": { - "src": "https://cdn.appscode.com/images/press/1.png" + "src": "/assets/images/press/1.png" } }, { @@ -14,7 +14,7 @@ "link": "https://www.dataengineeringpodcast.com/kubedb-kubernetes-database-episode-79/", "timeToRead": "50 mins to Listen", "image": { - "src": "https://cdn.appscode.com/images/press/2.png" + "src": "/assets/images/press/2.png" } }, { @@ -23,7 +23,7 @@ "link": "https://thenewstack.io/cncf-introduces-c/", "timeToRead": "5 mins to Read", "image": { - "src": "https://cdn.appscode.com/images/press/3.png" + "src": "/assets/images/press/3.png" } }, { @@ -32,7 +32,7 @@ "link": "https://www.youtube.com/watch?v=7NDU7KkWolE", "timeToRead": "10 mins to Watch", "image": { - "src": "https://cdn.appscode.com/images/press/4.png" + "src": "/assets/images/press/4.png" } } ] diff --git a/data/products/appscode.json b/data/products/appscode.json index e673fbd26e..110cc66d69 100644 --- a/data/products/appscode.json +++ b/data/products/appscode.json @@ -239,7 +239,7 @@ ], "cta_area": { "title": "Get Started with AppsCode", - "sub_title": "AppsCode is FREE to use on any supported Kubernetes engines. There is no up-front investment required, and you need to pay only for the resources you use to your infrastructure provider. We offer a 30 days license FREE of cost to try KubeDB.", + "sub_title": "AppsCode is FREE to use on any Kubernetes distribution. There is no up-front investment required, and you need to pay only for the resources you use to your infrastructure provider. We offer a 30 days license FREE of cost to try KubeDB.", "url": "/contact" } } diff --git a/data/products/bytebuilders.json b/data/products/bytebuilders.json index 5d8ed2d96e..d45df9bc1c 100644 --- a/data/products/bytebuilders.json +++ b/data/products/bytebuilders.json @@ -12,11 +12,11 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/bytebuilders-hero.gif", + "src": "/assets/images/products/bytebuilders/bytebuilders-hero.gif", "alt": "ByteBuilders" }, "logo": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/bytebuilders.png", + "src": "/assets/images/products/bytebuilders/bytebuilders.png", "alt": "ByteBuilders" }, "logoByAppsCode": { @@ -30,14 +30,14 @@ } }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/bytebuilders-white.png", + "src": "/assets/images/products/bytebuilders/bytebuilders-white.png", "alt": "ByteBuilders" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/bytebuilders-icon.png", + "src": "/assets/images/products/bytebuilders/bytebuilders-icon.png", "alt": "ByteBuilders", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/bytebuilders/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/bytebuilders/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/bytebuilders", @@ -54,7 +54,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/pharmer/icons/android-icon-48x48.png", + "src": "/assets/images/products/pharmer/icons/android-icon-48x48.png", "alt": "" }, "summary": "Provision and upgrade Kubernetes cluster on any cloud or on-premises infrastructure", @@ -67,7 +67,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/features/teamwork-2.png", + "src": "/assets/images/products/bytebuilders/features/teamwork-2.png", "alt": "" }, "summary": "On-board every member of your team on the cloud native journey using informative dashboards", @@ -80,7 +80,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/icons/android-icon-48x48.png", + "src": "/assets/images/products/voyager/icons/android-icon-48x48.png", "alt": "" }, "summary": "Voyager ingress controller provides L7 & L4 load balancing, high availability, sticky sessions using HAProxy", @@ -93,7 +93,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/icons/android-icon-48x48.png", + "src": "/assets/images/products/kubedb/icons/android-icon-48x48.png", "alt": "" }, "summary": "Run popular databases like, Postgres, Elasticsearch, Redis, MongoDB, MySQL, Memcached etc. on K8s using KubeDB", @@ -106,7 +106,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/icons/android-icon-48x48.png", + "src": "/assets/images/products/stash/icons/android-icon-48x48.png", "alt": "" }, "summary": "Use Stash to backup and restore any stateful workload using restic or volume snapshotting on any K8s cluster", @@ -119,7 +119,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubevault/icons/android-icon-48x48.png", + "src": "/assets/images/products/kubevault/icons/android-icon-48x48.png", "alt": "" }, "summary": "Use KubeVault to provision HashiCorp Vault on Kubernetes and manage secrets in a Kubernetes native way", @@ -132,7 +132,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/icons/android-icon-48x48.png", + "src": "/assets/images/products/kubeform/icons/android-icon-48x48.png", "alt": "" }, "summary": "Use Kubeform to provision and manage any cloud provider resources using Kubernetes CRDs & Terraform", @@ -145,7 +145,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/guard/icons/android-icon-48x48.png", + "src": "/assets/images/products/guard/icons/android-icon-48x48.png", "alt": "" }, "summary": "Use Guard as a Kubernetes Webhook Authentication server to login users via Google, GitHub, Azure, LDAP, etc.", @@ -161,7 +161,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/telegram.png", + "src": "/assets/images/products/bytebuilders/solutions/telegram.png", "alt": "" }, "summary": "Run a Highly Available (HA) PostgreSQL database on any Kubernetes cluster using KubeDB", @@ -175,7 +175,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/shield-1.png", + "src": "/assets/images/products/bytebuilders/solutions/shield-1.png", "alt": "" }, "summary": "Run a multi-node Elasticsearch database on any Kubernetes cluster using KubeDB", @@ -189,7 +189,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/leave-2.png", + "src": "/assets/images/products/bytebuilders/solutions/leave-2.png", "alt": "" }, "summary": "Use Stash to backup and restore volumes of a Kubernetes workload running in Amazon EKS", @@ -203,7 +203,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/dribble.png", + "src": "/assets/images/products/bytebuilders/solutions/dribble.png", "alt": "" }, "summary": "Automatically backup of any workloads in your cluster and stay prepared for any disaster", @@ -217,7 +217,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/start-up.png", + "src": "/assets/images/products/bytebuilders/solutions/start-up.png", "alt": "" }, "summary": "Use Voyager — a HAProxy backed secure L7 and L4 ingress controller for Kubernetes", @@ -231,7 +231,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/home.png", + "src": "/assets/images/products/bytebuilders/solutions/home.png", "alt": "" }, "summary": "Provision and refresh free SSL certificates from Let's Encrypt using Voyager", @@ -245,7 +245,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/friends.png", + "src": "/assets/images/products/bytebuilders/solutions/friends.png", "alt": "" }, "summary": "Guard your Kubernetes cluster using GitHub, Gitlab, Google, Azure or LDAP", @@ -259,7 +259,7 @@ "alt": "" }, "icon": { - "src": "https://cdn.appscode.com/images/products/bytebuilders/solutions/trending.png", + "src": "/assets/images/products/bytebuilders/solutions/trending.png", "alt": "" }, "summary": "Deploy and manage HashiCorp Vault server Amazon EKS using KubeVault operator", diff --git a/data/products/configsyncer.json b/data/products/configsyncer.json index 337c170665..8c93e1a4d8 100644 --- a/data/products/configsyncer.json +++ b/data/products/configsyncer.json @@ -12,22 +12,22 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/configsyncer/configsyncer-hero.png", + "src": "/assets/images/products/configsyncer/configsyncer-hero.png", "alt": "configsyncer" }, "logo": { - "src": "https://cdn.appscode.com/images/products/configsyncer/configsyncer.png", + "src": "/assets/images/products/configsyncer/configsyncer.png", "alt": "configsyncer" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/configsyncer/configsyncer-white.png", + "src": "/assets/images/products/configsyncer/configsyncer-white.png", "alt": "configsyncer" }, "icon": { - "src": "https://cdn.appscode.com/images/products/configsyncer/configsyncer-512x512.svg", + "src": "/assets/images/products/configsyncer/configsyncer-512x512.svg", "alt": "configsyncer", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/configsyncer/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/configsyncer/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/config-syncer/docs", @@ -44,11 +44,11 @@ { "title": "Configuration Syncer", "image": { - "src": "https://cdn.appscode.com/images/products/configsyncer/features/feature-3.png", + "src": "/assets/images/products/configsyncer/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/configsyncer/features/configuration.svg", + "src": "/assets/images/products/configsyncer/features/configuration.svg", "alt": "http" }, "summary": "", diff --git a/data/products/gateway.json b/data/products/gateway.json index a951db248b..e3e79795a5 100644 --- a/data/products/gateway.json +++ b/data/products/gateway.json @@ -12,22 +12,22 @@ "themeColor": "#4d4dcb" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-hero.png", + "src": "/assets/images/products/voyager/voyager-hero.png", "alt": "Voyager" }, "logo": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager.png", + "src": "/assets/images/products/voyager/voyager.png", "alt": "Voyager" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-white.png", + "src": "/assets/images/products/voyager/voyager-white.png", "alt": "Voyager" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-icon.svg", + "src": "/assets/images/products/voyager/voyager-icon.svg", "alt": "Voyager", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/voyager/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/voyager/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/voyagermesh/gateway-docs", @@ -44,11 +44,11 @@ { "title": "HTTP & TCP", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-1.png", + "src": "/assets/images/products/voyager/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/http.svg", + "src": "/assets/images/products/voyager/features/http.svg", "alt": "http" }, "summary": "", @@ -57,11 +57,11 @@ { "title": "SSL", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-2.png", + "src": "/assets/images/products/voyager/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/ssl.svg", + "src": "/assets/images/products/voyager/features/ssl.svg", "alt": "http" }, "summary": "", @@ -70,11 +70,11 @@ { "title": "Platform support", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-3.png", + "src": "/assets/images/products/voyager/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/platform.svg", + "src": "/assets/images/products/voyager/features/platform.svg", "alt": "http" }, "summary": "", @@ -83,11 +83,11 @@ { "title": "HAProxy", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-4.png", + "src": "/assets/images/products/voyager/features/feature-4.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/haproxy.svg", + "src": "/assets/images/products/voyager/features/haproxy.svg", "alt": "http" }, "summary": "", @@ -96,11 +96,11 @@ { "title": "Prometheus", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-5.png", + "src": "/assets/images/products/voyager/features/feature-5.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/prometheus.svg", + "src": "/assets/images/products/voyager/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -109,11 +109,11 @@ { "title": "Let's Encrypt", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-6.png", + "src": "/assets/images/products/voyager/features/feature-6.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/encrypt.svg", + "src": "/assets/images/products/voyager/features/encrypt.svg", "alt": "http" }, "summary": "", diff --git a/data/products/guard.json b/data/products/guard.json index dc8b41fad0..e9965dbda6 100644 --- a/data/products/guard.json +++ b/data/products/guard.json @@ -12,22 +12,22 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/guard/guard-hero.png", + "src": "/assets/images/products/guard/guard-hero.png", "alt": "Guard" }, "logo": { - "src": "https://cdn.appscode.com/images/products/guard/guard.png", + "src": "/assets/images/products/guard/guard.png", "alt": "Guard" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/guard/guard-white.png", + "src": "/assets/images/products/guard/guard-white.png", "alt": "Guard" }, "icon": { - "src": "https://cdn.appscode.com/images/products/guard/guard-512x512.svg", + "src": "/assets/images/products/guard/guard-512x512.svg", "alt": "Guard", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/guard/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/guard/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubeguard/docs", @@ -49,11 +49,11 @@ { "title": "Identity Providers", "image": { - "src": "https://cdn.appscode.com/images/products/guard/features/feature-1.png", + "src": "/assets/images/products/guard/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/guard/features/identity-providers.svg", + "src": "/assets/images/products/guard/features/identity-providers.svg", "alt": "http" }, "summary": "", @@ -62,11 +62,11 @@ { "title": "CLI", "image": { - "src": "https://cdn.appscode.com/images/products/guard/features/feature-2.png", + "src": "/assets/images/products/guard/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/guard/features/cli.svg", + "src": "/assets/images/products/guard/features/cli.svg", "alt": "http" }, "summary": "", @@ -75,11 +75,11 @@ { "title": "RBAC", "image": { - "src": "https://cdn.appscode.com/images/products/guard/features/feature-3.png", + "src": "/assets/images/products/guard/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/guard/features/rbac.svg", + "src": "/assets/images/products/guard/features/rbac.svg", "alt": "http" }, "summary": "", diff --git a/data/products/kubeci.json b/data/products/kubeci.json index 41e0eb98e4..43dcddca1f 100644 --- a/data/products/kubeci.json +++ b/data/products/kubeci.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes appscode ci", "heroImage": { - "src": "https://cdn.appscode.com/images/products/kubeci/kubeci-hero.png", + "src": "/assets/images/products/kubeci/kubeci-hero.png", "alt": "KubeCI" }, "logo": { - "src": "https://cdn.appscode.com/images/products/kubeci/kubeci.png", + "src": "/assets/images/products/kubeci/kubeci.png", "alt": "KubeCI" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubeci/kubeci-white.png", + "src": "/assets/images/products/kubeci/kubeci-white.png", "alt": "KubeCI" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/kubeci-icon.png", + "src": "/assets/images/products/kubeci/kubeci-icon.png", "alt": "KubeCI", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/kubeci/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/kubeci/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kube-ci/docs", @@ -50,11 +50,11 @@ { "title": "Lower administrative burden", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-1.png", + "src": "/assets/images/products/kubeci/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -63,11 +63,11 @@ { "title": "Native Kubernetes Support", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-2.png", + "src": "/assets/images/products/kubeci/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -76,11 +76,11 @@ { "title": "Performance", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-3.png", + "src": "/assets/images/products/kubeci/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -89,11 +89,11 @@ { "title": "Availability and durability", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-4.png", + "src": "/assets/images/products/kubeci/features/feature-4.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -102,11 +102,11 @@ { "title": "Security", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-5.png", + "src": "/assets/images/products/kubeci/features/feature-5.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -115,11 +115,11 @@ { "title": "Manageability", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-6.png", + "src": "/assets/images/products/kubeci/features/feature-6.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", @@ -128,24 +128,24 @@ { "title": "Cost-effectiveness", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-2.png", + "src": "/assets/images/products/kubeci/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", - "description": "KubeCI is free to use on any supported Kubernetes engines. There is no up-front investment required, and you pay only for the resources you use to your infrastructure provider. And, when you’re finished with a database instance, you can easily delete it." + "description": "KubeCI is free to use on any Kubernetes distribution. There is no up-front investment required, and you pay only for the resources you use to your infrastructure provider. And, when you’re finished with a database instance, you can easily delete it." }, { "title": "Open Source", "image": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/feature-2.png", + "src": "/assets/images/products/kubeci/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeci/features/http.png", + "src": "/assets/images/products/kubeci/features/http.png", "alt": "http" }, "summary": "", diff --git a/data/products/kubedb.json b/data/products/kubedb.json index 2faabdc28b..7aa2bda6be 100644 --- a/data/products/kubedb.json +++ b/data/products/kubedb.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes, kubernetes database, database high availability, postgresql kubernetes, elasticsearch kubernetes, mysql kubernetes, etcd, mariadb kubernetes, memcached, mongodb kubernetes, percona xtradb, redis, scaling kubernetes, version upgrade kubernetes, volume expansion kubernetes, kubernetes database management", "heroImage": { - "src": "https://cdn.appscode.com/images/products/kubedb/kubedb-hero.png", + "src": "/assets/images/products/kubedb/kubedb-hero.png", "alt": "KubeDB" }, "logo": { - "src": "https://cdn.appscode.com/images/products/kubedb/kubedb.svg", + "src": "/assets/images/products/kubedb/kubedb.svg", "alt": "KubeDB" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubedb/kubedb-white.png", + "src": "/assets/images/products/kubedb/kubedb-white.png", "alt": "KubeDB" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/kubedb-icon.svg", + "src": "/assets/images/products/kubedb/kubedb-icon.svg", "alt": "KubeDB", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/kubedb/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/kubedb/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubedb/docs", @@ -55,11 +55,11 @@ "title": "Lower administrative burden", "url": "provision-databases-on-kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/easy-lg.png", + "src": "/assets/images/products/kubedb/features/easy-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/dumbbell.png", + "src": "/assets/images/products/kubedb/features/dumbbell.png", "alt": "http" }, "summary": "", @@ -69,11 +69,11 @@ "title": "Native Kubernetes Support", "url": "deploy-databases-in-kubernetes-native-way", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/multi-cloud-lg.png", + "src": "/assets/images/products/kubedb/features/multi-cloud-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/kubernetes.png", + "src": "/assets/images/products/kubedb/features/kubernetes.png", "alt": "http" }, "summary": "", @@ -83,11 +83,11 @@ "title": "Performance", "url": "increase-database-performance-on-kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/performance-lg.png", + "src": "/assets/images/products/kubedb/features/performance-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/muscle.png", + "src": "/assets/images/products/kubedb/features/muscle.png", "alt": "http" }, "summary": "", @@ -97,11 +97,11 @@ "title": "Availability and durability", "url": "backup-restore-databases-on-kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/availability-lg.png", + "src": "/assets/images/products/kubedb/features/availability-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/last-24-hours.png", + "src": "/assets/images/products/kubedb/features/last-24-hours.png", "alt": "http" }, "summary": "", @@ -111,11 +111,11 @@ "title": "Manageability", "url": "monitor-databases-on-kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/monitoring-lg.png", + "src": "/assets/images/products/kubedb/features/monitoring-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/prometheus.svg", + "src": "/assets/images/products/kubedb/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -125,25 +125,25 @@ "title": "Cost-effectiveness", "url": "manage-database-on-kubernetes-free", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/low-price-lg.png", + "src": "/assets/images/products/kubedb/features/low-price-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/low-price.png", + "src": "/assets/images/products/kubedb/features/low-price.png", "alt": "http" }, "summary": "", - "description": "KubeDB is free to use on any supported Kubernetes engines. There is no up-front investment required, and you pay only for the resources you use to your infrastructure provider. And, when you’re finished with a database instance, you can easily delete it." + "description": "KubeDB is free to try on any Kubernetes distribution. There is no up-front investment required, and you pay only for the resources you use to your infrastructure provider. And, when you’re finished with a database instance, you can easily delete it." }, { "title": "Security", "url": "secure-databases-on-kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/security-lg.png", + "src": "/assets/images/products/kubedb/features/security-lg.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubedb/features/security-lock.png", + "src": "/assets/images/products/kubedb/features/security-lock.png", "alt": "http" }, "summary": "", @@ -156,6 +156,22 @@ "hostDocs": false, "show": true }, + { + "version": "v2024.9.30", + "hostDocs": true, + "show": true, + "info": { + "autoscaler": "v0.33.0", + "cli": "v0.48.0", + "dashboard": "v0.24.0", + "installer": "v2024.9.30", + "ops-manager": "v0.35.0", + "provisioner": "v0.48.0", + "schema-manager": "v0.24.0", + "ui-server": "v0.24.0", + "webhook-server": "v0.24.0" + } + }, { "version": "v2024.8.21", "hostDocs": true, @@ -1126,7 +1142,7 @@ "hostDocs": false } ], - "latestVersion": "v2024.8.21", + "latestVersion": "v2024.9.30", "socialLinks": { "facebook": "https://facebook.com/appscode", "github": "https://github.com/kubedb", diff --git a/data/products/kubedb/single-features-data/cost-effectiveness.json b/data/products/kubedb/single-features-data/cost-effectiveness.json index bc97d5d412..77a8786075 100644 --- a/data/products/kubedb/single-features-data/cost-effectiveness.json +++ b/data/products/kubedb/single-features-data/cost-effectiveness.json @@ -1,12 +1,12 @@ { "id": "cost-effectiveness", "title": "Deploy & Manage Databases on Kubernetes FREE", - "meta": "KubeDB is FREE to use on any supported Kubernetes engines. You can deploy and manage your database on Kubernetes FREE", + "meta": "KubeDB is FREE to try on any Kubernetes distribution. You can deploy and manage your database on Kubernetes FREE", "innerContent": [ { "id": 1, "title": "Cost-effectiveness", - "description": "KubeDB is FREE to use on any supported Kubernetes engines. You can deploy and manage your databases on Kubernetes using KubeDB. There is no up-front investment required. We offer a 30 days license FREE of cost to try KubeDB.", + "description": "KubeDB is FREE to try on any Kubernetes distribution. You can deploy and manage your databases on Kubernetes using KubeDB. There is no up-front investment required. We offer a 30 days license FREE of cost to try KubeDB.", "img": "/assets/images/features/illustrations/cost-effectoveness.jpg" }, { diff --git a/data/products/kubeform.json b/data/products/kubeform.json index c3e3945785..d7b58ddcde 100644 --- a/data/products/kubeform.json +++ b/data/products/kubeform.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes appscode terraform kubeform crd", "heroImage": { - "src": "https://cdn.appscode.com/images/products/kubeform/kubeform-hero.png", + "src": "/assets/images/products/kubeform/kubeform-hero.png", "alt": "Kubeform" }, "logo": { - "src": "https://cdn.appscode.com/images/products/kubeform/kubeform.png", + "src": "/assets/images/products/kubeform/kubeform.png", "alt": "Kubeform" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubeform/kubeform-white.png", + "src": "/assets/images/products/kubeform/kubeform-white.png", "alt": "Kubeform" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/kubeform-icon.svg", + "src": "/assets/images/products/kubeform/kubeform-icon.svg", "alt": "Kubeform", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/kubeform/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/kubeform/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubeform/kubeform", @@ -45,11 +45,11 @@ { "title": "Native Kubernetes Support", "image": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/feature-1.png", + "src": "/assets/images/products/kubeform/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/kubernetes.png", + "src": "/assets/images/products/kubeform/features/kubernetes.png", "alt": "http" }, "summary": "", @@ -58,11 +58,11 @@ { "title": "Built on Terrafrom", "image": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/feature-2.png", + "src": "/assets/images/products/kubeform/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/terraform.png", + "src": "/assets/images/products/kubeform/features/terraform.png", "alt": "http" }, "summary": "", @@ -71,11 +71,11 @@ { "title": "Infrastructure as Code", "image": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/feature-3.png", + "src": "/assets/images/products/kubeform/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/source-code.png", + "src": "/assets/images/products/kubeform/features/source-code.png", "alt": "http" }, "summary": "", @@ -84,11 +84,11 @@ { "title": "Supports Multiple Cloud Platform", "image": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/feature-4.png", + "src": "/assets/images/products/kubeform/features/feature-4.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/clouds.png", + "src": "/assets/images/products/kubeform/features/clouds.png", "alt": "http" }, "summary": "", @@ -97,11 +97,11 @@ { "title": "Unleash Developer Velocity", "image": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/feature-5.png", + "src": "/assets/images/products/kubeform/features/feature-5.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeform/features/speed.png", + "src": "/assets/images/products/kubeform/features/speed.png", "alt": "http" }, "summary": "", diff --git a/data/products/kubeshield.json b/data/products/kubeshield.json index 13474a6e85..ba00ae73af 100644 --- a/data/products/kubeshield.json +++ b/data/products/kubeshield.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes appscode kubeshield security scanner", "heroImage": { - "src": "https://cdn.appscode.com/images/products/kubeshield/kubeshield-hero.png", + "src": "/assets/images/products/kubeshield/kubeshield-hero.png", "alt": "Kubeshield" }, "logo": { - "src": "https://cdn.appscode.com/images/products/kubeshield/kubeshield.png", + "src": "/assets/images/products/kubeshield/kubeshield.png", "alt": "Kubeshield" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubeshield/kubeshield-white.png", + "src": "/assets/images/products/kubeshield/kubeshield-white.png", "alt": "Kubeshield" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/kubeshield-icon.png", + "src": "/assets/images/products/kubeshield/kubeshield-icon.png", "alt": "Kubeshield", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/kubeshield/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/kubeshield/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubeshield/scanner", @@ -50,11 +50,11 @@ { "title": "Automatic Initialization & Unsealing", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-1.png", + "src": "/assets/images/products/kubeshield/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", @@ -63,11 +63,11 @@ { "title": "Manage Vault Policy", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-2.png", + "src": "/assets/images/products/kubeshield/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", @@ -76,11 +76,11 @@ { "title": "AWS Secret Engine", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-3.png", + "src": "/assets/images/products/kubeshield/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", @@ -89,11 +89,11 @@ { "title": "Azure Secret Engine", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-4.png", + "src": "/assets/images/products/kubeshield/features/feature-4.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", @@ -102,11 +102,11 @@ { "title": "GCP Secret Engine", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-5.png", + "src": "/assets/images/products/kubeshield/features/feature-5.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", @@ -115,11 +115,11 @@ { "title": "Database Secret Engine", "image": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/feature-6.png", + "src": "/assets/images/products/kubeshield/features/feature-6.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubeshield/features/http.png", + "src": "/assets/images/products/kubeshield/features/http.png", "alt": "http" }, "summary": "", diff --git a/data/products/kubestash.json b/data/products/kubestash.json index 4e906fe3d5..0dbeb7b3cd 100644 --- a/data/products/kubestash.json +++ b/data/products/kubestash.json @@ -14,31 +14,31 @@ "keywords": "kubernetes appscode backup disaster recovery volume", "heroSlider": [ { - "src": "https://cdn.appscode.com/images/products/stash/slider/applications.jpg", + "src": "/assets/images/products/stash/slider/applications.jpg", "alt": "Supported Applications" }, { - "src": "https://cdn.appscode.com/images/products/stash/slider/platforms.jpg", + "src": "/assets/images/products/stash/slider/platforms.jpg", "alt": "Supported Platforms" }, { - "src": "https://cdn.appscode.com/images/products/stash/slider/storage.jpg", + "src": "/assets/images/products/stash/slider/storage.jpg", "alt": "Supported Storage" } ], "logo": { - "src": "https://cdn.appscode.com/images/products/kubestash/kubestash.png", + "src": "/assets/images/products/kubestash/kubestash.png", "alt": "kubestash" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubestash/kubestash-white.png", + "src": "/assets/images/products/kubestash/kubestash-white.png", "alt": "kubestash" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/stash-icon.svg", + "src": "/assets/images/products/stash/stash-icon.svg", "alt": "Stash", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/stash/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/stash/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubestash/docs", @@ -55,11 +55,11 @@ { "title": "Declarative API", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/declarative-api.png", + "src": "/assets/images/addons/illustrations/declarative-api.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/declarative-api.svg", + "src": "/assets/images/products/stash/features/declarative-api.svg", "alt": "http" }, "summary": "", @@ -68,11 +68,11 @@ { "title": "Backup Kubernetes Volumes", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/backup-kubernetes-volumes.png", + "src": "/assets/images/addons/illustrations/backup-kubernetes-volumes.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/vol.svg", + "src": "/assets/images/products/stash/features/vol.svg", "alt": "http" }, "summary": "", @@ -81,11 +81,11 @@ { "title": "Backup Database", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/backup-restore-databases.png", + "src": "/assets/images/addons/illustrations/backup-restore-databases.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/backup-icon.png", + "src": "/assets/images/products/stash/features/backup-icon.png", "alt": "http" }, "summary": "", @@ -94,11 +94,11 @@ { "title": "Multiple Storage Support", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/multiple-storage-support.png", + "src": "/assets/images/addons/illustrations/multiple-storage-support.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/storage-icon.png", + "src": "/assets/images/products/stash/features/storage-icon.png", "alt": "http" }, "summary": "", @@ -107,11 +107,11 @@ { "title": "Deduplication", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/deduplication.png", + "src": "/assets/images/addons/illustrations/deduplication.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/compare-icon.png", + "src": "/assets/images/products/stash/features/compare-icon.png", "alt": "http" }, "summary": "", @@ -120,11 +120,11 @@ { "title": "Data Encryption", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/data-encryption.png", + "src": "/assets/images/addons/illustrations/data-encryption.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/encryption-icon.png", + "src": "/assets/images/products/stash/features/encryption-icon.png", "alt": "http" }, "summary": "", @@ -133,11 +133,11 @@ { "title": "Volume Snapshot", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/volume-snapshot.png", + "src": "/assets/images/addons/illustrations/volume-snapshot.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/volume-snapshot.png", + "src": "/assets/images/products/stash/features/volume-snapshot.png", "alt": "http" }, "summary": "", @@ -146,11 +146,11 @@ { "title": "Policy Based Backup", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/policy-based-backup.png", + "src": "/assets/images/addons/illustrations/policy-based-backup.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/policy-based-icon.png", + "src": "/assets/images/products/stash/features/policy-based-icon.png", "alt": "http" }, "summary": "", @@ -159,11 +159,11 @@ { "title": "Monitoring", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/monitoring.png", + "src": "/assets/images/addons/illustrations/monitoring.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/prometheus.svg", + "src": "/assets/images/products/stash/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -176,6 +176,15 @@ "hostDocs": false, "show": true }, + { + "version": "v2024.9.30", + "hostDocs": true, + "show": true, + "info": { + "cli": "v0.12.0", + "installer": "v2024.9.30" + } + }, { "version": "v2024.8.30", "hostDocs": true, @@ -231,7 +240,7 @@ } } ], - "latestVersion": "v2024.8.30", + "latestVersion": "v2024.9.30", "socialLinks": { "facebook": "https://facebook.com/appscode", "github": "https://github.com/kubestash", diff --git a/data/products/kubevault.json b/data/products/kubevault.json index 48df11c38f..17b20c15a6 100644 --- a/data/products/kubevault.json +++ b/data/products/kubevault.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes, hashicorp vault, vault kubernetes, appscode, vault secret, certificates, security, access tokens, tls, secret engines, user management", "heroImage": { - "src": "https://cdn.appscode.com/images/products/kubevault/kubevault-hero.png", + "src": "/assets/images/products/kubevault/kubevault-hero.png", "alt": "KubeVault" }, "logo": { - "src": "https://cdn.appscode.com/images/products/kubevault/kubevault.png", + "src": "/assets/images/products/kubevault/kubevault.png", "alt": "KubeVault" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/kubevault/kubevault-white.png", + "src": "/assets/images/products/kubevault/kubevault-white.png", "alt": "KubeVault" }, "icon": { - "src": "https://cdn.appscode.com/images/products/kubevault/kubevault-icon.svg", + "src": "/assets/images/products/kubevault/kubevault-icon.svg", "alt": "KubeVault", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/kubevault/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/kubevault/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubevault/kubevault", @@ -222,6 +222,17 @@ "hostDocs": false, "show": true }, + { + "version": "v2024.9.30", + "hostDocs": true, + "show": true, + "info": { + "cli": "v0.19.0", + "installer": "v2024.9.30", + "operator": "v0.19.0", + "unsealer": "v0.19.0" + } + }, { "version": "v2024.3.12", "hostDocs": true, @@ -430,7 +441,7 @@ } } ], - "latestVersion": "v2024.3.12", + "latestVersion": "v2024.9.30", "socialLinks": { "facebook": "https://facebook.com/appscode", "github": "https://github.com/kubevault", diff --git a/data/products/pharmer.json b/data/products/pharmer.json index 400170fb72..3f81e2d7bc 100644 --- a/data/products/pharmer.json +++ b/data/products/pharmer.json @@ -13,22 +13,22 @@ }, "keywords": "kubernetes appscode cluster management upgrades", "heroImage": { - "src": "https://cdn.appscode.com/images/products/pharmer/pharmer-hero.png", + "src": "/assets/images/products/pharmer/pharmer-hero.png", "alt": "Pharmer" }, "logo": { - "src": "https://cdn.appscode.com/images/products/pharmer/pharmer.png", + "src": "/assets/images/products/pharmer/pharmer.png", "alt": "Pharmer" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/pharmer/pharmer-white.png", + "src": "/assets/images/products/pharmer/pharmer-white.png", "alt": "Pharmer" }, "icon": { - "src": "https://cdn.appscode.com/images/products/pharmer/pharmer-icon.png", + "src": "/assets/images/products/pharmer/pharmer-icon.png", "alt": "Pharmer", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/pharmer/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/pharmer/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/pharmer/docs", @@ -50,11 +50,11 @@ { "title": "Kubeadm", "image": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/feature-1.png", + "src": "/assets/images/products/pharmer/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/kubeadm.svg", + "src": "/assets/images/products/pharmer/features/kubeadm.svg", "alt": "http" }, "summary": "", @@ -63,11 +63,11 @@ { "title": "Platform Support", "image": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/feature-2.png", + "src": "/assets/images/products/pharmer/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/platform-support.svg", + "src": "/assets/images/products/pharmer/features/platform-support.svg", "alt": "http" }, "summary": "", @@ -76,11 +76,11 @@ { "title": "Kubernetes Certification", "image": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/feature-3.png", + "src": "/assets/images/products/pharmer/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/pharmer/features/kubernetes.svg", + "src": "/assets/images/products/pharmer/features/kubernetes.svg", "alt": "http" }, "summary": "", diff --git a/data/products/searchlight.json b/data/products/searchlight.json index 93611e9d89..2b2bda556c 100644 --- a/data/products/searchlight.json +++ b/data/products/searchlight.json @@ -12,22 +12,22 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/searchlight/searchlight-hero.png", + "src": "/assets/images/products/searchlight/searchlight-hero.png", "alt": "Searchlight" }, "logo": { - "src": "https://cdn.appscode.com/images/products/searchlight/searchlight.png", + "src": "/assets/images/products/searchlight/searchlight.png", "alt": "Searchlight" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/searchlight/searchlight-white.png", + "src": "/assets/images/products/searchlight/searchlight-white.png", "alt": "Searchlight" }, "icon": { - "src": "https://cdn.appscode.com/images/products/searchlight/searchlight-icon.png", + "src": "/assets/images/products/searchlight/searchlight-icon.png", "alt": "Searchlight", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/searchlight/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/searchlight/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/searchlight/searchlight", @@ -49,11 +49,11 @@ { "title": "Monitor Kubernetes", "image": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/feature-1.png", + "src": "/assets/images/products/searchlight/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/monitor-kubernetes.svg", + "src": "/assets/images/products/searchlight/features/monitor-kubernetes.svg", "alt": "http" }, "summary": "", @@ -62,11 +62,11 @@ { "title": "Icinga 2", "image": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/feature-2.png", + "src": "/assets/images/products/searchlight/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/icinga.svg", + "src": "/assets/images/products/searchlight/features/icinga.svg", "alt": "http" }, "summary": "", @@ -75,11 +75,11 @@ { "title": "Notifier Support", "image": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/feature-3.png", + "src": "/assets/images/products/searchlight/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/searchlight/features/notifier.svg", + "src": "/assets/images/products/searchlight/features/notifier.svg", "alt": "http" }, "summary": "", diff --git a/data/products/service-broker.json b/data/products/service-broker.json index dc55eb6e3c..c2bddb3d22 100644 --- a/data/products/service-broker.json +++ b/data/products/service-broker.json @@ -12,22 +12,22 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/service-broker/service-broker-hero.png", + "src": "/assets/images/products/service-broker/service-broker-hero.png", "alt": "ServiceBroker" }, "logo": { - "src": "https://cdn.appscode.com/images/products/service-broker/service-broker.png", + "src": "/assets/images/products/service-broker/service-broker.png", "alt": "ServiceBroker" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/service-broker/service-broker-white.png", + "src": "/assets/images/products/service-broker/service-broker-white.png", "alt": "ServiceBroker" }, "icon": { - "src": "https://cdn.appscode.com/images/products/service-broker/service-broker-icon.png", + "src": "/assets/images/products/service-broker/service-broker-icon.png", "alt": "ServiceBroker", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/service-broker/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/service-broker/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/appscode/service-broker", @@ -49,11 +49,11 @@ { "title": "KubeDB Support", "image": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/feature-1.png", + "src": "/assets/images/products/service-broker/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/kubedb.png", + "src": "/assets/images/products/service-broker/features/kubedb.png", "alt": "http" }, "summary": "", @@ -62,11 +62,11 @@ { "title": "Prometheus", "image": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/feature-2.png", + "src": "/assets/images/products/service-broker/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/prometheus.svg", + "src": "/assets/images/products/service-broker/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -75,11 +75,11 @@ { "title": "Kubeapps", "image": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/feature-3.png", + "src": "/assets/images/products/service-broker/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/service-broker/features/kubeapps.png", + "src": "/assets/images/products/service-broker/features/kubeapps.png", "alt": "http" }, "summary": "", diff --git a/data/products/stash-cli.json b/data/products/stash-cli.json index c35c800929..16e0ee3231 100644 --- a/data/products/stash-cli.json +++ b/data/products/stash-cli.json @@ -22,6 +22,87 @@ "hostDocs": false, "show": true }, + { + "version": "v0.36.0", + "hostDocs": true, + "show": true, + "info": { + "stash": "v2024.9.30", + "stash-community": "v0.36.0", + "stash-elasticsearch": [ + "5.6.4-v32", + "6.2.4-v32", + "6.3.0-v32", + "6.4.0-v32", + "6.5.3-v32", + "6.8.0-v32", + "7.14.0-v18", + "7.2.0-v32", + "7.3.2-v32", + "8.2.0-v15" + ], + "stash-enterprise": "v0.36.0", + "stash-etcd": [ + "3.5.0-v19" + ], + "stash-installer": "v2024.9.30", + "stash-kubedump": [ + "0.1.0-v15" + ], + "stash-mariadb": [ + "10.5.8-v26" + ], + "stash-mongodb": [ + "3.4.17-v33", + "3.4.22-v33", + "3.6.13-v33", + "3.6.8-v33", + "4.0.11-v33", + "4.0.3-v33", + "4.0.5-v33", + "4.1.13-v33", + "4.1.4-v33", + "4.1.7-v33", + "4.2.3-v33", + "4.4.6-v24", + "5.0.15-v6", + "5.0.3-v21", + "6.0.5-v9" + ], + "stash-mysql": [ + "5.7.25-v32", + "8.0.14-v32", + "8.0.21-v26", + "8.0.3-v32" + ], + "stash-nats": [ + "2.6.1-v20", + "2.8.2-v15" + ], + "stash-perconaxtradb": [ + "5.7-v27" + ], + "stash-postgres": [ + "10.14-v31", + "11.9-v31", + "12.4-v31", + "13.1-v28", + "14.0-v20", + "15.1-v12", + "16.1-v1", + "9.6.19-v31" + ], + "stash-redis": [ + "5.0.13-v20", + "6.2.5-v20", + "7.0.5-v13" + ], + "stash-ui-server": "v0.17.0", + "stash-vault": [ + "1.10.3-v12" + ] + } + }, { "version": "v0.35.0", "hostDocs": true, @@ -2505,5 +2586,5 @@ "show": true } ], - "latestVersion": "v0.35.0" + "latestVersion": "v0.36.0" } diff --git a/data/products/stash-mongodb.json b/data/products/stash-mongodb.json index d43411773c..ac2beadbdc 100644 --- a/data/products/stash-mongodb.json +++ b/data/products/stash-mongodb.json @@ -27,6 +27,11 @@ "hostDocs": false, "show": true }, + { + "version": "6.0.5-v9", + "hostDocs": true, + "show": true + }, { "version": "6.0.5-v8", "hostDocs": true, @@ -64,6 +69,11 @@ "version": "6.0.5-v1", "hostDocs": true }, + { + "version": "5.0.15-v6", + "hostDocs": true, + "show": true + }, { "version": "5.0.15-v5", "hostDocs": true, @@ -93,6 +103,11 @@ "version": "5.0.15", "hostDocs": true }, + { + "version": "5.0.3-v21", + "hostDocs": true, + "show": true + }, { "version": "5.0.3-v20", "hostDocs": true, @@ -193,6 +208,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.4.6-v24", + "hostDocs": true, + "show": true + }, { "version": "4.4.6-v23", "hostDocs": true, @@ -308,6 +328,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.2.3-v33", + "hostDocs": true, + "show": true + }, { "version": "4.2.3-v32", "hostDocs": true, @@ -490,6 +515,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.1.13-v33", + "hostDocs": true, + "show": true + }, { "version": "4.1.13-v32", "hostDocs": true, @@ -650,6 +680,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.1.7-v33", + "hostDocs": true, + "show": true + }, { "version": "4.1.7-v32", "hostDocs": true, @@ -832,6 +867,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.1.4-v33", + "hostDocs": true, + "show": true + }, { "version": "4.1.4-v32", "hostDocs": true, @@ -1036,6 +1076,11 @@ "version": "4.1.1-beta.20200708", "hostDocs": true }, + { + "version": "4.0.11-v33", + "hostDocs": true, + "show": true + }, { "version": "4.0.11-v32", "hostDocs": true, @@ -1206,6 +1251,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.0.5-v33", + "hostDocs": true, + "show": true + }, { "version": "4.0.5-v32", "hostDocs": true, @@ -1388,6 +1438,11 @@ "hostDocs": true, "show": true }, + { + "version": "4.0.3-v33", + "hostDocs": true, + "show": true + }, { "version": "4.0.3-v32", "hostDocs": true, @@ -1582,6 +1637,11 @@ "version": "4.0.1-beta.20200708", "hostDocs": true }, + { + "version": "3.6.13-v33", + "hostDocs": true, + "show": true + }, { "version": "3.6.13-v32", "hostDocs": true, @@ -1742,6 +1802,11 @@ "hostDocs": true, "show": true }, + { + "version": "3.6.8-v33", + "hostDocs": true, + "show": true + }, { "version": "3.6.8-v32", "hostDocs": true, @@ -1946,6 +2011,11 @@ "version": "3.6.1-beta.20200708", "hostDocs": true }, + { + "version": "3.4.22-v33", + "hostDocs": true, + "show": true + }, { "version": "3.4.22-v32", "hostDocs": true, @@ -2106,6 +2176,11 @@ "hostDocs": true, "show": true }, + { + "version": "3.4.17-v33", + "hostDocs": true, + "show": true + }, { "version": "3.4.17-v32", "hostDocs": true, @@ -2311,5 +2386,5 @@ "hostDocs": true } ], - "latestVersion": "6.0.5-v8" + "latestVersion": "6.0.5-v9" } diff --git a/data/products/stash.json b/data/products/stash.json index 4b85ae1663..730d5c814f 100644 --- a/data/products/stash.json +++ b/data/products/stash.json @@ -14,31 +14,31 @@ "keywords": "kubernetes appscode backup disaster recovery volume", "heroSlider": [ { - "src": "https://cdn.appscode.com/images/products/stash/slider/applications.jpg", + "src": "/assets/images/products/stash/slider/applications.jpg", "alt": "Supported Applications" }, { - "src": "https://cdn.appscode.com/images/products/stash/slider/platforms.jpg", + "src": "/assets/images/products/stash/slider/platforms.jpg", "alt": "Supported Platforms" }, { - "src": "https://cdn.appscode.com/images/products/stash/slider/storage.jpg", + "src": "/assets/images/products/stash/slider/storage.jpg", "alt": "Supported Storage" } ], "logo": { - "src": "https://cdn.appscode.com/images/products/stash/stash.png", + "src": "/assets/images/products/stash/stash.png", "alt": "Stash" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/stash/stash-white.png", + "src": "/assets/images/products/stash/stash-white.png", "alt": "Stash" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/stash-icon.svg", + "src": "/assets/images/products/stash/stash-icon.svg", "alt": "Stash", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/stash/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/stash/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/stashed/docs", @@ -60,11 +60,11 @@ { "title": "Declarative API", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/declarative-api.png", + "src": "/assets/images/addons/illustrations/declarative-api.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/declarative-api.svg", + "src": "/assets/images/products/stash/features/declarative-api.svg", "alt": "http" }, "summary": "", @@ -73,11 +73,11 @@ { "title": "Backup Kubernetes Volumes", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/backup-kubernetes-volumes.png", + "src": "/assets/images/addons/illustrations/backup-kubernetes-volumes.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/vol.svg", + "src": "/assets/images/products/stash/features/vol.svg", "alt": "http" }, "summary": "", @@ -86,11 +86,11 @@ { "title": "Backup Database", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/backup-restore-databases.png", + "src": "/assets/images/addons/illustrations/backup-restore-databases.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/backup-icon.png", + "src": "/assets/images/products/stash/features/backup-icon.png", "alt": "http" }, "summary": "", @@ -99,11 +99,11 @@ { "title": "Multiple Storage Support", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/multiple-storage-support.png", + "src": "/assets/images/addons/illustrations/multiple-storage-support.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/storage-icon.png", + "src": "/assets/images/products/stash/features/storage-icon.png", "alt": "http" }, "summary": "", @@ -112,11 +112,11 @@ { "title": "Deduplication", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/deduplication.png", + "src": "/assets/images/addons/illustrations/deduplication.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/compare-icon.png", + "src": "/assets/images/products/stash/features/compare-icon.png", "alt": "http" }, "summary": "", @@ -125,11 +125,11 @@ { "title": "Data Encryption", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/data-encryption.png", + "src": "/assets/images/addons/illustrations/data-encryption.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/encryption-icon.png", + "src": "/assets/images/products/stash/features/encryption-icon.png", "alt": "http" }, "summary": "", @@ -138,11 +138,11 @@ { "title": "Volume Snapshot", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/volume-snapshot.png", + "src": "/assets/images/addons/illustrations/volume-snapshot.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/volume-snapshot.png", + "src": "/assets/images/products/stash/features/volume-snapshot.png", "alt": "http" }, "summary": "", @@ -151,11 +151,11 @@ { "title": "Policy Based Backup", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/policy-based-backup.png", + "src": "/assets/images/addons/illustrations/policy-based-backup.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/policy-based-icon.png", + "src": "/assets/images/products/stash/features/policy-based-icon.png", "alt": "http" }, "summary": "", @@ -164,11 +164,11 @@ { "title": "Monitoring", "image": { - "src": "https://cdn.appscode.com/images/addons/illustrations/monitoring.png", + "src": "/assets/images/addons/illustrations/monitoring.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/stash/features/prometheus.svg", + "src": "/assets/images/products/stash/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -181,6 +181,87 @@ "hostDocs": false, "show": true }, + { + "version": "v2024.9.30", + "hostDocs": true, + "show": true, + "info": { + "cli": "v0.36.0", + "community": "v0.36.0", + "elasticsearch": [ + "5.6.4-v32", + "6.2.4-v32", + "6.3.0-v32", + "6.4.0-v32", + "6.5.3-v32", + "6.8.0-v32", + "7.14.0-v18", + "7.2.0-v32", + "7.3.2-v32", + "8.2.0-v15" + ], + "enterprise": "v0.36.0", + "etcd": [ + "3.5.0-v19" + ], + "installer": "v2024.9.30", + "kubedump": [ + "0.1.0-v15" + ], + "mariadb": [ + "10.5.8-v26" + ], + "mongodb": [ + "3.4.17-v33", + "3.4.22-v33", + "3.6.13-v33", + "3.6.8-v33", + "4.0.11-v33", + "4.0.3-v33", + "4.0.5-v33", + "4.1.13-v33", + "4.1.4-v33", + "4.1.7-v33", + "4.2.3-v33", + "4.4.6-v24", + "5.0.15-v6", + "5.0.3-v21", + "6.0.5-v9" + ], + "mysql": [ + "5.7.25-v32", + "8.0.14-v32", + "8.0.21-v26", + "8.0.3-v32" + ], + "nats": [ + "2.6.1-v20", + "2.8.2-v15" + ], + "percona-xtradb": [ + "5.7-v27" + ], + "postgres": [ + "10.14-v31", + "11.9-v31", + "12.4-v31", + "13.1-v28", + "14.0-v20", + "15.1-v12", + "16.1-v1", + "9.6.19-v31" + ], + "redis": [ + "5.0.13-v20", + "6.2.5-v20", + "7.0.5-v13" + ], + "ui-server": "v0.17.0", + "vault": [ + "1.10.3-v12" + ] + } + }, { "version": "v2024.8.27", "hostDocs": true, @@ -3010,7 +3091,7 @@ "hostDocs": false } ], - "latestVersion": "v2024.8.27", + "latestVersion": "v2024.9.30", "socialLinks": { "facebook": "https://facebook.com/appscode", "github": "https://github.com/stashed", diff --git a/data/products/swift.json b/data/products/swift.json index 2994ab0329..46c274223f 100644 --- a/data/products/swift.json +++ b/data/products/swift.json @@ -12,22 +12,22 @@ "themeColor": "" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/swift/swift-hero.png", + "src": "/assets/images/products/swift/swift-hero.png", "alt": "Swift" }, "logo": { - "src": "https://cdn.appscode.com/images/products/swift/swift.png", + "src": "/assets/images/products/swift/swift.png", "alt": "Swift" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/swift/swift-white.png", + "src": "/assets/images/products/swift/swift-white.png", "alt": "Swift" }, "icon": { - "src": "https://cdn.appscode.com/images/products/swift/swift-icon.png", + "src": "/assets/images/products/swift/swift-icon.png", "alt": "Swift", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/swift/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/swift/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/kubepack/swift", @@ -49,11 +49,11 @@ { "title": "API Support", "image": { - "src": "https://cdn.appscode.com/images/products/swift/features/feature-1.png", + "src": "/assets/images/products/swift/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/swift/features/api.svg", + "src": "/assets/images/products/swift/features/api.svg", "alt": "http" }, "summary": "", @@ -62,11 +62,11 @@ { "title": "gRPC Gateway", "image": { - "src": "https://cdn.appscode.com/images/products/swift/features/feature-2.png", + "src": "/assets/images/products/swift/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/swift/features/grpc.svg", + "src": "/assets/images/products/swift/features/grpc.svg", "alt": "http" }, "summary": "", @@ -75,11 +75,11 @@ { "title": "JS Client", "image": { - "src": "https://cdn.appscode.com/images/products/swift/features/feature-3.png", + "src": "/assets/images/products/swift/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/swift/features/js.svg", + "src": "/assets/images/products/swift/features/js.svg", "alt": "http" }, "summary": "", diff --git a/data/products/voyager.json b/data/products/voyager.json index d291595c87..942ab0d31f 100644 --- a/data/products/voyager.json +++ b/data/products/voyager.json @@ -12,22 +12,22 @@ "themeColor": "#4d4dcb" }, "heroImage": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-hero.png", + "src": "/assets/images/products/voyager/voyager-hero.png", "alt": "Voyager" }, "logo": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager.png", + "src": "/assets/images/products/voyager/voyager.png", "alt": "Voyager" }, "logoWhite": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-white.png", + "src": "/assets/images/products/voyager/voyager-white.png", "alt": "Voyager" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/voyager-icon.svg", + "src": "/assets/images/products/voyager/voyager-icon.svg", "alt": "Voyager", "sizes": { - "192x192": "https://cdn.appscode.com/images/products/voyager/icons/android-icon-192x192.png" + "192x192": "/assets/images/products/voyager/icons/android-icon-192x192.png" } }, "repoURL": "https://github.com/voyagermesh/voyager", @@ -49,11 +49,11 @@ { "title": "HTTP & TCP", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-1.png", + "src": "/assets/images/products/voyager/features/feature-1.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/http.svg", + "src": "/assets/images/products/voyager/features/http.svg", "alt": "http" }, "summary": "", @@ -62,11 +62,11 @@ { "title": "SSL", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-2.png", + "src": "/assets/images/products/voyager/features/feature-2.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/ssl.svg", + "src": "/assets/images/products/voyager/features/ssl.svg", "alt": "http" }, "summary": "", @@ -75,11 +75,11 @@ { "title": "Platform support", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-3.png", + "src": "/assets/images/products/voyager/features/feature-3.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/platform.svg", + "src": "/assets/images/products/voyager/features/platform.svg", "alt": "http" }, "summary": "", @@ -88,11 +88,11 @@ { "title": "HAProxy", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-4.png", + "src": "/assets/images/products/voyager/features/feature-4.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/haproxy.svg", + "src": "/assets/images/products/voyager/features/haproxy.svg", "alt": "http" }, "summary": "", @@ -101,11 +101,11 @@ { "title": "Prometheus", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-5.png", + "src": "/assets/images/products/voyager/features/feature-5.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/prometheus.svg", + "src": "/assets/images/products/voyager/features/prometheus.svg", "alt": "http" }, "summary": "", @@ -114,11 +114,11 @@ { "title": "Let's Encrypt", "image": { - "src": "https://cdn.appscode.com/images/products/voyager/features/feature-6.png", + "src": "/assets/images/products/voyager/features/feature-6.png", "alt": "http" }, "icon": { - "src": "https://cdn.appscode.com/images/products/voyager/features/encrypt.svg", + "src": "/assets/images/products/voyager/features/encrypt.svg", "alt": "http" }, "summary": "", diff --git a/data/testimonials.json b/data/testimonials.json index 677d6050aa..ce1f58ebae 100644 --- a/data/testimonials.json +++ b/data/testimonials.json @@ -3,7 +3,7 @@ "name": "Luca Ravazzolo", "job": "Product Manager", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/luca_ravazzolo.png", + "profile": "/assets/images/customers/persons/luca_ravazzolo.png", "companyKey": "intersystems", "productKey": "consulting", "testimonial": "InterSystems was delighted to engage with AppsCode in the delicate, yet fundamental task of supporting durable, non-ephemeral workloads with Kubernetes. We needed the best-prepared, most-proficient database operator consulting in the industry. Given AppsCode's pedigree of database building operators, the decision was easy. No time was wasted and all objectives reached in an amazingly short period of time. I would recommend AppsCode consulting for any Kubernetes related work." @@ -12,7 +12,7 @@ "name": "Mario Kozjak", "job": "Solutions Architect", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/mario_kozjak.png", + "profile": "/assets/images/customers/persons/mario_kozjak.png", "companyKey": "elpheria", "productKey": "voyager", "testimonial": "Voyager made it simple and efficient for us to protect and initiate our bare metal Kubernetes workload. Its underlying technology and extensive L4 support along with seamless SSL integration is what made us choose Voyager over others. Voyager team is also very responsive when it comes to support. Great product!" @@ -21,7 +21,7 @@ "name": "Manuel Ramírez López", "job": "DevOps Engineer", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/manuel_ramírez_lópez.png", + "profile": "/assets/images/customers/persons/manuel_ramírez_lópez.png", "companyKey": "pricehubble", "productKey": "voyager", "testimonial": "Voyager is the easiest way to use the fast and reliable HAProxy as our ingress controller. At PriceHubble, it is the corner-stone of our blue/green deployments." @@ -30,7 +30,7 @@ "name": "Richer Larivière", "job": "DevOPS Specialist", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/richer_larivière.png", + "profile": "/assets/images/customers/persons/richer_larivière.png", "companyKey": "devolutions", "productKey": "voyager", "testimonial": "I work with a few Kubernetes clusters and we use Voyager as our preferred ingress controller. We really like the ease of configuration. Documentation is pretty good. Also the use of HaProxy is important for us because it works really well with both L4 and L7 load balancing. One of our TCP services, Wayk Now, is able to withstand thousands of persistent connections very smoothly at the same time." @@ -39,7 +39,7 @@ "name": "Daniel Gormly", "job": "Senior Developer", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/daniel_gormly.png", + "profile": "/assets/images/customers/persons/daniel_gormly.png", "companyKey": "birdi", "productKey": "voyager", "testimonial": "We really like using Voyager. Its straightforward and well-documented config and SSL (especially Let's Encrypt) has made our migration of services to Kubernetes a breeze. Each major version has been a very welcome update!" @@ -48,7 +48,7 @@ "name": "Dario Freddi", "job": "Founder & CEO", "email": "", - "profile": "https://cdn.appscode.com/images/customers/persons/dario_freddi.png", + "profile": "/assets/images/customers/persons/dario_freddi.png", "companyKey": "astarte", "productKey": "voyager", "testimonial": "We're using Voyager as part of most Astarte deployments and it's orchestrated also by our brand new Operator. We are glad to showcase that." diff --git a/static/assets/images/authors/abu-sayed.jpg b/static/assets/images/authors/abu-sayed.jpg new file mode 100644 index 0000000000000000000000000000000000000000..96a1b07445fb0261528c7642e898dfa7d133f235 GIT binary patch literal 10570 zcmb_=1yEc~x9u4Qhu{Qvmk``NFj#QcAi-S*CrE+@*Wm8%8YH*`4^FV)?i%tY-(P?I z_f_3juWr@dr_S`6-F3=HV2mzSEvjc#=gPV(*j3lLwt{&xI-@nbo%+=}N_`fM(ac}1SMhAeISN~1@|IdZ; z-rUs;*60j&ySczRhmm~`!+4he!k&Mz>A!H~U+kix_6F7_2Zk9f{|h$#FWAG)$qm+K z=x=*7Czro?1%`#~?Vx}A`fGm~qnkTus>4bh*i8z!0&0K^APK|&tM;Gqbj$+){%ZgL z$NtA>nhF5T!2m$G^dBE>4gg?&0)VCoCleQwf5^bYe&H-E0N|n+0AA<<0PZ9Jpz8md z=zpI5j~4%rccp|qLkfFON7!Wv*a7AMB_Ibl0A>Ii3~>VN00+SPXBl_{Ai^UcBETae zA|N6mAtIw~xGwjDLfGkdTm2kx_9`QE?fGUlKF^kL^!4fQ|e&d%+-T01g`j#s>ZAgS`L%LIC|u z?0*{^7{(R}1R%p|rLh1w5Eu@O@Yj&w!LY_~U;rK)feI0a1D9Gt)dY#tIWP`SGPkw| zpGM7PBPf3A>>T+eEgcuP=^HcGy!^UvurS21_~8GmlfQ9b-N5RYu>mlQ0ssdGfDCs{ z5r+L+XACF;b+hDXi&q6oVt@?$-B9=NDR)>F^5EJd01iXA82rh?FjP+EfE+OXkwyhE zMm{GOUHwJOCY8USxky8efLvT$=topgC(A;9zbhV`XSHbz{+J3lf>iBGZa+X+jV%*F zsuIibCPJM=n?nWu+@PNbk5&bc#$bA@5+_bCje=LiD4T;17lwLu*~pk9sMWG+hh%6L*^f-zw_o*dIb-ur!$?vsx zAK||DGHhmI+TYI>ZA5I=I^>U%6b$FoCHxq8TjQj(xL`S0DZ9TEYBkLj%1Xkr=^|)< zdHG!{U-YFS_PikUd(A6aDUp2vr@y?OQtt;f| zX)IsdO3?&!ca4eS@Jvvy_hSaiw(~@o;Z0j3l4dKUoGbg_g;|l<$yBy-OU5+i!1&)7 zhjROo!FaT)o2{^Hk(4IFAJf30hiNMb(-fEbQ-n%XiR@B<3MxBGP?#zhre8HGC2uZL zKvke2TpNO{AWY0XnCuuZ+1*~0&^wG%cfbDyaAXd5KPiGZ@RZH05(YWTYj&Ul6HFqQ zyO$;V*DQAB(n15eUg7qi*GXfMl*tWm7yWJ#u?(<0wnNnSRYnK&!*PMk+0m6XE|;r#=Q`o_cz;tdQJ zhJ4eADTu7_IN%#1H$>oSOWTy|` z+K7g(*ClLouS|w{tB7NUToc8vnNaI9GiW8cOHXZQ(=$I#cbhi)hHz`=g?6%nv-L|6 z-skZpXmiu&IzCi|7Lzey=Y)-ohxx{kG?M+F{r($6IBXJ5?Qk-R0c*e=YKdNmM`|y- z>`ZEEw6FMY8*8XQUKBAAnVjlLEqDhhm<*SNy426rJ7~#^;pj6!goa&v5-%LOA^!%` znwoBUg*gah+E*mF1^?i+J5$IT@t~E^?Eb-+T{neU=I+V*``0J76o$l0`A;|#D-v5H zIZzQ!xx)?Bc;}!Wd81~mnAR+LD0mmuV!Xa>8MBbeV!7g#FKccz%)R-j=6MIURzmz; z`>sA!d~3cRBeH%}BkUw62%BpN4n!)+@r#J>vGYz$dQRmT5mO@P_7mZMV=k0BH=vIB zXDL9z%f-V7;232K8D(=RvBj;1a;XC}P^k>?#8t@tSs13&BqkZVt6*zFz+N6)3j!e? zQb57UhHfRDw%TZ5&H2wHxS&n9qetXbsr-)akJ)d@vk$d`li!?`zH4vh9IC3!vTO3S zs#G%8!U$~Eda)@ihN`FE<2GKXIci5jNL{f)k|X2tbc;+H82i;#Z$_<7N})Lj@u%oi zJP+xZ(oeVwEmAJ-p~{gmLIVAoZW zv*459MzXWh>B%*|&BZIitOxxNzFtfpq~hty75*)ijx0_U zn!K(y4S<)@ZCQk4Tg6wppfPF&pYVfy?bcbL+vnEK$(e1hZ^1_ou57^a9?PUM<3(*~ zh{8&rNlUzFM}@Yi&otpuO6o^Gb|Z0d;ZBWY7IqM9#n`HJiok*`|M}Fd5g<-RMcA&O z@wa4@2IW%cMXI23sEI2`F=`J){>=ex*zOguhbOL$fQ5%7UQ%hTw@`2%Dj+;K%Kscx z*v~O{FJ1B~OU=uj|4uW1QhOa5Exo;s&=w%5)zv*2Q%6IMg}fRQUg4nxss_c$u-%dC z?(26U4SakXt`S?tXH)f+J8r5Waryo44)$*N`nEi9WbJ_Us55VjRgc~Qo5k6*}=5I{D+j~ z-!`L)q_>=9Oyu-mWRB4!v{2_|F{8C9GT&$DdpLW%w&Y?*b`5Zj2%Pftg0e(Q%l$Ig zMfLtITW7>))yqITTI+QuOL8B+HbDMmQ=LwGHB1- zK>&ZNC9aXM=d0X3my&1nyXr?y>gQqdk-m(&hld~5<4&KL2XsH3Lr7GeDu)i*achRh z2cPbKP@{F#8M-JE?VxL?^m#r#%oQG6N+^)jQ*$u6X(x%VV8^b7V2;=Gzj`ETv@O6b zuoGu+B)hzy&&@X|xa7kgcwo36E#nxMFBQ1#N5N|tGt#m+P*S9omJ1`yp-zNt8dxAa z#6)g*6~Ib1kEd50l*4WDX%>f>F(8+m+qB>#EIA_Ra*$D}BpLfbQxF8?d_1IJI)7GY zJ^6Y!=(b_~S5^c%ADd>a@3@{Pm~o{>L78B|v53(Xbi(Yn^OMB1uN?EJB|)sMgM;4R zPVGe}xF~ntBPC{k>kL}oA@CL{2Sr;YZf$Fb|Hkvh!`4=;g^Uw5n+h z5?e~pS0tB;8u8f`@p^+{;I`EHW%kHSm#oleV~y4#Z+D}TOI7@0SzifLa)h|NxMah) z@muF&qBXJl_u_t=74Zb>z?C+21}@8zQ&)zextQK$f|tG(r(@y+W3nc@U5Dy|mT3EP zijV2Cd7?G}A2c~`2;+R(v3Sc?U9P@lkrP%ocP(zCc}JZKv8IZ^R=TY zUI{DT0}k-^y&32|)aPp^6#76G#4hgaQm7Lh`a+j1E5!pZN@O;;Rhtsy3$1^4lDpNC ziq~UUS=0RF-iaazwn-p1@pp66suFMH0C$tbT;f(BZp6sRG(b5Dl*dh<6DI*-)C$vx z#mdK{4pV_=3`Wkw14Y2nBp5JlV+o2>K|auv^Ak2W5wfIGa>4+9yXsZLHJjz@GO*K1 z<%=}QX?~Fp6 z`^EP)h{?Lhz{`FvhqVe3W&ByAAwGpJ^BbhS9yib+)iJ*rg*CF#-d1_a$LFg=cVhL) zLMcCafCdBRqjGa+yhikPYV2;}fVv|`oT{*&A4a)x?NWC$c11>E>Km6QE)`*}+&A2r zRYhju+U8n2YcuV7b17TPoKXgIIKw%6Kj*G|qD*atQr|;&erdT;$&o`U6nxvDn;r7Q zwoWTUEsL(5ES&8dD)pbsnJ8P3y=HN`!Fx(v8`|Jj4JbV*pj&xueF>F7t`5cAhbnL(oad5cdM)?FVbR@P8lI%T;et)ft>X2xMsr_o4S z0o?RqFsWalmxW9Z?QQiT-Xe7G}pNE`&Pe@+_4 zjCy}n<)y?aefIph^aUq(muH^D&tIw&G0HEVT)*m2)lF}xu${2gXB`r0ii;trs&Q82 zxLhEpH~mnWyIQXGt)OF$bbV@sdf~KGeU8`NPhd0Y=tAhca%Fl#jnmBH*{GDOc+^+u z5owFsGN;UGE*Yt28mSQwOqhdbJPF@mR!Gm- z4^xd8unGo@r^-2hRqMSarfSVmEKVegE@@#HP^TfUC!)=xsR7LUyG^o?~z8!R+gyWk>$BId}t6$RGn5GqVG8kktYs zLcqe-d4;LHmIXh?-PuGiI&s0BvBB2pxBRCzH0VdSDbIbA$XCM>wcstahZx*t16{c2 z)>w}~e*DYNYh$v^ee425+z-9#?H)%zvLroFi^}!Q_pMht*5|9PWwU0QJdpX$FP1Nh zIs_c)+e-?ZL-oz=h8dJho@nNB8WdmN>b5{SEOb7;m-@L?8(D}`)9ZddSG)Tg53(ijTq=B%)y@$ zXJia4=qb%2-B{HQbNEE8n2`|cG){n=Rk4a7uXq*a2ye_o*2kx4UD!_5+xkm=d&gES zC7{d9Mi1Iljh^sz278$78$FUz0B>Jr^MfYCvQehB`3F0-mL8W0|pYBp7#8 zoNU%6bkOX@r1j-Dn%feI+~ucR%sx?uU^qylWn3Me^BglT5+yR1Rmb9c&%9c$LoTnW zGBo_Itt)6|&#{R$Q$f>AWn!cvEEA>6IvmJUn ze6Yt1@*Kw+c4;E`-pp0@ZM#n56g2esan_X-im$RMX68MRHNNCGM!;d&R{vppB6*il z`Q~z8cUGeVUy;Z;hrXaO6IXqz@aS3}Egd2vq`^$G?oE*d!PQ`Onj~h%vBDsRvn~2G z2?v|GutbRs#>z!(djXijj^2Abw5VXI7YbIwT;+$+`HFSPQf8w|N!xGlUCF|)Nahj> zd`NgFU(Ms&#OjEDIAxdg1DPb8b(gj=o1G%tN)kV^F2=H9*W293dyNOy(OpL z3FHN)Z~eHkjzgRpGKT49T=74k{dY&F%93x3m0D;S+gu4AQ~x6S=Kf+A)lVm3Teq3i zIi$Gn_WcSjewbK$BSg52t5&S=2d>8@V`>Hf7`_?2H{8p`!`c;tBAGFr3I zCS+WGva9+)!#}?ABjZty-cR-CTY|Wq7iYM#Ili?K@f*usHRqz4PQPd+H6bDbnsr=P zudb>d)oPC%UON>KI=l_;3a2MMj1fPi_y3|T{aY-Tyh-wm?hjywrYGyapV>){?}3Yg z6?v+2oiwv-$XX)nd^qc+6`W@i`%|ib&p%gvmiYd7=VQvSr%$_xxqAOYc(`N|RWo@* zPlf$zkA3r5DHT}o7iomUTx6Bfy61exnoJ>b+_c@XM&zaaZllgtDmGmIq^8;rQvNlY z%*IF;^DkRN+B|IE!=+lm0z$J$xCfFXx`0XD{dBW78eENGZR^!_#b5-qYYDdli|+*Q z_6vpYgZBsMkA~&BN)u0)6KJuL%Wp#KgZMS!$_&}%4C9MyhRezk$RMJ#WXrbfX$I)m z%6^8wRoY++@0`%8%^cH3)5>bWFQ|@s=k8;ftr<(d=C zN73p{JAFp=y(s5BowHU$KPbSF^ImiCY9B`A9ju`Bq&*~0L-D5_l~s@!@{POc+>mjQR#co_E1?!x4@pA$0 z14k9hjdfp#a3yy#_kc=0=_c~bo94h*3Ix|B?$ ze5w_HD~ezZ&)(2iY;-0AdN}z_qhwuuJFpp0EwXf*n50K)_BI~DidfFx_-oJ0cebN-T#MXMT|E%P&|dI#se$ydqgsbW!;~g> zI}d3@EijG!v`X+uX*OQ}SZd^zW?kS#=bG$pIyN|#FxPIubU*)`3caxPZf>mPlMk%) z6p{@`ik!}oy1QT+^_8O#oM_Avoad>6&hiL_gtzsRxLe0imj}oU^61;)o)`Qi3&$_m ze|rOwG0%sdbWxG<<*+cYO(WrrRS8D$_j=++OmSvNCYtNMqs5NiU;AzIyShSe0)2n! z*QW+$l)6~~0$M6Ze=?tFaNyy#hLXW+&ncX`T`-vxEyT(es z$O}&~!Iq^v+C83o-=W_{?RlSVb?1|HmXXK^q3D=lH1HHy5>?hIJ4@mcgI`2>ip~d7 zhPuwgxmNV^MIt}_0ao;*#y(V~(t1_*NQ{_=*4xz#S9vGdK5|(Vzh;@y-%#kAHQo-t zIN;Qb-g?kz+>X2xF0-YWz80`^ppGXZqg790c3Qlu)Q8-JTC{n;a6#e&J9y$@ZH+}n zQiS~2JaK=S{fces$o_UFS}>FSxS~q6$JqI-lqEfkdsXD*brCj%clba#mYhBh8e^rW zwlL)Oh3w>cuSKPVZ%w!$D~rU}mUEV;Jj!LGxHV&#`FI2(fD{WZzCYC6`vZjj%pWh_ z>^kbKdNwx|dS8uqF0@wv2GRcLLW1a2?&)V%l6F+u=39C%iJxtA_42Ey9$Q*Qc#~@T zzq0l^^q?h}&diaqm~EeTj@-eU-e9Bgtc?8$LLHeD53PIkSELkqL#(-h+RrT7)O3Si z$;x=m{gq5}LFe1fTWZ3tWy`D1NDEqOHP-tJePyjiuBX_Cw=x%L>8))J_)~>H9L=Id zTvb)^E9)XFuuDKHm~;k~V_QO}x?}a&gsfoPS>F5WyScbk%e|3QRtqZ57G}u8MZw!? zm)mGTH}1I!wFq;o_jY2dX7|4Sf?EO;U(*(aQ`cQ@LY}EnE~_dE+iqfD(3ICE3yr$VwO4aT=csj($^)dm~2Ld<_KL6UC>mT zWX*eOiST+}X9~_AHF>CUYribxZER6ZmiPmF#<+MI3>KQc3%qKMeh^qf$u|jo)73k_ zq5rbo(tdzc06pG?miP#6$%6byn<)V|<`}LsCt_=ErpL>2n7+l@=TNu8(cu+aY{8k3 z40W@nIW6`z-pV{x=@f*opyyDl+Cq@xv1gzSn!vyfderS`C2-9S@4lZcO!@T2QBZq0U<$o+kQgM=svkl#xgLtO4-y-DcMlJ|l^*_gFq;SsC+BwX~2 zVg#nLtW3@GYq_o5YK3mD0d+wpsBiQ>|)+d=f?}!lgrt5_p2Wfj6BZXf9A1EqHtwm z9RoRH%3DHl+LF3^3SSbaC-vj9n0;+jO_psw^T5$P@P6ZTi}MrB`gqXR%%9~G(`Z|k zi{JH=_PR}IKi8s7irs@12DBAhygUj*DmbZ4J!pRAoKRRBvlP#U(mu#=E)4nNUVGp@V+7Yhl z|K1>rF(RhE>0$*(0Dl+5ED5g}X|_s^cY`n(cBhpftc7f6e1i}Owa_LBA%|D1kvBwQ z|FxEsc&&9#fr+hFTcnai`ymO}yP_^d3L&f)bCY6IFe0%=yrHfvc-%$UHu?5|c6g{~ zjeC)Uo{(2Fh4K%OO&rx`5o902>0-0U5_Hh5Xj4%vKn^wNu#hAC(D=G{o_=#N_8Kjg zDY+K&6peAI0G$UV#>66Z!m4lU-hZwc)2uD*hg+t0NO3G}p_Y#p1Jnu8`HTwlwj8x2LW>}&3~rC(`$IC=*!7hl8ooM8y0EL|^z(^|U!IdddV|Whq@B&o38I^o5~+ z5#!9?*0bN`dG6Eii|t&@3zeGWcMRQ(9X*C~(mHZAvbOfA)K$T$u;n+Q>&ND0G8Xo0%P%@HRB`I!|g_HHd%= zf#F4uNr3X}IJ_$NpAE`%I`WGPC(;Crq9l`j?mdO_x89`QX(4)2I_4e)h7u&|@g2*N zs3;NxYkH+L+#sC@=f$8_!lE&8=QKZpHr`xn;ZNiyF?yF(D)(DeOr}V@^3zp0y|GAh zWmAkH94GGFo1~1?t<<-BQ_cs9IFv3el*WG6o_>&>_{gBI>s$&|0zNGd8ta%;{3DU4 z(|L`ilkYQ<&P#>dRhHxCT1y}aGHoBTu{YkrRW(o1W{eEF{xpDIlXqnz7VL8ikMyKM zB*-GxoC705FwQY#PD&?2Mtq-197Lf84UZJ?w`hjk>g(h!NOP6Vyyq(r zuaGeokr}d$OpPN2v+6f#KDK@HxC+!wBZR^4BpQ`@L}L@ozDvVUdUk zGcLDWa$q~nk)p0W(Qez-SN{i)kMNlnhihW@ZJSfPv5LFeMHz##p=~sDQ02DhXVRN` zCqjkGuQeaEN81X^7i{>nT!LtWw4*}HYLPCg3;0oG(icWoBn7JM*yc7x9yk;2{s7P@ zv*%@2oQarIhG1vMk^+xf`}Hk`^Y6|!uj7Y`_UFF)_}kkOj(%sB%JHfNUssnyNy_bs z9~5%%o`&%enwhr#z%`KbHn7>}35WV?M_iOBUY>cp0RFwPMfs*#hbV6;&FM$Pc*SGX{FX~v_ zADG47Hbi2ITOA=iO$i4$4oy2Npo+(j9OMQFWy?bg2@6}iXg>J9X57AHc+iTEh}oqr z-H&(Tl3m6k3Lgf8xevVXX($1MBc$xBf{jL2jh71!%BiIabvh?Q=B-~Wy?vNKE;;Hn z&=*}!So)&_F~j{Ugnyjdm`CsDquGwbs~PyIG7g4b2Wb2FK8JhCGXTI@I;Gz@x+MK zbKkZlnz$ZdzXDc0e;Yx z4316a$`UcRQDU&Qg?ztW<<>97t?aB=Jp|*_Llx+9jLB+i=QV`PZ^k zH=NDmT1_(^Z3dGFoX68^{Q<7YAl%Gc4~}lJrE!YdPY_ruYPxQh`Cg> znKwvQ_N_uV@R+%}PtbMr$aIrIdCj_coXmUuBjHo#b4aVb+o&JbAK>V>9VX7&8b2Ln zlTP4;*Lx|7Kpx+qpN3{jViXd@m#oPmA<7@&rQh{Y6pH%*^*d7zzgYeN9%cGcn128) z&gUfi8@rvu2+xyiGA+I~)C%8^!w;ry+zi+W%)evO8~M+^2exGp$5`xsDu?1Txc9g3 zet@DYmy$g5;K;Cs4*l4piW;`21`<|I; zDe4c=@GHmS-c%tu5?0>>3p}H|d@4F|8p88Z7O#&?tl}4yRJ5AW;9w#35>hi(h=`3q zIs;m#ACnIFMfmbaVNLAGehSgJDBfbBa7RABsD>-)0OZk+S*+nS*1e2Zmr6!tYyMD* z4_;l4?$ka_k8cQl5ia}+35%5UIf*59E^0(sJ}msc4Nh7v_j`JEp#sjEA=%hn{yfOa zPWlQT%ZUriC_4=ieLijUoMAKulcrx&$t6S5Ye&Jj7;LE_3QK0>abK%V8YD`KAi7-= z^1N^_Z5n=KZ{m1m!(yKDW)8dXI%4`e0hJ%sJ$R z+2h_a!-Y_#jez){I;Q@5!KumbF+O${JFB(jf9$=vMJg+ZBZVTgN*ABiGlmoF?)E`VX;^h1%>T`iKJ#8j>$5P2IC>K1A~@rG7;9CHd!%e~!-;?Ls$0bmRWL;wH) literal 0 HcmV?d00001 diff --git a/static/assets/images/authors/ashraful.jpg b/static/assets/images/authors/ashraful.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d2f82a87db7d755b76861dd2380d4c888c1c7114 GIT binary patch literal 6649 zcmb7HWmuHowx1aoI%bA$hHe5!ojhM~JdQBtG@1gSwlLP{D$0Tl!l zP`LO%=bn4-$Gi8Z{jB}2wch>gU+kNun@s>jS5rq500aU7+P4#MvkFiHkPs3Q6B3XR z6A_bXQ5die^gcx_X92h9dG7cIJ2N zv<(dP|0V&Fl95qBC^#u8IrYT^#Pt8)<7Nl|B>)0|030A200af%K!G>I0D8df`fs=Y zGk`cCTrl2kjOK6Pe@6fSAPDDX1weuW1b`qoklXc%RcN^g9v46a0C1v(mjl#r0SU1p zI&pfmB6xt|0XzUeA=T0<=e?qNC8rZ!HY=_;yj&mTK7)e?zyUY_M(NcIy}U#(-*#@e zU<@eRSXJpEGYRqHl7Io)zwz<2dvhMf?W5XXy5DwnUF}9(JPh3AvWS6z06LHGZa0Y! z(E3o>^>_Z(RVUhyGeLu8ZB*g3*~YfAV| zh4=l9$%A!y9`aiMCf0R&Y7J;%v2OMlwm)<EH`1KjZLu%lWB*vw*^C?f#D`hoxSOt6$z$e-}XZ+fK;xGMHfQ*}waBy>7au-DqXA z&{>vx97XqKLGVKcszsd-wSu01ya>3&aJ1Ksf)x1`q_rfxzGh zTnaW(6;@>tRWK!oxWg?R2yQ_F1cPn>qdd#n)%Ue(&7$6GZcn}0((6}pBrX1Q*T^;h z&*b^ig!eN09Qu=f#+$&CV|Kx+KcOKR)Stq5iSRzqeOfMLxOaZ}mPu_f{xzK(^<0trFS@1QQB3 z%8PE?^D|aZc{_H2V8Nu1-$@^?RGH%Dnsm$vp3MEnSJ6+qi}NdbIFjy^%A>P>w7kLdM#t$|`ri>|-28g>qcwSSt*pnZ zz0;4XYBBS>SV5;?;ss-H`PA6cYnMjtK00(+l-LLP%w<^~_a#m7`<)jX=LfcY>aEJg z#@7%%@U50?!%8i>45rE7X?-u%TXjgs62v(YS+;CoQ46zw$^?Du zPIcE>j!w}S79spv9w;jLen#O}&H!ff#WA7#(9g4Z3v`D2p94Bqpx}E{OkE_U;N>kpHmMy@^ zcO`{x091=46mC(wpfcK|ifv z1Dz@_8NtWH)&8OOl3HyCd6SXQl5AVp!Ae2%ibQ*M$ujd|h5@Otk#u$Jn98#`D2711d zq$Z<_B~1A($LVB($?XqZS`AP2)7|c&`-c@2%Yr$bk|)`dvo_Cm1^g*pp<}JKqjp$m zFWMtJpeiS)s%@&pLoj&NP;~{R_aG60E_7+-keSe2Ce`tPl4vC~a8h`Tzi3fO7Q^o;y`vf6Lq$pQuZh33DJ`4^wJiUbvbz*yl3!+&A&R@Rh&XWw2}t$^qh zz4;I;LFrp0%a8e!Ia^M ze=rXEoA3LZE!`YB8kRyLQi2qcAwGIaXCm4Ldm0x?o_ZrH0T7vn^v1K)G%%7x1L-&X z5S*S4eylnY{VzfRg1|U9xc_My2ta^tOTa~xRbXsJqK3zg<-{QtC>C;6Jz4V zf=nkFpm*(4RkIji_hW7VkXEA_Z+Vl6V?OpaY7DlAl<1sKi_8puF0`3uI3GcWdG3?M zz&jE6SpZ9zoE{${OSkW)L0YWyJf56u5MF`QAN`|OAYQ2ITyM&*LV)^G(>3!WvxrNt z(9IO#tl6EJ;YBCvm4Ff-xKrZi41dXk8Nk%pL?Sa9)K1)IDvAzFbN zW8j0k5X|P}VOLOn!M6X4^@yK{4Lkbcu|%LQKO;P+nwtH6ttI755s^Ce7_6P?LBE=s z!C=~(%F0pnrFW@%=5(ciq9(XU6;^Ec?Dd$n*$;%%<=43_+(mtm|InoQZqc1z6f+Co z1hQkb)m_5ep5(k5B)5rw zdocnZ6f(>%Pnb_%qwN}JfMBFuNGS=bn-8xnV@j4V>ghrp4fu576}lonpUJ6dO{uUM z1`7yJQ0RN>z+5|SjVecf*$?ixfq_!~aDk-ohq1MRg1I=#OZkIS%RDhP!5ojuVu?^N z3D}~77krrT>*d2`Pw95Ogr`Zdk@-)ri1`Q(`%Tr_D@>q~kSa;NN7dOX-0PGJe;&We zLUN6^xU$m6jWZ^&>C2OQ_8>JXEExaZi%4gu5s)0MDA|!^v8z>EpEXw7S%&61Cy#kY~#MSHnbJ*(rAj<+xCqtd*GAf+(=g)FUmPTjd2 zENlKSF*_lsuTnK8yLrmS^wcHzjfYou4jYk4M)RSuD;=AAsyf0HIqZ-kYc8y)mw&}I zU#ecWe%}#YAm{(b1*ex#kjzAtwm3>nj}$av2YyJO4d;=K;E=-6VfW>b5qQT%C>5J7 zE|3g2rHQc+J?R0?;j5}`3`}dPSF*^XrnxBn^;feEaM0K(!zhlPU`nGJd})vinHF0CQ?FXa zXBVTk!3elhWS-f0)2^)l&T`NfS!FnWyOD`eh$IZY0USu|T#nmbkZn-PBc3h^WJ3lm zN>H9;vm6>RoNX1~-p;ggG#|j1k|=evT-$5KUL5H@G&p}ObT!>YbR0>zEva*b@{G#w zaFFs9byw!B<*?jDqU#YZye3||x@T;JR`i5iq?6(f9DlIMvaupYsBb25-S%NLa*BwS zvN>pEtZE5~ivg~QcUVOifwsrYMinPmJ4@lUM(ZyZ+KJH$mj{GCo8gNulImDqUGlo9 z2dnwjUa)9fqU9&iWW0)_rZ)g}7`KP&>{z=x3EaV7kO3GFrDZn9N|wJF|4i5Zksju0 zY+0*yt?@(onRtxzurnbMtyor;z-!ybmG#2-(?03Z`LC29x;Dn1Z^FD zej$fQxWwo!75?*{yM2!V0Fatomw_P&1WTGjZRwiJF)-BWoqf<#Ba2$Lp|9#0%g|l*sQbk$$=SFo^B2|k9K}B6n)CnUjg=tHj zpFP+xLiwF)ibO?Rbb^(Q3B)w#)^K5Box#MwFXRcfT696hO+?P64_sx-JoZ-J^A#L* zf{bOYahIjL#dXIy&`VC3aunV&ZlHAsk#BwZbj%O_Jg;x;NK{O#55tttldZy~l$GpD zl<}Ul|U`oM`99I?Ca%nI>U7a`z~F%NjPL zCQFLb!Xe?L71zpBgS{ytu3tc;S4GYk@_shnVk;mb=t0)mmT$_2|4TI?S3&%T z#;^9@{{gGCA31m)omUzmeu@>D`})=$DEXK3-T*Mh&r_e)B`qG#clLDWEpK^`2r8tR zsT+uP?#Zn8aeZ5v`$-Vl3_c4R)%{(Qr`lyZ{F->52xag7o;Y1W^F?F&{P)_!`UJkS zb4v8`PlJ#4CY8s-QyEDb*MK5m#B0_nJe*J+F)A}_w!j`otg8_6$_4%-4n2JgK9Y{d z1Iav+vgF}ud{|~~T3zIZsA}qn)Q%+IhWwb=9u@P; z@mCe&;p7#+X-VIembY}bFUe~mdG2xs5(!-;NQ5aGCk=e3mzK*T#`km$i(Ns*1cW_u z`pvE6`}ZUA`i4d&>10c51qg`9^!Xd(ZgPYbFyruT{Tsf0*J5(DVG16$nK8PvIRR&W1^K+h%O(&;QEYUxxEO42_@2Vcd*2~;8RtU{nYjfe!NmEnS`IztQ< zeiIX0!&a8w_!=I(Eg<7Fy$wob_ydj~|8ZtK{Oop?GvviH&^4!Rzy2xAb!>2JjH}1| z<|#iMOy2jY**EMFP2VihReAa(DSe)5kmeapQ#D1%&aj5T%HMLarbNGz>Tq6U(;Ptz zEynYy!?oNDKGUb|Bp+*-$6F@I=EbDBQ?)sWF-$VnzVby*uYVS9i~}@C3BLxRd9QHc z1nNBDgL#;3Ty@Jrwpyxc$5m_BBTLRwa62M62bPkz8;$ub27Ggwzw>4}ese-?-O^K>_jap?U$bHrxvw!MQFD??`75wB7*fr`ueT7>Sb_b@grYI~s^z))c^=*_4cR+wksYARb}Pi_Cpp>w7%F!~4h zd4;I=IIBD|2u!X2fXvnOMeAP7{?CPUYSXvX2iKO7xCJ6V6PnX~Ja^=6nU~tiF>Dxe7fm-g#&0*Jb6@ zR>Z%D)gOAZu8fqF9C)8pl&as1kZ(!+!Y5DQpYo`)Ic)guNvyC;Z!`#E67IT#9qAMt zjPtZPgf-8X%cgR0GuM{253aEr*dMEpn+w~uY(veFkXT&RLw1@~8b zI#(ZsUXNvioR4PtMcDBvqUvq{tR2C+`1s%>v@OaeA+ZgXO0-S}Z+OtHx0Jf}+avz*?u8dJfb)DSw>=7BWIPN9vizUYGBh zBXBTz412sVLUj0i?AjuQ5z9RDv3^+mDL%{44Zuw=dr72&fzx>s{2b)w-{Hh;5hGKI zdq)`ColcJpk#x6*rNfR5*EKu3QUyYHzcUM3C>l?#@oodo8%-jkeT(ncM{PE;snJtV z*4Ydh4NL|c6n7QoGjyxr$jhF|!$3{d}JBhClF#=pOy(`q+Za08a$fpIGi}<7tn@mwt zNR?m&^xc--yO;wyuW3qLw`b7-slz}u(CFbdo`a3!R>n!b_Ja%xS_I$j*a+@K=)7vh z=lclyXN)1@vV;w>StZc?>^ zDpfPFhwH+6ywqchCx&-}jLN8UMDJn*9o9OiTqK#4kS4i(Rr&~Afgt+H3w8o;n`zsY z+DdGqdd(gC8V$Ur@Pfd;@B0XY(-47c(+1Y@9GMCq3?5(^K?0D8G1UN zzjtC^yPQwEX)nh0VNnVot}pgLN8Rjjv{;?`{0b~ zw?p0l(g=xV*(Zd21z&#MzZd&Br&kqa)=npzdWxz_O7zcC6YkKmp_SgZ5W@{=awV{NHKHgkI8r%XSuhY`JKTO zS~-`?X09D7Yq~Ekiq*c@xdxGEYV&iI&=5MvZG9N2sd`A3Kd|BSM?If;^CE8jJ@~F* zf}9g_8cIqNCu^SUmh#Z)7wta%`)#L0Sd8mt3{f5=U^wpQ6>?G`Ni>3Xg!nhsaoTXA z|COGfiMQvXl%^pFHecRy5bfLZJ7v!aWjggFD1b*#cA7(_T+zdVwh3bD;=@bn`!z%3 zH&PdzTzmi334yRCSAj~KoU@(`V-SEh$tu^S>(`S8-^P~MgPI=nDEX4OPb*(9xvx9RNk$y!Ezfd!d4*LN3+tMNDm!`?J}pI6xY|~a@3}F0 z@|DVKfNLi!TYT1Zx6hfCI)M(O-1$<{mIS9?745hjvJot}g1$w^lQdbRoP();!=2Bt WdKw)o4CeX!2?fPd6N1w>%l`#|xTNy{ literal 0 HcmV?d00001 diff --git a/static/assets/images/authors/profile-photos-28x28/ashraful.jpg b/static/assets/images/authors/profile-photos-28x28/ashraful.jpg new file mode 100644 index 0000000000000000000000000000000000000000..76e36bfe977ce17b9beabb64da97084e3a455a3d GIT binary patch literal 3385 zcmb7Gc{o&k8$M??V;Hj-l+YMSmN2%g35BR^QI;%`?2#q=@*+ziWoeUTP#UUXMAFET zWXZl%_7bmsDTcSnH+tW<@B8{ z2Ly`T`ML)LKscMqe*+FcUgW@@m2hBx zEo#CP7L6yr+v|Evcwm3O=gIdEYOIh8kSsfpNV1?9d#WUQFVd$jRyHO}NInUOLIiA@ z+0dm?(NJt+zrxmreL-1&YAke%R(^(VS1q9)a1N?|SZ@C0`*TYB%Bx5X%WXhtdROCM1NYq*ZZwy;4Z-5Yr#U7r&-*1F9Z}%> zZW3`(3ye`j`{;*ewy7qGcH%U%pV{m)FNPT2qR~}nw1Qi?-a95+l^fO!pK@HtReev< z%o5)Q+>M#$*tVRt!!;(dN|EH<#?PqP2s?&#n_^;XZDa|nwA7Hfjzh>qac1SS@fV|FSSkELUk22d^5y_na!^7J{$l-AqWWcw{$=V6b4}7I6SW?nP5g# zaQanVCrsEq7B5H4h@i%L;~7zm$+3HMNDS1(lJ)N_=zcdy?2 z=;k6NZ-2wW-t(D#yZ@#sjlX#L0fu@$?NY0mFpo^{tmmAu6(vWd{No?JLxnkdWZn3* zpo_ahvKk!&T|S%}V?&c;LxaFzP&ntm*x1kj7#xSdijwgpGhPCpLOoH(+{rJ7HnIE* zC1eL>s|mM}Qj4PNthR=YG~LBweho3B9)Y3BjCrlvRxTdZ=*S->limgyalHBSe!Pln zA%inuY?+jPRa0w1Q9iFgtMRGB1m>WoP173%`_fLxx981L8ESVO6uujn&GpJ?OSzPE z6sDYdxU>~ZSMBl-cH%#(`O)5s{_6Tcag?Nd1xizF|BoA_i(E$SwGWdtKh`G%#nP3( zbh0TavGvU61Z6wRKZ4$&goEKl$-Fvda3V>;$xlo-CLK#K&zDzJx=E}5n-^R0+K@#* zG9JeFB`mO~3|8~)Cs&3{!@8*&>gQem2zpTncuf)=dW}%0x|B^*8EB|pZE%_7of7Ez zwko4YObmXaQX%fpFmyE`Znoy~!?+-KKdH2-PjUlECuBSo ze)c`47+)DH7Zce>bDlj$I=SNHbWvDK(&cKnjP55TQc+_Nw_B5>t8|_x*N}PX!0~3* zo)?$Bq+_pERHZztNHncovrG99_Nzp$4R>Hy zU+7$hxh_Tbm=uQ~R|vHUvv5|Yr6n|=D96%eqAK&n_u>btM;+&5v*>n<0r@-)S7!I1?|I( zn!NN_;8a2NI840mhRb@2tK8bdFI#U~?{mK@h`2KiZ?B+;WG524Om3g|jXl z70hB@1-1kOmd<7tuBc$RHV~nL@0>4kBpHc%EPbbI*a#KGHuCx=-zC<`)r#vTi);va z%vOI3?fTqfej*tce;JyHy@Q>H)ES#Mqn ziC>5GRJSXKe7nmGfBi^U<;qWd#x?+s7F!fMG;U@1O<~jzOCfy?#4(e5EG<_@4o>%F zJ$viO5y6~8g`8O5Q{NSGr;ByoMQ`DzM z=N7?sXv~@)MJLLrB`Hg-f`(8M((+aZhLQq;o>uGdwa-Rda0BpvWR+3 zxY3f;!dxOKpN8Cn8nLlnJ^j*a?v&P;=pX%FDqIcx`Lg!I|~c`!u*5tR=#&dI@%?{ zI%aG$T_&dIcTfCweQeJY_y?-P!39ErK>zKxDU1Z0Xxnfd2 zed4iApq)dh7|BXKvGnX%!iq+$El4=ZT+_j#>~&1zTcPvkP!{e&zXp;K%0;pT^; zc}N{wX0K$sGL?;qgxgW{&hGW^9`m=N{mh)O`NSAn{cnfIGJ~55^**SgCzhRm@ND_o zy45g_icoVKB@Z0<L=uvSAO>&_J_3fg~v>E-BR#n zMs8KA`Rt+InJX(%BnS9__M&c?%+t_vL{DUE0lP8I%G#CWvK@(ep@ zNS^co9|d9V<35WUmUhby3Qr2UcgH|V2IE>%Uu(|)99#?ItS6m8q89>ur1fEy+sbGKObsOHBj_DSjMuyye=J?BGWe6zM46 zP$vV@wM#L*+dy4o0F8UnVk*MUbO0E5eptH#r<&HJo>%+{~cI6tFAG8YABGqHX?%Q~^g*~yD)&8Y}bHUt6 z-(ywMB$fhyggp-Y8N+XFr#7{8(^a?fHAm#A|M6Mw@jSy)g}W#3TtKwD#Xc^t<)2YF zZ!LlW!tsouxl#0OY%oD2Ca1Fi8UEtil9Z7@d^LPHmP;h|j2ir2eqwl@#J#(Km=bw4 zx3(&%!W|;kaK2LM7|#ex`z$oss3X6Q)^^-UivK3-f(T`OYg$^}JNxT2>oZvC8s#PQ z2uTCg8w~QI=Nb_K)ZL}{xw64P)5TB9dgvkdOvMrp!qx zDoSN2WH+11_Ok9*EOYutP7bI(2J-0OYTANJaN-L>~R``K%~>wTXW zh#bmc5Edc{Utl>V;y&aCfj}TcJ#wHww!;$2SxiS!dN>3EA)0Xy{wI-_znnogdO!pM zAvzI*u}IO{17RJ#-BM=DDfI6P(%fi2CMh}ia zAVeOEgCH;qN64|2Kp;dK#c>4|ENsVEv_nlK;x2T;TkgL=tb{L5JFwIO<4YJ?Q}w2!zO?q)UA(mk?~b2n2cO$ z=$`k_`|ieb;!wF(;i#3RCg<>~ z3%E=3S8`#7<2-K}W74nWvJ^dxGWNN}g*h5q+R@+=2$>y?J(Jf(%)^b`%qtc3@u=fp zYL34&Cik)StStsl;-YI0zGfU&7irI$MuSTrWOfWPCaz1^hJ|>@CahG{#wWgixtq;% zVK5F0t*$|3=8QPx1yBU-@Royp%R&qLiq6_|l4x)Vgv<^n-}&D$3*FEH)ldStl~*^y zDI8QBFM|>I0IM(^jRl)ncC^CFScW9LhoQK|p=UQ^owjF-?Xya2&-sZ4mq5tucuh0g znxhQn;qe$Q!@@=3Xgo%95s|xsmWj@$-C+2eIqSIQoNY9?1VU!VOvS6e6vbVyD~(TV zuX;X&db*;;l_(J;g>BN%Q@|%|pXQ7;G`IvpX2-L_YkwI}x?WQqbD7=0WNwkzO&g;) z09hPcjX`OYK_TJjO`3hiz>;>m<}XgA!6gtfJMI%=6gz9rydJgiA56tg$uo<^uMRe~ z{dg8PX=YkO?C8c#=)rlI&37TNpEZB2GYu|*klAqq_tHNt)ZU10n1|Ka;ovRy8FPLy zBOkIY*n}PEWnWbTdxUdVA%|UCQ>kYWz-djmI7u852-g4(X{<(dvDV1Ff=z?g(AX*C znC-gSPAQ@Iw%ul|LZs&xySAXF{jD^x1j4m|DfUZWgE>0dFhcS&XYg-tOkf>-S2V$8 z%^7vx4i+r*xBuVFSf64GW2@rlLnp8X?_-lvBmY&~@#0~8B-y|GWuM*Z zSgGzMyKaIe+$n*El|Z;Q&;S-J)VBY>)tJ5t3oYeA3M}kGJH-2rQ#kfN35j4aA zpc+0^Dy#ZQ=xM1g;OgZ6J8Uz@R9n3bgx zTP<`#Th!3z4N|3JtKh5aA=UJ?uUo3@-5?rL0^!<0Vf<}V%K!tz{d_LaC?|Geo$ueR zf?mAIIU*a{^eEN@+&va5dw3fSDS>b;;V#>sezKzm{z7yVvNgtGF)XBT5<9`5faKBD z)mM`s?Nq*MUo}n9%PV0JGwhBz24yN!0MV z_gdP71@0lMrZ z^<-jH6PN`HFB5?gfw>}!q+iTx5fg!F!TVPA;_5o$fM&pkhM>z?g(Pf87y;`xoLc^6 zl(MhcCG=!$)Du|7O#4Oz7G46Yt#kq>0#l$2XPz(1th@IzDqit;+rclaTu3@yRR}Ix z#z^ZVa?&{qn1SZ?^IypT1ZIV4mx>51;}Td)MXT=-fvM0R?{XSkW9-YGV~)P$FkDkY z*6kXC!WWx=G9LG1C9e7ea~j#l`Mt=G!cJh@P)1qGq7K^O73@~ZV&^6T%RmIS9wj^# z_2^bW6Q=<-ZB=;Rj1eSpa?2C}}X%^S!IG10|4oT%MkqAtM z)v%C^y3COqa1<6S#^ZjdmcBlUiqPpUwweE;lpQ?M1O@J)Mfadl|j|;~yF-yn~74-E!ibT~dXU8)*9a4*2C5z~)s1c*L$C?hgnbxo z`-8EFPxrnBM_^*8{G~8h>xjUJz%n&~4Ho>a^s@&($!y)Q+(cF;=}0PV1~v>z;vy_u z#XAugxL^sav+xaXE8qe z(M(|CJhn0s7!eo|Snve)oK_6575YgFoXYsqch<_V-9{g&hk@)#Rhgp)nLI|(OJE&@ zdnru>Mg&F#7A%3?Aq3%Au+YUADjc zEP?UqOHLSGl@m815miuH*d?bP!kx!L!uN6y8$__~TrO+l`P-*%~v7qE$w zMLLcZ=#Bg#Ah3Ac#r@?bXcWZjlND_-7r*&pUsELm_Fz8Ra?%5NxxZ60>If_k*S{4) zXm%5!+%8;Q7fqRx#{+>C#^d-DN4P!jjd&52JodjbMq?fKcmBcW=!X*AS#`L($m#mo zY=}wtk&}x5AKu49+#R|Q*i=nmP%B@30p`Z+skWV6yA~GSN+&h? z;0WwB&BsE88!<~zW@F2Cbhb&1&)PIs`}B4*rh~7vEuY6Y%`-D4uoy*xmM1+v-vSte zW7<9*#6X+G>T)&TMje6O=1IfiC*kT{F3D=t1XdVxlo?t5_G>c|i$ObV*0yp53mF3w zAGPV!es(;8ecDz}VZ1#Xb0o0-+9v$TIm$7|_Sip{xUhJC1#VWQAJfjuDf^thH>vtx{u$V3%FUor>+%Ys+&uS?5&Q9TU=HX)5+>oIuD7u@DlcKQOF ziNHhx>xdIBf90ZWC~}&4edpTS3mD@2jG7WyOYC=T^>3fq%7MVzYk$JK>~orM$9ve; zn1e_{w~(q&=rLN+!=D*D&_qT3S$pr)ub2Oq=V^0#5LkDKl7?%}EMuHn_%Lco+Z@gW zmeaQh<1Tz%CrAPtBDFQk)054QPYmz=0y+?ZNdz{SF*rDtXB~Up%isf=T9zQIA%SJJ z-JaY^3WhroSWSf>w7-n7&l<)Z|HeMP$Tx}alY}`qz66#Ht+7^-lodHkw)aUmRXFy;%@r9>WpVkrBO@iwxKeY_(F?=qpc(Y0tmpLKd z6XP*LvF>ig)X&%4MJdJbZVU08aiQ?CtMfv>fu-22{9NqyE&oJRGgv%{Ee$j#u)&^M zUhJ8`+DL9WUwV=ZDuUlV-u+oT7$ySy4&^h`vWF ztggCQ*nKJj%jfuodx_b<66Fj12D=7f6K~!jB_(5Dnl9R}a$t|@0(1QJbR;mZWs4?+ zsHl*a$^ThdiT>z-dT5D9G2M11_LpOZ1a_RG(#?1dtx+4d<6gWd?dGPI`kn}^p)_OO zs(D3pmcNb4jGA9#7&@aqnxQMkOIfIng^9p|m6R@rB&P6V_Xk&(gd{G`#5;lg$!&DZ z!UL#}L^Qa4g22w>10AHyQHP-40+*l2@`O= z!o2*E_U@yPz<7A|1M@~;ffd1{QWEN_3d`zA>6chdVf$Jq{aS!L7%GsK6M;RVm|rba zm~~2Eroy$JA+Qb(5By)|1y8_1slKSMu5p;M>*Nz|xHD7Njqwc2w5?Xcb{&Dm3Q5Z>Z7!b| z6#HGgbArk%KGa~1*>jlVPWvponQzLgQfP%oiY3S1r(Zn#=fWY!f(GnLte=1r?vt{=Uq7u@K zkq9i=B_8rY$(X>>(LSLq6M2M1E(CU?uqZriU|7hGZ7KqD^1@)vwJQF5%(j&r(ag+3 zkE-^3V4!`hj)Q;7DKulQ9-uhm_b4&qC!?QagZe}8$1{r{810e3TDi1$heN(~HGw7I z8_De6-t+VPR2WIK<>!4wV8UOW@6uitVVmeQ6O`6YXlsbkQ_8D|sAdUlykMwmWYp@d zl7Zw5>{MxTS<77dkaDxyZ{BYt)TFN{@+6=AtC+nRyIXq?zjBYQfW}!QU%C+34kT(y zLv+D&%Ee9}VJ^kjno>YELGaO;z_z&txW@<|sI@KxmIW&%^K5s|PqUEll{QZb`&HNo z>`zShR9ZxYz{&)7-oK?eeh5fa%fHGcZ9$^@qOFlxvAlvELD^X&RJ zg_@*vC9njn=VJIC(=HuHb3%-9Sgkp;YPt}Z`}RP6{3^{;*l*E9fsD-qwg!11uon#4 zTdKV?nZRNczIa1|c$yCjpG$Lb%4T6Bu*j%Ucq6c#20iGcar@3H_$&4?zNdJ}0vaGN z(F?AoajQ29eg9l1fS&X?Wlj5DJsi`j7CP1wUc^yGSBOT&r4Os4Nc1uAtSF!?!859(?1G`PsqwFim7nEhpU+^lhr zsw;e6y{uKnXbEgU8rEx{iv)I7^HK+Uq*DkLjg7YML2+N{4 zM_b=55hE}lJ2q(4C}M>be@#z)`N^2TOn#Kzg@uHkz@Cww?xG+={rQ$3339842<%}a zn-xE1{?NSMTI0Su>T3yX0e9S6y2HUDfo<2k)cx&C9#Gc5W!LwW>XxM&aW$0`5vogn zeVeVF5m*9$>S$Wc89@RADht!%ZT5Z|A93IgknI=o-2@Qeqo~I2xwOLjquuhtvULe8! z2g>?DzV2ZT4i=$Bah!*R4V+>_MIoLrkMQDcaoyTp6mbH(N9a*%d_iqNtk4_!dKNTv zLcO2}>|h$QLgg0P@;3i$NCXCNn)rv61ooaLp2ZA%Gz7-GSa@@8E+`UM4$VGffESl2 z>z}ae8z^c|N{K&0VfXSI@OpC-)w4{DU}?^f{h^U>PVHuqYs~ z6eIhK8rhJRL?^9?z(PV`ye)Bn$NM_0Au!(U$(yqCjdCpH)5;%TH~W(D%K9nHB5kKK zQoU+O=_?j=lEj#cvo)jb;O9iwuMklHdq3K(ANoy$?|!ReVH5)0=q0p9o-Z3 z)8yOorrq`k5m-nFjQ0;4>*=my1-n{+z_vI;COki1+(U1XyT?>tN0c(d+sasvb z=#UI=9Li&;@PJz~_4nIhz5#P|M?(#ye?6|i(~H1(Pw0sNfCOP)=1s+6Swslz2}vCI zfYi?jpESHC>d>|N4A z^gO0J1dzHTJ6d5jzQTT`r`lYO;8JIRt(n=Esr2oOA)O@#OJH$=!^9A!t)R1qp2Q2X zCgCEmwkRvjd`|^A7yrcLYt3RK5m-nF>|Q}P#mj1?yOzLsztT@VJ*&BDMb<~9?e7#O z06}f&=iOBcU_ACB1sAa&OVFG1E=oXi496%uib6)6j6pY-1>ky#m4CM%?sX38vSKVj zOjHn9HKAYru$yaF_Z2 zMz~@XqZ|8%Vd(UTkSDnfmcU*V`gWWBS>c!DC5>DBID!NQG?o_dyA=|IZm1))ahLIx z&u6euqL~h2HjyPT;AigmyT*XkOR+ff`R+F?`C6#Pu0H|=V0lorBL5W4a{wzy(XKa?(Qt~BhL9ox?Fh`ABNO$ zpLPP9E%a~&Q@2ET+RY5w%c+R22seSLLhRRgc5fb~jSg|5y=7sP(+LfM4Hlwdqlv(7 z5I&+?IDrHm+9;+wEP=HTLg!8;sd`2}DG!D))5a~FD`E`p#1w2|4EE=-2k$w^b;ROc zWj@36S}ppv2K2Rior5+R9F>RLqlNQh0j#+C?YUf};O802}N_A+jTmx!Q z0Z(EczQi<$dCMnF@*6Ltq8cjh^M$HIlsEsJOcsd>+GxQ3p9~Mo7Q7D`h_g! zF;oOrObQ~huv1tly)T7nHE?J#mqw915(K77G3+(WUzBFNEPb$e@*WpvP5jUhSW}OC zVD^q$BSd6Elv)ZKyGtE{}L|`hj%&&~o5`QO?v{MMt zdiI&Z$WUF`YFR;#E?o#L0j)3z8}J9t;~#9qc%j2%UFKDOo%KVoumb~et1o>+c9cRR zbU|PAL<{8Q+Pn_uxUh0DRy|c0wL`dAI*pRj7A$M}#m?DE$fSH;p#e%i1eWV>kX%xcXkf zoTwl$AVCs%zN&D)aY8q3zNz!rgFlr{%QG?1ZG@pai}*zRx4L1u!5mpq?vrvo0L@1eqmI1eSoc+yZe6h6{6s>dGLV4Yqbf zPEG!xeTrR;LTHbH7=j__i>A22o}uMH1I!kF&H?eolD;EEigZ z)mFa9hy(`w*TIQ98VC#k5*53Lyp#G++dayRz*3zmb~v{BKXkM?C`~r7VhVyf#<^ZL zQE>EGX2Drc&`G$&D37J?TaELuSV}EyLfEyi&;^mfFeDk3)mVb*=#NGo!dU&thsUvA zVNE=S`P|R$9_}yp=YE20&6`GlwK{%a3acM5i)+m(zf*1LIlS!Ixg|R~;ZwzO@*I|; z8Pi%N?(a-xS}29pO!1z*VGMV@*W&ie%z>WxRQO0;#X)?_{Zd}%+LT?JmveVt%ILmU zb0b{I<<~GxLA5FP0fV@0sCisJoCEq}(E{%(9AK{?37r{_(FCr|<=$V?uF9Q=2VM5e z-sF}ObA2>;4)cUZ6)R{!niW>aa3~jwlUb1mP0$BpF&&dJ8eLJtqvUeNMt0nZ9(Vy$ zF%{3FC+Zl5w`3#~LPaE^3d*3c@%%j8D2EPs1`{wF<1h#<6;^TYh(jW};yFylbi9No z(Ac9AuMw6jDXba8kp~p)Tu10=38l17zn~`OcXGQWML{4C2wH1KigMo}pcvXi>Eq-s zZ+Np(+10I_Pq!RM1Og!wVx^KuX501IB!jI53tzcfe3k??|5`u;LLd;#(NH51SjIkM zre>F@j6O831ls)qYb_s!|hY##&BDv_9e#o^=JHm1KL0X zwv3^{AP@-NFjo^k;NQrO(YUOp`aXS)i5Q1huomaB+HP|bv7x+-aK4Xlb0p9P$lHib`w;&$H8p*%xG@fESe_GgrJOl!P;D~~n z@Y;Z?Yh_cSa70>KPwE7&j08LM6C>%)-A3@(6$ zzi3bh1cDhp){s&~`;6ONW6M=}YD%Cr9z#!bLv7?X?8~_D%F7Z6gp7{oG_*8y8kbiK>lwd&0EovxWhN5~ z7B1ioG*Bw5=0FcdV&*6f3V}c{Lm3A>OqQ6&N=^{xFpSGb1eC@GS9{rhyn@cCjQq%t z{HTCVm?rr9Z>2#Y5C~?75oB@Lz-?ZhuNAMAS$u;*(vq;gcJ7t-gct+@fuO`X z2T`+I73ZrZlUo`2+nbcZG$aH9!4%UR$mFP_v|RwTg3_N*m)mJb2n2#DIy%zHMRa%d z@+zUp;Tuf(D{6(`2n0eDBA@HxZwn{$DI7(tr>M1TQd=e?E-2&>hXu z1ovV9`Y=~#M+KijKMRVYD!O5T$J}$Qt3?qS4g!JT1?3!cB2;A;3c9vg4X+1b)_;ly zgFqm7#Yhh%^Sh&*A&Wv7<&r*3Oky5OLqQ-AydqW`6DgKWQs|H~uES(pGHUrZA-yhv zKp+?*0n1z|<|-y2A&9n1VvcJj;O#_T1Og!~v#{ZgbER(;xr5D7S((PoUlwWHV+jNT z!5C#QLy?In8Ou>G1g+nJ6^d-#U!yTScmjbC8e~Nqyo_b|4(qTSlki`IJx6mCM=#9B oSNH+zu@Fxw5~>pjgli1{2R-Q{*$b`iO8@`>07*qoM6N<$g58Org8%>k literal 0 HcmV?d00001 diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css index 97bc7b82c4..feebe8d6a7 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,22991 +272,4980 @@ 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: #ffffff; - background-color: var(--ac-primary); -} -.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled { - opacity: 0.5; -} -.ac-custom-select .ss-content .ss-search input { - border: 1px solid #a6abbd; -} -.ac-custom-select .ss-content .ss-search input:focus { - outline: none; - box-shadow: none; -} - -.message { - display: flex; - align-items: center; -} -.message lord-icon { - margin-right: 1rem; -} -.message.is-warning { - background-color: transparent; -} -.message.is-warning .message-body { - border-color: transparent; - border-width: 0; - color: #515D63; - padding: 1em 1em; - background-color: #ffdd57; - width: 100%; -} -.message.is-danger { - background-color: transparent; -} -.message.is-danger .message-body { - border-color: transparent; - border-width: 0; - color: #ffffff; - padding: 1em 1em; - background-color: #ff3729; - width: 100%; -} - -.is-gap-0 { - gap: 0px; -} - -.is-gap-1 { - gap: 1px; -} - -.is-gap-2 { - gap: 2px; -} - -.is-gap-3 { - gap: 3px; -} - -.is-gap-4 { - gap: 4px; -} - -.is-gap-5 { - gap: 5px; -} - -.is-gap-6 { - gap: 6px; -} - -.is-gap-7 { - gap: 7px; -} - -.is-gap-8 { - gap: 8px; -} - -.is-gap-9 { - gap: 9px; -} - -.is-gap-10 { - gap: 10px; -} - -.is-gap-11 { - gap: 11px; -} - -.is-gap-12 { - gap: 12px; -} - -.is-gap-13 { - gap: 13px; -} - -.is-gap-14 { - gap: 14px; -} - -.is-gap-15 { - gap: 15px; -} - -.is-gap-16 { - gap: 16px; -} - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .is-flex-direction-row-reverse-mobile { - flex-direction: column-reverse; - display: flex; - } - .container { - padding: 0 15px; - } - .section-title { - font-size: 28px; - margin-bottom: 1rem; - } - .section-title h2 { - font-size: 28px; - margin-bottom: 0; - } - .section-title h1 { - font-size: 28px; - } - .section-title h1.is-outlined-text { - font-size: 60px; - } - .section-title p { - margin-bottom: 0; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .container { - padding: 0 30px; - } - .section-title h1.is-outlined-text { - font-size: 70px; - } - .section-title p { - margin-bottom: 0; - } - .is-flex-direction-row-reverse-tablet { - flex-direction: column-reverse; - display: flex; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .section-title h1.is-outlined-text { - font-size: 80px; - } - .cube { - animation: none; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .section-title h1.is-outlined-text { - font-size: 80px; - } -} -@media screen and (min-width: 1408px) { - .section-title h1.is-outlined-text { - font-size: 80px; - } -} -@media (min-width: 1216px) and (max-width: 1440px) { - .container { - max-width: 1200px !important; - } -} -.lightbox { - background-color: rgba(0, 0, 0, 0.8); - position: fixed; - display: none; - z-index: 99; - bottom: 0; - right: 0; - left: 0; - top: 0; -} -.lightbox-container { - position: relative; - max-width: 1080px; - margin: 7% auto; - display: block; - padding: 0 3%; - height: auto; - z-index: 10; -} -@media screen and (max-width: 768px) { - .lightbox-container { - margin-top: 10%; - } -} -@media screen and (max-width: 414px) { - .lightbox-container { - margin-top: 13%; - } -} -.lightbox-content { - box-shadow: 0 1px 6px fade(black, 70%); -} -.lightbox-close { - text-transform: uppercase; - background: transparent; - position: absolute; - font-weight: 300; - font-size: 32px; - display: block; - border: none; - color: white; - top: -52px; - right: 3%; - cursor: pointer; -} - -.video-container { - padding-bottom: 56.25%; - position: relative; - padding-top: 30px; - overflow: hidden; - height: 0; -} - -.video-container iframe, -.video-container object, -.video-container embed { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; -} - -.hero-area-2 { - position: relative; - z-index: 1; -} -.hero-area-2::after { - left: 0; - top: 0; - width: 100%; - height: 100%; - background-repeat: no-repeat !important; - position: absolute; - z-index: -2; - content: ""; - background: url(../images/appscode/about-hero-bg-2.png); - background-size: contain; -} -.hero-area-2 .hero-area-inner-2 { - height: 400px; - padding-top: 120px; -} -.hero-area-2 .hero-area-inner-2 h1 { - font-size: 48px; - margin-bottom: 15px; -} -.hero-area-2 .hero-area-inner-2 p { - font-size: 18px; -} - -.hero-area-2.bg-color-available:after { - background-color: #fbfbfb; -} - -.illustration-area { - min-height: 500px; - background-repeat: no-repeat; -} - -.illustration-1 { - background-image: url(../images/consulting-page/illustation.png); - background-size: contain; -} - -.consulting-inner h2 { - font-size: 36px; - margin-bottom: 30px; - font-weight: 400; - line-height: 50px; -} -.consulting-inner p { - font-size: 16px; - line-height: 28px; - color: #515D63; - margin-bottom: 20px; -} -.consulting-inner p:last-child { - margin-bottom: 0; -} - -.testimonial-area-2 .testimonial-wrapper { - overflow: hidden; -} -.testimonial-area-2 .testimonial-wrapper .quote-icon { - margin-bottom: 30px; -} -.testimonial-area-2 .testimonial-wrapper h1 { - font-size: 28px; - line-height: 45px; - font-weight: 600; -} -.testimonial-area-2 .testimonial-wrapper .user-information { - margin-top: 30px; - float: right; - overflow: hidden; - align-items: center; -} -.testimonial-area-2 .testimonial-wrapper .user-information figure { - margin-right: 15px; -} -.testimonial-area-2 .testimonial-wrapper .user-information h4 { - font-size: 18px; - line-height: 28px; - font-weight: 700; - color: var(--ac-primary); -} -.testimonial-area-2 .testimonial-wrapper .user-information p { - font-size: 14px; - color: #515D63; -} - -.package-area .single-package-wrapper { - padding: 30px 50px; -} -.package-area .single-package-wrapper h4 { - font-size: 18px; - margin-bottom: 5px; -} -.package-area .single-package-wrapper p { - font-size: 16px; -} - -.our-customer-area { - background-color: #FBFBFB; -} - -.training-wrapper-image .single-training-image-wrapper { - width: 280px; - height: 280px; - border-radius: 50%; - overflow: hidden; - display: inline-block; - margin-right: 30px; -} -.training-wrapper-image .single-training-image-wrapper:last-child { - margin-right: 0; -} -.training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 250px; - height: 250px; - transform: translateY(-70px); -} -.training-wrapper-image .single-training-image-wrapper img { - transition: 0.3s ease-in-out; -} -.training-wrapper-image .single-training-image-wrapper:hover img { - transform: scale(1.3); -} - -.about-training { - position: relative; - z-index: 1; -} -.about-training .dots-shape { - position: absolute; - background-image: url(../images/training-page/dots-shape.png); - background-repeat: no-repeat; - z-index: -1; - width: 200px; - height: 300px; - right: -70px; - top: 30%; -} - -.cta-area-2 .cta-content h1 { - font-size: 73px; - line-height: 83px; - margin-bottom: 50px; -} - -.client-thumb { - width: 50px; - height: 50px; - border-radius: 50%; - overflow: hidden; - float: left; - margin-right: 20px; -} - -.client-info { - float: left; - overflow: hidden; - margin-top: 5px; - text-align: left; -} -.client-info h4 { - font-size: 16px; - line-height: 19px; - margin-bottom: 3px; -} -.client-info p { - margin: 0; - font-size: 12px; - font-style: italic; - color: #515D63; - opacity: 0.6; -} - -/*==================================== - Support page CSS -====================================*/ -/* Payment Method section style */ -.single-payment-method { - display: inline-block; - margin-left: 30px; -} - -.single-payment-method:first-child { - margin-left: 0; -} - -.payment-method-innner-text h2 { - color: #171B1C; - margin-bottom: 20px; -} - -.payment-method-innner-text p { - margin: 0; -} - -.payment-method-area { - position: relative; - background-image: url(../images/shape/shape-1.png); - background-repeat: no-repeat; - background-size: cover; - z-index: 1; - margin-top: 120px; -} - -.payment-method-area:after { - background-image: url(../images/shape/shape-2.png); - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: cover; - z-index: -1; -} - -.item ul, -.item input[type=checkbox] { - display: none; - overflow: hidden; - transition: 0.3s; -} - -.product-sidebar-menu .item label a { - font-weight: 500; - color: #171B1C; - padding: 0.5rem 1.25rem; - display: block; -} - -.item ul li.is-active a { - color: var(--ac-primary); -} - -.item input:checked ~ ul, -.item input:checked ~ .item > ul { - display: block; - transition: 0.3s linear; -} - -.item input:checked ~ label span, -.item input:checked ~ .item > label span { - transform: rotate(90deg); - margin-top: 0; - transform-origin: 0; -} - -.item label span { - position: absolute; - right: 15px; - transition: 0.3s ease-in-out; - top: 9px; -} - -.item ul li a { - display: block; - padding: 6px 0; - font-family: "Roboto", sans-serif; - font-weight: 400; -} - -.item label { - position: relative; - z-index: 9; -} - -.product-sidebar-menu label, -.product-sidebar-menu li a { - font-size: 14px; - font-weight: 500; - color: #4a4a4a; - display: block; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - transition: 0.3s; -} - -.product-sidebar-menu li a:hover { - color: var(--ac-primary); -} - -.product-sidebar-menu .item ul { - margin-left: 20px; - padding-left: 15px; - border-left: 1px solid #e7e7e7; -} - -.item:first-child input:checked ~ label, -.item:first-child input:checked ~ .item:first-child > label { - border: 1px solid transparent; -} - -.appscode-style .item input:checked ~ label > a { - color: var(--ac-primary); -} - -.item input:checked ~ ul, -.item input:checked ~ .item > ul > .item { - margin-left: -20px; -} - -.ac-product-left-sidebar { - margin-right: 30px; - position: sticky; - top: 130px; - z-index: 9; - width: 100%; - height: 100%; - overflow-y: auto; - max-height: calc(100vh - 190px); - overflow-x: hidden; -} - -.product-sidebar-menu .item label { - border: 1px solid transparent; - position: relative; - z-index: 1; - border-radius: 3px 0 0 3px; -} - -/* datasheet style start */ -.datasheet-wrapper { - padding: 0 100px; -} - -.download-question h4 { - font-size: 18px; - color: #171B1C; - font-weight: 700; -} - -.download-question p { - color: #515D63; - font-size: 16px; - font-family: "Roboto", sans-serif; -} - -.download-question p strong { - color: #32325d; - font-weight: 500; - font-family: "Roboto", sans-serif; - margin: 10px 0; - display: block; -} - -.download-question a { - font-family: "Roboto", sans-serif; - font-size: 16px; -} - -.form-area h4 { - font-size: 18px; - color: #171B1C; - font-weight: 700; - margin-bottom: 30px; -} - -.single-input-field label { - display: block; - color: #32325d; - font-family: "Roboto", sans-serif; - font-size: 16px; - margin-bottom: 5px; -} - -.single-input-field input { - padding: 12px 15px; - border: 1px solid #c4cbd3; - border-radius: 4px; - font-size: 16px; - font-family: "Roboto", sans-serif; - color: #242a31; - width: 100%; -} - -.single-input-field input::-moz-placeholder { - color: #e7e7e7; -} - -.single-input-field input::placeholder { - color: #e7e7e7; -} - -.single-input-field .select, -select { - width: 100%; - height: 48px !important; -} - -.single-input-field .select select:not([multiple]) { - padding-left: 15px; - color: #e7e7e7; -} - -.download-button .icon { - padding-right: 25px; -} - -/* datasheet style end */ -/* schedule-demo start */ -embed, -iframe, -object, -video { - height: 100%; - max-width: 100%; -} - -.schedule-title { - margin-top: 65px; - color: #242a31; - margin-bottom: 30px; -} - -/* schedule-demo end */ -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .package-area .single-package-wrapper { - padding: 20px 30px; - border: 1px solid #e7e7e7; - } - .testimonial-area-2 .testimonial-wrapper { - text-align: center; - } - .testimonial-area-2 .testimonial-wrapper .is-pulled-right { - float: inherit !important; - margin-top: 15px; - display: flex; - justify-content: center; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .package-area .single-package-wrapper { - padding: 20px; - border: 1px solid #e7e7e7; - } - .ac-image { - text-align: center; - } - .about-training .section-title h2 { - text-align: center; - } - .ac-text p { - text-align: center; - } - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } -} -@media screen and (min-width: 1408px) { - .training-wrapper-image .single-training-image-wrapper:nth-child(even) { - width: 150px; - height: 150px; - } - .training-wrapper-image .single-training-image-wrapper { - width: 180px; - height: 180px; - } -} -.ac-notification.is-primary { - background-color: var(--ac-primary); -} -.ac-notification p { - color: #fff; -} -.ac-notification p a { - color: #3273dc !important; - font-weight: 500; -} - -.hero-area-2.webinar-page::after { - background-color: rgba(25, 113, 189, 0.1); - background-size: cover; -} -.hero-area-2.webinar-page .webinar-hero-area { - position: relative; - z-index: 1; -} -.hero-area-2.webinar-page .hero-area-inner-2 { - height: auto; - padding-bottom: 120px; - padding-top: 100px; -} -.hero-area-2.webinar-page .hero-area-inner-2 h1 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: bold; - font-size: 62px; - line-height: 93px; - color: #393e46; - margin-bottom: 10px; -} -.hero-area-2.webinar-page .hero-area-inner-2 .subtitle { - font-size: 36px; - color: #666; - line-height: 58px; - font-weight: 500; -} -.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info { - display: flex; - align-items: center; - margin-right: 44px; -} -.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info:last-child { - margin-right: 0; -} -.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info .icon { - width: 34px; - height: 34px; - background: #00a651; - color: #fff; - border-radius: 50%; - font-size: 14px; - line-height: 15px; - margin-right: 15px; -} -.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info strong { - color: #3f3d56; - margin-right: 5px; -} -.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info p { - color: #666666; -} -.hero-area-2.webinar-page .count-down-area { - background: #ffffff; - box-shadow: 2px 4px 27px rgba(25, 113, 189, 0.16); - border-radius: 8px; - display: flex; - align-items: center; - padding: 7px 0; - position: absolute; - width: 85%; - bottom: -94px; -} -.hero-area-2.webinar-page .count-down-area .signle-count { - border-right: 1px solid #e6e6e6; - text-align: center; - width: 25%; - padding: 25px 0; -} -.hero-area-2.webinar-page .count-down-area .signle-count:last-child { - border-right: none; -} -.hero-area-2.webinar-page .count-down-area .signle-count .name { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 19px; - color: #555555; - margin-bottom: 20px; -} -.hero-area-2.webinar-page .count-down-area .signle-count .unit { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: bold; - font-size: 62px; - line-height: 62px; - color: #393e46; -} - -.registration-form-container.register-success, .registration-form-container.register-failed { - position: sticky; - top: 60px; -} -.registration-form-container.register-success form, .registration-form-container.register-failed form { - display: none; -} -.registration-form-container.register-success .register-notification, .registration-form-container.register-failed .register-notification { - display: block; -} -.registration-form-container .register-notification { - display: none; -} - -.registration-form-wrapper { - position: relative; - z-index: 1; -} -.registration-form-wrapper .registration-form { - width: 100%; -} -.registration-form-wrapper .circle-shape { - position: absolute; - right: 30px; - top: 30px; -} -.registration-form-wrapper .reg-illustration { - margin: 50px 0; -} - -.registration-form { - box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16); - background-color: #fff; - border-radius: 8px; - padding: 30px; -} -.registration-form h3 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 600; - font-size: 22px; - line-height: 20px; - color: #393e46; - margin-bottom: 30px; -} -.registration-form form label.radio-title { - font-family: Roboto; - font-style: normal; - font-weight: 500; - font-size: 12px; - line-height: 14px; - display: block; - color: #393e46; - margin-bottom: 6px; - text-transform: uppercase; -} -.registration-form form label.radio-title .is-require { - color: #ff3729; - padding-left: 5px; -} -.registration-form form .ac-single-radio label { - font-size: 14px !important; -} -.registration-form form .form-message { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 12px; - line-height: 20px; - color: #555555; -} -.registration-form form input[type=submit] { - height: 45px; - font-size: 14px; - font-weight: 500; -} -.registration-form form .single-input-form { - width: 100%; - margin-bottom: 20px; -} -.registration-form form .single-input-form.is-fullwidth { - width: 100%; -} -.registration-form form .single-input-form label { - font-family: Roboto; - font-style: normal; - font-weight: 500; - font-size: 12px; - line-height: 14px; - display: block; - color: #393e46; - margin-bottom: 6px; - text-transform: uppercase; -} -.registration-form form .single-input-form label .is-require { - color: #ea3d2f; - padding-left: 5px; -} -.registration-form form input, -.registration-form form .textarea-wrapper, -.registration-form form .select { - border: 1px solid #a6abbd; - border-radius: 4px; - height: 45px; - width: 100%; - padding: 0 15px; - font-weight: 500; - font-size: 15px; - background-color: transparent; - color: #515D63; -} -.registration-form form input:focus, -.registration-form form .textarea-wrapper:focus, -.registration-form form .select:focus { - outline: none !important; - border: 1px solid var(--ac-primary); -} -.registration-form form input::-moz-placeholder, .registration-form form .textarea-wrapper::-moz-placeholder, .registration-form form .select::-moz-placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; -} -.registration-form form input::placeholder, -.registration-form form .textarea-wrapper::placeholder, -.registration-form form .select::placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; -} -.registration-form form .select { - border-color: #a6abbd; - padding: 0; -} -.registration-form form .select:hover { - border-color: #a6abbd; -} -.registration-form form .select select { - background-color: transparent; - border: none; - font-weight: 500; - height: 45px !important; - color: #515D63; - padding-left: 15px; -} -.registration-form form .select select option[selected] { - color: #333; -} -.registration-form form .textarea-wrapper { - height: 100px; -} -.registration-form form .textarea-wrapper { - padding: 10px 10px 10px 15px; -} -.registration-form form .textarea-wrapper:focus { - outline: none !important; - border: 1px solid var(--ac-primary); -} -.registration-form form textarea { - width: 100%; - height: calc(100% - 0px); - border: none; - font-weight: 500; - font-size: 15px; -} -.registration-form form textarea::-moz-placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; -} -.registration-form form textarea::placeholder { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - color: #a6abbd; -} -.registration-form form textarea:focus { - outline: none; - border: none; -} -.registration-form form input[type=submit] { - width: 100%; - background-color: var(--ac-primary); - color: #fff; - cursor: pointer; -} -.registration-form form input[type=submit]:hover { - background-color: #008d45; -} -.registration-form form p.is-error { - color: #ea3d2f; - font-size: 12px; - line-height: 1.4; -} - -.webinar-summary-area { - padding-top: 150px; -} -.webinar-summary-area .webinar-summary h3 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: bold; - font-size: 22px; - line-height: 22px; - color: #393e46; - margin-bottom: 20px; -} -.webinar-summary-area .webinar-summary .summary-content { - margin-bottom: 30px; - width: calc(100% - 30px); -} -.webinar-summary-area .webinar-summary .summary-content p { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 28px; - color: #555555; - margin-bottom: 15px; - text-align: justify; -} -.webinar-summary-area .webinar-summary .summary-content p:last-child { - margin-bottom: 0; -} -.webinar-summary-area .speaker-info-wrapper { - margin-top: 30px; - max-width: calc(100% - 30px); - display: grid; - grid-template-columns: 110px auto; - grid-gap: 30px; -} -.webinar-summary-area .speaker-info-wrapper .speaker-thumbnail { - width: 110px; - height: 110px; - border: 1px solid #a6abbd; - border-radius: 50%; - overflow: hidden; -} -.webinar-summary-area .speaker-info-wrapper .speaker-info h5 { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 500; - font-size: 18px; - line-height: 27px; - color: #393e46; -} -.webinar-summary-area .speaker-info-wrapper .speaker-info .designation { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; - display: flex; - align-items: center; - color: #555555; - margin-bottom: 15px; -} -.webinar-summary-area .speaker-info-wrapper .speaker-info .designation a { - font-family: Roboto; -} -.webinar-summary-area .speaker-info-wrapper .speaker-info .speaker-message { - font-family: Roboto; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 24px; - color: #555555; -} - -.webinar-header { - margin-bottom: 20px; -} -.webinar-header .upcoming-message h1 { - font-weight: 500; - line-height: 110%; -} -.webinar-header .webinar-list-items .webinar-item { - width: 130px; - background-color: #ccffe5; - border-radius: 4px; - margin-right: 20px; - padding: 15px; - cursor: pointer; -} -.webinar-header .webinar-list-items .webinar-item.is-active { - background-color: var(--ac-primary); - position: relative; - z-index: 1; -} -.webinar-header .webinar-list-items .webinar-item.is-active:after { - width: 60px; - height: 30px; - border-top: solid 30px var(--ac-primary); - border-left: solid 30px transparent; - border-right: solid 30px transparent; - position: absolute; - content: ""; - bottom: -20px; - left: 30px; -} -.webinar-header .webinar-list-items .webinar-item.is-active p, -.webinar-header .webinar-list-items .webinar-item.is-active h2 { - color: #ffffff; -} -.webinar-header .webinar-list-items .webinar-item:last-child { - margin-right: 0; -} -.webinar-header .webinar-list-items .webinar-item p { - font-size: 18px; - font-weight: 400; - text-align: center; - color: var(--ac-primary); -} -.webinar-header .webinar-list-items .webinar-item p.date { - font-size: 13px; -} -.webinar-header .webinar-list-items .webinar-item h2 { - font-size: 52px; - font-weight: 400; - text-align: center; - color: var(--ac-primary); - line-height: 1.029; -} - -.webinar-body .single-webinar { - opacity: 0; - visibility: hidden; - display: none; -} -.webinar-body .single-webinar.is-active { - opacity: 1; - visibility: visible; - display: block; -} -.webinar-body .webinar-video { - margin-bottom: 20px; - width: 100%; - height: 0; - position: relative; - padding-top: 56.25%; - background-color: #f2f3f4; - /* 9 / 16 * 100 */ -} -.webinar-body .webinar-video.active-overlay:after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #000000; - opacity: 0.3; -} -.webinar-body .webinar-video iframe { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border: 0; -} -.webinar-body .webinar-title h1 { - font-size: 40px; - line-height: 130%; - margin-bottom: 20px; - font-weight: 500; -} -.webinar-body .date-and-location { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; -} -.webinar-body .date-and-location .date { - display: flex; - align-items: center; - gap: 8px; -} -.webinar-body .date-and-location .date span { - font-size: 18px; - color: #515D63; - font-weight: 500; -} -.webinar-body .webinar-summary .highlight { - position: relative; - padding-left: 25px; -} -.webinar-body .webinar-summary .highlight:after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 5px; - height: 100%; - background-color: var(--ac-primary); -} -.webinar-body .webinar-summary p { - color: #636363; - margin-bottom: 20px; -} -.webinar-body .webinar-summary .check-items li { - display: block; - margin-bottom: 8px; -} -.webinar-body .webinar-summary .check-items li span { - margin-left: 15px; - font-size: 15px; -} -.webinar-body .webinar-speakers { - display: flex; - align-items: center; - flex-wrap: wrap; -} -.webinar-body .webinar-speakers .single-speaker { - position: relative; - z-index: 1; - margin-right: 20px; - display: flex; - align-items: center; - max-width: 330px; - overflow: hidden; -} -.webinar-body .webinar-speakers .single-speaker .speaker-image { - width: 80px; - height: 80px; - border-radius: 50%; - overflow: hidden; - border: 2px solid var(--ac-primary); -} -.webinar-body .webinar-speakers .single-speaker:last-child { - margin-right: 0; -} -.webinar-body .webinar-speakers .single-speaker .speaker-info { - padding: 0px 15px; - margin-top: -7px; -} -.webinar-body .webinar-speakers .single-speaker .speaker-info p { - font-size: 13px; -} - -[data-tab-content] { - display: none; -} - -.active[data-tab-content] { - display: block; -} - -.tabs { - display: flex; - justify-content: space-around; - list-style-type: none; - margin: 0; - padding: 0; - border-bottom: 1px solid black; -} - -.tab { - cursor: pointer; - padding: 10px; -} - -.tab.active { - background-color: #ccc; -} - -.tab:hover { - background-color: #aaa; -} - -.tab-content { - margin-left: 20px; - margin-right: 20px; -} - -.search-box { - display: flex; - align-items: center; - border: 1px solid #a6abbd; - padding: 0px 16px; - width: 430px; - border-radius: 4px; -} -.search-box input { - border: none; - width: 100%; - padding: 12px 8px; -} -.search-box input:focus { - outline: none; - border: none; -} - -.is-sticky.webinar-search { - position: sticky; - top: 60px; - background-color: #fff; - z-index: 9; -} - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 1023px) { - .webinar-header .upcoming-message h1 { - font-size: 34px; - } - .webinar-header .webinar-list-items .webinar-item { - width: 110px; - } - .webinar-header .webinar-list-items .webinar-item.is-active::after { - left: 23px; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 22px; - } - .webinar-header .webinar-list-items .webinar-item p { - font-size: 14px; - } - .webinar-body .webinar-title h1 { - font-size: 22px; - } - .webinar-body .webinar-speakers .single-speaker .speaker-info { - padding: 15px; - } - .webinar-body .webinar-speakers .single-speaker .speaker-info h6 { - font-size: 14px; - } - .search-box { - width: 190px; - } -} -@media screen and (max-width: 768px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header { - flex-direction: column; - align-items: flex-start !important; - } - .webinar-header .upcoming-message h1 { - font-size: 30px; - margin-bottom: 20px; - } - .webinar-header .upcoming-message h1 br { - display: none; - } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 10px; - width: auto; - } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; - } - .webinar-body .date-and-location .date { - margin-bottom: 8px; - } - .webinar-body .date-and-location .date span { - font-size: 15px; - } - .webinar-body .webinar-speakers { - overflow: auto; - } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; - } -} -@media (min-width: 501px) and (max-width: 768.98px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header { - flex-direction: column; - align-items: flex-start !important; - } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; - } - .webinar-header .upcoming-message h1 br { - display: none; - } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; - } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; - } - .webinar-body .date-and-location .date { - margin-bottom: 8px; - } - .webinar-body .date-and-location .date span { - font-size: 15px; - } - .webinar-body .webinar-speakers { - overflow: auto; - } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header { - flex-direction: row; - align-items: center !important; - } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; - } - .webinar-header .upcoming-message h1 br { - display: block; - } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; - } - .webinar-body .date-and-location { - flex-direction: column; - align-items: flex-start !important; - } - .webinar-body .date-and-location .date { - margin-bottom: 8px; - } - .webinar-body .date-and-location .date span { - font-size: 15px; - } - .webinar-body .webinar-speakers { - overflow: auto; - } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header { - flex-direction: row; - align-items: center !important; - } - .webinar-header .upcoming-message h1 { - font-size: 34px; - margin-bottom: 20px; - } - .webinar-header .upcoming-message h1 br { - display: block; - } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: auto; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; - } - .webinar-body .webinar-title h1 { - font-size: 22px; - } - .webinar-body .date-and-location { - flex-direction: row; - align-items: center !important; - } - .webinar-body .date-and-location .date { - margin-bottom: 0px; - } - .webinar-body .date-and-location .date span { - font-size: 15px; - } - .webinar-body .webinar-speakers { - overflow: auto; - } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; - } -} -@media screen and (min-width: 1408px) { - .webinar-hero-area.mt-80.mr-100 { - margin-right: 0 !important; - margin-top: 80px !important; - } - .webinar-header .upcoming-message h1 { - font-size: 48px; - } - .webinar-header .webinar-list-items .webinar-item { - margin-right: 15px; - width: 120px; - } - .webinar-header .webinar-list-items .webinar-item h2 { - font-size: 32px; - } - .webinar-body .webinar-title h1 { - font-size: 28px; - } - .webinar-body .date-and-location { - flex-direction: row; - align-items: center !important; - } - .webinar-body .date-and-location .date { - margin-bottom: 0px; - } - .webinar-body .date-and-location .date span { - font-size: 15px; - } - .webinar-body .webinar-speakers { - overflow: auto; - } - .webinar-body .webinar-speakers .single-speaker { - min-width: 130px; - } -} -.gallery-area { - padding: 80px 0 60px; -} - -.gallery-wrapper { - display: flex; -} -.gallery-wrapper .left-sidebar { - width: calc(25% - 25px); - margin-right: 25px; - background-color: #fafafd; - padding: 20px; - border: 1px solid #e7e7e7; - margin-top: -10px; - border-top: none; -} -.gallery-wrapper .left-sidebar .left-sidebar-inner { - display: block; - position: sticky; - top: 81px; -} -.gallery-wrapper .left-sidebar h4 { - font-weight: 600; - font-size: 18px; - line-height: 130%; - letter-spacing: -0.5px; - margin-bottom: 15px; - display: flex; - align-items: center; - justify-content: space-between; -} -.gallery-wrapper .left-sidebar h4 button { - background-color: transparent; - border: none; - cursor: pointer; - font-size: 18px; - margin-right: -10px; -} -.gallery-wrapper .left-sidebar hr { - margin-left: -20px; - margin-right: -20px; -} -.gallery-wrapper .right-content { - width: 75%; -} - -.tag.pointer { - cursor: pointer; -} -.tag.pointer.underline { - text-decoration: underline; - border: none; - background-color: transparent; -} - -.accordion.is-active .accordion-button i.fa { - transform: rotate(-180deg); -} -.accordion.is-active .accordion-body { - opacity: 1; - visibility: visible; - max-height: 200px; - margin-bottom: 30px; -} -.accordion .accordion-body { - opacity: 0; - visibility: hidden; - max-height: 0px; - transition: 0.3s ease-in-out; -} - -.filter-items .accordion-header { - display: flex; - align-items: center; - justify-content: space-between; -} -.filter-items .accordion-header .accordion-button { - display: flex; - justify-content: space-between; - width: 100%; - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 600; - font-size: 13px; - line-height: 100%; - background-color: transparent; - border: none; - cursor: pointer; - margin-bottom: 15px; - padding-left: 0; - padding-right: 0; -} -.filter-items .accordion-header .accordion-button i.fa { - transition: 0.3s; -} -.filter-items .accordion-content .ac-single-checkbox { - margin-bottom: 14px; - display: flex; - align-items: center; -} -.filter-items .accordion-content .ac-single-checkbox input { - margin-right: 10px; -} -.filter-items .accordion-content .ac-single-checkbox label { - font-family: "Roboto"; - line-height: 1; - font-style: normal; - font-weight: 400; - font-size: 14px; - line-height: 100%; -} - -.gallery-card { - display: block; - border: 1px solid #e7e7e7; - border-radius: 4px; - transition: 0.3s ease-in-out; - overflow: hidden; - min-height: 346px; -} -.gallery-card.webinar-video { - border: none; - border-radius: 0px; - min-height: 320px; -} -.gallery-card.webinar-video:hover { - border: none; -} -.gallery-card.webinar-video:hover .card-body h1 { - color: var(--ac-primary); -} -.gallery-card.webinar-video .card-thumbnail { - border: 1px solid #e7e7e7; - background-color: #f1f2f3; -} -.gallery-card.webinar-video .card-body { - padding: 20px 0 0; -} -.gallery-card.webinar-video .card-body h1 { - font-size: 18px; - line-height: 150%; - letter-spacing: 0; - transition: 0.3s ease-in-out; - margin: 0.5rem 0 1rem; -} -.gallery-card:hover { - border: 1px solid var(--ac-primary); -} -.gallery-card:hover .gallery-body h1 { - color: var(--ac-primary); -} -.gallery-card:hover .card-thumbnail .play-button { - background-color: var(--ac-primary); -} -.gallery-card .card-thumbnail { - position: relative; - display: flex; - align-items: center; - justify-content: center; -} -.gallery-card .card-thumbnail img { - height: 170px; - -o-object-fit: cover; - object-fit: cover; - width: 100%; -} -.gallery-card .card-thumbnail .play-button { - position: absolute; - display: flex; - align-items: center; - width: 50px; - height: 50px; - border-radius: 50%; - background: rgba(0, 0, 0, 0.3); - justify-content: center; - color: #fff; - transition: 0.3s ease-in-out; -} -.gallery-card .card-thumbnail .play-button .material-icons-outlined { - font-size: 28px; -} -.gallery-card .card-body { - padding: 20px 20px; -} -.gallery-card .card-body .filtered-items span { - margin-right: 0.8rem; - font-weight: normal; - font-size: 13px; - color: #505050; -} -.gallery-card .card-body h1 { - font-weight: 500; - font-size: 16px; - line-height: 130%; - margin: 1rem 0 2rem; - color: #171B1C; - transition: 0.3s ease-in-out; -} -.gallery-card .card-body .meta-tag p { - font-weight: normal; - font-size: 13px; - display: flex; - align-items: center; - color: #505050; -} -.gallery-card .card-body .meta-tag p .icon { - width: 18px; - margin-right: 8px; -} - -.filtered-tags .tag { - background-color: #fafafd; - border: 1px solid #e7e7e7; - height: 33px; - padding: 0 1.1rem; -} -.filtered-tags .tag span { - font-size: 13px; - margin-left: 8px; - cursor: pointer; - padding: 9px; - margin-right: -18px; -} - -.outlined-bg-buttons .button { - background: #fafafd; - border: 1px solid var(--ac-primary); - font-size: 13px; - letter-spacing: -0.5px; - font-weight: 400; - height: 33px; - border-radius: 4px; - color: var(--ac-primary); -} -.outlined-bg-buttons .button:hover { - background-color: var(--ac-primary); - color: #fff; -} -.outlined-bg-buttons .button span { - font-size: 13px; -} - -.playlist-wrapper { - margin-top: 60px; -} -.playlist-wrapper h4 { - font-weight: 700; - font-size: 18px; - line-height: 130%; - margin-bottom: 20px; -} -.playlist-wrapper .playlist-item { - padding: 15px; - display: flex; - align-items: center; - border: 1px solid #e7e7e7; - transition: 0.3s ease-in-out; - border-radius: 4px; - margin-bottom: 20px; -} -.playlist-wrapper .playlist-item:last-child { - margin-bottom: 0; -} -.playlist-wrapper .playlist-item:hover { - background-color: #fafafd; - border: 1px solid var(--ac-primary); -} -.playlist-wrapper .playlist-item .thumbnail { - margin-right: 50px; - display: flex; -} -.playlist-wrapper .playlist-item .thumbnail img { - width: 190px; - height: 190px; - border-radius: 4px; -} -.playlist-wrapper .playlist-item .content { - width: calc(100% - 240px); -} -.playlist-wrapper .playlist-item .content .categories { - display: flex; - align-items: center; -} -.playlist-wrapper .playlist-item .content .categories span { - font-weight: 400; - font-size: 13px; - line-height: 100%; - color: #505050; - margin-bottom: 15px; - margin-right: 15px; - margin-bottom: 0; -} -.playlist-wrapper .playlist-item .content h2 { - font-weight: 500; - font-size: 16px; - line-height: 130%; -} -.playlist-wrapper .playlist-item .content p { - font-size: 14px; - line-height: 160%; - color: #515D63; -} -.playlist-wrapper .playlist-item .content button { - font-weight: 500; - font-size: 14px; - line-height: 160%; - text-decoration-line: underline; - background: transparent; - border: none; - margin: 0; - padding: 0; - color: var(--ac-primary); -} - -.single-video-page .left-content .user-info-wrapper { - display: flex; - align-items: center; - margin-bottom: 20px; -} -.single-video-page .left-content .user-info-wrapper .image { - margin-right: 15px; -} -.single-video-page .left-content .user-info-wrapper .user-info h5 { - font-weight: 500; - font-size: 16px; - line-height: 19px; - /* identical to box height */ - letter-spacing: 0.15px; -} -.single-video-page .left-content .user-info-wrapper .user-info p { - font-weight: 400; - font-size: 13px; - line-height: 15px; - letter-spacing: 0.15px; - color: #414141; -} -.single-video-page .left-content .tags strong { - font-weight: 500; - font-size: 16px; - line-height: 19px; - /* identical to box height */ - letter-spacing: 0.15px; -} -.single-video-page .left-content .video-description p { - font-weight: 400; - font-size: 16px; - line-height: 160%; - margin-bottom: 15px; -} -.single-video-page .left-content .video-description p a { - font-weight: 400; - font-size: 16px; - line-height: 160%; - color: #4d4dcb; -} -.single-video-page .right-content { - position: sticky; - top: 81px; -} -.single-video-page .right-content .video-list-wrapper { - background-color: #fafafd; - border: 1px solid #e7e7e7; - padding: 30px; -} -.single-video-page .right-content .video-list-wrapper h4 { - font-weight: 600; - font-size: 20px; - line-height: 100%; - margin-bottom: 15px; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video { - display: flex; - align-items: center; - margin-bottom: 15px; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child { - margin-bottom: 0; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 { - color: var(--ac-primary); -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail { - margin-right: 15px; - height: 60px; - width: 60px; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img { - -o-object-fit: cover; - object-fit: cover; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { - width: calc(100% - 75px); -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { - transition: 0.3s ease-in-out; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { - font-size: 16px; - line-height: 120%; - /* or 19px */ - letter-spacing: 0.25px; -} -.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p { - font-weight: 400; - font-size: 13px; - line-height: 150%; - color: #191536; -} - -.video-content { - margin-bottom: 20px; - width: 100%; - height: 0; - position: relative; - padding-top: 56.25%; -} -.video-content iframe { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border: 0; -} - -.video-title h1 { - font-weight: 700; - font-size: 24px; - line-height: 130%; - letter-spacing: 0.25px; - margin-bottom: 20px; -} - -@keyframes waves { - 0% { - transform: scale(0.2, 0.2); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - } - 50% { - opacity: 0.9; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - } - 100% { - transform: scale(0.9, 0.9); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - } -} -.fa-play:before { - content: "\f04b"; -} - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .gallery-wrapper .left-sidebar { - width: calc(100vw - 40px); - z-index: 9; - position: fixed; - left: -110%; - height: 100%; - overflow-y: auto; - transition: 0.3s ease-in-out; - } - .gallery-wrapper .left-sidebar .left-sidebar-inner { - top: 0; - } - .gallery-wrapper .right-content { - width: 100%; - } - .filtered-tags .tag { - padding: 0 0.3rem; - } - .filtered-tags .tag span { - margin-right: 0; - padding: 6px; - margin-left: 0; - } - .outlined-bg-buttons { - justify-content: flex-end; - } - .outlined-bg-buttons .button { - margin-right: 10px; - } - .outlined-bg-buttons .button:last-child { - margin-right: 0; - } - .playlist-wrapper .playlist-item { - flex-direction: column; - align-items: flex-start; - } - .playlist-wrapper .playlist-item .thumbnail { - margin-right: 0; - margin-bottom: 15px; - } - .playlist-wrapper .playlist-item .thumbnail img { - width: 100%; - height: auto; - } - .playlist-wrapper .playlist-item .content { - width: 100%; - } - .gallery-card .card-thumbnail img { - height: 100%; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .gallery-card { - min-height: 280px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } - .single-video-page .right-content .video-list-wrapper h4 { - font-size: 16px; - } - .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { - font-size: 14px; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .gallery-card { - min-height: 290px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } -} -@media screen and (min-width: 1408px) { - .gallery-card { - min-height: 290px; - } - .gallery-card .card-thumbnail img { - height: 150px; - } - .gallery-card .card-body { - padding: 10px; - } - .gallery-card .card-body h1 { - margin: 0.5rem 0 1rem; - } - .gallery-card .card-body .meta-tag p { - font-size: 13px; - } -} -.navbar-area { - position: relative; - z-index: 99; - background-color: #ffffff; -} - -.navbar-appscode-wrapper { - background-color: #ffffff; - border-bottom: 1px solid #e7e7e7; -} -.navbar-appscode-wrapper.navbar-product { - background-color: #fafafd; - will-change: transform; - transition: transform 200ms linear; -} -.navbar-appscode-wrapper.navbar-product .mega-menu-wrapper { - top: 57px; -} -.navbar-appscode-wrapper.navbar-product .navbar-left .navbar-brand a img { - height: 1.58rem; -} -.navbar-appscode-wrapper.navbar-product .buttons.has-addons .button { - font-size: 14px; -} - -.navbar-appscode { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0.5rem 1.25rem; -} -.navbar-appscode.container { - padding: 0.5rem 0; -} -.navbar-appscode.container .mega-menu-wrapper { - width: 200%; - left: -50%; -} -.navbar-appscode .navbar-right .button.ac-button { - height: 40px; -} -.navbar-appscode.documentation-menu { - margin-left: 349px; - background-color: #ffffff; - border-left: 1px solid #e7e7e7; -} -.navbar-appscode.documentation-menu .mega-menu-wrapper { - top: 104px; -} -.navbar-appscode.documentation-menu .navbar-right { - width: 100%; - justify-content: space-between; -} -.navbar-appscode.documentation-menu .navbar-right .ac-searchbar { - width: 49%; -} -.navbar-appscode.documentation-menu ul .nav-item .link.is-active { - position: relative; - z-index: 1; -} -.navbar-appscode.documentation-menu ul .nav-item .link.is-active:after { - position: absolute; - content: ""; - left: 0; - bottom: -8px; - width: 100%; - height: 4px; - background: var(--ac-primary); - border-radius: 3px 3px 0 0; -} -.navbar-appscode .navbar-left { - display: flex; - align-items: center; -} -.navbar-appscode .navbar-left .navbar-brand { - min-height: auto; - align-items: center; - margin-right: 3.8rem; -} -.navbar-appscode .navbar-left .navbar-brand a { - display: flex; - align-items: center; -} -.navbar-appscode .navbar-left .navbar-brand a img { - height: 1.875rem; -} -.navbar-appscode .navbar-right { - display: flex; - align-items: center; - width: calc(100% - 200px); - justify-content: flex-end; -} -.navbar-appscode .navbar-right .navbar-left-group { - display: flex; - align-items: center; -} -@media (min-width: 0px) and (max-width: 1023px) { - .navbar-appscode .navbar-right .navbar-left-group { - align-items: flex-start; - } -} -.navbar-appscode .navbar-right .navbar-right-group { - display: flex; - align-items: center; - gap: 32px; -} -.navbar-appscode .navbar-right .navbar-right-group .buttons iframe { - transition: 0.3s ease-in-out; -} -.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover { - box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; - transform: translateY(-2px); -} -.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) { - gap: 4px; -} -.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag { - background-color: var(--ac-primary); - color: #ffffff; -} -@media (min-width: 0px) and (max-width: 1023px) { - .navbar-appscode .navbar-right .navbar-right-group { - flex-direction: column; - align-items: flex-start; - gap: 16px; - width: 100%; - } - .navbar-appscode .navbar-right .navbar-right-group .buttons { - width: 100%; - } - .navbar-appscode .navbar-right .navbar-right-group .buttons .button { - width: 100%; - margin-right: 0; - } -} -.navbar-appscode ul .nav-item { - margin-right: 2.5rem; -} -.navbar-appscode ul .nav-item.is-active .link { - color: var(--ac-primary); -} -.navbar-appscode ul .nav-item.is-active .link i.fa { - transform: rotate(-180deg); -} -.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper { - display: block !important; -} -.navbar-appscode ul .nav-item:last-child { - margin-right: 0; -} -.navbar-appscode ul .nav-item .link { - font-size: 0.875rem; - line-height: 1; - color: #171B1C; - font-weight: 500; - font-family: "Roboto", sans-serif; - border: none; - background-color: transparent; - cursor: pointer; - margin: 0; - padding: 0.5rem 0; - transition: 0.3s ease-in-out; - position: relative; - z-index: 1; -} -.navbar-appscode ul .nav-item .link.is-active { - color: var(--ac-primary); -} -.navbar-appscode ul .nav-item .link:hover { - color: var(--ac-primary); -} -.navbar-appscode ul .nav-item .link .fa { - transition: 0.3s ease-in-out; - margin-left: 0.625rem; -} -.navbar-appscode ul .nav-item .link .whats-new { - position: absolute; - z-index: 1; - top: -10px; - right: -30px; - font-size: 0.8rem; - color: #ffffff; - padding: 0.2rem 0.3rem; - line-height: 1.2; - display: none; -} -.navbar-appscode ul .nav-item .link .whats-new:before { - content: ""; - position: absolute; - z-index: -1; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 2rem; - height: 1rem; - background: var(--ac-primary); - border-radius: 2px; - animation: pulse-border 1500ms ease-out infinite; -} -.navbar-appscode ul .nav-item .link .whats-new:after { - content: ""; - position: absolute; - z-index: -1; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - display: block; - width: 2rem; - height: 1rem; - background: var(--ac-primary); - transition: all 200ms; -} -@keyframes pulse-border { - 0% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); - opacity: 1; - } - 100% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); - opacity: 0; - } -} - -.ac-grid-container { - max-width: 1344px; - margin: 0 auto; - padding: 0 0.5rem; -} - -.mega-menu-wrapper { - display: none; - background: #ffffff; - position: absolute; - z-index: 9; - min-width: 300px; - padding: 2.5rem 0; - position: absolute; - width: 100%; - left: 0; - top: 61px; -} -.mega-menu-wrapper .mega-menu-inner { - overflow: hidden; -} -.mega-menu-wrapper .mega-menu-inner .product-menu { - display: grid; - grid-template-columns: auto auto; - width: 60%; - float: left; -} -.mega-menu-wrapper .mega-menu-inner .product-menu.database-list { - grid-template-columns: auto auto auto; -} -.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product { - grid-template-columns: 40px auto 1.5rem; - width: 100%; - padding: 0.7rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo { - height: 40px; - width: 40px; -} -.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo img { - height: 1.5rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .navigate-icon .icon { - width: 1rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product { - display: grid; - grid-template-columns: 3.75rem auto 1.5rem; - padding: 1rem; - align-items: center; - width: 100%; - grid-gap: 1rem; - border-radius: 0.25rem; - transition: 0.3s ease-in-out; - cursor: pointer; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active { - background-color: rgba(77, 77, 203, 0.0509803922); -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon { - opacity: 1; - visibility: visible; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { - height: 60px; - width: 60px; - display: flex; - align-items: center; - justify-content: center; - background: #e9e9fc; - border-radius: 0.25rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { - height: 2.5rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 { - font-size: 1rem; - letter-spacing: 0.009rem; - color: #171B1C; - font-weight: 500; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p { - font-size: 0.813rem; - color: #636363; - line-height: 140%; - letter-spacing: 0.025rem; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon { - text-align: right; - display: flex; - justify-content: center; - align-items: center; -} -.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { - width: 1.2rem; - color: var(--ac-primary); - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} -.mega-menu-wrapper .mega-menu-inner .product-description { - margin-left: 1rem; - float: left; - border-left: 1px solid #e7e7e7; - padding-left: 4rem; - max-width: 36%; - opacity: 0; - display: none; - visibility: hidden; - transition: 0.3s ease-in-out; -} -.mega-menu-wrapper .mega-menu-inner .product-description.is-block { - opacity: 1; - visibility: visible; -} -.mega-menu-wrapper .mega-menu-inner .product-description .brand { - margin-bottom: 1rem; -} -.mega-menu-wrapper .mega-menu-inner .product-description .brand img { - height: 1.5rem; -} -.mega-menu-wrapper .mega-menu-inner .product-description p { - font-size: 0.875rem; - color: #515D63; - line-height: 160%; - margin-bottom: 1rem; -} -.mega-menu-wrapper .mega-menu-inner .product-description .features li { - font-size: 0.813rem; - color: #171B1C; - display: flex; - align-items: center; - margin-bottom: 15px; -} -.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons { - font-size: 1rem; - margin-right: 0.6rem; - color: var(--ac-primary); -} - -.back-button { - display: none !important; - color: #515D63; - margin-bottom: 10px !important; - background-color: transparent; -} - -.button.ac-button.inline-button { - border: none; - height: auto; - margin: 0; - padding: 0.5rem 0; - display: inline-flex; - align-items: center; - justify-content: flex-start; -} -.button.ac-button.inline-button:hover { - background-color: transparent; - border: none; - color: var(--ac-primary); -} -.button.ac-button.inline-button:hover .material-icons { - margin-left: 1rem; -} -.button.ac-button.inline-button .material-icons { - font-size: 1rem; - margin-left: 0.5rem; - transition: 0.3s ease-in-out; -} - -.linkable-nav-items { - width: 500px; - float: left; -} -.linkable-nav-items ul { - display: grid; - grid-template-columns: auto auto; - grid-gap: 0.5rem; -} -.linkable-nav-items ul li { - width: 250px; -} -.linkable-nav-items ul li a { - display: inline-flex; - align-items: center; - font-size: 0.875rem; - letter-spacing: 0.009rem; - color: #171B1C; - font-weight: 500; - transition: 0.3s; - padding-left: 0; -} -.linkable-nav-items ul li a:hover { - color: var(--ac-primary); -} -.linkable-nav-items ul li a:hover span:last-child { - padding-left: 1rem; -} -.linkable-nav-items ul li a span { - display: flex; - align-items: center; - font-size: 1rem; -} -.linkable-nav-items ul li a span:last-child { - padding-left: 0.5rem; -} -.linkable-nav-items ul li a span img { - height: 1rem; - margin-right: 1rem; -} - -.resources-list { - display: grid; - grid-template-columns: auto auto auto auto; - grid-gap: 2rem; -} -.resources-list .list-items h2 { - font-weight: 500; - position: relative; - font-size: 0.875rem; - z-index: 1; - display: inline-block; - letter-spacing: 1.2px; -} -.resources-list .list-items ul { - margin: 0; - padding: 0; - list-style: none; -} -.resources-list .list-items ul li a { - font-size: 0.875rem; - padding: 0.6rem 0; - color: #171B1C; - display: inline-block; - line-height: 1; - transition: 0.3s ease-in-out; - font-weight: 500; -} -.resources-list .list-items ul li a span { - font-size: 14px; -} -.resources-list .list-items ul li a:hover { - color: var(--ac-primary); - text-decoration: underline; -} - -.press-wrapper .single-press { - margin: 0; - padding: 0; - margin-bottom: 1.5rem; - display: flex; - align-items: center; - transition: 0.3s; -} -.press-wrapper .single-press:hover h6 { - color: var(--ac-primary); -} -.press-wrapper .single-press .calender { - text-align: center; - height: 90px; - display: inline-flex; - align-items: center; - justify-content: flex-start; - flex-direction: column; - margin-right: 1rem; - border-radius: 4px; -} -.press-wrapper .single-press .calender .date { - width: 84px; - height: 45px; - background-color: #9dffcd; - font-style: normal; - font-weight: 500; - font-size: 28px; - line-height: 140%; - letter-spacing: 0.4px; - color: var(--ac-primary); - align-items: center; - display: flex; - justify-content: center; -} -.press-wrapper .single-press .calender .month { - width: 84px; - height: 45px; - background: #ccffe5; - font-family: Roboto; - font-style: normal; - font-weight: 300; - font-size: 18px; - line-height: 140%; - letter-spacing: 0.4px; - color: var(--ac-primary); - align-items: center; - display: flex; - justify-content: center; -} -.press-wrapper .single-press .description { - max-width: 327px; -} -.press-wrapper .single-press .description h6 { - font-size: 1rem; - margin-bottom: 0px; - letter-spacing: 0; - font-weight: 500; - display: block; -} -.press-wrapper .single-press .description h6:after { - position: inherit; -} -.press-wrapper .single-press .description .author { - font-weight: 400; - font-size: 0.875rem; - letter-spacing: 0.4px; - margin-bottom: 0.5rem; - display: block; - color: #1c1c1c; -} -.press-wrapper .single-press .description p { - font-size: 0.875rem; - color: #636363; - line-height: 150%; -} -.press-wrapper .button.inline-button { - margin-left: 100px !important; -} - -.community-items { - display: flex; - align-items: center; -} -.community-items .community-item { - border: 1px solid #636363; - display: flex; - align-items: center; - justify-content: center; - border-radius: 2px; - width: 2.5rem; - height: 2.5rem; - margin-right: 0.5rem; - transition: 0.3s; -} -.community-items .community-item:hover { - background-color: var(--ac-primary); - border-color: var(--ac-primary); -} -.community-items .community-item:hover img { - filter: brightness(10); -} -.community-items .community-item:last-child { - margin-right: 0; -} - -.responsive-menu { - background-color: var(--ac-primary); -} -.responsive-menu .button { - border: none; - padding-left: 0; - padding-right: 0; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #ffffff; -} -.responsive-menu .button.is-active { - color: #d2d2d2; -} - -.product-version .dropdown .dropdown-trigger .button { - font-size: 0.813rem; - width: 210px; - height: 2rem; - border-radius: 2px; - padding: 2px 15px; - color: #171B1C; - border: 1px solid #e7e7e7; -} -.product-version .dropdown .dropdown-trigger .button .arrow { - color: #999999; - font-size: 0.9rem; -} -.product-version .dropdown .dropdown-menu { - /* ===== Scrollbar CSS ===== */ - /* Firefox */ - /* Chrome, Edge, and Safari */ -} -.product-version .dropdown .dropdown-menu * { - scrollbar-width: auto; - scrollbar-color: #ebebeb #fafafd; -} -.product-version .dropdown .dropdown-menu *::-webkit-scrollbar { - width: 12px; -} -.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-track { - background: #fafafd; -} -.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-thumb { - background-color: #ebebeb; - border-radius: 10px; - border: 3px solid #fafafd; -} -.product-version .dropdown .dropdown-menu .dropdown-content { - max-height: 420px; - overflow-y: auto; -} -.product-version .dropdown .dropdown-menu .dropdown-content .dropdown-item { - font-size: 0.813rem; - color: #171B1C; -} -.product-version .new-item { - background-color: var(--ac-primary); - font-size: 0.813rem; - color: #ffffff; - border-radius: 2px; - height: 1.2rem; - padding: 2px 5px; - line-height: 1.2; -} - -.ac-searchbar { - position: relative; - z-index: 1; - padding: 0 20px; - border-left: 1px solid #e7e7e7; -} -.ac-searchbar label .fa { - color: #171B1C; -} -.ac-searchbar input[type=search] { - border: none; - background-color: transparent; - color: #515D63; - font-size: 0.875rem; - width: 270px; - padding: 0.2rem 0.875rem; -} -.ac-searchbar input[type=search]:focus { - border: none; - outline: none; -} -.ac-searchbar input[type=search]::-moz-placeholder { - color: #636363; -} -.ac-searchbar input[type=search]::placeholder { - color: #636363; -} - -.modal-backdrop.is-show { - width: 100%; - height: 100%; - background: #333; - position: fixed; - top: 0; - opacity: 0.8; - z-index: 9; -} - -.header--fixed { - position: fixed; - z-index: 10; - right: 0; - left: 0; - top: 0; -} -.header--fixed::after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #ffffff; - z-index: -1; - transition: 0.5s ease-in-out; -} -.header--fixed.headroom--unpinned::after { - transition: transform 500ms linear; -} - -.headroom { - will-change: transform; - transition: transform 200ms linear; -} - -.headroom--pinned { - transform: translateY(0px); - transition: transform 500ms linear; -} - -.headroom--unpinned { - transform: translateY(-165px); -} -.headroom--unpinned .navbar-area.navbar-fixed { - transform: translateY(135px); -} -.headroom--unpinned .navbar-appscode-wrapper.navbar-product { - transform: translateY(104px); -} - -.navbar-burger { - height: 30px; - width: 30px; - border-radius: 4px; -} -.navbar-burger.is-active i.fa { - transform: rotate(-180deg); - transform-origin: 10px; -} -.navbar-burger span { - height: 1.5px; -} - -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 1023px) { - .headroom--unpinned .navbar-appscode-wrapper.navbar-product { - padding: 0 0; - transform: translateY(104px); + .webinar-header .webinar-list-items .webinar-item.is-active::after { + left: 23px; } - .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { - top: 47px; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 22px; } - .navbar-appscode.container { - padding: 0.5rem 15px; + .webinar-header .webinar-list-items .webinar-item p { + font-size: 14px; } - .navbar-appscode.documentation-menu { - margin-left: 0; - padding: 0; + .webinar-body .webinar-title h1 { + font-size: 22px; } - .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after { - display: none; + .webinar-body .webinar-speakers .single-speaker .speaker-info { + padding: 15px; } - .navbar-appscode.documentation-menu .navbar-right { - position: fixed; - width: 80%; - border-right: 1px solid #e7e7e7; + .webinar-body .webinar-speakers .single-speaker .speaker-info h6 { + font-size: 14px; } - .navbar-appscode .navbar-left { - width: 100%; + .search-box { + width: 190px; } - .navbar-appscode .navbar-left .navbar-brand { - margin: 0; - width: 100%; +} +@media screen and (max-width: 768px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } - .navbar-appscode .navbar-left .navbar-brand a img { - height: 1.5rem !important; + .webinar-header { + flex-direction: column; + align-items: flex-start !important; } - .navbar-appscode .navbar-left ul { - position: absolute; - right: 20%; - opacity: 0; - visibility: hidden; + .webinar-header .upcoming-message h1 { + font-size: 30px; + margin-bottom: 20px; } - .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; + .webinar-header .upcoming-message h1 br { + display: none; } - .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between { + .webinar-header .webinar-list-items .webinar-item { + margin-right: 10px; + width: auto; + } + .webinar-body .date-and-location { flex-direction: column; - align-items: flex-start; + align-items: flex-start !important; } - .navbar-appscode .navbar-right .is-primary.ml-8 { - margin-left: 0 !important; - margin-top: 15px; + .webinar-body .date-and-location .date { + margin-bottom: 8px; } - .navbar-appscode .navbar-right .button.ac-button.is-primary { - margin-left: 0; - width: 100%; + .webinar-body .date-and-location .date span { + font-size: 15px; } - .navbar-appscode .navbar-right ul { - display: flex; + .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; } - .navbar-appscode .navbar-right ul li.nav-item { - margin: 6px 0; + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; } - .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { - top: -10px; - right: -30px; + .webinar-header .upcoming-message h1 br { + display: none; } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 0 !important; - margin-top: 30px; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; } - .navbar-appscode .navbar-right.is-visible { - opacity: 1; - visibility: visible; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .resources-list { - grid-template-columns: auto; + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; } - .mega-menu-wrapper { - width: 100% !important; - left: 0 !important; - top: 0 !important; - padding-top: 20px !important; - background-color: #fafafd; - max-height: 75vh; - min-height: 70vh; - overflow-y: auto; - box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16); + .webinar-body .date-and-location .date { + margin-bottom: 8px; } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: 100%; + .webinar-body .date-and-location .date span { + font-size: 15px; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { - width: 100%; + .webinar-body .webinar-speakers { + overflow: auto; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { - height: 50px; - width: 50px; + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { - height: 1.8rem; +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } - .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { - width: 16px; + .webinar-header { + flex-direction: row; + align-items: center !important; } - .mega-menu-wrapper .mega-menu-inner .product-menu.database-list { - grid-template-columns: auto; + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; - padding-left: 0; - margin-top: 35px; - margin-left: 0; - max-width: 100%; + .webinar-header .upcoming-message h1 br { + display: block; } - .press-wrapper .button.inline-button { - margin-left: 0 !important; - background-color: transparent; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; } - .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right { - top: 47px; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .product-version.pl-20 { - padding-left: 10px; + .webinar-body .date-and-location { + flex-direction: column; + align-items: flex-start !important; } - .product-version .dropdown .dropdown-trigger .button { - width: 190px; + .webinar-body .date-and-location .date { + margin-bottom: 8px; } - .product-version .dropdown-menu { - z-index: 9999; + .webinar-body .date-and-location .date span { + font-size: 15px; } - .back-button { - display: flex !important; + .webinar-body .webinar-speakers { + overflow: auto; } - .back-button span { - color: var(--ac-primary); - padding-right: 15px; - font-size: 18px; + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; } } -.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: 1216px) and (max-width: 1407px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } -} - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .navbar-burger { - display: none !important; + .webinar-header { + flex-direction: row; + align-items: center !important; } - .navbar-appscode.documentation-menu { - margin-left: 0; - border-left: none; + .webinar-header .upcoming-message h1 { + font-size: 34px; + margin-bottom: 20px; } - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 1rem; + .webinar-header .upcoming-message h1 br { + display: block; } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: auto; } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 10px !important; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .navbar-appscode .navbar-right .button.ac-button { - padding: 0.5rem 1rem; + .webinar-body .webinar-title h1 { + font-size: 22px; } - .navbar-appscode .navbar-right-group { - gap: 8px !important; + .webinar-body .date-and-location { + flex-direction: row; + align-items: center !important; } - .navbar-appscode ul .nav-item { - margin-right: 1.5rem; + .webinar-body .date-and-location .date { + margin-bottom: 0px; } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: calc(50% - 5rem); + .webinar-body .date-and-location .date span { + font-size: 15px; } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; + .webinar-body .webinar-speakers { + overflow: auto; } - .mega-menu-wrapper .video-content { - display: none; + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; } - .product-version.ml-20 { - margin-left: 4px !important; +} +@media screen and (min-width: 1408px) { + .webinar-hero-area.mt-80.mr-100 { + margin-right: 0 !important; + margin-top: 80px !important; } - .product-version .dropdown .dropdown-trigger .button { - width: 180px; - padding: 2px 5px; + .webinar-header .upcoming-message h1 { + font-size: 48px; } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .navbar-burger { - display: none !important; + .webinar-header .webinar-list-items .webinar-item { + margin-right: 15px; + width: 120px; } - .navbar-appscode.documentation-menu { - margin-left: 0; - border-left: none; + .webinar-header .webinar-list-items .webinar-item h2 { + font-size: 32px; } - .navbar-appscode .navbar-right { - width: calc(100% - 180px); + .webinar-body .webinar-title h1 { + font-size: 28px; } - .navbar-appscode .navbar-right .community-items.ml-70 { - margin-left: 10px !important; + .webinar-body .date-and-location { + flex-direction: row; + align-items: center !important; } - .navbar-appscode ul .nav-item { - margin-right: 1.5rem; + .webinar-body .date-and-location .date { + margin-bottom: 0px; } - .mega-menu-wrapper .mega-menu-inner .product-menu { - grid-template-columns: auto; - width: calc(50% - 5rem); + .webinar-body .date-and-location .date span { + font-size: 15px; } - .mega-menu-wrapper .mega-menu-inner .product-description { - border-left: none; + .webinar-body .webinar-speakers { + overflow: auto; } - .mega-menu-wrapper .video-content { - display: none; + .webinar-body .webinar-speakers .single-speaker { + min-width: 130px; } } -@media screen and (min-width: 1408px) { - .navbar-appscode .navbar-left .navbar-brand { - margin-right: 3rem; - } +.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; } -.ac-preloader { - position: fixed; - height: 100vh; - top: 0; - z-index: 999; - width: 100%; - background-color: #ffffff; +.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; } - -.spinner { - position: relative; +.gallery-card:hover { + border: 1px solid var(--ac-primary); } - -.spinner:before, -.spinner:after { - content: ""; +.gallery-card:hover .card-thumbnail .play-button { + background-color: var(--ac-primary); +} +.gallery-card .card-thumbnail { position: relative; - display: block; + display: flex; + align-items: center; + justify-content: center; } - -.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); +.gallery-card .card-thumbnail img { + height: 170px; + -o-object-fit: cover; + object-fit: cover; + width: 100%; } - -.spinner:after { - animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; - bottom: -0.5em; - height: 0.25em; +.gallery-card .card-thumbnail .play-button { + position: absolute; + display: flex; + align-items: center; + width: 50px; + height: 50px; border-radius: 50%; - background-color: rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.3); + justify-content: center; + color: #fff; + transition: 0.3s ease-in-out; } -@keyframes spinner { - 50% { - border-radius: 50%; - transform: scale(0.5) rotate(360deg); - } - 100% { - transform: scale(1) rotate(720deg); - } +.gallery-card .card-thumbnail .play-button .material-icons-outlined { + font-size: 28px; } -@keyframes shadow { - 50% { - transform: scale(0.5); - background-color: rgba(0, 0, 0, 0.1); - } +.gallery-card .card-body { + padding: 20px 20px; } -.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; +.gallery-card .card-body .filtered-items span { + margin-right: 0.8rem; + font-weight: normal; + font-size: 13px; + color: #505050; } -.cookie-wrapper.hide { - opacity: 0; - visibility: hidden; +.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; } -.cookie-wrapper .cookie-content { +.gallery-card .card-body .meta-tag p { + font-weight: normal; + font-size: 13px; 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; + color: #505050; } -.cookie-wrapper .cookie-content p a { - color: hsl(149, 90%, 20%); - text-decoration: underline; - font-weight: 500; +.gallery-card .card-body .meta-tag p .icon { + width: 18px; + margin-right: 8px; } -.cookie-wrapper .cookie-content p a:hover { - color: var(--ac-primary); + +.filtered-tags .tag { + background-color: #fafafd; + border: 1px solid #e7e7e7; + height: 33px; + padding: 0 1.1rem; } -.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; +.filtered-tags .tag span { + font-size: 13px; + margin-left: 8px; + cursor: pointer; + padding: 9px; + margin-right: -18px; } -.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { - text-decoration: underline; + +.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); } -.cookie-wrapper .cookie-content .buttons .button.is-primary { +.outlined-bg-buttons .button:hover { background-color: var(--ac-primary); + color: #fff; +} +.outlined-bg-buttons .button span { + font-size: 13px; } -/**************************************** -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; - } +.playlist-wrapper { + margin-top: 60px; } -li.nav-item { - display: inline-block !important; - text-indent: 0 !important; - padding: 0px !important; +.playlist-wrapper h4 { + font-weight: 700; + font-size: 18px; + line-height: 130%; + margin-bottom: 20px; } - -li.nav-item:before { - display: none; +.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; } - -.tabs.is-boxed a { - border: 1px solid transparent; - border-radius: 4px 4px 0 0; +.playlist-wrapper .playlist-item:last-child { + margin-bottom: 0; } - -.tab-pane { - display: none; +.playlist-wrapper .playlist-item:hover { + background-color: #fafafd; + border: 1px solid var(--ac-primary); } - -.tab-pane.show { - display: block; +.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); } -.nav-tabs a { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - color: #4a4a4a; +.single-video-page .left-content .user-info-wrapper { display: flex; - justify-content: center; - margin-bottom: -1px; - padding: 0.5em 1em; - vertical-align: top; + align-items: center; + margin-bottom: 20px; } - -li.nav-item a { - display: block; - padding: 5px 20px; +.single-video-page .left-content .user-info-wrapper .image { + margin-right: 15px; } - -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; +.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; } - -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; +.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; } - -.nav-tabs { - align-items: center; - border-bottom-width: 1px; - display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; +.single-video-page .left-content .tags strong { + font-weight: 500; + font-size: 16px; + line-height: 19px; + /* identical to box height */ + letter-spacing: 0.15px; } - -.tab-content { - border: 1px solid #dbdbdb; - padding: 20px; - border-radius: 4px; +.single-video-page .left-content .video-description p { + font-weight: 400; + font-size: 16px; + line-height: 160%; margin-bottom: 15px; } - -.tab-content h2 { - margin-top: 0; -} - -.button { - 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; } -.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; +.single-video-page .right-content { + position: sticky; + top: 81px; } -@media screen and (max-width: 768px) { - .button.ac-button { - height: 44px; - } +.single-video-page .right-content .video-list-wrapper { + background-color: #fafafd; + border: 1px solid #e7e7e7; + padding: 30px; } -.button.ac-button:focus-visible { - outline: none; +.single-video-page .right-content .video-list-wrapper h4 { + font-weight: 600; + font-size: 20px; + line-height: 100%; + margin-bottom: 15px; } -.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); +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video { + display: flex; + align-items: center; + margin-bottom: 15px; } -.button.ac-button.is-disabled { - opacity: 0.5 !important; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child { + margin-bottom: 0; } -.button.ac-button .ac-icon { - margin-left: 25px; - background-color: #ffffff; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 { 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; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail { + margin-right: 15px; + height: 60px; + width: 60px; } -.button.ac-button.is-transparent { - padding: 0; - height: auto; - border: none; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #171B1C; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img { + -o-object-fit: cover; + object-fit: cover; } -.button.ac-button.is-transparent:hover { - box-shadow: none !important; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { + width: calc(100% - 75px); } -.button.ac-button.is-transparent.is-primary { - background-color: transparent; - color: var(--ac-primary); +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { + transition: 0.3s ease-in-out; } -.button.ac-button.is-transparent.is-primary:hover { - background-color: transparent; - color: var(--ac-primary); +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 { + font-size: 16px; + line-height: 120%; + /* or 19px */ + letter-spacing: 0.25px; } -.button.ac-button.is-transparent.is-danger { - background-color: transparent; - color: #ff3729; +.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p { + font-weight: 400; + font-size: 13px; + line-height: 150%; + color: #191536; } -.button.ac-button.is-transparent.is-danger:hover { - background-color: transparent; - color: #ff3729; + +.video-content { + margin-bottom: 20px; + width: 100%; + height: 0; + position: relative; + padding-top: 56.25%; } -.button.ac-button.is-transparent.is-small { - letter-spacing: 0px; - font-size: 13px; +.video-content iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; } -.button.ac-button.is-transparent:focus { - box-shadow: none; - outline: none; + +.video-title h1 { + font-weight: 700; + font-size: 24px; + line-height: 130%; + letter-spacing: 0.25px; + margin-bottom: 20px; } -.button.ac-button.is-white { - background-color: #ffffff; - border: none; + +@keyframes waves { + 0% { + transform: scale(0.2, 0.2); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + } + 50% { + opacity: 0.9; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + } + 100% { + transform: scale(0.9, 0.9); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + } } -.button.ac-button.is-white:hover { - color: var(--ac-primary); - opacity: 0.9; + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .gallery-wrapper .left-sidebar { + width: calc(100vw - 40px); + z-index: 9; + position: fixed; + left: -110%; + height: 100%; + overflow-y: auto; + transition: 0.3s ease-in-out; + } + .gallery-wrapper .left-sidebar .left-sidebar-inner { + top: 0; + } + .gallery-wrapper .right-content { + width: 100%; + } + .filtered-tags .tag { + padding: 0 0.3rem; + } + .filtered-tags .tag span { + margin-right: 0; + padding: 6px; + margin-left: 0; + } + .outlined-bg-buttons { + justify-content: flex-end; + } + .outlined-bg-buttons .button { + margin-right: 10px; + } + .outlined-bg-buttons .button:last-child { + margin-right: 0; + } + .playlist-wrapper .playlist-item { + flex-direction: column; + align-items: flex-start; + } + .playlist-wrapper .playlist-item .thumbnail { + margin-right: 0; + margin-bottom: 15px; + } + .playlist-wrapper .playlist-item .thumbnail img { + width: 100%; + height: auto; + } + .playlist-wrapper .playlist-item .content { + width: 100%; + } + .gallery-card .card-thumbnail img { + height: 100%; + } } -.button.ac-button.is-primary { - background-color: var(--ac-primary); - color: #ffffff; - border: none; - background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important; +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .gallery-card { + min-height: 280px; + } + .gallery-card .card-thumbnail img { + height: 150px; + } + .gallery-card .card-body { + padding: 10px; + } + .gallery-card .card-body h1 { + margin: 0.5rem 0 1rem; + } + .gallery-card .card-body .meta-tag p { + font-size: 13px; + } + .single-video-page .right-content .video-list-wrapper h4 { + font-size: 16px; + } + .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions { + font-size: 14px; + } } -.button.ac-button.is-primary:hover { - background-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; + } } -.button.ac-button.is-primary:focus-visible { - outline: none; +@media screen and (min-width: 1408px) { + .gallery-card { + min-height: 290px; + } + .gallery-card .card-thumbnail img { + height: 150px; + } + .gallery-card .card-body { + padding: 10px; + } + .gallery-card .card-body h1 { + margin: 0.5rem 0 1rem; + } + .gallery-card .card-body .meta-tag p { + font-size: 13px; + } } -.button.ac-button.is-primary.is-light { - background-color: var(--ac-primary); - color: var(--ac-primary); +.navbar-area { + position: relative; + z-index: 99; + background-color: #ffffff; } -.button.ac-button.is-primary.is-light.is-border { - border: 1px solid var(--ac-primary); + +.navbar-appscode-wrapper { + background-color: #ffffff; + border-bottom: 1px solid #e7e7e7; } -.button.ac-button.is-primary.is-light:hover { - background-color: var(--ac-primary); + +.navbar-appscode { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1.25rem; } -.button.ac-button.is-primary.is-outlined { - background-color: transparent; - border: 1px solid var(--ac-primary); - color: var(--ac-primary); +.navbar-appscode.container { + padding: 0.5rem 0; } -.button.ac-button.is-primary.is-outlined:hover { - background-color: var(--ac-primary); - color: #ffffff; +.navbar-appscode.container .mega-menu-wrapper { + width: 200%; + left: -50%; } -.button.ac-button.is-link { - background-color: #0aafff; - color: #ffffff; - border: none; +.navbar-appscode .navbar-right .button.ac-button { + height: 40px; } -.button.ac-button.is-link:focus-visible { - outline: none; +.navbar-appscode .navbar-left { + display: flex; + align-items: center; } -.button.ac-button.is-link.is-light { - color: #0aafff; +.navbar-appscode .navbar-left .navbar-brand { + min-height: auto; + align-items: center; + margin-right: 3.8rem; } -.button.ac-button.is-link.is-light.is-border { - border: 1px solid #0aafff; +.navbar-appscode .navbar-left .navbar-brand a { + display: flex; + align-items: center; } -.button.ac-button.is-link.is-outlined { - background-color: transparent; - border: 1px solid #0aafff; - color: #0aafff; +.navbar-appscode .navbar-left .navbar-brand a img { + height: 1.875rem; } -.button.ac-button.is-link.is-outlined:hover { - background-color: #0aafff; - color: #ffffff; +.navbar-appscode .navbar-right { + display: flex; + align-items: center; + width: calc(100% - 200px); + justify-content: flex-end; } -.button.ac-button.is-info { - background-color: #0aafff; - color: #ffffff; - border: none; +.navbar-appscode .navbar-right .navbar-left-group { + display: flex; + align-items: center; } -.button.ac-button.is-info:focus-visible { - outline: none; +@media (min-width: 0px) and (max-width: 1023px) { + .navbar-appscode .navbar-right .navbar-left-group { + align-items: flex-start; + } } -.button.ac-button.is-info.is-light { - color: #0aafff; +.navbar-appscode .navbar-right .navbar-right-group { + display: flex; + align-items: center; + gap: 32px; } -.button.ac-button.is-info.is-light.is-border { - border: 1px solid #0aafff; +.navbar-appscode .navbar-right .navbar-right-group .buttons iframe { + transition: 0.3s ease-in-out; } -.button.ac-button.is-info.is-outlined { - background-color: transparent; - border: 1px solid #0aafff; - color: #0aafff; +.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover { + box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; + transform: translateY(-2px); } -.button.ac-button.is-info.is-outlined:hover { - background-color: #0aafff; - color: #ffffff; +.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) { + gap: 4px; } -.button.ac-button.is-success { +.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag { background-color: var(--ac-primary); color: #ffffff; - border: none; } -.button.ac-button.is-success:hover { - background-color: var(--ac-primary); +@media (min-width: 0px) and (max-width: 1023px) { + .navbar-appscode .navbar-right .navbar-right-group { + flex-direction: column; + align-items: flex-start; + gap: 16px; + width: 100%; + } + .navbar-appscode .navbar-right .navbar-right-group .buttons { + width: 100%; + } + .navbar-appscode .navbar-right .navbar-right-group .buttons .button { + width: 100%; + margin-right: 0; + } } -.button.ac-button.is-success:focus-visible { - outline: none; +.navbar-appscode ul .nav-item { + margin-right: 2.5rem; } -.button.ac-button.is-success.is-light { - background-color: var(--ac-primary); +.navbar-appscode ul .nav-item.is-active .link { 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); +.navbar-appscode ul .nav-item.is-active .link i.fa { + transform: rotate(-180deg); } -.button.ac-button.is-success.is-outlined { - background-color: transparent; - border: 1px solid var(--ac-primary); - color: var(--ac-primary); +.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper { + display: block !important; } -.button.ac-button.is-success.is-outlined:hover { - background-color: var(--ac-primary); - color: #ffffff; +.navbar-appscode ul .nav-item:last-child { + margin-right: 0; } -.button.ac-button.is-warning { - background-color: #ff8000; - color: #ffffff; +.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; -} -.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; + cursor: pointer; + margin: 0; + padding: 0.5rem 0; + transition: 0.3s ease-in-out; + position: relative; + z-index: 1; } -.button.ac-button.is-danger.is-light.is-border { - border: 1px solid #ff3729; +.navbar-appscode ul .nav-item .link.is-active { + color: var(--ac-primary); } -.button.ac-button.is-danger.is-outlined { - background-color: transparent; - border: 1px solid #ff3729; - color: #ff3729; +.navbar-appscode ul .nav-item .link:hover { + color: var(--ac-primary); } -.button.ac-button.is-danger.is-outlined:hover { - background-color: #ff3729; - color: #ffffff; +.navbar-appscode ul .nav-item .link .fa { + transition: 0.3s ease-in-out; + margin-left: 0.625rem; } -.button.ac-button.is-green { - background-color: #158748; +.navbar-appscode ul .nav-item .link .whats-new { + position: absolute; + z-index: 1; + top: -10px; + right: -30px; + font-size: 0.8rem; color: #ffffff; - border: none; + padding: 0.2rem 0.3rem; + line-height: 1.2; + display: none; } -.button.ac-button.is-green:focus-visible { - outline: 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; } -.button.ac-button.is-green.is-light { - color: #158748; +.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; } -.button.ac-button.is-green.is-light.is-border { - border: 1px solid #158748; +@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; + } } -.button.ac-button.is-green.is-outlined { - background-color: transparent; - border: 1px solid #158748; - color: #158748; + +.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; } -.button.ac-button.is-green.is-outlined:hover { - background-color: #158748; - color: #ffffff; +.mega-menu-wrapper .mega-menu-inner { + overflow: hidden; } -.button .icon { - width: 1.2em; - height: 1.2em; +.mega-menu-wrapper .mega-menu-inner .product-menu { + display: grid; + grid-template-columns: auto auto; + width: 60%; + float: left; } - -.readmore-button { - margin: 0; - padding: 0; - font-size: 0.875rem; - color: #515D63; - font-weight: 500; - border: none; - background: transparent; - display: flex; +.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; - cursor: pointer; - line-height: 1; - transition: 0.3s ease-in-out; -} -.readmore-button .material-icons-outlined { - font-size: 0.875rem; - margin-left: 10px; + width: 100%; + grid-gap: 1rem; + border-radius: 0.25rem; transition: 0.3s ease-in-out; + cursor: pointer; } - -.testimonial-area { - padding: 60px 0 60px; -} -.testimonial-area .section-title h2 { - font-size: 48px; -} -.testimonial-area .section-title p { - font-size: 18px; +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active { + background-color: rgba(77, 77, 203, 0.0509803922); } -.testimonial-area .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; +.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; } -.testimonial-area .single-testimonial-item .user-info-wrapper { +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { + height: 60px; + width: 60px; 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%; + justify-content: center; + background: #e9e9fc; + border-radius: 0.25rem; } -.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p { - font-size: 14px; - line-height: 160%; - color: #a6abbd; +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { + height: 2.5rem; } -.testimonial-area .single-testimonial-item p { +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 { font-size: 1rem; - line-height: 160%; -} -.testimonial-area .owl-carousel .owl-stage-outer { - padding: 40px 0px; + letter-spacing: 0.009rem; + color: #171B1C; + font-weight: 500; } - -.arrows { - display: flex; - width: 136px; - justify-content: space-between; +.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; } -.arrows .button { - width: 60px; - height: 60px; +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon { + text-align: right; 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); +.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { + width: 1.2rem; color: var(--ac-primary); -} -.arrows .button .material-icons-outlined { + opacity: 0; + visibility: hidden; 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; - } - .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 { - font-size: 18px; - } -} -.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%; +.mega-menu-wrapper .mega-menu-inner .product-description { + margin-left: 1rem; + float: left; + border-left: 1px solid #e7e7e7; + padding-left: 4rem; + max-width: 36%; + opacity: 0; + display: none; + visibility: hidden; + transition: 0.3s ease-in-out; } -.features-area .features-description h1 { - font-style: normal; - font-weight: bold; - font-size: 34px; - line-height: 130%; - letter-spacing: -0.57px; - margin-bottom: 1rem; +.mega-menu-wrapper .mega-menu-inner .product-description.is-block { + opacity: 1; + visibility: visible; } -.features-area .features-description p { - font-size: 1rem; - margin-bottom: 15px; - text-align: justify; +.mega-menu-wrapper .mega-menu-inner .product-description .brand { + margin-bottom: 1rem; } -.features-area .features-description p strong { - color: #171B1C; - font-weight: 500; +.mega-menu-wrapper .mega-menu-inner .product-description .brand img { + height: 1.5rem; } -.features-area h3 { +.mega-menu-wrapper .mega-menu-inner .product-description p { + font-size: 0.875rem; + color: #515D63; + line-height: 160%; 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 { +.mega-menu-wrapper .mega-menu-inner .product-description .features li { + font-size: 0.813rem; + color: #171B1C; display: flex; align-items: center; - font-size: 1rem; - margin-bottom: 0.8rem; -} -.features-area .check-list li:last-child { - margin-bottom: 0; + margin-bottom: 15px; } -.features-area .check-list li span { - font-size: 18px; - margin-right: 0.8rem; +.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons { + font-size: 1rem; + margin-right: 0.6rem; 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; +.back-button { + display: none !important; + color: #515D63; + margin-bottom: 10px !important; + background-color: transparent; } -.single-features-item:hover .readmore-button { - letter-spacing: 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; +} +.button.ac-button.inline-button:hover { + background-color: transparent; + border: none; color: var(--ac-primary); } -.single-features-item:hover .readmore-button .material-icons-outlined { - margin-left: 20px; +.button.ac-button.inline-button:hover .material-icons { + margin-left: 1rem; } -.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; +.button.ac-button.inline-button .material-icons { + font-size: 1rem; + margin-left: 0.5rem; + transition: 0.3s ease-in-out; } -.single-features-item .feature-icon img { - height: 30px; + +.resources-list { + display: grid; + grid-template-columns: auto auto auto auto; + grid-gap: 2rem; } -.single-features-item .feature-information h5 { - font-size: 20px; - margin-bottom: 5px; +.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; } -.single-features-item .feature-information p { +.resources-list .list-items ul li a { font-size: 0.875rem; - line-height: 160%; + padding: 0.6rem 0; + color: #171B1C; + display: inline-block; + line-height: 1; transition: 0.3s ease-in-out; - color: #515D63; + 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; } -.features-area .single-feature-image { - display: flex; - align-items: center; +.modal-backdrop.is-show { + width: 100%; + height: 100%; + background: #333; + position: fixed; + top: 0; + opacity: 0.8; + z-index: 9; } -.features-area .single-feature-image img { - max-width: 400px; + +.header--fixed { + position: fixed; + z-index: 10; + right: 0; + left: 0; + top: 0; } -.features-area p { - text-align: justify; +.header--fixed::after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #ffffff; + z-index: -1; + transition: 0.5s ease-in-out; } -.features-area .features-thumbnail { - max-width: 80%; +.navbar-burger { + height: 30px; + width: 30px; border-radius: 4px; - overflow: hidden; - display: flex; } -.features-area .features-thumbnail.has-text-right { - margin-left: auto; - margin-right: 0; +.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: 768px) { - .features-area .features-image .check-list { - top: 30px; - left: 50%; - margin-left: -150px; - padding: 30px; - } - .features-area .buttons { - justify-content: center; - } - .features-area .features-description { - text-align: center; - } - .features-area .features-description h2 { - margin-bottom: 10px; - } - .features-area .features-description h1 { - font-size: 28px; - } - .features-area .features-description p { - text-align: center; - } - .features-area h3 { - font-size: 1.5rem; - margin-bottom: 0.5rem; - text-align: center; - } - .features-area p { - text-align: center; - } - .single-features-item { - grid-template-columns: auto; - grid-gap: 10px; - text-align: center; +@media screen and (max-width: 1023px) { + .navbar-appscode.container { + padding: 0.5rem 15px; } - .single-features-item .feature-icon { - margin: 0 auto; + .navbar-appscode .navbar-left { + width: 100%; } - .single-features-item .readmore-button { - text-align: left; + .navbar-appscode .navbar-left .navbar-brand { margin: 0; + width: 100%; } - .features-area .features-thumbnail { - margin: 0 auto; - max-width: 100%; - } - .features-area .features-thumbnail.has-text-right { - margin-right: auto; - } - .single-features-item .feature-icon { - width: 3rem; - height: 3rem; - border-radius: 4px; + .navbar-appscode .navbar-left .navbar-brand a img { + height: 1.5rem !important; } - .single-features-item .feature-icon img { - height: 24px; + .navbar-appscode .navbar-left ul { + position: absolute; + right: 20%; + opacity: 0; + visibility: hidden; } - .single-features-item .feature-information { - text-align: left; + .navbar-appscode .navbar-right { + position: absolute; + z-index: 99; + right: 20%; + opacity: 0; + visibility: hidden; + background: #fafafd; + width: 100%; + left: 0; + min-height: calc(100vh + 110px); + overflow-y: auto; + transition: 0.3s ease-in-out; + top: 61px; + padding: 15px; + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; } - .single-features-item .feature-information h5 { - font-size: 18px; - margin-bottom: 5px; - line-height: 1.3; + .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between { + flex-direction: column; + align-items: flex-start; } - .features-area .features-thumbnail { - margin: 0 auto; + .navbar-appscode .navbar-right .is-primary.ml-8 { + margin-left: 0 !important; + margin-top: 15px; } - .features-area .features-thumbnail.has-text-right { - margin-right: auto; + .navbar-appscode .navbar-right .button.ac-button.is-primary { + margin-left: 0; + width: 100%; } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .single-features-item { - grid-template-columns: auto; - grid-gap: 10px; - text-align: center; + .navbar-appscode .navbar-right ul { + display: flex; + flex-direction: column; } - .single-features-item .feature-icon { - margin: 0 auto; + .navbar-appscode .navbar-right ul li.nav-item { + margin: 6px 0; } - .single-features-item .feature-information h5 { - font-size: 18px; + .navbar-appscode .navbar-right ul li.nav-item .link .whats-new { + top: -10px; + right: -30px; } - .features-area .features-image .check-list { - left: 50%; - margin-left: -150px; - padding: 30px; + .navbar-appscode .navbar-right.is-visible { + opacity: 1; + visibility: visible; } - .features-area .features-thumbnail { - margin: 0 auto; + .resources-list { + grid-template-columns: auto; } - .features-area .features-thumbnail.has-text-right { - margin-right: 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); } - .readmore-button { - text-align: center; - margin: 0 auto; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: 100%; } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .features-area .features-image .check-list { - left: 50%; - margin-left: -150px; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product { + width: 100%; } - .features-area .features-description { - font-size: 28px; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo { + height: 50px; + width: 50px; } - .features-area h3 { - font-size: 28px; - margin-bottom: 0.8rem; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img { + height: 1.8rem; } -} -@media screen and (min-width: 1408px) { - .features-area .features-description h1 { - font-size: 32px; + .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon { + width: 16px; } - .features-area .features-image .check-list { - top: 30px; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + padding-left: 0; + margin-top: 35px; + margin-left: 0; + max-width: 100%; } - .single-features-item { - padding: 20px; - min-height: 126px; + .back-button { + display: flex !important; } - .single-features-item .feature-information h5 { - font-size: 16px; - margin-bottom: 0; - line-height: 130%; + .back-button span { + color: var(--ac-primary); + padding-right: 15px; + font-size: 18px; } } -.ac-accordion-wrapper.is-marginless .single-accordion-item { - margin: 0; - padding: 0; -} -.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading { - padding: 10px 20px; - position: relative; - z-index: 1; -} -.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading::after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 4px; - height: 100%; - background-color: var(--ac-primary); -} -.ac-accordion-wrapper .single-accordion-item { - background-color: #fff; - border: 1px solid #E8E9EA; - padding: 12px 20px; - margin-bottom: 15px; - border-radius: 4px; -} -.ac-accordion-wrapper .single-accordion-item:last-child { - margin-bottom: 0; -} -.ac-accordion-wrapper .single-accordion-item .accordion-heading { - display: flex; - align-items: center; - justify-content: space-between; -} -.ac-accordion-wrapper .single-accordion-item .accordion-heading h3 { - cursor: pointer; - font-size: 16px; - font-weight: 700; - color: #1C1C1C; -} -.ac-accordion-wrapper .single-accordion-item .accordion-heading h4 { - font-size: 14px; - font-weight: 700; - line-height: 20px; -} -.ac-accordion-wrapper .single-accordion-item .accordion-heading button { - font-size: 12px; - letter-spacing: 0.1px; -} -.ac-accordion-wrapper .single-accordion-item .accordion-heading .icon { - width: 16px; - height: 16px; - border: 1px solid #1C1C1C; - line-height: 16px; - font-size: 12px; - border-radius: 50%; - cursor: pointer; -} -.ac-accordion-wrapper .single-accordion-item .accordion-body { - max-height: 0; - transition: max-height 0.2s ease-out; +.embeded-console-button { + height: 42px; + margin-bottom: 4px; + width: 185px; overflow: hidden; - padding: 0; -} -.ac-accordion-wrapper .single-accordion-item .accordion-body p { - padding-top: 3px; - font-size: 15px; - color: #393E46; -} - -.cta-area { - margin-bottom: 60px; - position: relative; - z-index: 1; -} -.cta-area .cta-area-inner { - padding: 20px 50px; - background-size: cover; - background-position: center; - border-radius: 8px; - display: flex; - align-items: center; - background-color: #F4FBF7; - border: 1px solid var(--ac-primary); - position: relative; - z-index: 1; -} -.cta-area .cta-area-inner:after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - z-index: -1; -} -.cta-area .cta-area-inner h3 { - margin-bottom: 1rem; - text-wrap: balance; } -.cta-area .cta-area-inner p { - text-wrap: balance; +@media screen and (max-width: 768px) { + .embeded-console-button { + width: 100%; + } } -/**************************************** -Responsive Classes -*****************************************/ -@media screen and (max-width: 768px) { - .cta-area .cta-area-inner { - height: auto !important; - padding: 32px 16px; +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .navbar-burger { + display: none !important; } - .cta-area .cta-area-inner .buttons .button.ac-button { - letter-spacing: 0; + .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; - width: 100%; } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .cta-area .cta-area-inner { - padding: 20px; + .navbar-appscode .navbar-right-group { + gap: 8px !important; } - .cta-area .cta-area-inner h3 { - font-size: 28px; + .navbar-appscode ul .nav-item { + margin-right: 1.5rem; } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .cta-area .cta-area-inner { - padding: 20px; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: calc(50% - 5rem); } - .cta-area .cta-area-inner h3 { - font-size: 28px; + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + } + .mega-menu-wrapper .video-content { + display: none; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { - .cta-area .cta-area-inner { - padding: 30px; + .navbar-burger { + display: none !important; } - .cta-area .cta-area-inner h3 { - font-size: 28px; + .navbar-appscode .navbar-right { + width: calc(100% - 180px); } -} -@media screen and (min-width: 1408px) { - .cta-area .cta-area-inner { - padding: 30px; + .navbar-appscode ul .nav-item { + margin-right: 1.5rem; } - .cta-area .cta-area-inner h3 { - font-size: 28px; + .mega-menu-wrapper .mega-menu-inner .product-menu { + grid-template-columns: auto; + width: calc(50% - 5rem); + } + .mega-menu-wrapper .mega-menu-inner .product-description { + border-left: none; + } + .mega-menu-wrapper .video-content { + display: none; } } -.full-info { - overflow: hidden; -} -.full-info h1, -.full-info h2, -.full-info h3, -.full-info h4, -.full-info h5, -.full-info h6 { - margin-top: 40px; - font-weight: 700; - color: #171B1C; - margin-bottom: 10px; -} -.full-info h1:first-child, -.full-info h2:first-child, -.full-info h3:first-child, -.full-info h4:first-child, -.full-info h5:first-child, -.full-info h6:first-child { - margin-top: 0; -} -.full-info h1 a, -.full-info h2 a, -.full-info h3 a, -.full-info h4 a, -.full-info h5 a, -.full-info h6 a { - font-size: 16px; -} -.full-info h1 a svg, -.full-info h2 a svg, -.full-info h3 a svg, -.full-info h4 a svg, -.full-info h5 a svg, -.full-info h6 a svg { - padding-left: 10px; -} -.full-info h1 a.hash-tag, -.full-info h2 a.hash-tag, -.full-info h3 a.hash-tag, -.full-info h4 a.hash-tag, -.full-info h5 a.hash-tag, -.full-info h6 a.hash-tag { - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} -.full-info h1:hover a, -.full-info h2:hover a, -.full-info h3:hover a, -.full-info h4:hover a, -.full-info h5:hover a, -.full-info h6:hover a { - opacity: 1; - visibility: visible; -} -.full-info h1 { - font-size: 32px; - border-bottom: 1px solid #ebebeb; - padding-bottom: 10px; - margin-bottom: 20px; -} -.full-info h2 { - font-size: 24px; -} -.full-info h3 { - font-size: 18px; -} -.full-info h4 { - font-size: 16px; -} -.full-info h5 { - font-size: 15px; -} -.full-info h6 { - font-size: 13px; -} -.full-info .highlight pre code { - color: #f1f1f1; -} -.full-info table td, -.full-info table th { - text-align: left; +@media screen and (min-width: 1408px) { + .navbar-appscode .navbar-left .navbar-brand { + margin-right: 3rem; + } } -.full-info h2 span.share-icon { - color: #6b6b6b; - font-size: 18px; - margin-left: 10px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; +.ac-preloader { + position: fixed; + height: 100vh; + top: 0; + z-index: 999; + width: 100%; + background-color: #ffffff; } -.full-info h2:hover span.share-icon { - opacity: 1; - visibility: visible; +.spinner { + position: relative; } -.full-info ul li, -.full-info ol li, -.full-info ol li p { - color: #4a4a4a; +.spinner:before, +.spinner:after { + content: ""; + position: relative; 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; +.spinner:before { + animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; + width: 2em; + height: 2em; + background-color: var(--ac-primary); } -.full-info ul li, -.full-info ol li { - text-indent: -30px; +.spinner:after { + animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; + bottom: -0.5em; + height: 0.25em; + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.2); } - -.full-info ul li p, -.full-info ol li p { - text-indent: 0; - margin-top: -30px; +@keyframes spinner { + 50% { + border-radius: 50%; + transform: scale(0.5) rotate(360deg); + } + 100% { + transform: scale(1) rotate(720deg); + } } - -.full-info ul li pre, -.full-info ol li pre { - text-indent: 0px; - margin-left: -30px; +@keyframes shadow { + 50% { + transform: scale(0.5); + background-color: rgba(0, 0, 0, 0.1); + } } - -.full-info ul li:before { - content: "\f10c"; - font-family: fontawesome; - font-size: 8px; - margin-right: 20px; - color: #707070; +.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 figure { - margin-bottom: 30px; +.cookie-wrapper .cookie-content { + display: flex; + align-items: center; + justify-content: space-between; } -.full-info figure figcaption { - color: #707070; +.cookie-wrapper .cookie-content p { font-size: 14px; -} - -ul li b { - color: var(--ac-primary); - font-weight: 500; -} - -.full-info ul, -.full-info ol { - padding: 0 0 0 30px; - margin-bottom: 15px; -} - -.full-info ul.nav.nav-tabs { + color: #171B1C; + width: calc(100% - 220px); margin-bottom: 0; } - -.full-info ul li p { - margin: 0; - display: inline; -} - -.full-info p b { - color: var(--ac-primary); -} - -.full-info ul li p a, -.full-info p a, -.full-info a { - color: var(--ac-primary); +.cookie-wrapper .cookie-content p a { + color: hsl(149, 90%, 20%); + text-decoration: underline; font-weight: 500; - font-family: "Roboto", sans-serif; -} - -.full-info p { - margin-bottom: 15px; - color: #515D63; } - -.full-info p strong { - font-weight: 500; +.cookie-wrapper .cookie-content p a:hover { + color: var(--ac-primary); } -.full-info p strong em { +.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; } - -.appscode-style.full-info ul li p a .appscode-style.full-info p a, -.appscode-style.full-info a { +.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) { + text-decoration: underline; color: var(--ac-primary); } - -.full-info ol { - list-style: none; - counter-reset: order-list-counter; -} - -.full-info ol li { - counter-increment: order-list-counter; -} - -.full-info ol li::before { - content: counter(order-list-counter) ". "; - font-weight: 500; - font-family: "Roboto", sans-serif; - font-size: 15px; - color: #4a4a4a; -} - -/* schedule-demo start */ -embed, -iframe, -object, -video { - height: 100%; - max-width: 100%; +.cookie-wrapper .cookie-content .buttons .button.is-primary { + background-color: var(--ac-primary); } -.schedule-title { - margin-top: 65px; - color: #242a31; - margin-bottom: 30px; +/**************************************** +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; + } } - -.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; +li.nav-item { + display: inline-block !important; + text-indent: 0 !important; + padding: 0px !important; } -.item ul, -.item input[type=checkbox] { +li.nav-item:before { display: none; - overflow: hidden; - transition: 0.3s; } -.kd-sidebar-menu .item label a { - font-weight: 600; - color: #515D63; - padding: 8px 17px; +li.nav-item a { display: block; + padding: 5px 20px; } -.kd-sidebar-menu li a:hover { +.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; } - -.kd-sidebar-menu .item ul { - margin-left: 20px; - padding-left: 15px; - border-left: 1px solid #e2e2e2; +@media screen and (max-width: 768px) { + .button.ac-button { + height: 44px; + } } - -.item input:checked ~ label, -.item input:checked ~ .item > label { - border: 1px solid #e2e2e2; - background: #ffffff; +.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-transparent { + padding: 0; + height: auto; + border: none; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #171B1C; } - -.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { - border: 1px solid transparent; +.button.ac-button.is-transparent:hover { + box-shadow: none !important; } - -.appscode-style .item input:checked ~ label > a { +.button.ac-button.is-transparent.is-primary { + background-color: transparent; color: var(--ac-primary); } - -.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { - margin-left: -20px; +.button.ac-button.is-transparent.is-primary:hover { + background-color: transparent; + color: var(--ac-primary); } - -.kd-left-sidebar { - margin-right: 30px; - position: sticky; - top: 130px; - z-index: 9; +.button.ac-button.is-transparent.is-danger { + background-color: transparent; + color: #ff3729; } - -.kd-sidebar-menu { - max-height: 65vh; - overflow-y: auto; +.button.ac-button.is-transparent.is-danger:hover { + background-color: transparent; + color: #ff3729; } - -.kd-sidebar-menu .item label { - border: 1px solid transparent; - position: relative; - z-index: 1; - border-radius: 3px 0 0 3px; +.button.ac-button.is-transparent.is-small { + letter-spacing: 0px; + font-size: 13px; } - -.go-to-top { - position: fixed; - display: block; - font-size: 16px; - z-index: 999; - right: 20px; - bottom: 40px; - width: 40px; - height: 40px; - line-height: 30px; - border-radius: 50%; - color: var(--ac-primary); - background: rgba(255, 255, 255, 0.2); - border: 1px solid var(--ac-primary); - opacity: 0; - cursor: pointer; - transition: opacity 0.4s linear; +.button.ac-button.is-transparent:focus { + box-shadow: none; + outline: none; } -.go-to-top i.fa { - color: var(--ac-primary); +.button.ac-button.is-primary { + background-color: var(--ac-primary); + color: #ffffff; + border: none; + background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important; } - -.go-to-top.is-visible { - opacity: 1; +.button.ac-button.is-primary:hover { + background-color: var(--ac-primary); } - -.footer-area { - position: relative; - z-index: 1; +.button.ac-button.is-primary:focus-visible { + outline: none; } -.footer-area:after { - position: absolute; - content: ""; - left: 0; - bottom: 0; - width: 100%; - height: 100%; - z-index: -1; +.button.ac-button.is-primary.is-light { + background-color: var(--ac-primary); + color: var(--ac-primary); } - -.single-footer-widget .footer-logo { - max-width: 160px; +.button.ac-button.is-primary.is-light:hover { + background-color: var(--ac-primary); } - -.subscription-form { - margin-top: 10px; +.button.ac-button.is-info { + background-color: #0aafff; + color: #ffffff; + border: none; } -.subscription-form label { - font-size: 18px; - font-weight: 600; - display: block; - font-family: "Roboto", sans-serif; +.button.ac-button.is-info:focus-visible { + outline: none; } -.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; - color: #ffffff; +.button.ac-button.is-info.is-light { + color: #0aafff; } -.subscription-form input::-moz-placeholder { - color: #ADB2B0; +.button.ac-button.is-success { + background-color: var(--ac-primary); + color: #ffffff; + border: none; } -.subscription-form input::placeholder { - color: #ADB2B0; +.button.ac-button.is-success:hover { + background-color: var(--ac-primary); } -.subscription-form input:focus { - border: 1px solid var(--ac-primary); +.button.ac-button.is-success:focus-visible { + outline: none; } -.subscription-form .button { - font-family: #4a4a4a; +.button.ac-button.is-success.is-light { + background-color: var(--ac-primary); color: var(--ac-primary); - font-size: 16px; - height: 40px; - box-shadow: none; - transition: 0.3s ease-in-out; - cursor: pointer; - border: 1px solid transparent; - position: absolute; - top: 0; - right: 0; - z-index: 9 !important; - background: transparent; } -.subscription-form .button:hover { +.button.ac-button.is-success.is-light:hover { background-color: var(--ac-primary); - color: #ffffff !important; +} +.button.ac-button.is-warning { + background-color: #ff8000; + color: #ffffff; + border: none; +} +.button.ac-button.is-warning:focus-visible { outline: none; - box-shadow: none; } - -.contact-information { - margin-top: 28px; +.button.ac-button.is-warning.is-light { + color: #ff8000; } -.contact-information h4 { - font-size: 18px; - color: #171B1C; +.button.ac-button.is-danger { + background-color: #ff3729; + color: #ffffff; + border: none; } - -.all-contact-info li a, -p.spam-message { - color: #515D63; - display: inline-block; - font-size: 14px; - font-family: "Roboto", sans-serif; - padding: 5px 0; +.button.ac-button.is-danger:focus-visible { + outline: none; } - -.all-contact-info li a span { - padding-right: 10px; +.button.ac-button.is-danger.is-light { + color: #ff3729; } - -.footer-menu label { - font-size: 18px; - margin-bottom: 4px; - font-weight: 500; +.button .icon { + width: 1.2em; + height: 1.2em; } -.footer-link li a { - color: #D4D6D5; - font-size: 14px; - display: block; - padding: 8px 0; - transition: 0.3s linear; +.testimonial-area { + padding: 60px 0 60px; } -.footer-link li a:last-child { - padding-bottom: 0; +.testimonial-area .section-title h2 { + font-size: 48px; } -.footer-link li a:hover { - color: var(--ac-primary); - padding-left: 5px; +.testimonial-area .section-title p { + font-size: 18px; } - -.footer-top { - padding: 50px 0 30px 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); +.testimonial-area .single-testimonial-item { + background: #ffffff; + box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); + border-radius: 4px; + padding: 50px 40px; + min-height: 460px; } - -.footer-bottom { - padding: 30px 0; +.testimonial-area .single-testimonial-item .user-info-wrapper { + display: flex; + align-items: center; + margin-bottom: 1rem; } -.footer-bottom p { - font-size: 14px; - color: #515D63; - margin-bottom: 0; +.testimonial-area .single-testimonial-item .user-info-wrapper .image { + margin-right: 1.2rem; } - -.footer-inline-link a { - color: #4a4a4a; - font-size: 14px; - margin-right: 30px; - transition: 0.3s ease-in-out; +.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; } -.footer-inline-link a:hover { - color: var(--ac-primary); +.testimonial-area .single-testimonial-item p { + font-size: 1rem; + line-height: 160%; } -.footer-inline-link a:last-child { - margin-right: 0; +.testimonial-area .owl-carousel .owl-stage-outer { + padding: 40px 0px; } -.socail-link-inline li { - margin-right: 10px; - display: inline-block; +.arrows { + display: flex; + width: 136px; + justify-content: space-between; } -.socail-link-inline li a { - color: #8a8a8a; - font-size: 14px; - display: inline-block; - width: 30px; - height: 30px; - text-align: center; - line-height: 30px; - border: 1px solid #8a8a8a; - border-radius: 50%; - transition: 0.3s ease-in-out; +.arrows .button { + width: 60px; + height: 60px; + display: flex; + justify-content: center; + align-items: center; + background-color: #ffffff; + border: 1px solid #e7e7e7; } -.socail-link-inline li a:hover { - background: var(--ac-primary); - color: #ffffff; - border: 1px solid transparent; +.arrows .button:hover .material-icons-outlined { + transform: scale(1.2); + color: var(--ac-primary); } -.socail-link-inline li:last-child { - margin-right: 0; +.arrows .button .material-icons-outlined { + transition: 0.3s ease-in-out; + font-size: 18px; } /**************************************** 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; + .testimonial-area { + padding-top: 30px; } - .footer-area .single-footer-widget .subscription-form { + .testimonial-area .section-title { text-align: center; } - .footer-area .single-footer-widget .field.has-addons { - justify-content: center; + .testimonial-area .section-title h2 { + font-size: 32px; } - .footer-area .footer-menu { - background-color: rgba(77, 77, 203, 0.0509803922); - height: 100%; - padding: 20px 5px; - border-radius: 4px; + .testimonial-area .owl-carousel .owl-stage-outer { + padding: 0 !important; } - .footer-area .footer-menu.is-info { - background-color: rgba(10, 175, 255, 0.1803921569); + .testimonial-area .arrows { + width: 96px; + margin: 0 auto; + margin-top: 30px; } - .footer-area .footer-menu.is-danger { - background-color: rgba(234, 61, 47, 0.1411764706); + .testimonial-area .arrows .button { + width: 40px; + height: 40px; } - .footer-area .footer-menu.is-warning { - background: rgba(247, 173, 42, 0.2117647059); + .testimonial-area .single-testimonial-item { + padding: 30px; + min-height: auto; } - .footer-area .footer-menu.is-success { - background-color: rgba(39, 176, 100, 0.1882352941); + .testimonial-area .single-testimonial-item .user-info-wrapper .user-info { + text-align: left; } - .footer-area .footer-menu h4 { - margin-bottom: 0; + .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 { + font-size: 20px; } - .footer-area .contact-information { - text-align: center; +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .testimonial-area .section-title h2 { + font-size: 38px; } - .footer-inline-link { - padding: 10px 0; + .testimonial-area .single-testimonial-item { + padding: 30px 30px; + min-height: 310px; } - .footer-bottom { - padding: 20px 0; +} +@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; } } -/*============================================================== - Documentation page style -==============================================================*/ -.documentation-area { - margin-top: 190px; - display: flex; +@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; + } } -.documentation-area .left-sidebar-wrapper { - border-right: 1px solid #e7e7e7; - margin-top: -35px; - background-color: #fafafd; + +/**************************************** +Responsive Classes +*****************************************/ + +.cta-area { + margin-bottom: 60px; + position: relative; z-index: 1; - width: 350px; - padding-top: 1rem; - /* ===== Scrollbar CSS ===== */ - /* Firefox */ - /* Chrome, Edge, and Safari */ -} -.documentation-area .left-sidebar-wrapper * { - scrollbar-width: auto; - scrollbar-color: #ebebeb #fafafd; -} -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar { - width: 12px; } -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track { - background: #fafafd; -} -.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb { - background-color: #ebebeb; - border-radius: 10px; - border: 3px solid #fafafd; +.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; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu { - overflow-y: auto; +.cta-area .cta-area-inner:after { + position: absolute; + content: ""; + left: 0; + top: 0; 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; + z-index: -1; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul { - overflow: inherit; +.cta-area .cta-area-inner h3 { + margin-bottom: 1rem; + text-wrap: balance; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active { - position: relative; +.cta-area .cta-area-inner p { + text-wrap: balance; } -.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after { - position: absolute; - content: ""; - left: -21px; - top: 50%; - margin-top: -6px; - width: 10px; - height: 10px; - background: #ffffff; - border-radius: 50%; - z-index: 9; - border: 1px solid #e7e7e7; + +/**************************************** +Responsive Classes +*****************************************/ +@media screen and (max-width: 768px) { + .cta-area .cta-area-inner { + height: auto !important; + padding: 32px 16px; + } + .cta-area .cta-area-inner .buttons .button.ac-button { + letter-spacing: 0; + padding: 0.5rem 1rem; + width: 100%; + } } -.documentation-area .left-sidebar-wrapper .item input:checked ~ label a, -.documentation-area .left-sidebar-wrapper .item input:checked ~ .item > label a { - color: var(--ac-primary); +@media screen and (min-width: 769px) and (max-width: 1023px) { + .cta-area .cta-area-inner { + padding: 20px; + } + .cta-area .cta-area-inner h3 { + font-size: 28px; + } } -.documentation-area .documentation-body { - padding: 0 60px; - width: calc(100% - 674px); +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .cta-area .cta-area-inner { + padding: 20px; + } + .cta-area .cta-area-inner h3 { + font-size: 28px; + } } -.documentation-area .right-sidebar { - border-left: 1px solid #e7e7e7; - margin-top: -25px; - width: 324px; - padding-top: 24px; +@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; + } } - -.info-title p { - color: #515D63; - padding: 0 20px; +@media screen and (min-width: 1408px) { + .cta-area .cta-area-inner { + padding: 30px; + } + .cta-area .cta-area-inner h3 { + font-size: 28px; + } } - .full-info { overflow: hidden; } @@ -23507,16 +5284,6 @@ Responsive Classes .full-info h6 a svg { padding-left: 10px; } -.full-info h1 a.hash-tag, -.full-info h2 a.hash-tag, -.full-info h3 a.hash-tag, -.full-info h4 a.hash-tag, -.full-info h5 a.hash-tag, -.full-info h6 a.hash-tag { - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} .full-info h1:hover a, .full-info h2:hover a, .full-info h3:hover a, @@ -23527,9 +5294,10 @@ Responsive Classes visibility: visible; } .full-info h1 { - font-size: 2rem; + font-size: 32px; + border-bottom: 1px solid #ebebeb; padding-bottom: 10px; - line-height: 1.3; + margin-bottom: 20px; } .full-info h2 { font-size: 24px; @@ -23547,25 +5315,6 @@ Responsive Classes font-size: 13px; } -.full-info h2 span.share-icon { - color: #6b6b6b; - font-size: 18px; - margin-left: 10px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} - -.full-info h2:hover span.share-icon { - opacity: 1; - visibility: visible; -} - -blockquote { - border-left: 4px solid var(--ac-primary); - padding-left: 15px; -} - .full-info ul li, .full-info ol li, .full-info ol li p { @@ -23610,24 +5359,11 @@ blockquote { .full-info figure { margin-bottom: 30px; } -.full-info figure figcaption { - color: #707070; - font-size: 14px; -} - -ul li b { - color: var(--ac-primary); - font-weight: 500; -} .full-info ul, .full-info ol { padding: 0 0 0 30px; - margin-bottom: 15px; -} - -.full-info ul.nav.nav-tabs { - margin-bottom: 0; + margin-bottom: 15px; } .full-info ul li p { @@ -23635,10 +5371,6 @@ ul li b { display: inline; } -.full-info p b { - color: var(--ac-primary); -} - .full-info ul li p a, .full-info p a, .full-info a { @@ -23648,62 +5380,19 @@ ul li b { } .full-info p { - margin-bottom: 0.825rem; + margin-bottom: 15px; color: #515D63; - line-height: 160%; - font-family: "Roboto", sans-serif; } .full-info p strong { font-weight: 500; } -.full-info p strong em { - font-weight: 500; -} .appscode-style.full-info ul li p a .appscode-style.full-info p a, .appscode-style.full-info a { color: var(--ac-primary); } -.code-block-wrapper { - position: relative; - z-index: 1; -} -.code-block-wrapper .code-block-title h4 { - font-size: 16px; - line-height: 130%; - font-family: "Roboto", sans-serif; - font-weight: 500; - margin-bottom: 0; - display: flex; - align-items: center; -} -.code-block-wrapper .code-block-title .copy-and-download { - display: flex; - align-items: center; - background: #f0f3f3; - padding: 20px; - position: absolute; - right: 0; - top: 0; -} -.code-block-wrapper .code-block-title .copy-and-download button { - background: transparent; - border: none; - cursor: copy; - width: 30px; -} -.code-block-wrapper .code-block-title .copy-and-download button svg { - transition: 0.3s ease-in-out; -} -.code-block-wrapper .code-block-title .copy-and-download button:hover svg { - transform: scale(1.2); -} -.code-block-wrapper .code-block-title .copy-and-download .download-here { - cursor: pointer; -} - .full-info ol { list-style: none; counter-reset: order-list-counter; @@ -23721,930 +5410,539 @@ ul li b { color: #4a4a4a; } -.search-area { - position: relative; - z-index: 1; - margin-bottom: 40px; -} - -.search-area input { - background: #ffffff; - border: 1px solid #e7e7e7; - padding: 9px 40px 9px 15px; - font-size: 15px; - border-radius: 3px; - width: 100%; -} +/* schedule-demo start */ -.search-button { - position: absolute; - top: 0; +iframe { height: 100%; - right: 0; - background: transparent; - border: none; - color: #32325d; - padding: 0 15px; - margin-top: -1px; - cursor: pointer; - display: block; -} - -.tbl-of-contents #TableOfContents { - max-height: 70vh; -} -.tbl-of-contents #TableOfContents::-webkit-scrollbar { - width: 4px; - height: 4px; -} -.tbl-of-contents #TableOfContents::-webkit-scrollbar-track { - background: #f1f1f1; -} -.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb { - background: #c1c1c1; -} -.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover { - background: #555; + max-width: 100%; } -.tbl-of-contents h4 { - font-size: 14px; - font-weight: 700; - color: #171B1C; - margin-left: 20px; - margin-bottom: 1.5rem; - line-height: 1; +.schedule-title { + margin-top: 65px; + color: #242a31; + margin-bottom: 30px; } -.tbl-of-contents ul li a { - color: #4a4a4a; - opacity: 0.7; +.kd-sidebar-menu label, +.kd-sidebar-menu li a { font-size: 14px; - font-family: "Roboto", sans-serif; font-weight: 500; + color: #4a4a4a; display: block; - padding-left: 20px; - padding-bottom: 10px; -} - -.tbl-of-contents ul ul { - border: none; -} - -.tbl-of-contents ul a.active:before { - width: 3px; - height: 100%; - background: var(--ac-primary); - content: ""; - left: -2px; - top: 0; - position: absolute; - border-radius: 50px; - transition: 0.3s ease-in-out; -} - -.tbl-of-contents ul a.active { - position: relative; - z-index: 1; - color: var(--ac-primary); -} - -li.nav-item.active a { - color: var(--ac-primary); -} - -.right-sidebar-area { - padding: 0 1.25rem 0 0; - position: sticky; - top: 130px; -} - -.overlay-bg { - position: relative; - z-index: 99; - width: 100%; - height: 100%; -} - -.overlay-bg { - position: fixed; - content: ""; - background: #000; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.8; - display: none; -} - -.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; -} -.sidebar-search-area button.button.ac-button.inline-button.back-button { - padding-left: 20px; - padding-top: 20px; -} - -.sidebar-search-area::-webkit-scrollbar { - width: 8px; -} - -.sidebar-search-area::-webkit-scrollbar-track { - background: #e7e7e7; -} - -.sidebar-search-area::-webkit-scrollbar-thumb { - background: #888; - border-radius: 50px; -} - -.sidebar-search-area::-webkit-scrollbar-thumb:hover { - background: #818181; -} - -.search-area-top { - padding: 20px; -} - -.searchbar-area input { - background: #ffffff; - padding: 10px; - border: 1px solid #e7e7e7; - height: 40px; - border-radius: 3px; - width: calc(100% - 70px); -} -.searchbar-area input:focus { - box-shadow: none; - outline: none; -} - -.searchbar-area { - position: relative; - z-index: 1; -} - -.searchbar-area button { - position: absolute; - height: 100%; - width: 60px; - background: #4d4dcb; - color: #ffffff; - border: none; - border-radius: 3px; - margin-left: 10px; cursor: pointer; -} - -.sidebar-search-area h3 { - font-family: "Roboto", sans-serif; - color: #393e46; - margin-bottom: 10px; -} - -.search-meta-information p, -.search-meta-information label, -.shorting-data select { - font-size: 12px; - color: #6b6b6b; - margin-top: 14px; -} - -.shorting-data select { - border-radius: 3px; - width: 60px; - background: #f2f2f2; - border-color: #e7e7e7; - color: #393e46; - font-family: "Roboto", sans-serif; -} - -.single-search-result h3 a { - color: #4d4dcb; - font-size: 16px; - 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; -} - -.result-thumb { - width: 60px; - float: left; - overflow: hidden; - margin-right: 10px; -} - -.result-description-wrapper { - overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + margin-top: 10px; margin-top: 5px; + transition: 0.3s; } -.result-description { - overflow: hidden; -} - -.result-description p { +.item ul, +.item input[type=checkbox] { + display: none; overflow: hidden; - font-size: 12px; -} - -.single-search-result { - border-bottom: 1px solid #f2f2f2; - padding: 8px 20px; - transition: 0.3s ease-in-out; -} - -.single-search-result:last-child { - border-bottom: none; -} - -.single-search-result:hover { - background: #f2f2f2; -} - -.single-search-result:hover.single-search-result h3 a { - text-decoration: underline; -} - -.full-info img { - border: 1px solid #a9e9e9; - padding: 15px; - border-radius: 4px; -} - -/* 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; -} - -.navbar-link:not(.is-arrowless)::after, -.select:not(.is-multiple):not(.is-loading)::after { - border-color: #999; - height: 8px; - width: 8px; + transition: 0.3s; } -.dropdown.is-active .button .icon:last-child:not(:first-child) { - transform: rotate(180deg); +.kd-sidebar-menu .item label a { + font-weight: 600; + color: #515D63; + padding: 8px 17px; + display: block; } -/* version section style end */ -.improve-section-area { - background-color: #fafafd; - border-top: 1px solid #e7e7e7; - border-bottom: 1px solid #e7e7e7; - padding: 20px; - font-size: 1rem; - font-weight: 500; +.kd-sidebar-menu li a:hover { + color: var(--ac-primary); } -.improve-bg-color { - background-color: #fbfdff; -} -.improve-bg-color a { - font-size: 16px !important; - font-weight: 700 !important; - font-family: "Roboto", sans-serif; +.kd-sidebar-menu .item ul { + margin-left: 20px; + padding-left: 15px; + border-left: 1px solid #e2e2e2; } -.improve-bg-color p { - font-size: 16px !important; - color: #74818d !important; + +.item input:checked ~ label, +.item input:checked ~ .item > label { + border: 1px solid #e2e2e2; + background: #ffffff; } -.full-info table td, -.full-info table th { - text-align: left; +.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label { + border: 1px solid transparent; } -/**************************************** -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; - } +.appscode-style .item input:checked ~ label > a { + color: var(--ac-primary); } -@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; - } + +.item input:checked ~ ul, .item input:checked ~ .item > ul > .item { + margin-left: -20px; } -@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; - } + +.kd-left-sidebar { + margin-right: 30px; + position: sticky; + top: 130px; + z-index: 9; } -@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; - } + +.kd-sidebar-menu { + max-height: 65vh; + overflow-y: auto; } -.hero-area.features-plan { - margin-top: 130px; + +.kd-sidebar-menu .item label { + border: 1px solid transparent; + position: relative; + z-index: 1; + border-radius: 3px 0 0 3px; } -.hero-area.features-plan .hero-area-content .hero-content-inner h1 { - font-size: 36px; - line-height: 140%; - font-weight: 500; - margin-bottom: 30px; + +.go-to-top { + position: fixed; + display: block; + font-size: 16px; + z-index: 999; + right: 20px; + bottom: 40px; + width: 40px; + height: 40px; + line-height: 30px; + border-radius: 50%; + color: var(--ac-primary); + background: rgba(255, 255, 255, 0.2); + border: 1px solid var(--ac-primary); + opacity: 0; + cursor: pointer; + transition: opacity 0.4s linear; } -.hero-area.features-plan .hero-area-content .hero-content-inner h1 b { - font-weight: 700; +.go-to-top i.fa { + color: var(--ac-primary); } -.bgc-2 { - background-color: #f9f9f9; +.go-to-top.is-visible { + opacity: 1; } -.features-cta-area { - padding: 80px 0; +.footer-area { + position: relative; + z-index: 1; } -.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; +.footer-area:after { + position: absolute; + content: ""; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + z-index: -1; } -.features-cta-area .features-plan-cta-wrapper .cta-left { - width: 35%; - padding: 30px 20px; + +.single-footer-widget .footer-logo { + max-width: 160px; } -.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; + +.subscription-form { + margin-top: 10px; } -.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; +.subscription-form label { + font-size: 18px; + font-weight: 600; + display: block; + font-family: "Roboto", sans-serif; } -.features-cta-area .features-plan-cta-wrapper .cta-left p { +.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; - line-height: 160%; - color: #54657e; -} -.features-cta-area .features-plan-cta-wrapper .cta-right { - width: 65%; - display: flex; -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta { - padding: 20px 20px 80px 20px; - border-left: 1px solid #eceff4; + 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.community { - width: 50%; -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise { - width: 50%; -} -.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; } -.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; +.subscription-form input::-moz-placeholder { + color: #ADB2B0; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p { - font-size: 16px; - color: #54657e; - line-height: 1.5; +.subscription-form input::placeholder { + color: #ADB2B0; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial { - font-size: 12px; - color: #ff8000; - margin-bottom: 15px; - line-height: 1; - font-weight: 500; - display: block; - font-family: roboto; - text-decoration: underline; +.subscription-form input:focus { + border: 1px solid var(--ac-primary); } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover { +.subscription-form .button { + font-family: #4a4a4a; color: var(--ac-primary); -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content { + font-size: 16px; + height: 40px; + box-shadow: none; + transition: 0.3s ease-in-out; + cursor: pointer; + border: 1px solid transparent; position: absolute; - bottom: 20px; - left: 0px; - width: 100%; -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title { - margin-top: 15px; -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li { - background-color: #ffefe7; - width: 33.33%; -} -.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); -} -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) { - background-color: #ece8f7; + top: 0; + right: 0; + z-index: 9 !important; + background: transparent; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) { - background-color: #e8f1f8; +.subscription-form .button:hover { + background-color: var(--ac-primary); + color: #ffffff !important; + outline: none; + box-shadow: none; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul { - display: flex; - align-items: center; - justify-content: space-around; + +.contact-information { + margin-top: 28px; } -.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li { - padding: 16px; - font-size: 16px; - color: #393e46; - text-transform: uppercase; - font-weight: 500; - background-color: #e5f6ee; - width: 100%; +.contact-information h4 { + font-size: 18px; + color: #171B1C; } -.single-features-area:not(:last-child) { - margin-bottom: 30px; +.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 { - display: grid; - grid-template-columns: 35% 65%; +.all-contact-info li a span { + padding-right: 10px; } -.features-plan-area .single-features-area .single-features .features-plan { - display: flex; - align-items: center; - justify-content: center; - padding: 10px; - text-align: center; + +.footer-menu label { + font-size: 18px; + margin-bottom: 4px; + font-weight: 500; } -.features-plan-area .single-features-area .single-features:nth-child(odd) { - background-color: #ffffff; + +.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) .features-plan.community { - background-color: #edf9f3 !important; - color: #32325d; +.footer-link li a:last-child { + padding-bottom: 0; } -.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan { - color: #32325d; +.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(1) { - background-color: rgba(252, 96, 17, 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(odd) .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); + +.footer-bottom { + padding: 30px 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-bottom p { + font-size: 14px; + color: #515D63; + margin-bottom: 0; } -.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-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) { - background-color: #f7f9fb; +.footer-inline-link a:hover { + color: var(--ac-primary); } -.features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community { - background-color: #e6f3ef !important; - color: #32325d; +.footer-inline-link a:last-child { + margin-right: 0; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan { - color: #32325d; + +.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(1) { - background-color: rgba(252, 96, 17, 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:nth-child(even) .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); +.socail-link-inline li a:hover { + background: var(--ac-primary); + color: #ffffff; + border: 1px solid transparent; } -.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:last-child { + margin-right: 0; } -.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) { - background-color: rgba(25, 113, 189, 0.1); + +/**************************************** +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 { - margin-bottom: 0; +/*============================================================== + Documentation page style +==============================================================*/ + +.full-info { + overflow: hidden; } -.features-plan-area .single-features-area .single-features.title .features-name { - display: flex; - align-items: center; +.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 .features-plan.community { - background-color: #edf9f3 !important; - color: #00a651; +.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(1) { - background-color: rgba(252, 96, 17, 0.1); - color: #fc6011; +.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 .e-plan:nth-child(2) { - background-color: rgba(0, 114, 249, 0.1); - color: #0072f9; +.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 .e-plan:nth-child(3) { - background-color: rgba(63, 25, 173, 0.1); - color: #3f19ad; +.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.title .e-plan:nth-child(4) { - background-color: rgba(25, 113, 189, 0.1); - color: #1971bd; +.full-info h1 { + font-size: 2rem; + padding-bottom: 10px; + line-height: 1.3; } -.features-plan-area .single-features-area .single-features.title .features-name { - font-weight: 500; +.full-info h2 { + font-size: 24px; } -.features-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan { - font-weight: 500; +.full-info h3 { + font-size: 18px; } -.features-plan-area .single-features-area .single-features .features-name { - padding: 14px 20px; +.full-info h4 { font-size: 16px; - color: #393e46; } -.features-plan-area .single-features-area .single-features .features-name a { - font-family: "Roboto", sans-serif; - text-decoration: underline; -} -.features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip { - margin-left: 5px; - margin-top: 3px; - min-width: 16px; -} -.features-plan-area .single-features-area .single-features .features-plan-wrapper { - display: grid; - align-items: center; - grid-template-columns: 50% 50%; -} -.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; @@ -24817,41 +6115,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; } @@ -24920,23 +6183,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%; } } @@ -25151,35 +6410,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; @@ -25255,9 +6491,6 @@ Responsive Classes .products-features #nav-serialscrolling { top: 0; } - .products-features [data-serialscrolling-target] { - height: 100%; - } } .products-features .features-tabs { position: sticky; @@ -25283,10 +6516,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); } @@ -25358,9 +6587,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); @@ -25429,11 +6655,6 @@ Responsive Classes color: var(--ac-primary); } -[data-serialscrolling-target] { - height: 100vh; - /* your own styles here */ -} - #nav-serialscrolling { position: sticky; top: 40%; @@ -25449,14 +6670,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; } @@ -25600,106 +6813,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; } @@ -25967,14 +7080,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; @@ -25983,12 +7093,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; } @@ -25997,10 +7105,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; @@ -26135,4 +7239,5 @@ body.partner .fserv-button-submit { body.partner .fserv-button-submit:hover { box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important; transform: translateY(-2px); -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file +} +/*# sourceMappingURL=static/assets/sass/main.css.map */ \ No newline at end of file