@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800;900&display=swap');

body.lynkha-public {
    --lynkha-public-bg: #ffffff;
    --lynkha-public-panel: #ffffff;
    --lynkha-public-ink: #232323;
    --lynkha-public-copy: #3c3c3c;
    --lynkha-public-muted: #707070;
    --lynkha-public-border: #dedede;
    --lynkha-public-mint: #a1decd;
    --lynkha-public-mint-soft: #ecf5f5;
    --lynkha-public-warm: #f7efe5;
    --lynkha-public-rose: #f2e0dd;
    background: var(--lynkha-public-bg);
    color: var(--lynkha-public-ink);
    font-family: 'Jost', Arial, sans-serif;
    letter-spacing: 0;
}

body.lynkha-public[data-theme-style='dark'] {
    --lynkha-public-bg: #121212;
    --lynkha-public-panel: #1b1b1b;
    --lynkha-public-ink: #f5f3ee;
    --lynkha-public-copy: #d6d2ca;
    --lynkha-public-muted: #aaa69f;
    --lynkha-public-border: #3a3a3a;
    --lynkha-public-mint: #79bca9;
    --lynkha-public-mint-soft: #19322d;
    --lynkha-public-warm: #2c251f;
    --lynkha-public-rose: #332624;
}

.lynkha-public h1,
.lynkha-public h2,
.lynkha-public h3,
.lynkha-public h4,
.lynkha-public h5,
.lynkha-public h6 {
    color: var(--lynkha-public-ink);
    font-family: 'Playfair Display', Georgia, serif;
    letter-spacing: 0;
}

.lynkha-public p,
.lynkha-public .text-muted {
    color: var(--lynkha-public-copy) !important;
}

.lynkha-public a {
    color: #167c70;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lynkha-public a:hover,
.lynkha-public a:focus {
    color: #0f5f57;
}

.lynkha-public .lynkha-pricing-surface {
    display: none !important;
}

.lynkha-public #navbar,
.lynkha-public .app-sidebar,
.lynkha-public .app-sidebar-title,
.lynkha-public .app-sidebar-footer {
    background: #232323;
    color: #ffffff;
}

.lynkha-public #navbar {
    min-height: 76px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
}

.lynkha-public #navbar .navbar-brand,
.lynkha-public #navbar .nav-link {
    color: #ffffff !important;
}

.lynkha-public #navbar .navbar-brand,
.lynkha-public .app-sidebar-title a {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 800;
}

.lynkha-public #navbar .nav-link:hover,
.lynkha-public #navbar .nav-link:focus {
    color: var(--lynkha-public-mint) !important;
}

.lynkha-public .navbar-nav > li {
    margin-left: 10px;
}

.lynkha-public #navbar .navbar-custom-toggler {
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 0;
    color: #ffffff;
}

.lynkha-public .app-sidebar-links a,
.lynkha-public .app-sidebar-footer a,
.lynkha-public .app-sidebar-footer small {
    color: rgba(255, 255, 255, .78);
}

.lynkha-public .app-sidebar-links li:hover > a,
.lynkha-public .app-sidebar-links li.active > a,
.lynkha-public .app-sidebar-footer a:hover {
    color: #ffffff;
}

.lynkha-public .app-sidebar-links li.active {
    background: rgba(161, 222, 205, .15);
    box-shadow: inset 4px 0 0 var(--lynkha-public-mint);
}

[dir='rtl'] .lynkha-public .app-sidebar-links li.active {
    box-shadow: inset -4px 0 0 var(--lynkha-public-mint);
}

.lynkha-public .app-content {
    background: var(--lynkha-public-bg);
}

.lynkha-public .card,
.lynkha-public .modal-content,
.lynkha-public .dropdown-menu {
    border: 1px solid var(--lynkha-public-border);
    border-radius: 0 !important;
    background: var(--lynkha-public-panel);
    box-shadow: none;
}

.lynkha-public .card-header,
.lynkha-public .modal-header {
    border-bottom-color: var(--lynkha-public-border);
    background: var(--lynkha-public-warm);
}

.lynkha-public .dropdown-item {
    color: var(--lynkha-public-copy);
}

.lynkha-public .dropdown-item:hover,
.lynkha-public .dropdown-item:focus,
.lynkha-public .dropdown-item.active {
    background: var(--lynkha-public-mint-soft);
    color: var(--lynkha-public-ink);
}

.lynkha-public .form-control,
.lynkha-public .custom-select,
.lynkha-public .input-group-text,
.lynkha-public .select2-container .select2-selection--single,
.lynkha-public .select2-container .select2-selection--multiple {
    border-color: var(--lynkha-public-border);
    border-radius: 0 !important;
    background-color: var(--lynkha-public-panel);
    color: var(--lynkha-public-ink);
}

.lynkha-public .form-control:focus,
.lynkha-public .custom-select:focus,
.lynkha-public .select2-container--focus .select2-selection {
    border-color: var(--lynkha-public-ink);
    box-shadow: 3px 3px 0 var(--lynkha-public-mint) !important;
}

.lynkha-public .btn {
    border-radius: 0 !important;
    font-weight: 600;
    letter-spacing: 0;
}

.lynkha-public .btn-primary,
.lynkha-public .btn-primary:hover,
.lynkha-public .btn-primary:focus,
.lynkha-public .btn-primary:active {
    border-color: #232323 !important;
    background: #232323 !important;
    color: #ffffff !important;
}

.lynkha-public .btn-primary:hover,
.lynkha-public .btn-primary:focus {
    box-shadow: 4px 4px 0 var(--lynkha-public-mint) !important;
    transform: translate(-1px, -1px);
}

.lynkha-public .btn-outline-primary {
    border-width: 2px;
    border-color: var(--lynkha-public-ink);
    color: var(--lynkha-public-ink);
}

.lynkha-public .btn-outline-primary:hover,
.lynkha-public .btn-outline-primary:focus {
    border-color: var(--lynkha-public-ink);
    background: var(--lynkha-public-mint);
    color: #000000;
}

.lynkha-public .badge-primary,
.lynkha-public .bg-primary-100,
.lynkha-public .bg-primary-50 {
    background: var(--lynkha-public-mint) !important;
    color: #000000 !important;
}

.lynkha-public .text-primary {
    color: #167c70 !important;
}

.lynkha-public .alert {
    border: 1px solid var(--lynkha-public-border);
    border-radius: 0;
}

.lynkha-public .alert-info {
    border-color: #bfdada;
    background: var(--lynkha-public-mint-soft);
    color: var(--lynkha-public-ink);
}

.lynkha-public .table thead th {
    border-top: 0;
    border-bottom: 2px solid var(--lynkha-public-ink);
    color: var(--lynkha-public-ink);
    font-size: .75rem;
    text-transform: uppercase;
}

.lynkha-public .table td {
    border-top-color: var(--lynkha-public-border);
}

.lynkha-public .pagination .page-link {
    border-color: var(--lynkha-public-border);
    border-radius: 0 !important;
    color: var(--lynkha-public-ink);
}

.lynkha-public .pagination .page-item.active .page-link {
    border-color: #232323;
    background: #232323;
    color: #ffffff;
}

.lynkha-public .app-footer {
    padding: 3rem;
    border-top: 6px solid var(--lynkha-public-mint);
    background: #232323;
    color: #ffffff;
}

.lynkha-public .app-footer a,
.lynkha-public .app-footer .footer-heading,
.lynkha-public .app-footer .text-muted {
    color: #ffffff !important;
}

.lynkha-public .app-footer a:hover,
.lynkha-public .app-footer a:focus {
    color: var(--lynkha-public-mint) !important;
}

.lynkha-public.bg-gray-50 {
    background: var(--lynkha-public-warm) !important;
}

.lynkha-public.bg-gray-50 main .card {
    border: 2px solid var(--lynkha-public-ink);
    box-shadow: 7px 7px 0 var(--lynkha-public-mint);
}

@media (max-width: 991.98px) {
    .lynkha-public #navbar .navbar-collapse {
        padding: 1rem 0 1.25rem;
    }

    .lynkha-public #navbar .nav-link {
        padding: .7rem 0;
    }

    .lynkha-public .app-content > .container .navbar {
        border: 0 !important;
        border-radius: 0 !important;
        background: #232323 !important;
    }

    .lynkha-public .app-content > .container .navbar-brand,
    .lynkha-public .app-content > .container .navbar-custom-toggler {
        color: #ffffff;
    }
}

@media (max-width: 575.98px) {
    .lynkha-public .app-footer {
        padding: 2rem 1.25rem;
    }

    .lynkha-public.bg-gray-50 main .card .card-body {
        padding: 2rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lynkha-public a,
    .lynkha-public .btn {
        transition: none;
    }
}