/*
Theme Name: Fintek
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 1.0
*/

@font-face { font-family: "Space Grotesk"; src: url("font/SpaceGrotesk-VariableFont_wght.ttf") format("truetype"); }

:root { --sidebar-width: 260px; --primary-text-color: #22252A; }

body { margin-left: var(--sidebar-width); padding-top: 32px; font-family: "Space Grotesk"; background-color: #FBFAFA; color: var(--primary-text-color); }

#wpadminbar { opacity: 0; transition: opacity 0.3s ease-in-out; }
#wpadminbar:hover { opacity: 1; }

.container { max-width: 1159px; }

.text-primary { color: var(--primary-text-color)!important; }
.text-gray { color: #828282!important; }
.text-gray-2 { color: #4C5056!important; }
.text-purple { color: #D5B6FC!important;}
.text-purple-2 { color: #8426FF!important;  }

.bg-image-card-video { background-image: url(img/background-card.webp); background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-yellow { background-color: #FFBE57!important; }
.bg-purple { background-color: #F2E9FE!important; }

.fs-12 { font-size: 0.75rem!important; }
.fs-14 { font-size: 0.875rem!important; }
.fs-18 { font-size: 1.125rem!important; }
.fs-20 { font-size: 1.25rem!important; }
.fs-24 { font-size: 1.5rem!important; }
.fs-28 { font-size: 1.75rem!important; }

.ls--1 { letter-spacing: -0.01em!important; }
.ls-1 { letter-spacing: 0.01em!important; }
.ls-2 { letter-spacing: 0.02em!important; }
.ls-5 { letter-spacing: 0.05em!important; }

.fw-600 { font-weight: 600!important; }
.fw-700 { font-weight: 700!important; }

.text-decoration-none { text-decoration: none!important; }

.mt-9 { margin-top: 9px!important; }
.mt-11 { margin-top: 11px!important; }

.mt-14 { margin-top: 14px!important; }

.lh-120 { line-height: 1.2!important; }
.lh-130 { line-height: 1.3!important; }

.max-h-100 { max-height: 100px!important; }
.max-h-234 { max-height: 234px!important; }
.max-h-417 { max-height: 417px!important; }

.corner-cut-br { --cut-size: 14px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut-size)), calc(100% - var(--cut-size)) 100%, 0 100%); }

.margin-custom-1 { margin-top: 97px; }

.border-custom-1 { border: 1px solid #FAF6FF; }

/* Navbar */
.site-sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: var(--sidebar-width); display: flex; flex-direction: column; z-index: 1030; overflow-y: auto; background-color: red; }